{"version":3,"sources":["webpack:///./src/views/layout/components/tags/tagPanel.vue","webpack:///src/views/layout/components/tags/tagPanel.vue","webpack:///./src/views/layout/components/tags/tagPanel.vue?eb37","webpack:///./src/views/layout/components/tags/tagPanel.vue?5b28","webpack:///./src/views/layout/components/tags/tagPanel.vue?e6bf"],"names":["render","_vm","this","_c","_self","staticClass","staticRenderFns","component"],"mappings":"yHAAA,IAAIA,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACE,YAAY,gBAErFC,EAAkB,GCyBP,KC3BgX,I,wBCQ3XC,EAAY,eACd,EACAP,EACAM,GACA,EACA,KACA,WACA,MAIa,aAAAC,E,kECnBf","file":"js/chunk-02834185.50eb6046.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"tags-panel\"})\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"tags-panel\">\r\n    <!-- <i class=\"el-icon-arrow-left arrow left\" @click=\"beginPos > 0 && beginPos--\" />\r\n    <i class=\"el-icon-arrow-right arrow right\" @click=\"getEndTagPos >= panelWidth && beginPos++\" />\r\n    <div class=\"main-panel\">\r\n      <div class=\"scroll-box\">\r\n        <TagItem class=\"item\" title=\"主页\" :class=\"{active: getCurrentMenuId == null}\" v-show=\"0 >= beginPos\" :supportClose=\"false\"\r\n          @click.native=\"onTagItemClick(null)\" @contextmenu.prevent.native=\"openMenu(null, $event)\" />\r\n        <TagItem class=\"item\" v-for=\"(item, index) in tagList\" :key=\"item.menuId\" :title=\"item.menuName\"\r\n          :class=\"{active: item.menuId === getCurrentMenuId}\" v-show=\"(index + 1) >= beginPos\"\r\n          @close=\"onTagItemClose(item)\" @click.native=\"onTagItemClick(item)\"\r\n          @contextmenu.prevent.native=\"openMenu(item, $event)\" />\r\n      </div>\r\n    </div>\r\n    <div v-show=\"visible\" @click.stop=\"onMenuMaskClick\" @contextmenu=\"openMaskMenu\"\r\n      style=\"z-index: 99999; position: fixed; background: rgba(0, 0, 0, 0.01); width: 100vw; height: 100vh; top: 0px; left: 0px\">\r\n      <ul class=\"contextmenu\" style=\"z-index: 99999; background: white;\" :style=\"{left: left + 'px', top: top + 'px'}\">\r\n        <li @click=\"closeSelectTag\">关闭</li>\r\n        <li @click=\"closeOthersTags\">关闭其他</li>\r\n      </ul>\r\n    </div> -->\r\n  </div>\r\n</template>\r\n\r\n<script>\r\n// import { mapGetters, mapMutations } from 'vuex';\r\n// import TagItem from './tagItem.vue';\r\nexport default {\r\n  // props: {\r\n  //   tagList: Array\r\n  // },\r\n  // components: {\r\n  //   TagItem\r\n  // },\r\n  // data () {\r\n  //   return {\r\n  //     panelWidth: 0,\r\n  //     beginPos: 0,\r\n  //     visible: false,\r\n  //     top: 0,\r\n  //     left: 0,\r\n  //     selectedItem: undefined\r\n  //   }\r\n  // },\r\n  // methods: {\r\n//     openMenu (item, e) {\r\n//       this.visible = true;\r\n//       this.selectedItem = item;\r\n//       this.left = e.clientX;\r\n//       this.top = e.clientY;\r\n//     },\r\n//     openMaskMenu (e) {\r\n//       e.preventDefault();\r\n//     },\r\n//     onMenuMaskClick () {\r\n//       this.visible = false;\r\n//     },\r\n//     closeSelectTag () {\r\n//       if (this.selectedItem != null) this.onTagItemClose(this.selectedItem);\r\n//       this.visible = false;\r\n//     },\r\n//     closeOthersTags () {\r\n//       this.selectedItem ? this.closeOtherTags(this.selectedItem.menuId) : this.clearAllTags();\r\n//       this.visible = false;\r\n//     },\r\n//     onTagItemClose (item) {\r\n//       this.removeTag(item.menuId);\r\n//     },\r\n//     onTagItemClick (item) {\r\n//       this.setCurrentMenuId(item ? item.menuId : undefined);\r\n//     },\r\n//     setCurrentTag (id) {\r\n//       if (id == null) {\r\n//         this.beginPos = 0;\r\n//         return;\r\n//       }\r\n\r\n  //       let curPos = -1;\r\n  //       for (let i = 0; i < this.tagList.length; i++) {\r\n  //         if (this.tagList[i].menuId === id) {\r\n  //           curPos = (i + 1);\r\n  //           break;\r\n  //         }\r\n  //       }\r\n\r\n  //       if (curPos > 0) {\r\n  //         if (curPos > this.getEndPos()) {\r\n  //           let timer = null;\r\n  //           timer = setInterval(() => {\r\n  //             let endPos = this.getEndPos();\r\n  //             if (endPos >= curPos) {\r\n  //               clearInterval(timer);\r\n  //             } else {\r\n  //               this.beginPos++;\r\n  //             }\r\n  //           }, 10);\r\n  //         }\r\n\r\n  //         if (curPos < this.beginPos) this.beginPos = curPos;\r\n  //       }\r\n  //     },\r\n  //     getEndPos () {\r\n  //       let width = 0;\r\n  //       let childList = this.$children;\r\n  //       let endPos = 0;\r\n  //       for (let i = this.beginPos; i < childList.length; i++) {\r\n  //         width += childList[i].$el.offsetWidth;\r\n  //         if (width >= this.panelWidth) break;\r\n  //         endPos = i;\r\n  //       }\r\n\r\n  //       return endPos;\r\n  //     },\r\n  //     onSizeChange () {\r\n  //       this.$nextTick(() => {\r\n  //         this.panelWidth = this.$el.offsetWidth - 60;\r\n  //       });\r\n  //     },\r\n  //     ...mapMutations(['removeTag', 'setCurrentMenuId', 'closeOtherTags', 'clearAllTags'])\r\n  //   },\r\n  //   computed: {\r\n  //     getEndTagPos () {\r\n  //       let width = 0;\r\n  //       let childList = this.$children;\r\n  //       for (let i = this.beginPos; i < childList.length; i++) {\r\n  //         width += childList[i].$el.offsetWidth;\r\n  //         // 间隔距离\r\n  //         width += 5;\r\n  //         if (width > this.panelWidth) {\r\n  //           break;\r\n  //         }\r\n  //       }\r\n\r\n//       return width;\r\n//     },\r\n//     ...mapGetters(['getCurrentMenuId'])\r\n//   },\r\n//   mounted () {\r\n//     this.panelWidth = this.$el.offsetWidth - 60;\r\n//     window.addEventListener('resize', this.onSizeChange);\r\n//     // this.getLastPosition();\r\n//   },\r\n//   destroyed () {\r\n//     window.removeEventListener('resize', this.onSizeChange);\r\n//   },\r\n//   watch: {\r\n//     getCurrentMenuId: {\r\n//       handler (newValue) {\r\n//         this.setCurrentTag(newValue);\r\n//       },\r\n//       immediate: true\r\n//     }\r\n//   }\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n  @import '@/assets/style/element-variables.scss';\r\n  .tags-panel {\r\n    height: 30px;\r\n  }\r\n  // .main-panel {\r\n  //   margin: 0px 30px;\r\n  // }\r\n  // .scroll-box {\r\n  //   overflow: hidden;\r\n  //   white-space: nowrap;\r\n  //   display: flex;\r\n  //   flex-wrap: nowrap;\r\n  //   align-items: center;\r\n  //   width: 100%;\r\n  //   height: 50px;\r\n  // }\r\n  // .arrow {\r\n  //   height: 50px;\r\n  //   line-height: 50px;\r\n  //   width: 30px;\r\n  //   text-align: center;\r\n  //   font-size: 14px;\r\n  //   cursor: pointer;\r\n  //   z-index: 100;\r\n  //   box-sizing: border-box;\r\n  // }\r\n  // .arrow.left {\r\n  //   float: left;\r\n  // }\r\n  // .arrow.right {\r\n  //   float: right;\r\n  // }\r\n\r\n  // .contextmenu {\r\n  //   margin: 0px;\r\n  //   z-index: 2;\r\n  //   position: fixed;\r\n  //   list-style-type: none;\r\n  //   padding: 5px 0px;\r\n  //   border-radius: 5px;\r\n  //   font-size: 12px;\r\n  //   font-weight:  400;\r\n  //   color: #333;\r\n  //   box-shadow: 2px 2px 3px 0 rgba(0, 0, 0, 0.3);\r\n  // }\r\n\r\n  // .contextmenu li {\r\n  //   margin: 0px;\r\n  //   padding: 7px 16px;\r\n  //   cursor: pointer;\r\n  // }\r\n\r\n  // .contextmenu li:hover {\r\n  //   background: #eee;\r\n  // }\r\n\r\n</style>\r\n","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./tagPanel.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./tagPanel.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./tagPanel.vue?vue&type=template&id=792f7724&scoped=true&\"\nimport script from \"./tagPanel.vue?vue&type=script&lang=js&\"\nexport * from \"./tagPanel.vue?vue&type=script&lang=js&\"\nimport style0 from \"./tagPanel.vue?vue&type=style&index=0&id=792f7724&prod&lang=scss&scoped=true&\"\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  \"792f7724\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./tagPanel.vue?vue&type=style&index=0&id=792f7724&prod&lang=scss&scoped=true&\""],"sourceRoot":""}