Merge pull request #367 from JianJroh/feat/click-mousewheel-close-tab

feat(projects): close tab by mouse wheel button click
soybeanjs · Apr 29, 2024 · 1ed2eb5 · 1ed2eb5
2 parents e3bd397 + d3849ba
commit 1ed2eb5
Showing 1 changed file with 14 additions and 1 deletion.
diff --git a/packages/materials/src/libs/page-tab/index.vue b/packages/materials/src/libs/page-tab/index.vue
@@ -53,10 +53,23 @@ const bindProps = computed(() => {
 function handleClose() {
   emit('close');
 }
+
+function handleMouseup(e: MouseEvent) {
+  // close tab by mouse wheel button click
+  if (e.button === 1) {
+    handleClose();
+  }
+}
 </script>
 
 <template>
-  <component :is="activeTabComponent.component" :class="activeTabComponent.class" :style="cssVars" v-bind="bindProps">
+  <component
+    :is="activeTabComponent.component"
+    :class="activeTabComponent.class"
+    :style="cssVars"
+    v-bind="bindProps"
+    @mouseup="handleMouseup"
+  >
     <template #prefix>
       <slot name="prefix"></slot>
     </template>