perf: 【问答页面】对话框支持格式(#909)

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>

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)

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;
 }
 
 /*

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>

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>

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>
 

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()