{"remainingRequest":"C:\\Users\\Administrator\\Desktop\\最新\\supervision-ui\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\Administrator\\Desktop\\最新\\supervision-ui\\src\\layout\\index.vue?vue&type=script&lang=js&","dependencies":[{"path":"C:\\Users\\Administrator\\Desktop\\最新\\supervision-ui\\src\\layout\\index.vue","mtime":1647228900698},{"path":"C:\\Users\\Administrator\\Desktop\\最新\\supervision-ui\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"C:\\Users\\Administrator\\Desktop\\最新\\supervision-ui\\node_modules\\babel-loader\\lib\\index.js","mtime":315532800000},{"path":"C:\\Users\\Administrator\\Desktop\\最新\\supervision-ui\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"C:\\Users\\Administrator\\Desktop\\最新\\supervision-ui\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:Ly8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KDQppbXBvcnQgUmlnaHRQYW5lbCBmcm9tICJAL2NvbXBvbmVudHMvUmlnaHRQYW5lbCI7DQppbXBvcnQgeyBBcHBNYWluLCBOYXZiYXIsIFNldHRpbmdzLCBTaWRlYmFyLCBUYWdzVmlldyB9IGZyb20gIi4vY29tcG9uZW50cyI7DQppbXBvcnQgUmVzaXplTWl4aW4gZnJvbSAiLi9taXhpbi9SZXNpemVIYW5kbGVyIjsNCmltcG9ydCB7IG1hcFN0YXRlIH0gZnJvbSAidnVleCI7DQppbXBvcnQgdmFyaWFibGVzIGZyb20gIkAvYXNzZXRzL3N0eWxlcy92YXJpYWJsZXMuc2NzcyI7DQoNCmV4cG9ydCBkZWZhdWx0IHsNCiAgbmFtZTogIkxheW91dCIsDQogIGNvbXBvbmVudHM6IHsNCiAgICBBcHBNYWluLA0KICAgIE5hdmJhciwNCiAgICBSaWdodFBhbmVsLA0KICAgIFNldHRpbmdzLA0KICAgIFNpZGViYXIsDQogICAgVGFnc1ZpZXcsDQogIH0sDQogIG1peGluczogW1Jlc2l6ZU1peGluXSwNCiAgY29tcHV0ZWQ6IHsNCiAgICAuLi5tYXBTdGF0ZSh7DQogICAgICB0aGVtZTogKHN0YXRlKSA9PiBzdGF0ZS5zZXR0aW5ncy50aGVtZSwNCiAgICAgIHNpZGVUaGVtZTogKHN0YXRlKSA9PiBzdGF0ZS5zZXR0aW5ncy5zaWRlVGhlbWUsDQogICAgICBzaWRlYmFyOiAoc3RhdGUpID0+IHN0YXRlLmFwcC5zaWRlYmFyLA0KICAgICAgZGV2aWNlOiAoc3RhdGUpID0+IHN0YXRlLmFwcC5kZXZpY2UsDQogICAgICBuZWVkVGFnc1ZpZXc6IChzdGF0ZSkgPT4gc3RhdGUuc2V0dGluZ3MudGFnc1ZpZXcsDQogICAgICBmaXhlZEhlYWRlcjogKHN0YXRlKSA9PiBzdGF0ZS5zZXR0aW5ncy5maXhlZEhlYWRlciwNCiAgICB9KSwNCiAgICBjbGFzc09iaigpIHsNCiAgICAgIHJldHVybiB7DQogICAgICAgIGhpZGVTaWRlYmFyOiAhdGhpcy5zaWRlYmFyLm9wZW5lZCwNCiAgICAgICAgb3BlblNpZGViYXI6IHRoaXMuc2lkZWJhci5vcGVuZWQsDQogICAgICAgIHdpdGhvdXRBbmltYXRpb246IHRoaXMuc2lkZWJhci53aXRob3V0QW5pbWF0aW9uLA0KICAgICAgICBtb2JpbGU6IHRoaXMuZGV2aWNlID09PSAibW9iaWxlIiwNCiAgICAgIH07DQogICAgfSwNCiAgICB2YXJpYWJsZXMoKSB7DQogICAgICByZXR1cm4gdmFyaWFibGVzOw0KICAgIH0sDQogIH0sDQogIG1ldGhvZHM6IHsNCiAgICBoYW5kbGVDbGlja091dHNpZGUoKSB7DQogICAgICB0aGlzLiRzdG9yZS5kaXNwYXRjaCgiYXBwL2Nsb3NlU2lkZUJhciIsIHsgd2l0aG91dEFuaW1hdGlvbjogZmFsc2UgfSk7DQogICAgfSwNCiAgfSwNCn07DQo="},{"version":3,"sources":["index.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AA0BA;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","file":"index.vue","sourceRoot":"src/layout","sourcesContent":["<template>\r\n  <div\r\n    :class=\"classObj\"\r\n    class=\"app-wrapper\"\r\n    :style=\"{ '--current-color': theme }\"\r\n  >\r\n    <div\r\n      v-if=\"device === 'mobile' && sidebar.opened\"\r\n      class=\"drawer-bg\"\r\n      @click=\"handleClickOutside\"\r\n    />\r\n    <sidebar class=\"sidebar-container\" />\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>\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      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% - #{$base-sidebar-width});\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"]}]}