| 1 |
- {"remainingRequest":"D:\\front\\item\\zyAdmin\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\front\\item\\zyAdmin\\src\\layout\\navBars\\tagsView\\contextmenu.vue?vue&type=script&lang=js","dependencies":[{"path":"D:\\front\\item\\zyAdmin\\src\\layout\\navBars\\tagsView\\contextmenu.vue","mtime":1761614938999},{"path":"D:\\front\\item\\zyAdmin\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1761614927801},{"path":"D:\\front\\item\\zyAdmin\\node_modules\\babel-loader\\lib\\index.js","mtime":1761614927320},{"path":"D:\\front\\item\\zyAdmin\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1761614927801},{"path":"D:\\front\\item\\zyAdmin\\node_modules\\vue-loader\\lib\\index.js","mtime":1761614937402}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:DQpleHBvcnQgZGVmYXVsdCB7DQogIG5hbWU6ICdsYXlvdXRUYWdzVmlld0NvbnRleHRtZW51JywNCiAgcHJvcHM6IHsNCiAgICBkcm9wZG93bjogew0KICAgICAgdHlwZTogT2JqZWN0LA0KICAgIH0sDQogIH0sDQogIGRhdGEoKSB7DQogICAgcmV0dXJuIHsNCiAgICAgIGlzU2hvdzogZmFsc2UsDQogICAgICBkcm9wZG93bkxpc3Q6IFsNCiAgICAgICAgeyBpZDogMCwgdHh0OiAnbWVzc2FnZS50YWdzVmlldy5yZWZyZXNoJywgYWZmaXg6IGZhbHNlLCBpY29uOiAnZWwtaWNvbi1yZWZyZXNoLXJpZ2h0JyB9LA0KICAgICAgICB7IGlkOiAxLCB0eHQ6ICdtZXNzYWdlLnRhZ3NWaWV3LmNsb3NlJywgYWZmaXg6IGZhbHNlLCBpY29uOiAnZWwtaWNvbi1jbG9zZScgfSwNCiAgICAgICAgeyBpZDogMiwgdHh0OiAnbWVzc2FnZS50YWdzVmlldy5jbG9zZU90aGVyJywgYWZmaXg6IGZhbHNlLCBpY29uOiAnZWwtaWNvbi1jaXJjbGUtY2xvc2UnIH0sDQogICAgICAgIHsgaWQ6IDMsIHR4dDogJ21lc3NhZ2UudGFnc1ZpZXcuY2xvc2VBbGwnLCBhZmZpeDogZmFsc2UsIGljb246ICdlbC1pY29uLWZvbGRlci1kZWxldGUnIH0sDQogICAgICBdLA0KICAgICAgcGF0aDoge30sDQogICAgICBhcnJvd0xlZnQ6IDUsDQogICAgfTsNCiAgfSwNCiAgY29tcHV0ZWQ6IHsNCiAgICBkcm9wZG93bnMoKSB7DQogICAgICAvLyA5OSDkuLogYERyb3Bkb3duIOS4i+aLieiPnOWNlWAg55qE5a695bqmDQogICAgICBpZiAodGhpcy5kcm9wZG93bi54ICsgOTkgPiBkb2N1bWVudC5kb2N1bWVudEVsZW1lbnQuY2xpZW50V2lkdGgpIHsNCiAgICAgICAgcmV0dXJuIHsNCiAgICAgICAgICB4OiBkb2N1bWVudC5kb2N1bWVudEVsZW1lbnQuY2xpZW50V2lkdGggLSA5OSAtIDUsDQogICAgICAgICAgeTogdGhpcy5kcm9wZG93bi55LA0KICAgICAgICB9Ow0KICAgICAgfSBlbHNlIHsNCiAgICAgICAgcmV0dXJuIHRoaXMuZHJvcGRvd247DQogICAgICB9DQogICAgfSwNCiAgfSwNCiAgbW91bnRlZCgpIHsNCiAgICAvLyDnm5HlkKzpobXpnaLnm5HlkKzov5vooYzlj7PplK7oj5zljZXnmoTlhbPpl60NCiAgICBkb2N1bWVudC5ib2R5LmFkZEV2ZW50TGlzdGVuZXIoJ2NsaWNrJywgdGhpcy5jbG9zZUNvbnRleHRtZW51KTsNCiAgfSwNCiAgbWV0aG9kczogew0KICAgIC8vIOW9k+WJjemhueiPnOWNleeCueWHuw0KICAgIG9uQ3VycmVudENvbnRleHRtZW51Q2xpY2soaWQpIHsNCiAgICAgIHRoaXMuJGVtaXQoJ2N1cnJlbnRDb250ZXh0bWVudUNsaWNrJywgeyBpZCwgcGF0aDogdGhpcy5wYXRoIH0pOw0KICAgIH0sDQogICAgLy8g5omT5byA5Y+z6ZSu6I+c5Y2V77ya5Yik5pat5piv5ZCm5Zu65a6a77yM5Zu65a6a5YiZ5LiN5pi+56S65YWz6Zet5oyJ6ZKuDQogICAgb3BlbkNvbnRleHRtZW51KGl0ZW0pIHsNCiAgICAgIHRoaXMucGF0aCA9IGl0ZW0ucGF0aDsNCiAgICAgIGl0ZW0ubWV0YS5pc0FmZml4ID8gKHRoaXMuZHJvcGRvd25MaXN0WzFdLmFmZml4ID0gdHJ1ZSkgOiAodGhpcy5kcm9wZG93bkxpc3RbMV0uYWZmaXggPSBmYWxzZSk7DQogICAgICB0aGlzLmNsb3NlQ29udGV4dG1lbnUoKTsNCiAgICAgIHNldFRpbWVvdXQoKCkgPT4gew0KICAgICAgICB0aGlzLmlzU2hvdyA9IHRydWU7DQogICAgICB9LCA4MCk7DQogICAgfSwNCiAgICAvLyDlhbPpl63lj7PplK7oj5zljZUNCiAgICBjbG9zZUNvbnRleHRtZW51KCkgew0KICAgICAgdGhpcy5pc1Nob3cgPSBmYWxzZTsNCiAgICB9LA0KICB9LA0KICBkZXN0cm95ZWQoKSB7DQogICAgLy8g6aG16Z2i5Y246L295pe277yM56e76Zmk5Y+z6ZSu6I+c5Y2V55uR5ZCs5LqL5Lu2DQogICAgZG9jdW1lbnQuYm9keS5yZW1vdmVFdmVudExpc3RlbmVyKCdjbGljaycsIHRoaXMuY2xvc2VDb250ZXh0bWVudSk7DQogIH0sDQogIC8vIOebkeWQrOS4i+aLieiPnOWNleS9jee9rg0KICB3YXRjaDogew0KICAgIGRyb3Bkb3duOiB7DQogICAgICBoYW5kbGVyKHsgeCB9KSB7DQogICAgICAgIGlmICh4ICsgOTkgPiBkb2N1bWVudC5kb2N1bWVudEVsZW1lbnQuY2xpZW50V2lkdGgpDQogICAgICAgICAgdGhpcy5hcnJvd0xlZnQgPSA5OSAtIChkb2N1bWVudC5kb2N1bWVudEVsZW1lbnQuY2xpZW50V2lkdGggLSB4KTsNCiAgICAgICAgZWxzZSB0aGlzLmFycm93TGVmdCA9IDEwOw0KICAgICAgfSwNCiAgICAgIGRlZXA6IHRydWUsDQogICAgfSwNCiAgfSwNCn07DQo="},{"version":3,"sources":["contextmenu.vue"],"names":[],"mappings":";AA6BA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"contextmenu.vue","sourceRoot":"src/layout/navBars/tagsView","sourcesContent":["<template>\r\n <div>\r\n <transition name=\"el-zoom-in-center\">\r\n <ul\r\n class=\"el-dropdown-menu el-popper el-dropdown-menu--medium custom-contextmenu\"\r\n :style=\"`top: ${dropdowns.y}px;left: ${dropdowns.x}px;`\"\r\n x-placement=\"bottom-end\"\r\n id=\"contextmenu\"\r\n v-show=\"isShow\"\r\n >\r\n <li\r\n class=\"el-dropdown-menu__item\"\r\n v-for=\"(v, k) in dropdownList\"\r\n :key=\"k\"\r\n v-db-click\r\n @click=\"onCurrentContextmenuClick(v.id)\"\r\n >\r\n <template v-if=\"!v.affix\">\r\n <i :class=\"v.icon\"></i>\r\n <span>{{ $t(v.txt) }}</span>\r\n </template>\r\n </li>\r\n <div x-arrow class=\"popper__arrow\" :style=\"{ left: `${arrowLeft}px` }\"></div>\r\n </ul>\r\n </transition>\r\n </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n name: 'layoutTagsViewContextmenu',\r\n props: {\r\n dropdown: {\r\n type: Object,\r\n },\r\n },\r\n data() {\r\n return {\r\n isShow: false,\r\n dropdownList: [\r\n { id: 0, txt: 'message.tagsView.refresh', affix: false, icon: 'el-icon-refresh-right' },\r\n { id: 1, txt: 'message.tagsView.close', affix: false, icon: 'el-icon-close' },\r\n { id: 2, txt: 'message.tagsView.closeOther', affix: false, icon: 'el-icon-circle-close' },\r\n { id: 3, txt: 'message.tagsView.closeAll', affix: false, icon: 'el-icon-folder-delete' },\r\n ],\r\n path: {},\r\n arrowLeft: 5,\r\n };\r\n },\r\n computed: {\r\n dropdowns() {\r\n // 99 为 `Dropdown 下拉菜单` 的宽度\r\n if (this.dropdown.x + 99 > document.documentElement.clientWidth) {\r\n return {\r\n x: document.documentElement.clientWidth - 99 - 5,\r\n y: this.dropdown.y,\r\n };\r\n } else {\r\n return this.dropdown;\r\n }\r\n },\r\n },\r\n mounted() {\r\n // 监听页面监听进行右键菜单的关闭\r\n document.body.addEventListener('click', this.closeContextmenu);\r\n },\r\n methods: {\r\n // 当前项菜单点击\r\n onCurrentContextmenuClick(id) {\r\n this.$emit('currentContextmenuClick', { id, path: this.path });\r\n },\r\n // 打开右键菜单：判断是否固定，固定则不显示关闭按钮\r\n openContextmenu(item) {\r\n this.path = item.path;\r\n item.meta.isAffix ? (this.dropdownList[1].affix = true) : (this.dropdownList[1].affix = false);\r\n this.closeContextmenu();\r\n setTimeout(() => {\r\n this.isShow = true;\r\n }, 80);\r\n },\r\n // 关闭右键菜单\r\n closeContextmenu() {\r\n this.isShow = false;\r\n },\r\n },\r\n destroyed() {\r\n // 页面卸载时，移除右键菜单监听事件\r\n document.body.removeEventListener('click', this.closeContextmenu);\r\n },\r\n // 监听下拉菜单位置\r\n watch: {\r\n dropdown: {\r\n handler({ x }) {\r\n if (x + 99 > document.documentElement.clientWidth)\r\n this.arrowLeft = 99 - (document.documentElement.clientWidth - x);\r\n else this.arrowLeft = 10;\r\n },\r\n deep: true,\r\n },\r\n },\r\n};\r\n</script>\r\n\r\n<style scoped lang=\"scss\">\r\n.custom-contextmenu {\r\n transform-origin: center top;\r\n z-index: 2190;\r\n position: fixed;\r\n .el-dropdown-menu__item {\r\n font-size: 12px !important;\r\n white-space: nowrap;\r\n i {\r\n font-size: 12px !important;\r\n }\r\n }\r\n}\r\n</style>\r\n"]}]}
|
