From e8c559580a9fc74b950cb40f327082fdf9e5d8a1 Mon Sep 17 00:00:00 2001
From: wangdan-fit2cloud <dan.wang@fit2cloud.com>
Date: Mon, 3 Mar 2025 15:27:50 +0800
Subject: [PATCH] perf: Optimization codemirror title

---
 ui/src/components/codemirror-editor/index.vue             | 8 ++------
 ui/src/components/dynamics-form/items/JsonInput.vue       | 2 +-
 .../views/function-lib/component/FunctionFormDrawer.vue   | 6 +++++-
 ui/src/workflow/nodes/function-node/index.vue             | 1 +
 ui/src/workflow/nodes/variable-assign-node/index.vue      | 1 +
 5 files changed, 10 insertions(+), 8 deletions(-)

diff --git a/ui/src/components/codemirror-editor/index.vue b/ui/src/components/codemirror-editor/index.vue
index 0d9d81cac..52fc72367 100644
--- a/ui/src/components/codemirror-editor/index.vue
+++ b/ui/src/components/codemirror-editor/index.vue
@@ -16,12 +16,7 @@
       </el-button>
     </div>
     <!-- Codemirror 弹出层 -->
-    <el-dialog
-      v-model="dialogVisible"
-      :title="$t('views.functionLib.functionForm.form.param.code')"
-      append-to-body
-      fullscreen
-    >
+    <el-dialog v-model="dialogVisible" :title="title" append-to-body fullscreen>
       <Codemirror
         v-model="cloneContent"
         :extensions="extensions"
@@ -54,6 +49,7 @@ import FunctionApi from '@/api/function-lib'
 defineOptions({ name: 'CodemirrorEditor' })
 
 const props = defineProps<{
+  title: String
   modelValue: any
 }>()
 const emit = defineEmits(['update:modelValue', 'submitDialog'])
diff --git a/ui/src/components/dynamics-form/items/JsonInput.vue b/ui/src/components/dynamics-form/items/JsonInput.vue
index 6e55fcf0e..19b68a901 100644
--- a/ui/src/components/dynamics-form/items/JsonInput.vue
+++ b/ui/src/components/dynamics-form/items/JsonInput.vue
@@ -22,7 +22,7 @@
     <!-- Codemirror 弹出层 -->
     <el-dialog
       v-model="dialogVisible"
-      :title="$t('views.functionLib.functionForm.form.param.code')"
+      :title="$t('dynamicsForm.default.label')"
       append-to-body
       fullscreen
     >
diff --git a/ui/src/views/function-lib/component/FunctionFormDrawer.vue b/ui/src/views/function-lib/component/FunctionFormDrawer.vue
index 2b8031e8c..1435aca93 100644
--- a/ui/src/views/function-lib/component/FunctionFormDrawer.vue
+++ b/ui/src/views/function-lib/component/FunctionFormDrawer.vue
@@ -134,7 +134,11 @@
       </h4>
 
       <div class="mb-8" v-if="showEditor">
-        <CodemirrorEditor v-model="form.code" @submitDialog="submitCodemirrorEditor" />
+        <CodemirrorEditor
+          :title="$t('views.functionLib.functionForm.form.param.code')"
+          v-model="form.code"
+          @submitDialog="submitCodemirrorEditor"
+        />
       </div>
       <h4 class="title-decoration-1 mb-16 mt-16">
         {{ $t('common.param.outputParam') }}
diff --git a/ui/src/workflow/nodes/function-node/index.vue b/ui/src/workflow/nodes/function-node/index.vue
index 0bbd5158a..26bf9c46b 100644
--- a/ui/src/workflow/nodes/function-node/index.vue
+++ b/ui/src/workflow/nodes/function-node/index.vue
@@ -79,6 +79,7 @@
       </h5>
       <div class="mb-8" v-if="showEditor">
         <CodemirrorEditor
+          :title="$t('views.functionLib.functionForm.form.param.code')"
           v-model="chat_data.code"
           @wheel="wheel"
           style="height: 130px !important"
diff --git a/ui/src/workflow/nodes/variable-assign-node/index.vue b/ui/src/workflow/nodes/variable-assign-node/index.vue
index a88bccec9..8a336e58e 100644
--- a/ui/src/workflow/nodes/variable-assign-node/index.vue
+++ b/ui/src/workflow/nodes/variable-assign-node/index.vue
@@ -118,6 +118,7 @@
               ]"
             >
               <CodemirrorEditor
+                title="JSON"
                 v-model="item.value"
                 :style="{
                   height: '100px'