From 2c3fb4d7ea4222db01536b3fe501071da21beaa7 Mon Sep 17 00:00:00 2001
From: wanglin2 <1013335014@qq.com>
Date: Mon, 16 Oct 2023 10:08:24 +0800
Subject: [PATCH] =?UTF-8?q?Feat=EF=BC=9A=E7=94=BB=E5=B8=83=E5=8F=B3?=
 =?UTF-8?q?=E9=94=AE=E8=8F=9C=E5=8D=95=E4=BA=8B=E4=BB=B6=E6=B8=85=E9=99=A4?=
 =?UTF-8?q?=E5=BD=93=E5=89=8D=E6=BF=80=E6=B4=BB=E7=9A=84=E8=8A=82=E7=82=B9?=
 =?UTF-8?q?=E5=88=97=E8=A1=A8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 simple-mind-map/src/core/render/Render.js | 43 +++++++++++++++--------
 1 file changed, 28 insertions(+), 15 deletions(-)

diff --git a/simple-mind-map/src/core/render/Render.js b/simple-mind-map/src/core/render/Render.js
index fcd742e2..35d80299 100644
--- a/simple-mind-map/src/core/render/Render.js
+++ b/simple-mind-map/src/core/render/Render.js
@@ -112,23 +112,13 @@ class Render {
 
   //   绑定事件
   bindEvent() {
-    // 点击事件
+    // 画布点击事件清除当前激活节点列表
     this.mindMap.on('draw_click', e => {
-      // 清除激活状态
-      let isTrueClick = true
-      let { useLeftKeySelectionRightKeyDrag } = this.mindMap.opt
-      if (useLeftKeySelectionRightKeyDrag) {
-        let mousedownPos = this.mindMap.event.mousedownPos
-        isTrueClick =
-          Math.abs(e.clientX - mousedownPos.x) <= 5 &&
-          Math.abs(e.clientY - mousedownPos.y) <= 5
-      }
-      if (isTrueClick && this.activeNodeList.length > 0) {
-        this.mindMap.execCommand('CLEAR_ACTIVE_NODE')
-      }
+      this.clearActiveNodeListOnDrawClick(e, 'click')
     })
-    this.mindMap.on('contextmenu', () => {
-      this.mindMap.execCommand('CLEAR_ACTIVE_NODE')
+    // 画布右键事件事件清除当前激活节点列表
+    this.mindMap.on('contextmenu', e => {
+      this.clearActiveNodeListOnDrawClick(e, 'contextmenu')
     })
     // 鼠标双击回到根节点
     this.mindMap.svg.on('dblclick', () => {
@@ -340,6 +330,29 @@ class Render {
     })
   }
 
+  // 鼠标点击画布时清空当前激活节点列表
+  clearActiveNodeListOnDrawClick(e, eventType) {
+    if (this.activeNodeList.length <= 0) return
+    // 清除激活状态
+    let isTrueClick = true
+    // 是否是左键多选节点，右键拖动画布
+    const { useLeftKeySelectionRightKeyDrag } = this.mindMap.opt
+    // 如果鼠标按下和松开的距离较大，则不认为是点击事件
+    if (
+      eventType === 'contextmenu'
+        ? !useLeftKeySelectionRightKeyDrag
+        : useLeftKeySelectionRightKeyDrag
+    ) {
+      const mousedownPos = this.mindMap.event.mousedownPos
+      isTrueClick =
+        Math.abs(e.clientX - mousedownPos.x) <= 5 &&
+        Math.abs(e.clientY - mousedownPos.y) <= 5
+    }
+    if (isTrueClick) {
+      this.mindMap.execCommand('CLEAR_ACTIVE_NODE')
+    }
+  }
+
   //  开启文字编辑，会禁用回车键和删除键相关快捷键防止冲突
   startTextEdit() {
     this.mindMap.keyCommand.save()