From 2b42b9fafae5ebb60d41109fadd12c73a9d8d292 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=A1=97=E8=A7=92=E5=B0=8F=E6=9E=97?= <1013335014@qq.com>
Date: Thu, 17 Oct 2024 17:56:03 +0800
Subject: [PATCH] =?UTF-8?q?Demo=EF=BC=9A=E6=94=AF=E6=8C=81=E8=AE=BE?=
 =?UTF-8?q?=E7=BD=AE=E8=8A=82=E7=82=B9=E6=96=87=E6=9C=AC=E7=BC=96=E8=BE=91?=
 =?UTF-8?q?=E6=98=AF=E5=90=A6=E5=AE=9E=E6=97=B6=E6=9B=B4=E6=96=B0=E8=8A=82?=
 =?UTF-8?q?=E7=82=B9=E5=A4=A7=E5=B0=8F=EF=BC=8C=E9=BB=98=E8=AE=A4=E5=BC=80?=
 =?UTF-8?q?=E5=90=AF?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 web/src/lang/en_us.js                       |  3 ++-
 web/src/lang/zh_cn.js                       |  3 ++-
 web/src/lang/zh_tw.js                       |  3 ++-
 web/src/pages/Edit/components/BaseStyle.vue | 18 ++++++++++++++++--
 web/src/pages/Edit/components/Edit.vue      |  1 +
 5 files changed, 23 insertions(+), 5 deletions(-)

diff --git a/web/src/lang/en_us.js b/web/src/lang/en_us.js
index 853f2286..3f25c6dc 100644
--- a/web/src/lang/en_us.js
+++ b/web/src/lang/en_us.js
@@ -67,7 +67,8 @@ export default {
     edge: 'Edge',
     rainbowLines: 'Rainbow lines',
     notUseRainbowLines: 'Not use rainbow lines',
-    outerFramePadding: 'Outer frame padding'
+    outerFramePadding: 'Outer frame padding',
+    openRealtimeRenderOnNodeTextEdit: 'Enable real-time rendering effect for text editing'
   },
   color: {
     moreColor: 'More color'
diff --git a/web/src/lang/zh_cn.js b/web/src/lang/zh_cn.js
index 720b399a..3b02eba1 100644
--- a/web/src/lang/zh_cn.js
+++ b/web/src/lang/zh_cn.js
@@ -67,7 +67,8 @@ export default {
     edge: '边缘',
     rainbowLines: '彩虹线条',
     notUseRainbowLines: '不使用彩虹线条',
-    outerFramePadding: '外框内边距'
+    outerFramePadding: '外框内边距',
+    openRealtimeRenderOnNodeTextEdit: '开启文本编辑实时渲染效果'
   },
   color: {
     moreColor: '更多颜色'
diff --git a/web/src/lang/zh_tw.js b/web/src/lang/zh_tw.js
index 9772d8ce..01f2005b 100644
--- a/web/src/lang/zh_tw.js
+++ b/web/src/lang/zh_tw.js
@@ -67,7 +67,8 @@ export default {
     edge: '邊緣',
     rainbowLines: '彩虹線條',
     notUseRainbowLines: '不使用彩虹線條',
-    outerFramePadding: '外框內距'
+    outerFramePadding: '外框內距',
+    openRealtimeRenderOnNodeTextEdit: '開啟文本編輯實時渲染效果'
   },
   color: {
     moreColor: '更多顏色'
diff --git a/web/src/pages/Edit/components/BaseStyle.vue b/web/src/pages/Edit/components/BaseStyle.vue
index 8c1750df..750b67bb 100644
--- a/web/src/pages/Edit/components/BaseStyle.vue
+++ b/web/src/pages/Edit/components/BaseStyle.vue
@@ -1008,6 +1008,18 @@
           </el-select>
         </div>
       </div>
+      <!-- 是否开启文本编辑时实时更新节点大小 -->
+      <div class="row">
+        <div class="rowItem">
+          <el-checkbox
+            v-model="config.openRealtimeRenderOnNodeTextEdit"
+            @change="
+              updateOtherConfig('openRealtimeRenderOnNodeTextEdit', $event)
+            "
+            >{{ $t('baseStyle.openRealtimeRenderOnNodeTextEdit') }}</el-checkbox
+          >
+        </div>
+      </div>
       <!-- 是否显示滚动条 -->
       <div class="row">
         <div class="rowItem">
@@ -1123,7 +1135,8 @@ export default {
         enableFreeDrag: false,
         mousewheelAction: 'zoom',
         mousewheelZoomActionReverse: false,
-        createNewNodeBehavior: 'default'
+        createNewNodeBehavior: 'default',
+        openRealtimeRenderOnNodeTextEdit: true
       },
       watermarkConfig: {
         show: false,
@@ -1310,7 +1323,8 @@ export default {
         'enableFreeDrag',
         'mousewheelAction',
         'mousewheelZoomActionReverse',
-        'createNewNodeBehavior'
+        'createNewNodeBehavior',
+        'openRealtimeRenderOnNodeTextEdit'
       ].forEach(key => {
         this.config[key] = this.mindMap.getConfig(key)
       })
diff --git a/web/src/pages/Edit/components/Edit.vue b/web/src/pages/Edit/components/Edit.vue
index 431ac9bc..8b46d59f 100644
--- a/web/src/pages/Edit/components/Edit.vue
+++ b/web/src/pages/Edit/components/Edit.vue
@@ -367,6 +367,7 @@ export default {
             // this.$bus.$emit('hideNoteContent')
           }
         },
+        openRealtimeRenderOnNodeTextEdit: true,
         ...(config || {}),
         iconList: [...icon],
         useLeftKeySelectionRightKeyDrag: this.useLeftKeySelectionRightKeyDrag,