From fb4722cdd7188060728ec4a25923fc3649ccac5f Mon Sep 17 00:00:00 2001
From: wangdan-fit2cloud <dan.wang@fit2cloud.com>
Date: Mon, 8 Jul 2024 17:13:56 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E3=80=90=E5=BA=94=E7=94=A8=E7=BC=96?=
 =?UTF-8?q?=E6=8E=92=E3=80=91=E4=BF=AE=E5=A4=8D=E9=80=89=E6=8B=A9=E5=99=A8?=
 =?UTF-8?q?=E6=BB=9A=E5=8A=A8=E6=9D=A1=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 ui/src/workflow/common/NodeCascader.vue | 19 ++++++++++++++++++-
 1 file changed, 18 insertions(+), 1 deletion(-)

diff --git a/ui/src/workflow/common/NodeCascader.vue b/ui/src/workflow/common/NodeCascader.vue
index 2a0209618..0ac0edf20 100644
--- a/ui/src/workflow/common/NodeCascader.vue
+++ b/ui/src/workflow/common/NodeCascader.vue
@@ -1,5 +1,8 @@
 <template>
   <el-cascader
+    @wheel="wheel"
+    @keydown="isKeyDown = true"
+    @keyup="isKeyDown = false"
     :teleported="false"
     :options="options"
     @visible-change="visibleChange"
@@ -8,7 +11,12 @@
     separator=" > "
   >
     <template #default="{ node, data }">
-      <span class="flex align-center">
+      <span
+        class="flex align-center"
+        @wheel="wheel"
+        @keydown="isKeyDown = true"
+        @keyup="isKeyDown = false"
+      >
         <component :is="iconComponent(`${data.type}-icon`)" class="mr-8" :size="18" />{{
           data.label
         }}</span
@@ -34,6 +42,15 @@ const data = computed({
   }
 })
 const options = ref<Array<any>>([])
+const isKeyDown = ref(false)
+const wheel = (e: any) => {
+  if (isKeyDown.value) {
+    e.preventDefault()
+  } else {
+    e.stopPropagation()
+    return true
+  }
+}
 
 function visibleChange(bool: boolean) {
   if (bool) {