From 2c56cd453cd18ad3d20c6eb9c50773e41babb830 Mon Sep 17 00:00:00 2001
From: wanglin2 <1013335014@qq.com>
Date: Sat, 12 Aug 2023 22:45:41 +0800
Subject: [PATCH] =?UTF-8?q?Demo:=E6=94=AF=E6=8C=81=E4=BB=8E=E5=8F=B3?=
 =?UTF-8?q?=E9=94=AE=E8=8F=9C=E5=8D=95=E5=88=A0=E9=99=A4=E8=8A=82=E7=82=B9?=
 =?UTF-8?q?=E7=9A=84=E8=B6=85=E9=93=BE=E6=8E=A5,=E5=A4=87=E6=B3=A8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 simple-mind-map/src/core/render/Render.js     |  3 ++-
 web/src/lang/en_us.js                         |  5 ++++-
 web/src/lang/zh_cn.js                         |  5 ++++-
 web/src/pages/Edit/components/Contextmenu.vue | 18 ++++++++++++++++++
 web/src/pages/Edit/components/NodeImage.vue   |  7 +------
 5 files changed, 29 insertions(+), 9 deletions(-)

diff --git a/simple-mind-map/src/core/render/Render.js b/simple-mind-map/src/core/render/Render.js
index 752ac75a..fac2c564 100644
--- a/simple-mind-map/src/core/render/Render.js
+++ b/simple-mind-map/src/core/render/Render.js
@@ -1087,7 +1087,8 @@ class Render {
   }
 
   //  设置节点图片
-  setNodeImage(node, { url, title, width, height, custom = false }) {
+  setNodeImage(node, data) {
+    const { url, title, width, height, custom = false } = data || { url: '', title: '', width: 0, height: 0, custom: false }
     this.setNodeDataRender(node, {
       image: url,
       imageTitle: title || '',
diff --git a/web/src/lang/en_us.js b/web/src/lang/en_us.js
index d1071273..ca580137 100644
--- a/web/src/lang/en_us.js
+++ b/web/src/lang/en_us.js
@@ -77,7 +77,10 @@ export default {
     level5: 'Level5',
     level6: 'Level6',
     zenMode: 'Zen mode',
-    fitCanvas: 'Fit canvas'
+    fitCanvas: 'Fit canvas',
+    removeImage: 'Remove image',
+    removeHyperlink: 'Remove hyperlink',
+    removeNote: 'Remove note'
   },
   count: {
     words: 'Words',
diff --git a/web/src/lang/zh_cn.js b/web/src/lang/zh_cn.js
index ffe6a7fc..a3bbb59e 100644
--- a/web/src/lang/zh_cn.js
+++ b/web/src/lang/zh_cn.js
@@ -77,7 +77,10 @@ export default {
     level5: '五级主题',
     level6: '六级主题',
     zenMode: '禅模式',
-    fitCanvas: '适应画布'
+    fitCanvas: '适应画布',
+    removeImage: '移除图片',
+    removeHyperlink: '移除超链接',
+    removeNote: '移除备注'
   },
   count: {
     words: '字数',
diff --git a/web/src/pages/Edit/components/Contextmenu.vue b/web/src/pages/Edit/components/Contextmenu.vue
index b3e9d461..d07d34be 100644
--- a/web/src/pages/Edit/components/Contextmenu.vue
+++ b/web/src/pages/Edit/components/Contextmenu.vue
@@ -70,6 +70,12 @@
         {{ $t('contextmenu.pasteNode') }}
         <span class="desc">Ctrl + V</span>
       </div>
+      <div class="item" @click="exec('REMOVE_HYPERLINK')" v-if="hasHyperlink">
+        {{ $t('contextmenu.removeHyperlink') }}
+      </div>
+      <div class="item" @click="exec('REMOVE_NOTE')" v-if="hasNote">
+        {{ $t('contextmenu.removeNote') }}
+      </div>
     </template>
     <template v-if="type === 'svg'">
       <div class="item" @click="exec('RETURN_CENTER')">
@@ -180,6 +186,12 @@ export default {
     },
     isGeneralization() {
       return this.node.isGeneralization
+    },
+    hasHyperlink() {
+      return !!this.node.getData('hyperlink')
+    },
+    hasNote() {
+      return !!this.node.getData('note')
     }
   },
   created() {
@@ -302,6 +314,12 @@ export default {
         case 'FIT_CANVAS':
           this.mindMap.view.fit()
           break
+        case 'REMOVE_HYPERLINK':
+          this.node.setHyperlink('', '')
+          break
+        case 'REMOVE_NOTE':
+          this.node.setNote('')
+          break
         default:
           this.$bus.$emit('execCommand', key, ...args)
           break
diff --git a/web/src/pages/Edit/components/NodeImage.vue b/web/src/pages/Edit/components/NodeImage.vue
index eae00c32..649e7590 100644
--- a/web/src/pages/Edit/components/NodeImage.vue
+++ b/web/src/pages/Edit/components/NodeImage.vue
@@ -105,12 +105,7 @@ export default {
         if (!this.img && !this.imgUrl) {
           this.cancel()
           this.activeNodes.forEach(node => {
-            node.setImage({
-              url: '',
-              title: '',
-              width: 0,
-              height: 0
-            })
+            node.setImage(null)
           })
           return
         }