{"remainingRequest":"D:\\源码\\vue-element-admin-master\\node_modules\\babel-loader\\lib\\index.js!D:\\源码\\vue-element-admin-master\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!D:\\源码\\vue-element-admin-master\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\源码\\vue-element-admin-master\\src\\layout\\index.vue?vue&type=script&lang=js&","dependencies":[{"path":"D:\\源码\\vue-element-admin-master\\src\\layout\\index.vue","mtime":1649647926000},{"path":"D:\\源码\\vue-element-admin-master\\babel.config.js","mtime":1649647926000},{"path":"D:\\源码\\vue-element-admin-master\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\源码\\vue-element-admin-master\\node_modules\\babel-loader\\lib\\index.js","mtime":315532800000},{"path":"D:\\源码\\vue-element-admin-master\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\源码\\vue-element-admin-master\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:aW1wb3J0IF9vYmplY3RTcHJlYWQgZnJvbSAiRDovXHU2RTkwXHU3ODAxL3Z1ZS1lbGVtZW50LWFkbWluLW1hc3Rlci9ub2RlX21vZHVsZXMvQGJhYmVsL3J1bnRpbWUvaGVscGVycy9lc20vb2JqZWN0U3ByZWFkMi5qcyI7Ci8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCmltcG9ydCBSaWdodFBhbmVsIGZyb20gJ0AvY29tcG9uZW50cy9SaWdodFBhbmVsJzsKaW1wb3J0IHsgQXBwTWFpbiwgTmF2YmFyLCBTZXR0aW5ncywgU2lkZWJhciwgVGFnc1ZpZXcgfSBmcm9tICcuL2NvbXBvbmVudHMnOwppbXBvcnQgUmVzaXplTWl4aW4gZnJvbSAnLi9taXhpbi9SZXNpemVIYW5kbGVyJzsKaW1wb3J0IHsgbWFwU3RhdGUgfSBmcm9tICd2dWV4JzsKZXhwb3J0IGRlZmF1bHQgewogIG5hbWU6ICdMYXlvdXQnLAogIGNvbXBvbmVudHM6IHsKICAgIEFwcE1haW46IEFwcE1haW4sCiAgICBOYXZiYXI6IE5hdmJhciwKICAgIFJpZ2h0UGFuZWw6IFJpZ2h0UGFuZWwsCiAgICBTZXR0aW5nczogU2V0dGluZ3MsCiAgICBTaWRlYmFyOiBTaWRlYmFyLAogICAgVGFnc1ZpZXc6IFRhZ3NWaWV3CiAgfSwKICBtaXhpbnM6IFtSZXNpemVNaXhpbl0sCiAgY29tcHV0ZWQ6IF9vYmplY3RTcHJlYWQoX29iamVjdFNwcmVhZCh7fSwgbWFwU3RhdGUoewogICAgc2lkZWJhcjogZnVuY3Rpb24gc2lkZWJhcihzdGF0ZSkgewogICAgICByZXR1cm4gc3RhdGUuYXBwLnNpZGViYXI7CiAgICB9LAogICAgZGV2aWNlOiBmdW5jdGlvbiBkZXZpY2Uoc3RhdGUpIHsKICAgICAgcmV0dXJuIHN0YXRlLmFwcC5kZXZpY2U7CiAgICB9LAogICAgc2hvd1NldHRpbmdzOiBmdW5jdGlvbiBzaG93U2V0dGluZ3Moc3RhdGUpIHsKICAgICAgcmV0dXJuIHN0YXRlLnNldHRpbmdzLnNob3dTZXR0aW5nczsKICAgIH0sCiAgICBuZWVkVGFnc1ZpZXc6IGZ1bmN0aW9uIG5lZWRUYWdzVmlldyhzdGF0ZSkgewogICAgICByZXR1cm4gc3RhdGUuc2V0dGluZ3MudGFnc1ZpZXc7CiAgICB9LAogICAgZml4ZWRIZWFkZXI6IGZ1bmN0aW9uIGZpeGVkSGVhZGVyKHN0YXRlKSB7CiAgICAgIHJldHVybiBzdGF0ZS5zZXR0aW5ncy5maXhlZEhlYWRlcjsKICAgIH0KICB9KSksIHt9LCB7CiAgICBjbGFzc09iajogZnVuY3Rpb24gY2xhc3NPYmooKSB7CiAgICAgIHJldHVybiB7CiAgICAgICAgaGlkZVNpZGViYXI6ICF0aGlzLnNpZGViYXIub3BlbmVkLAogICAgICAgIG9wZW5TaWRlYmFyOiB0aGlzLnNpZGViYXIub3BlbmVkLAogICAgICAgIHdpdGhvdXRBbmltYXRpb246IHRoaXMuc2lkZWJhci53aXRob3V0QW5pbWF0aW9uLAogICAgICAgIG1vYmlsZTogdGhpcy5kZXZpY2UgPT09ICdtb2JpbGUnCiAgICAgIH07CiAgICB9CiAgfSksCiAgbWV0aG9kczogewogICAgaGFuZGxlQ2xpY2tPdXRzaWRlOiBmdW5jdGlvbiBoYW5kbGVDbGlja091dHNpZGUoKSB7CiAgICAgIHRoaXMuJHN0b3JlLmRpc3BhdGNoKCdhcHAvY2xvc2VTaWRlQmFyJywgewogICAgICAgIHdpdGhvdXRBbmltYXRpb246IGZhbHNlCiAgICAgIH0pOwogICAgfQogIH0KfTs="},{"version":3,"mappings":";;;;;;;;;;;;;;;;;;AAkBA;AACA;AACA;AACA;AAEA;EACAA,cADA;EAEAC;IACAC,gBADA;IAEAC,cAFA;IAGAC,sBAHA;IAIAC,kBAJA;IAKAC,gBALA;IAMAC;EANA,CAFA;EAUAC,qBAVA;EAWAC,0CACAC;IACAC;MAAA;IAAA,CADA;IAEAC;MAAA;IAAA,CAFA;IAGAC;MAAA;IAAA,CAHA;IAIAC;MAAA;IAAA,CAJA;IAKAC;MAAA;IAAA;EALA,EADA;IAQAC,QARA,sBAQA;MACA;QACAC,iCADA;QAEAC,gCAFA;QAGAC,+CAHA;QAIAC;MAJA;IAMA;EAfA,EAXA;EA4BAC;IACAC,kBADA,gCACA;MACA;QAAAH;MAAA;IACA;EAHA;AA5BA","names":["name","components","AppMain","Navbar","RightPanel","Settings","Sidebar","TagsView","mixins","computed","mapState","sidebar","device","showSettings","needTagsView","fixedHeader","classObj","hideSidebar","openSidebar","withoutAnimation","mobile","methods","handleClickOutside"],"sourceRoot":"src/layout","sources":["index.vue"],"sourcesContent":["<template>\n  <div :class=\"classObj\" class=\"app-wrapper\">\n    <div v-if=\"device==='mobile'&&sidebar.opened\" class=\"drawer-bg\" @click=\"handleClickOutside\" />\n    <sidebar class=\"sidebar-container\" />\n    <div :class=\"{hasTagsView:needTagsView}\" class=\"main-container\">\n      <div :class=\"{'fixed-header':fixedHeader}\">\n        <navbar />\n        <tags-view v-if=\"needTagsView\" />\n      </div>\n      <app-main />\n      <right-panel v-if=\"showSettings\">\n        <settings />\n      </right-panel>\n    </div>\n  </div>\n</template>\n\n<script>\nimport RightPanel from '@/components/RightPanel'\nimport { AppMain, Navbar, Settings, Sidebar, TagsView } from './components'\nimport ResizeMixin from './mixin/ResizeHandler'\nimport { mapState } from 'vuex'\n\nexport default {\n  name: 'Layout',\n  components: {\n    AppMain,\n    Navbar,\n    RightPanel,\n    Settings,\n    Sidebar,\n    TagsView\n  },\n  mixins: [ResizeMixin],\n  computed: {\n    ...mapState({\n      sidebar: state => state.app.sidebar,\n      device: state => state.app.device,\n      showSettings: state => state.settings.showSettings,\n      needTagsView: state => state.settings.tagsView,\n      fixedHeader: state => state.settings.fixedHeader\n    }),\n    classObj() {\n      return {\n        hideSidebar: !this.sidebar.opened,\n        openSidebar: this.sidebar.opened,\n        withoutAnimation: this.sidebar.withoutAnimation,\n        mobile: this.device === 'mobile'\n      }\n    }\n  },\n  methods: {\n    handleClickOutside() {\n      this.$store.dispatch('app/closeSideBar', { withoutAnimation: false })\n    }\n  }\n}\n</script>\n\n<style lang=\"scss\" scoped>\n  @import \"~@/styles/mixin.scss\";\n  @import \"~@/styles/variables.scss\";\n\n  .app-wrapper {\n    @include clearfix;\n    position: relative;\n    height: 100%;\n    width: 100%;\n\n    &.mobile.openSidebar {\n      position: fixed;\n      top: 0;\n    }\n  }\n\n  .drawer-bg {\n    background: #000;\n    opacity: 0.3;\n    width: 100%;\n    top: 0;\n    height: 100%;\n    position: absolute;\n    z-index: 999;\n  }\n\n  .fixed-header {\n    position: fixed;\n    top: 0;\n    right: 0;\n    z-index: 9;\n    width: calc(100% - #{$sideBarWidth});\n    transition: width 0.28s;\n  }\n\n  .hideSidebar .fixed-header {\n    width: calc(100% - 54px)\n  }\n\n  .mobile .fixed-header {\n    width: 100%;\n  }\n</style>\n"]}]}