From 097b5dd3ecfa1efa51be46b018aea6368e395fb2 Mon Sep 17 00:00:00 2001
From: wangdan-fit2cloud <dan.wang@fit2cloud.com>
Date: Mon, 5 Aug 2024 16:40:35 +0800
Subject: [PATCH] =?UTF-8?q?perf:=20=E3=80=90=E9=97=AE=E7=AD=94=E9=A1=B5?=
 =?UTF-8?q?=E9=9D=A2=E3=80=91=E5=AF=B9=E8=AF=9D=E6=A1=86=E6=94=AF=E6=8C=81?=
 =?UTF-8?q?=E6=A0=BC=E5=BC=8F(#909)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 ui/src/components/ai-chat/ExecutionDetailDialog.vue         | 2 +-
 ui/src/components/ai-chat/index.vue                         | 4 ++--
 ui/src/styles/app.scss                                      | 4 ++--
 ui/src/views/application-overview/component/EmbedDialog.vue | 5 +----
 ui/src/views/application-workflow/index.vue                 | 2 +-
 ui/src/views/log/component/EditMarkDialog.vue               | 2 +-
 ui/src/workflow/common/NodeControl.vue                      | 4 ++--
 7 files changed, 10 insertions(+), 13 deletions(-)

diff --git a/ui/src/components/ai-chat/ExecutionDetailDialog.vue b/ui/src/components/ai-chat/ExecutionDetailDialog.vue
index ce1dcf752..58e8bef41 100644
--- a/ui/src/components/ai-chat/ExecutionDetailDialog.vue
+++ b/ui/src/components/ai-chat/ExecutionDetailDialog.vue
@@ -104,7 +104,7 @@
                     </div>
                     <div class="card-never border-r-4 mt-8">
                       <h5 class="p-8-12">本次对话</h5>
-                      <div class="p-8-12 border-t-dashed lighter pre-line">
+                      <div class="p-8-12 border-t-dashed lighter pre-wrap">
                         {{ item.question || '-' }}
                       </div>
                     </div>
diff --git a/ui/src/components/ai-chat/index.vue b/ui/src/components/ai-chat/index.vue
index 1d39fd8c0..6a7e45a52 100644
--- a/ui/src/components/ai-chat/index.vue
+++ b/ui/src/components/ai-chat/index.vue
@@ -42,7 +42,7 @@
               </AppAvatar>
             </div>
             <div class="content">
-              <div class="text break-all">
+              <div class="text break-all pre-wrap">
                 {{ item.problem_text }}
               </div>
             </div>
@@ -607,7 +607,7 @@ watch(
 
 onMounted(() => {
   setTimeout(() => {
-    if (quickInputRef.value) {
+    if (quickInputRef.value && mode === 'embed') {
       quickInputRef.value.textarea.style.height = '0'
     }
   }, 1800)
diff --git a/ui/src/styles/app.scss b/ui/src/styles/app.scss
index 149e3ad9e..ef96a7d77 100644
--- a/ui/src/styles/app.scss
+++ b/ui/src/styles/app.scss
@@ -341,8 +341,8 @@ h5 {
   word-break: break-all;
 }
 
-.pre-line {
-  white-space: pre-line;
+.pre-wrap {
+  white-space: pre-wrap;
 }
 
 /*
diff --git a/ui/src/views/application-overview/component/EmbedDialog.vue b/ui/src/views/application-overview/component/EmbedDialog.vue
index 0418c8fd5..770395729 100644
--- a/ui/src/views/application-overview/component/EmbedDialog.vue
+++ b/ui/src/views/application-overview/component/EmbedDialog.vue
@@ -42,7 +42,7 @@
                 <AppIcon iconName="app-copy"></AppIcon>
               </el-button>
             </div>
-            <div class="mt-8 white-space">
+            <div class="mt-8 pre-wrap">
               {{ source2 }}
             </div>
           </div>
@@ -109,9 +109,6 @@ defineExpose({ open })
     font-size: 13px;
     white-space: pre;
     height: 180px;
-    .white-space {
-      white-space: pre-wrap;
-    }
   }
 }
 </style>
diff --git a/ui/src/views/application-workflow/index.vue b/ui/src/views/application-workflow/index.vue
index 208982919..5df23964a 100644
--- a/ui/src/views/application-workflow/index.vue
+++ b/ui/src/views/application-workflow/index.vue
@@ -36,7 +36,7 @@
             @mousedown="onmousedown(item)"
           >
             <component :is="iconComponent(`${item.type}-icon`)" class="mr-8 mt-4" :size="32" />
-            <div class="pre-line">
+            <div class="pre-wrap">
               <div class="lighter">{{ item.label }}</div>
               <el-text type="info" size="small">{{ item.text }}</el-text>
             </div>
diff --git a/ui/src/views/log/component/EditMarkDialog.vue b/ui/src/views/log/component/EditMarkDialog.vue
index 7c80d1d73..339b1df9c 100644
--- a/ui/src/views/log/component/EditMarkDialog.vue
+++ b/ui/src/views/log/component/EditMarkDialog.vue
@@ -38,7 +38,7 @@
             </el-input>
           </el-form-item>
         </el-form>
-        <span v-else class="pre-line">{{ form?.content }}</span>
+        <span v-else class="pre-wrap">{{ form?.content }}</span>
       </div>
     </el-scrollbar>
 
diff --git a/ui/src/workflow/common/NodeControl.vue b/ui/src/workflow/common/NodeControl.vue
index 9163b22a9..ac142691d 100644
--- a/ui/src/workflow/common/NodeControl.vue
+++ b/ui/src/workflow/common/NodeControl.vue
@@ -20,10 +20,10 @@ const props = defineProps({
 })
 
 function zoomIn() {
-  props.lf?.zoom(true)
+  props.lf?.zoom(true, [0, 0])
 }
 function zoomOut() {
-  props.lf?.zoom(false)
+  props.lf?.zoom(false, [0, 0])
 }
 function fitView() {
   props.lf?.resetZoom()