{"remainingRequest":"D:\\jiayue\\pig-ui\\node_modules\\babel-loader\\lib\\index.js!D:\\jiayue\\pig-ui\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!D:\\jiayue\\pig-ui\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\jiayue\\pig-ui\\src\\page\\index\\tags.vue?vue&type=script&lang=js&","dependencies":[{"path":"D:\\jiayue\\pig-ui\\src\\page\\index\\tags.vue","mtime":1619070292875},{"path":"D:\\jiayue\\pig-ui\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\jiayue\\pig-ui\\node_modules\\babel-loader\\lib\\index.js","mtime":315532800000},{"path":"D:\\jiayue\\pig-ui\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\jiayue\\pig-ui\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":["import \"core-js/modules/es7.object.get-own-property-descriptors\";\nimport \"core-js/modules/web.dom.iterable\";\nimport \"core-js/modules/es6.object.keys\";\nimport \"core-js/modules/es6.function.name\";\nimport _defineProperty from \"D:/jiayue/pig-ui/node_modules/@babel/runtime/helpers/esm/defineProperty\";\n\nfunction ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }\n\nfunction _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }\n\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\nimport { mapGetters, mapState } from \"vuex\";\nexport default {\n  name: \"tags\",\n  data: function data() {\n    return {\n      active: \"\",\n      contentmenuX: \"\",\n      contentmenuY: \"\",\n      contextmenuFlag: false\n    };\n  },\n  created: function created() {},\n  mounted: function mounted() {\n    this.setActive();\n  },\n  watch: {\n    tag: function tag() {\n      this.setActive();\n    },\n    contextmenuFlag: function contextmenuFlag(contextmenuShow) {\n      // 只在右键菜单显示的时候监听鼠标点击事件\n      if (contextmenuShow) {\n        window.addEventListener(\"mousedown\", this.watchContextmenu);\n      }\n    }\n  },\n  computed: _objectSpread(_objectSpread(_objectSpread({}, mapGetters([\"tagWel\", \"tagList\", \"tag\", \"website\"])), mapState({\n    showTag: function showTag(state) {\n      return state.common.showTag;\n    }\n  })), {}, {\n    tagLen: function tagLen() {\n      return this.tagList.length || 0;\n    }\n  }),\n  methods: {\n    watchContextmenu: function watchContextmenu(e) {\n      if (!this.$el.contains(e.target)) {\n        this.contextmenuFlag = false;\n        window.removeEventListener(\"mousedown\", this.watchContextmenu);\n      }\n    },\n    handleContextmenu: function handleContextmenu(event) {\n      var target = event.target; // 解决 https://github.com/d2-projects/d2-admin/issues/54\n\n      var flag = false;\n      if (target.className.indexOf(\"el-tabs__item\") > -1) flag = true;else if (target.parentNode.className.indexOf(\"el-tabs__item\") > -1) {\n        target = target.parentNode;\n        flag = true;\n      }\n\n      if (flag) {\n        event.preventDefault();\n        event.stopPropagation();\n        this.contentmenuX = event.clientX;\n        this.contentmenuY = event.clientY;\n        this.tagName = target.getAttribute(\"aria-controls\").slice(5);\n        this.contextmenuFlag = true;\n      }\n    },\n    //激活当前选项\n    setActive: function setActive() {\n      this.active = this.tag.value;\n    },\n    menuTag: function menuTag(value, action) {\n      if (action === \"remove\") {\n        var _this$findTag = this.findTag(value),\n            tag = _this$findTag.tag,\n            key = _this$findTag.key;\n\n        this.$store.commit(\"DEL_TAG\", tag);\n\n        if (tag.value === this.tag.value) {\n          tag = this.tagList[key === 0 ? key : key - 1]; //如果关闭本标签让前推一个\n\n          this.openTag(tag);\n        }\n      }\n    },\n    openTag: function openTag(item) {\n      var tag;\n\n      if (item.name) {\n        tag = this.findTag(item.name).tag;\n      } else {\n        tag = item;\n      }\n\n      this.$router.push({\n        path: this.$router.$avueRouter.getPath({\n          name: tag.label,\n          src: tag.value\n        }),\n        query: tag.query\n      });\n    },\n    closeOthersTags: function closeOthersTags() {\n      this.contextmenuFlag = false;\n      this.$store.commit(\"DEL_TAG_OTHER\");\n    },\n    findTag: function findTag(value) {\n      var tag, key;\n      this.tagList.map(function (item, index) {\n        if (item.value === value) {\n          tag = item;\n          key = index;\n        }\n      });\n      return {\n        tag: tag,\n        key: key\n      };\n    },\n    closeAllTags: function closeAllTags() {\n      this.contextmenuFlag = false;\n      this.$store.commit(\"DEL_ALL_TAG\");\n      this.$router.push({\n        path: this.$router.$avueRouter.getPath({\n          src: this.tagWel.value\n        }),\n        query: this.tagWel.query\n      });\n    }\n  }\n};",{"version":3,"sources":["tags.vue"],"names":[],"mappings":"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","sourcesContent":["<template>\r\n  <div class=\"avue-tags\"\r\n       v-if=\"showTag\">\r\n    <!-- tag盒子 -->\r\n    <div v-if=\"contextmenuFlag\"\r\n         class=\"avue-tags__contentmenu\"\r\n         :style=\"{left:contentmenuX+'px',top:contentmenuY+'px'}\">\r\n      <div class=\"item\"\r\n           @click=\"closeOthersTags\">关闭其他</div>\r\n      <div class=\"item\"\r\n           @click=\"closeAllTags\">关闭全部</div>\r\n    </div>\r\n    <div class=\"avue-tags__box\"\r\n         :class=\"{'avue-tags__box--close':!website.isFirstPage}\">\r\n      <el-tabs v-model=\"active\"\r\n               type=\"card\"\r\n               @contextmenu.native=\"handleContextmenu\"\r\n               :closable=\"tagLen!==1\"\r\n               @tab-click=\"openTag\"\r\n               @edit=\"menuTag\">\r\n        <el-tab-pane :key=\"item.value\"\r\n                     v-for=\"item in tagList\"\r\n                     :label=\"item.label\"\r\n                     :name=\"item.value\">\r\n        </el-tab-pane>\r\n\r\n      </el-tabs>\r\n      <el-dropdown class=\"avue-tags__menu\">\r\n        <el-button type=\"primary\"\r\n                   >\r\n          更多\r\n          <i class=\"el-icon-arrow-down el-icon--right\"></i>\r\n        </el-button>\r\n        <el-dropdown-menu slot=\"dropdown\">\r\n          <el-dropdown-item @click.native=\"closeOthersTags\">关闭其他</el-dropdown-item>\r\n          <el-dropdown-item @click.native=\"closeAllTags\">关闭全部</el-dropdown-item>\r\n        </el-dropdown-menu>\r\n      </el-dropdown>\r\n    </div>\r\n\r\n  </div>\r\n</template>\r\n<script>\r\nimport { mapGetters, mapState } from \"vuex\";\r\nexport default {\r\n  name: \"tags\",\r\n  data() {\r\n    return {\r\n      active: \"\",\r\n      contentmenuX: \"\",\r\n      contentmenuY: \"\",\r\n      contextmenuFlag: false\r\n    };\r\n  },\r\n  created() {},\r\n  mounted() {\r\n    this.setActive();\r\n  },\r\n  watch: {\r\n    tag() {\r\n      this.setActive();\r\n    },\r\n    contextmenuFlag(contextmenuShow) {\r\n      // 只在右键菜单显示的时候监听鼠标点击事件\r\n      if (contextmenuShow) {\r\n        window.addEventListener(\"mousedown\", this.watchContextmenu);\r\n      }\r\n    }\r\n  },\r\n  computed: {\r\n    ...mapGetters([\"tagWel\", \"tagList\", \"tag\", \"website\"]),\r\n    ...mapState({\r\n      showTag: state => state.common.showTag\r\n    }),\r\n    tagLen() {\r\n      return this.tagList.length || 0;\r\n    }\r\n  },\r\n  methods: {\r\n    watchContextmenu(e) {\r\n      if (!this.$el.contains(e.target)) {\r\n        this.contextmenuFlag = false;\r\n        window.removeEventListener(\"mousedown\", this.watchContextmenu);\r\n      }\r\n    },\r\n    handleContextmenu(event) {\r\n      let target = event.target;\r\n      // 解决 https://github.com/d2-projects/d2-admin/issues/54\r\n      let flag = false;\r\n      if (target.className.indexOf(\"el-tabs__item\") > -1) flag = true;\r\n      else if (target.parentNode.className.indexOf(\"el-tabs__item\") > -1) {\r\n        target = target.parentNode;\r\n        flag = true;\r\n      }\r\n      if (flag) {\r\n        event.preventDefault();\r\n        event.stopPropagation();\r\n        this.contentmenuX = event.clientX;\r\n        this.contentmenuY = event.clientY;\r\n        this.tagName = target.getAttribute(\"aria-controls\").slice(5);\r\n        this.contextmenuFlag = true;\r\n      }\r\n    },\r\n    //激活当前选项\r\n    setActive() {\r\n      this.active = this.tag.value;\r\n    },\r\n    menuTag(value, action) {\r\n      if (action === \"remove\") {\r\n        let { tag, key } = this.findTag(value);\r\n        this.$store.commit(\"DEL_TAG\", tag);\r\n        if (tag.value === this.tag.value) {\r\n          tag = this.tagList[key === 0 ? key : key - 1]; //如果关闭本标签让前推一个\r\n          this.openTag(tag);\r\n        }\r\n      }\r\n    },\r\n    openTag(item) {\r\n      let tag;\r\n      if (item.name) {\r\n        tag = this.findTag(item.name).tag;\r\n      } else {\r\n        tag = item;\r\n      }\r\n      this.$router.push({\r\n        path: this.$router.$avueRouter.getPath({\r\n          name: tag.label,\r\n          src: tag.value\r\n        }),\r\n        query: tag.query\r\n      });\r\n    },\r\n    closeOthersTags() {\r\n      this.contextmenuFlag = false;\r\n      this.$store.commit(\"DEL_TAG_OTHER\");\r\n    },\r\n    findTag(value) {\r\n      let tag, key;\r\n      this.tagList.map((item, index) => {\r\n        if (item.value === value) {\r\n          tag = item;\r\n          key = index;\r\n        }\r\n      });\r\n      return { tag: tag, key: key };\r\n    },\r\n    closeAllTags() {\r\n      this.contextmenuFlag = false;\r\n      this.$store.commit(\"DEL_ALL_TAG\");\r\n      this.$router.push({\r\n        path: this.$router.$avueRouter.getPath({\r\n          src: this.tagWel.value\r\n        }),\r\n        query: this.tagWel.query\r\n      });\r\n    }\r\n  }\r\n};\r\n</script>\r\n\r\n\r\n"],"sourceRoot":"src/page/index"}]}