{"remainingRequest":"E:\\boman-framwork\\ruoyi-ui\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!E:\\boman-framwork\\ruoyi-ui\\src\\layout\\index.vue?vue&type=script&lang=js&","dependencies":[{"path":"E:\\boman-framwork\\ruoyi-ui\\src\\layout\\index.vue","mtime":1619333322761},{"path":"E:\\boman-framwork\\ruoyi-ui\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"E:\\boman-framwork\\ruoyi-ui\\node_modules\\babel-loader\\lib\\index.js","mtime":315532800000},{"path":"E:\\boman-framwork\\ruoyi-ui\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"E:\\boman-framwork\\ruoyi-ui\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:Ly8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KDQppbXBvcnQgUmlnaHRQYW5lbCBmcm9tICdAL2NvbXBvbmVudHMvUmlnaHRQYW5lbCcNCmltcG9ydCB7IEFwcE1haW4sIE5hdmJhciwgU2V0dGluZ3MsIFNpZGViYXIsIFRhZ3NWaWV3IH0gZnJvbSAnLi9jb21wb25lbnRzJw0KaW1wb3J0IFJlc2l6ZU1peGluIGZyb20gJy4vbWl4aW4vUmVzaXplSGFuZGxlcicNCmltcG9ydCB7IG1hcFN0YXRlIH0gZnJvbSAndnVleCcNCmltcG9ydCB2YXJpYWJsZXMgZnJvbSAnQC9hc3NldHMvc3R5bGVzL3ZhcmlhYmxlcy5zY3NzJw0KDQpleHBvcnQgZGVmYXVsdCB7DQogIG5hbWU6ICdMYXlvdXQnLA0KICBjb21wb25lbnRzOiB7DQogICAgQXBwTWFpbiwNCiAgICBOYXZiYXIsDQogICAgUmlnaHRQYW5lbCwNCiAgICBTZXR0aW5ncywNCiAgICBTaWRlYmFyLA0KICAgIFRhZ3NWaWV3DQogIH0sDQogIG1peGluczogW1Jlc2l6ZU1peGluXSwNCiAgY29tcHV0ZWQ6IHsNCiAgICAuLi5tYXBTdGF0ZSh7DQogICAgICB0aGVtZTogc3RhdGUgPT4gc3RhdGUuc2V0dGluZ3MudGhlbWUsDQogICAgICBzaWRlVGhlbWU6IHN0YXRlID0+IHN0YXRlLnNldHRpbmdzLnNpZGVUaGVtZSwNCiAgICAgIHNpZGViYXI6IHN0YXRlID0+IHN0YXRlLmFwcC5zaWRlYmFyLA0KICAgICAgZGV2aWNlOiBzdGF0ZSA9PiBzdGF0ZS5hcHAuZGV2aWNlLA0KICAgICAgc2hvd1NldHRpbmdzOiBzdGF0ZSA9PiBzdGF0ZS5zZXR0aW5ncy5zaG93U2V0dGluZ3MsDQogICAgICBuZWVkVGFnc1ZpZXc6IHN0YXRlID0+IHN0YXRlLnNldHRpbmdzLnRhZ3NWaWV3LA0KICAgICAgZml4ZWRIZWFkZXI6IHN0YXRlID0+IHN0YXRlLnNldHRpbmdzLmZpeGVkSGVhZGVyDQogICAgfSksDQogICAgY2xhc3NPYmooKSB7DQogICAgICByZXR1cm4gew0KICAgICAgICBoaWRlU2lkZWJhcjogIXRoaXMuc2lkZWJhci5vcGVuZWQsDQogICAgICAgIG9wZW5TaWRlYmFyOiB0aGlzLnNpZGViYXIub3BlbmVkLA0KICAgICAgICB3aXRob3V0QW5pbWF0aW9uOiB0aGlzLnNpZGViYXIud2l0aG91dEFuaW1hdGlvbiwNCiAgICAgICAgbW9iaWxlOiB0aGlzLmRldmljZSA9PT0gJ21vYmlsZScNCiAgICAgIH0NCiAgICB9LA0KICAgIHZhcmlhYmxlcygpIHsNCiAgICAgIHJldHVybiB2YXJpYWJsZXM7DQogICAgfQ0KICB9LA0KICBtZXRob2RzOiB7DQogICAgaGFuZGxlQ2xpY2tPdXRzaWRlKCkgew0KICAgICAgdGhpcy4kc3RvcmUuZGlzcGF0Y2goJ2FwcC9jbG9zZVNpZGVCYXInLCB7IHdpdGhvdXRBbmltYXRpb246IGZhbHNlIH0pDQogICAgfQ0KICB9DQp9DQo="},{"version":3,"sources":["index.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAkBA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"index.vue","sourceRoot":"src/layout","sourcesContent":["<template>\r\n  <div :class=\"classObj\" class=\"app-wrapper\" :style=\"{'--current-color': theme}\">\r\n    <div v-if=\"device==='mobile'&&sidebar.opened\" class=\"drawer-bg\" @click=\"handleClickOutside\"/>\r\n    <sidebar class=\"sidebar-container\" :style=\"{ backgroundColor: sideTheme === 'theme-dark' ? variables.menuBg : variables.menuLightBg }\" />\r\n    <div :class=\"{hasTagsView:needTagsView}\" class=\"main-container\">\r\n      <div :class=\"{'fixed-header':fixedHeader}\">\r\n        <navbar />\r\n        <tags-view v-if=\"needTagsView\"/>\r\n      </div>\r\n      <app-main />\r\n      <right-panel v-if=\"showSettings\">\r\n        <settings />\r\n      </right-panel>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport RightPanel from '@/components/RightPanel'\r\nimport { AppMain, Navbar, Settings, Sidebar, TagsView } from './components'\r\nimport ResizeMixin from './mixin/ResizeHandler'\r\nimport { mapState } from 'vuex'\r\nimport variables from '@/assets/styles/variables.scss'\r\n\r\nexport default {\r\n  name: 'Layout',\r\n  components: {\r\n    AppMain,\r\n    Navbar,\r\n    RightPanel,\r\n    Settings,\r\n    Sidebar,\r\n    TagsView\r\n  },\r\n  mixins: [ResizeMixin],\r\n  computed: {\r\n    ...mapState({\r\n      theme: state => state.settings.theme,\r\n      sideTheme: state => state.settings.sideTheme,\r\n      sidebar: state => state.app.sidebar,\r\n      device: state => state.app.device,\r\n      showSettings: state => state.settings.showSettings,\r\n      needTagsView: state => state.settings.tagsView,\r\n      fixedHeader: state => state.settings.fixedHeader\r\n    }),\r\n    classObj() {\r\n      return {\r\n        hideSidebar: !this.sidebar.opened,\r\n        openSidebar: this.sidebar.opened,\r\n        withoutAnimation: this.sidebar.withoutAnimation,\r\n        mobile: this.device === 'mobile'\r\n      }\r\n    },\r\n    variables() {\r\n      return variables;\r\n    }\r\n  },\r\n  methods: {\r\n    handleClickOutside() {\r\n      this.$store.dispatch('app/closeSideBar', { withoutAnimation: false })\r\n    }\r\n  }\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n  @import \"~@/assets/styles/mixin.scss\";\r\n  @import \"~@/assets/styles/variables.scss\";\r\n\r\n  .app-wrapper {\r\n    @include clearfix;\r\n    position: relative;\r\n    height: 100%;\r\n    width: 100%;\r\n\r\n    &.mobile.openSidebar {\r\n      position: fixed;\r\n      top: 0;\r\n    }\r\n  }\r\n\r\n  .drawer-bg {\r\n    background: #000;\r\n    opacity: 0.3;\r\n    width: 100%;\r\n    top: 0;\r\n    height: 100%;\r\n    position: absolute;\r\n    z-index: 999;\r\n  }\r\n\r\n  .fixed-header {\r\n    position: fixed;\r\n    top: 0;\r\n    right: 0;\r\n    z-index: 9;\r\n    width: calc(100% - #{$sideBarWidth});\r\n    transition: width 0.28s;\r\n  }\r\n\r\n  .hideSidebar .fixed-header {\r\n    width: calc(100% - 54px)\r\n  }\r\n\r\n  .mobile .fixed-header {\r\n    width: 100%;\r\n  }\r\n</style>\r\n"]}]}