From dfe4c43765b816b261dd70d76966dfc3ff0b9d0c Mon Sep 17 00:00:00 2001
From: yf <770153798@qq.com>
Date: Mon, 6 Jan 2025 12:35:50 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BC=98=E5=8C=96=20=E9=99=A4=E4=BA=86?=
 =?UTF-8?q?=E8=8B=B1=E6=96=87=E5=AD=97=E7=AC=A6=E6=8D=A2=E8=A1=8C=E9=97=AE?=
 =?UTF-8?q?=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/node/TextCellNode.vue          | 29 +++++++++++++++++--
 .../components/node/TextCellNode.vue          | 29 +++++++++++++++++--
 2 files changed, 54 insertions(+), 4 deletions(-)

diff --git a/hangtag-ui/hangtag-ui-admin/src/components/DraftDesign/components/node/TextCellNode.vue b/hangtag-ui/hangtag-ui-admin/src/components/DraftDesign/components/node/TextCellNode.vue
index 52d8296..3c35e47 100644
--- a/hangtag-ui/hangtag-ui-admin/src/components/DraftDesign/components/node/TextCellNode.vue
+++ b/hangtag-ui/hangtag-ui-admin/src/components/DraftDesign/components/node/TextCellNode.vue
@@ -12,8 +12,8 @@
     <span
       :id="textElId"
       :style="cellInfo.style.text"
-       style="word-break: keep-all;  white-space: normal; overflow-wrap: break-word;"
-      v-html="safeHtml(cellInfo.label)">
+       style="word-break: keep-all;  white-space: normal; overflow-wrap: break-word;hyphens: auto;"
+      v-html="safeHtml(textShowLabel)">
     </span>
     <el-dialog
       v-model="cellInfo.showInput"
@@ -99,7 +99,32 @@ export default defineComponent({
       targetElement: null
     }
   },
+  computed: {
+    textShowLabel() {
+    // ,&#8203;
+      if(this.cellInfo.label){
+        let text = this.cellInfo.label;
+        text = text.replaceAll('"', "“");
+        text = text.replaceAll(',', ",&#8203;");
+        text = text.replaceAll('.', ".&#8203;");
+        text = text.replaceAll(':', ":&#8203;");
+        text = text.replaceAll('!', "!&#8203;");
+        text = text.replaceAll('?', "?&#8203;");
+        text = text.replaceAll("'", "'&#8203;");
+        text = text.replaceAll('-', "-&#8203;");
+        text = text.replaceAll('—', "—&#8203;");
+        text = text.replaceAll('/', "/&#8203;");
+        text = text.replaceAll('(', "(&#8203;");
+        text = text.replaceAll(')', ")&#8203;");
+        text = text.replaceAll('+', "+&#8203;");
+        text = text.replaceAll('=', "=&#8203;");
 
+        return text;
+      }
+
+      return this.cellInfo.label
+    }
+  },
   mounted() {
     const node = (this as any).getNode()
     this.nodeInfo = node
diff --git a/hangtag-ui/hangtag-ui-front/src/components/DraftDesign/components/node/TextCellNode.vue b/hangtag-ui/hangtag-ui-front/src/components/DraftDesign/components/node/TextCellNode.vue
index 52d8296..3c35e47 100644
--- a/hangtag-ui/hangtag-ui-front/src/components/DraftDesign/components/node/TextCellNode.vue
+++ b/hangtag-ui/hangtag-ui-front/src/components/DraftDesign/components/node/TextCellNode.vue
@@ -12,8 +12,8 @@
     <span
       :id="textElId"
       :style="cellInfo.style.text"
-       style="word-break: keep-all;  white-space: normal; overflow-wrap: break-word;"
-      v-html="safeHtml(cellInfo.label)">
+       style="word-break: keep-all;  white-space: normal; overflow-wrap: break-word;hyphens: auto;"
+      v-html="safeHtml(textShowLabel)">
     </span>
     <el-dialog
       v-model="cellInfo.showInput"
@@ -99,7 +99,32 @@ export default defineComponent({
       targetElement: null
     }
   },
+  computed: {
+    textShowLabel() {
+    // ,&#8203;
+      if(this.cellInfo.label){
+        let text = this.cellInfo.label;
+        text = text.replaceAll('"', "“");
+        text = text.replaceAll(',', ",&#8203;");
+        text = text.replaceAll('.', ".&#8203;");
+        text = text.replaceAll(':', ":&#8203;");
+        text = text.replaceAll('!', "!&#8203;");
+        text = text.replaceAll('?', "?&#8203;");
+        text = text.replaceAll("'", "'&#8203;");
+        text = text.replaceAll('-', "-&#8203;");
+        text = text.replaceAll('—', "—&#8203;");
+        text = text.replaceAll('/', "/&#8203;");
+        text = text.replaceAll('(', "(&#8203;");
+        text = text.replaceAll(')', ")&#8203;");
+        text = text.replaceAll('+', "+&#8203;");
+        text = text.replaceAll('=', "=&#8203;");
 
+        return text;
+      }
+
+      return this.cellInfo.label
+    }
+  },
   mounted() {
     const node = (this as any).getNode()
     this.nodeInfo = node