{"version":3,"sources":["webpack:///./src/components/business/header/InsSlideMenu.vue?761e","webpack:///./src/components/business/header/InsSlideMenu.vue","webpack:///./src/components/business/header/InsSlideMenu.vue?3a8a","webpack:///./src/components/business/header/InsSlideMenu.vue?1dbc","webpack:///./src/components/business/header/InsSlideMenu.vue?a9b9"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","class","showMenu","direction","attrs","_t","staticRenderFns","width","height","showFixedHeader","document","querySelector","clientHeight","getElementById","documentElement","$store","dispatch","window","addEventListener","setMenuHeight","val","body","style","overflow","state","isShowMenu","default","deep","component"],"mappings":"yHAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACA,EAAG,MAAM,CAACE,YAAY,oBAAoBC,MAAM,CAAC,YAAeP,EAAIQ,SAAS,KAAyB,QAAjBR,EAAIS,UAAoB,IAAwB,OAAjBT,EAAIS,UAAoB,MAA0B,SAAjBT,EAAIS,YAAuB,CAACL,EAAG,eAAe,CAACM,MAAM,CAAC,aAAa,sBAAsB,CAACV,EAAIW,GAAG,YAAY,IAAI,MAC5WC,EAAkB,G,oFCgBD,EAArB,YADA,iD,+DAIU,EAAAC,MAAgB,GAChB,EAAAC,OAAiB,GAL3B,EACA,mFAUSb,KAAKc,gBAGDC,SAASC,cAAc,gBAAgCC,aAFvDF,SAASG,eAAe,UAA0BD,aAK1CF,SAASI,gBAAgBF,eAhB9C,2CAqCIjB,KAAKoB,OAAOC,SAAS,cAAc,KArCvC,gCAyDS,WACLC,OAAOC,iBAAiB,UAAU,WAC5B,EAAKhB,UACP,EAAKiB,qBA5Db,iCAkEcC,GACNA,GACFV,SAASW,KAAKC,MAAMC,SAAW,SAG/B5B,KAAKwB,iBAGLT,SAASW,KAAKC,MAAMC,SAAW,SA1ErC,sCA4BI,OAAO5B,KAAKoB,OAAOS,MAAMf,kBA5B7B,+BAiCI,OAAOd,KAAKoB,OAAOS,MAAMC,eAjC7B,GAA0C,QACb,QAA1B,eAAK,CAAEC,QAAS,U,gCAiEjB,QADC,eAAM,WAAY,CAAEC,MAAM,K,yBAW1B,MA5EkB,EAAY,QADhC,QACoB,WCjB8b,I,wBCQ/cC,EAAY,eACd,EACAnC,EACAa,GACA,EACA,KACA,WACA,MAIa,aAAAsB,E,oECnBf,yBAAoqB,EAAG","file":"js/chunk-ee537b8c.ea3b4e46.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('div',{staticClass:\"sidebar-container\",class:{'hiddenMenu': !_vm.showMenu,'left': _vm.direction == 'left','top': _vm.direction == 'top', 'right': _vm.direction == 'right'}},[_c('el-scrollbar',{attrs:{\"wrap-class\":\"scrollbar-wrapper\"}},[_vm._t(\"default\")],2)],1)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","\n\n\n\n\n\n\n\n\n\n\n\n\n\r\nimport { Component, Prop, Vue, Watch } from 'vue-property-decorator';\r\n\r\n@Component\r\nexport default class InsSlideMenu extends Vue {\r\n  @Prop({ default: 'left' }) private direction !: string;\r\n  // private direction: string = ''; // 菜單滑出方向: 'top', 'left', 'right'\r\n  private width: string = ''; // 菜單寬度：'top'默認'100%'，僅在position值非'top'的情況生效\r\n  private height: string = ''; // 菜單最大高度：僅在position值'top'的情況生效，其餘值默認'100%'\r\n  // private Embedded: boolean = this.FrontE.slideMenu.Embedded || false; // 菜單是否內嵌 => 默認值 false ，僅在position值為非'top'的情況生效\r\n\r\n  // 設置內嵌菜單的相關高度\r\n  setMenuHeight () {\r\n    let top = 0;\r\n    if (!this.showFixedHeader) {\r\n      top = (document.getElementById('header') as HTMLElement).clientHeight;\r\n    } else {\r\n      top = (document.querySelector('.FixedHeader') as HTMLElement).clientHeight;\r\n    }\r\n\r\n    let bodyHeight = document.documentElement.clientHeight;\r\n\r\n    console.log(bodyHeight, 'bodyHeight', top, 'top');\r\n\r\n    // this.height = (bodyHeight - top) + 'px';\r\n    // (document.querySelector('.sidebar-container') as HTMLElement).style.top = top + 'px';\r\n    // (document.querySelector('.drawer-bg') as HTMLElement).style.height = (bodyHeight - top) + 'px';\r\n    // (document.querySelector('.drawer-bg') as HTMLElement).style.top = top + 'px';\r\n  }\r\n\r\n  // 是否處於顯示固定頭部狀態\r\n  get showFixedHeader () {\r\n    return this.$store.state.showFixedHeader;\r\n  }\r\n\r\n  // 是否顯示滑動側欄菜單\r\n  get showMenu () {\r\n    return this.$store.state.isShowMenu;\r\n  }\r\n\r\n  handleClickOutside () {\r\n    this.$store.dispatch('isShowMenu', false);\r\n  }\r\n\r\n  // created () {\r\n  //   // 設置菜單參數值\r\n  //   this.direction = this.FrontE.slideMenu.direction || 'left';\r\n  //   this.width = this.direction !== 'left' && this.FrontE.slideMenu.width ? this.FrontE.slideMenu.width : '100%';\r\n  //   if (!this.Embedded) {\r\n  //     this.height = this.direction === 'left' && this.FrontE.slideMenu.height ? this.FrontE.slideMenu.height : '100%';\r\n  //   } else {\r\n  //     // console.log((document.getElementById('header') as HTMLElement).clientHeight, '頭部高度id');\r\n  //     // console.log((document.querySelector('.header-box') as HTMLElement).clientHeight, '頭部高度querySelector');\r\n\r\n  //     // let top = (document.getElementById('header') as HTMLElement).clientHeight;\r\n  //     // let bodyHeight = document.body.clientHeight;\r\n\r\n  //     // this.height = (bodyHeight - top) + 'px';\r\n  //   }\r\n  // }\r\n\r\n  mounted () {\r\n    window.addEventListener('resize', () => {\r\n      if (this.showMenu) {\r\n        this.setMenuHeight();\r\n      }\r\n    });\r\n  }\r\n\r\n  @Watch('showMenu', { deep: true })\r\n  onShowMenu (val) {\r\n    if (val) {\r\n      document.body.style.overflow = 'hidden';\r\n\r\n      // if (this.Embedded && this.direction !== 'left') {\r\n      this.setMenuHeight();\r\n      // }\r\n    } else {\r\n      document.body.style.overflow = 'auto';\r\n    }\r\n  }\r\n}\r\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--14-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/@vue/cli-plugin-typescript/node_modules/ts-loader/index.js??ref--14-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./InsSlideMenu.vue?vue&type=script&lang=ts&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--14-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/@vue/cli-plugin-typescript/node_modules/ts-loader/index.js??ref--14-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./InsSlideMenu.vue?vue&type=script&lang=ts&\"","import { render, staticRenderFns } from \"./InsSlideMenu.vue?vue&type=template&id=2eedf4fd&scoped=true&\"\nimport script from \"./InsSlideMenu.vue?vue&type=script&lang=ts&\"\nexport * from \"./InsSlideMenu.vue?vue&type=script&lang=ts&\"\nimport style0 from \"./InsSlideMenu.vue?vue&type=style&index=0&id=2eedf4fd&scoped=true&lang=less&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"2eedf4fd\",\n  null\n  \n)\n\nexport default component.exports","import mod from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--10-oneOf-1-0!../../../../node_modules/css-loader/index.js??ref--10-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--10-oneOf-1-2!../../../../node_modules/less-loader/dist/cjs.js??ref--10-oneOf-1-3!../../../../node_modules/style-resources-loader/lib/index.js??ref--10-oneOf-1-4!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./InsSlideMenu.vue?vue&type=style&index=0&id=2eedf4fd&scoped=true&lang=less&\"; export default mod; export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--10-oneOf-1-0!../../../../node_modules/css-loader/index.js??ref--10-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--10-oneOf-1-2!../../../../node_modules/less-loader/dist/cjs.js??ref--10-oneOf-1-3!../../../../node_modules/style-resources-loader/lib/index.js??ref--10-oneOf-1-4!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./InsSlideMenu.vue?vue&type=style&index=0&id=2eedf4fd&scoped=true&lang=less&\""],"sourceRoot":""}