| 1 |
- {"remainingRequest":"D:\\jiayue\\cemp-ui\\node_modules\\babel-loader\\lib\\index.js!D:\\jiayue\\cemp-ui\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!D:\\jiayue\\cemp-ui\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\jiayue\\cemp-ui\\src\\page\\index\\tags.vue?vue&type=script&lang=js&","dependencies":[{"path":"D:\\jiayue\\cemp-ui\\src\\page\\index\\tags.vue","mtime":1619070292875},{"path":"D:\\jiayue\\cemp-ui\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\jiayue\\cemp-ui\\node_modules\\babel-loader\\lib\\index.js","mtime":315532800000},{"path":"D:\\jiayue\\cemp-ui\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\jiayue\\cemp-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/cemp-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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2CA,SAAA,UAAA,EAAA,QAAA,QAAA,MAAA;AACA,eAAA;AACA,EAAA,IAAA,EAAA,MADA;AAEA,EAAA,IAFA,kBAEA;AACA,WAAA;AACA,MAAA,MAAA,EAAA,EADA;AAEA,MAAA,YAAA,EAAA,EAFA;AAGA,MAAA,YAAA,EAAA,EAHA;AAIA,MAAA,eAAA,EAAA;AAJA,KAAA;AAMA,GATA;AAUA,EAAA,OAVA,qBAUA,CAAA,CAVA;AAWA,EAAA,OAXA,qBAWA;AACA,SAAA,SAAA;AACA,GAbA;AAcA,EAAA,KAAA,EAAA;AACA,IAAA,GADA,iBACA;AACA,WAAA,SAAA;AACA,KAHA;AAIA,IAAA,eAJA,2BAIA,eAJA,EAIA;AACA;AACA,UAAA,eAAA,EAAA;AACA,QAAA,MAAA,CAAA,gBAAA,CAAA,WAAA,EAAA,KAAA,gBAAA;AACA;AACA;AATA,GAdA;AAyBA,EAAA,QAAA,gDACA,UAAA,CAAA,CAAA,QAAA,EAAA,SAAA,EAAA,KAAA,EAAA,SAAA,CAAA,CADA,GAEA,QAAA,CAAA;AACA,IAAA,OAAA,EAAA,iBAAA,KAAA;AAAA,aAAA,KAAA,CAAA,MAAA,CAAA,OAAA;AAAA;AADA,GAAA,CAFA;AAKA,IAAA,MALA,oBAKA;AACA,aAAA,KAAA,OAAA,CAAA,MAAA,IAAA,CAAA;AACA;AAPA,IAzBA;AAkCA,EAAA,OAAA,EAAA;AACA,IAAA,gBADA,4BACA,CADA,EACA;AACA,UAAA,CAAA,KAAA,GAAA,CAAA,QAAA,CAAA,CAAA,CAAA,MAAA,CAAA,EAAA;AACA,aAAA,eAAA,GAAA,KAAA;AACA,QAAA,MAAA,CAAA,mBAAA,CAAA,WAAA,EAAA,KAAA,gBAAA;AACA;AACA,KANA;AAOA,IAAA,iBAPA,6BAOA,KAPA,EAOA;AACA,UAAA,MAAA,GAAA,KAAA,CAAA,MAAA,CADA,CAEA;;AACA,UAAA,IAAA,GAAA,KAAA;AACA,UAAA,MAAA,CAAA,SAAA,CAAA,OAAA,CAAA,eAAA,IAAA,CAAA,CAAA,EAAA,IAAA,GAAA,IAAA,CAAA,KACA,IAAA,MAAA,CAAA,UAAA,CAAA,SAAA,CAAA,OAAA,CAAA,eAAA,IAAA,CAAA,CAAA,EAAA;AACA,QAAA,MAAA,GAAA,MAAA,CAAA,UAAA;AACA,QAAA,IAAA,GAAA,IAAA;AACA;;AACA,UAAA,IAAA,EAAA;AACA,QAAA,KAAA,CAAA,cAAA;AACA,QAAA,KAAA,CAAA,eAAA;AACA,aAAA,YAAA,GAAA,KAAA,CAAA,OAAA;AACA,aAAA,YAAA,GAAA,KAAA,CAAA,OAAA;AACA,aAAA,OAAA,GAAA,MAAA,CAAA,YAAA,CAAA,eAAA,EAAA,KAAA,CAAA,CAAA,CAAA;AACA,aAAA,eAAA,GAAA,IAAA;AACA;AACA,KAxBA;AAyBA;AACA,IAAA,SA1BA,uBA0BA;AACA,WAAA,MAAA,GAAA,KAAA,GAAA,CAAA,KAAA;AACA,KA5BA;AA6BA,IAAA,OA7BA,mBA6BA,KA7BA,EA6BA,MA7BA,EA6BA;AACA,UAAA,MAAA,KAAA,QAAA,EAAA;AACA,4BAAA,KAAA,OAAA,CAAA,KAAA,CAAA;AAAA,YAAA,GAAA,iBAAA,GAAA;AAAA,YAAA,GAAA,iBAAA,GAAA;;AACA,aAAA,MAAA,CAAA,MAAA,CAAA,SAAA,EAAA,GAAA;;AACA,YAAA,GAAA,CAAA,KAAA,KAAA,KAAA,GAAA,CAAA,KAAA,EAAA;AACA,UAAA,GAAA,GAAA,KAAA,OAAA,CAAA,GAAA,KAAA,CAAA,GAAA,GAAA,GAAA,GAAA,GAAA,CAAA,CAAA,CADA,CACA;;AACA,eAAA,OAAA,CAAA,GAAA;AACA;AACA;AACA,KAtCA;AAuCA,IAAA,OAvCA,mBAuCA,IAvCA,EAuCA;AACA,UAAA,GAAA;;AACA,UAAA,IAAA,CAAA,IAAA,EAAA;AACA,QAAA,GAAA,GAAA,KAAA,OAAA,CAAA,IAAA,CAAA,IAAA,EAAA,GAAA;AACA,OAFA,MAEA;AACA,QAAA,GAAA,GAAA,IAAA;AACA;;AACA,WAAA,OAAA,CAAA,IAAA,CAAA;AACA,QAAA,IAAA,EAAA,KAAA,OAAA,CAAA,WAAA,CAAA,OAAA,CAAA;AACA,UAAA,IAAA,EAAA,GAAA,CAAA,KADA;AAEA,UAAA,GAAA,EAAA,GAAA,CAAA;AAFA,SAAA,CADA;AAKA,QAAA,KAAA,EAAA,GAAA,CAAA;AALA,OAAA;AAOA,KArDA;AAsDA,IAAA,eAtDA,6BAsDA;AACA,WAAA,eAAA,GAAA,KAAA;AACA,WAAA,MAAA,CAAA,MAAA,CAAA,eAAA;AACA,KAzDA;AA0DA,IAAA,OA1DA,mBA0DA,KA1DA,EA0DA;AACA,UAAA,GAAA,EAAA,GAAA;AACA,WAAA,OAAA,CAAA,GAAA,CAAA,UAAA,IAAA,EAAA,KAAA,EAAA;AACA,YAAA,IAAA,CAAA,KAAA,KAAA,KAAA,EAAA;AACA,UAAA,GAAA,GAAA,IAAA;AACA,UAAA,GAAA,GAAA,KAAA;AACA;AACA,OALA;AAMA,aAAA;AAAA,QAAA,GAAA,EAAA,GAAA;AAAA,QAAA,GAAA,EAAA;AAAA,OAAA;AACA,KAnEA;AAoEA,IAAA,YApEA,0BAoEA;AACA,WAAA,eAAA,GAAA,KAAA;AACA,WAAA,MAAA,CAAA,MAAA,CAAA,aAAA;AACA,WAAA,OAAA,CAAA,IAAA,CAAA;AACA,QAAA,IAAA,EAAA,KAAA,OAAA,CAAA,WAAA,CAAA,OAAA,CAAA;AACA,UAAA,GAAA,EAAA,KAAA,MAAA,CAAA;AADA,SAAA,CADA;AAIA,QAAA,KAAA,EAAA,KAAA,MAAA,CAAA;AAJA,OAAA;AAMA;AA7EA;AAlCA,CAAA","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"}]}
|
