| 1 |
- {"remainingRequest":"/usr/local/develop/php/www/waibao/NN2022100801/NN2022100801/addons/admin/node_modules/vue-loader/lib/index.js??vue-loader-options!/usr/local/develop/php/www/waibao/NN2022100801/NN2022100801/addons/admin/src/components/main/components/tags-nav/tags-nav.vue?vue&type=script&lang=js&","dependencies":[{"path":"/usr/local/develop/php/www/waibao/NN2022100801/NN2022100801/addons/admin/src/components/main/components/tags-nav/tags-nav.vue","mtime":1618306924000},{"path":"/usr/local/develop/php/www/waibao/NN2022100801/NN2022100801/addons/admin/node_modules/cache-loader/dist/cjs.js","mtime":1665684022107},{"path":"/usr/local/develop/php/www/waibao/NN2022100801/NN2022100801/addons/admin/node_modules/thread-loader/dist/cjs.js","mtime":1665684003955},{"path":"/usr/local/develop/php/www/waibao/NN2022100801/NN2022100801/addons/admin/node_modules/babel-loader/lib/index.js","mtime":1665684010704},{"path":"/usr/local/develop/php/www/waibao/NN2022100801/NN2022100801/addons/admin/node_modules/cache-loader/dist/cjs.js","mtime":1665684022107},{"path":"/usr/local/develop/php/www/waibao/NN2022100801/NN2022100801/addons/admin/node_modules/vue-loader/lib/index.js","mtime":1665684006084}],"contextDependencies":[],"result":["//\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//\n//\n//\n//\n//\n\nimport { showTitle, routeEqual } from '@/libs/util'\nimport beforeClose from '@/router/before-close'\nexport default {\n name: 'TagsNav',\n props: {\n value: Object,\n list: {\n type: Array,\n default () {\n return []\n }\n }\n },\n data () {\n return {\n tagBodyLeft: 0,\n rightOffset: 40,\n outerPadding: 4,\n contextMenuLeft: 0,\n contextMenuTop: 0,\n visible: false,\n menuList: {\n others: '关闭其他',\n all: '关闭所有'\n }\n }\n },\n computed: {\n currentRouteObj () {\n const { name, params, query } = this.value\n return { name, params, query }\n }\n },\n methods: {\n handlescroll (e) {\n var type = e.type\n let delta = 0\n if (type === 'DOMMouseScroll' || type === 'mousewheel') {\n delta = (e.wheelDelta) ? e.wheelDelta : -(e.detail || 0) * 40\n }\n this.handleScroll(delta)\n },\n handleScroll (offset) {\n const outerWidth = this.$refs.scrollOuter.offsetWidth\n const bodyWidth = this.$refs.scrollBody.offsetWidth\n if (offset > 0) {\n this.tagBodyLeft = Math.min(0, this.tagBodyLeft + offset)\n } else {\n if (outerWidth < bodyWidth) {\n if (this.tagBodyLeft < -(bodyWidth - outerWidth)) {\n this.tagBodyLeft = this.tagBodyLeft\n } else {\n this.tagBodyLeft = Math.max(this.tagBodyLeft + offset, outerWidth - bodyWidth)\n }\n } else {\n this.tagBodyLeft = 0\n }\n }\n },\n handleTagsOption (type) {\n if (type.includes('all')) {\n // 关闭所有，除了home\n let res = this.list.filter(item => item.name === this.$config.homeName)\n this.$emit('on-close', res, 'all')\n } else if (type.includes('others')) {\n // 关闭除当前页和home页的其他页\n let res = this.list.filter(item => routeEqual(this.currentRouteObj, item) || item.name === this.$config.homeName)\n this.$emit('on-close', res, 'others', this.currentRouteObj)\n setTimeout(() => {\n this.getTagElementByName(this.currentRouteObj.name)\n }, 100)\n }\n },\n handleClose (current) {\n if (current.meta && current.meta.beforeCloseName && current.meta.beforeCloseName in beforeClose) {\n new Promise(beforeClose[current.meta.beforeCloseName]).then(close => {\n if (close) {\n this.close(current)\n }\n })\n } else {\n this.close(current)\n }\n },\n close (route) {\n let res = this.list.filter(item => !routeEqual(route, item))\n this.$emit('on-close', res, undefined, route)\n },\n handleClick (item) {\n this.$emit('input', item)\n },\n showTitleInside (item) {\n return showTitle(item, this)\n },\n isCurrentTag (item) {\n return routeEqual(this.currentRouteObj, item)\n },\n moveToView (tag) {\n const outerWidth = this.$refs.scrollOuter.offsetWidth\n const bodyWidth = this.$refs.scrollBody.offsetWidth\n if (bodyWidth < outerWidth) {\n this.tagBodyLeft = 0\n } else if (tag.offsetLeft < -this.tagBodyLeft) {\n // 标签在可视区域左侧\n this.tagBodyLeft = -tag.offsetLeft + this.outerPadding\n } else if (tag.offsetLeft > -this.tagBodyLeft && tag.offsetLeft + tag.offsetWidth < -this.tagBodyLeft + outerWidth) {\n // 标签在可视区域\n this.tagBodyLeft = Math.min(0, outerWidth - tag.offsetWidth - tag.offsetLeft - this.outerPadding)\n } else {\n // 标签在可视区域右侧\n this.tagBodyLeft = -(tag.offsetLeft - (outerWidth - this.outerPadding - tag.offsetWidth))\n }\n },\n getTagElementByName (route) {\n this.$nextTick(() => {\n this.refsTag = this.$refs.tagsPageOpened\n this.refsTag.forEach((item, index) => {\n if (routeEqual(route, item.$attrs['data-route-item'])) {\n let tag = this.refsTag[index].$el\n this.moveToView(tag)\n }\n })\n })\n },\n contextMenu (item, e) {\n if (item.name === this.$config.homeName) {\n return\n }\n this.visible = true\n const offsetLeft = this.$el.getBoundingClientRect().left\n this.contextMenuLeft = e.clientX - offsetLeft + 10\n this.contextMenuTop = e.clientY - 64\n },\n closeMenu () {\n this.visible = false\n }\n },\n watch: {\n '$route' (to) {\n this.getTagElementByName(to)\n },\n visible (value) {\n if (value) {\n document.body.addEventListener('click', this.closeMenu)\n } else {\n document.body.removeEventListener('click', this.closeMenu)\n }\n }\n },\n mounted () {\n setTimeout(() => {\n this.getTagElementByName(this.$route)\n }, 200)\n }\n}\n",null]}
|
