drip-public/iview
6
1
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Optimize Tabs contextMenu

Browse source
This commit is contained in:
梁灏 2020-09-02 11:02:59 +08:00
parent e3d2e05598
commit 0a3ea18b48
1 changed files with 15 additions and 12 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

27
src/components/tabs/tabs.vue
View file

@ -332,19 +332,22 @@
this.$emit('on-dblclick', nav.name);
},
handleContextmenu (index, event) {
const nav = this.navList[index];
if (!nav || nav.disabled || !nav.contextMenu) return;
if (this.contextMenuVisible) this.handleClickContextMenuOutside();
this.$nextTick(() => {
const nav = this.navList[index];
if (!nav || nav.disabled || !nav.contextMenu) return;
event.preventDefault();
const $TabsWrap = this.$refs.tabsWrap;
const TabsBounding = $TabsWrap.getBoundingClientRect();
const position = {
left: `${event.clientX - TabsBounding.left}px`,
top: `${event.clientY - TabsBounding.top}px`
};
this.contextMenuStyles = position;
this.contextMenuVisible = true;
this.$emit('on-contextmenu', nav, event, position);
event.preventDefault();
const $TabsWrap = this.$refs.tabsWrap;
const TabsBounding = $TabsWrap.getBoundingClientRect();
const position = {
left: `${event.clientX - TabsBounding.left}px`,
top: `${event.clientY - TabsBounding.top}px`
};
this.contextMenuStyles = position;
this.contextMenuVisible = true;
this.$emit('on-contextmenu', nav, event, position);
});
},
handleClickContextMenuOutside () {
this.contextMenuVisible = false;