From af598613b7ba0b1265ee9de063aea8702e64d3fc Mon Sep 17 00:00:00 2001
From: wangdan-fit2cloud <dan.wang@fit2cloud.com>
Date: Mon, 1 Jul 2024 18:17:08 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E8=AF=BB=E5=86=99=E6=8F=92=E4=BB=B6?=
 =?UTF-8?q?=E5=A2=9E=E5=8A=A0=E4=BA=A4=E4=BA=92=E6=96=B9=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 ui/src/components/read-write/index.vue        | 15 +++++++++++++--
 ui/src/layout/components/breadcrumb/index.vue |  5 +----
 ui/src/workflow/common/NodeContainer.vue      |  8 ++------
 3 files changed, 16 insertions(+), 12 deletions(-)

diff --git a/ui/src/components/read-write/index.vue b/ui/src/components/read-write/index.vue
index 31ec539cb..e89ff6513 100644
--- a/ui/src/components/read-write/index.vue
+++ b/ui/src/components/read-write/index.vue
@@ -1,12 +1,12 @@
 <template>
   <div class="cursor w-full">
     <slot name="read">
-      <div class="flex align-center" v-if="!isEdit">
+      <div class="flex align-center" v-if="!isEdit" @dblclick="dblclick">
         <auto-tooltip :content="data">
           {{ data }}
         </auto-tooltip>
 
-        <el-button class="ml-4" @click.stop="editNameHandle" text v-if="showEditIcon">
+        <el-button v-if="!trigger && showEditIcon" class="ml-4" @click.stop="editNameHandle" text>
           <el-icon><EditPen /></el-icon>
         </el-button>
       </div>
@@ -56,6 +56,11 @@ const props = defineProps({
   maxlength: {
     type: Number,
     default: () => 0
+  },
+  trigger: {
+    type: String,
+    default: '',
+    validator: (value: string) => ['dblclick'].includes(value)
   }
 })
 const emit = defineEmits(['change'])
@@ -74,6 +79,12 @@ watch(isEdit, (bool) => {
   }
 })
 
+function dblclick() {
+  if (props.trigger === 'dblclick') {
+    editNameHandle()
+  }
+}
+
 function submit() {
   loading.value = true
   emit('change', writeValue.value)
diff --git a/ui/src/layout/components/breadcrumb/index.vue b/ui/src/layout/components/breadcrumb/index.vue
index c7b4762db..9777dea66 100644
--- a/ui/src/layout/components/breadcrumb/index.vue
+++ b/ui/src/layout/components/breadcrumb/index.vue
@@ -203,10 +203,7 @@ function getApplication() {
     })
 }
 function refresh() {
-  if (isApplication.value) {
-    common.saveBreadcrumb(null)
-    getApplication()
-  }
+  common.saveBreadcrumb(null)
 }
 onMounted(() => {
   if (!breadcrumbData.value) {
diff --git a/ui/src/workflow/common/NodeContainer.vue b/ui/src/workflow/common/NodeContainer.vue
index 22b4f5cfa..fb1c93666 100644
--- a/ui/src/workflow/common/NodeContainer.vue
+++ b/ui/src/workflow/common/NodeContainer.vue
@@ -9,11 +9,7 @@
         <div class="flex-between mb-16">
           <div class="flex align-center">
             <component :is="iconComponent(`${nodeModel.type}-icon`)" class="mr-8" :size="24" />
-            <h4
-              @mouseenter="showEditIcon = true"
-              @mouseleave="showEditIcon = false"
-              v-if="showOperate(nodeModel.type)"
-            >
+            <h4 v-if="showOperate(nodeModel.type)">
               <ReadWrite
                 @mousemove.stop
                 @mousedown.stop
@@ -21,7 +17,7 @@
                 @click.stop
                 @change="editName"
                 :data="nodeModel.properties.stepName"
-                :showEditIcon="showEditIcon"
+                trigger="dblclick"
               />
             </h4>
             <h4 v-else>{{ nodeModel.properties.stepName }}</h4>