Fix:修复快速操作时节点位置不正确的问题

simple-mind-map/index.js

@@ -82,7 +82,13 @@ const defaultOpt = {
   expandBtnIcon: {
     open: '',// svg字符串
     close: ''
-  }
+  },
+  // 是否只有当鼠标在画布内才响应快捷键事件
+  enableShortcutOnlyWhenMouseInSvg: true,
+  // 是否开启节点动画过渡
+  enableNodeTransitionMove: true,
+  // 如果开启节点动画过渡，可以通过该属性设置过渡的时间，单位ms
+  nodeTransitionMoveDuration: 300
 }
 
 //  思维导图

simple-mind-map/src/KeyCommand.js

@@ -52,7 +52,7 @@ export default class KeyCommand {
       this.isInSvg = false
     })
     window.addEventListener('keydown', e => {
-      if (this.isPause || !this.isInSvg) {
+      if (this.isPause || (this.mindMap.opt.enableShortcutOnlyWhenMouseInSvg && !this.isInSvg)) {
         return
       }
       Object.keys(this.shortcutMap).forEach(key => {

simple-mind-map/src/Node.js

@@ -414,6 +414,7 @@ class Node {
     if (!this.group) {
       return
     }
+    let { enableNodeTransitionMove, nodeTransitionMoveDuration } = this.mindMap.opt
     // 需要移除展开收缩按钮
     if (this._expandBtn && this.nodeData.children.length <= 0) {
       this.removeExpandBtn()
@@ -425,9 +426,9 @@ class Node {
     this.renderGeneralization()
     // 更新节点位置
     let t = this.group.transform()
-    if (!isLayout) {
+    if (!isLayout && enableNodeTransitionMove) {
       this.group
-        .animate(300)
+        .animate(nodeTransitionMoveDuration)
         .translate(
           this.left - t.translateX,
           this.top - t.translateY
@@ -457,10 +458,13 @@ class Node {
 
   //  递归渲染
   render(callback = () => {}) {
+    let { enableNodeTransitionMove, nodeTransitionMoveDuration } = this.mindMap.opt
     // 节点
     // 重新渲染连线
     this.renderLine()
+    let isLayout = false
     if (!this.group) {
+      isLayout = true
       // 创建组
       this.group = new G()
       this.group.css({
@@ -469,7 +473,7 @@ class Node {
       this.bindGroupEvent()
       this.draw.add(this.group)
       this.layout()
-      this.update(true)
+      this.update(isLayout)
     } else {
       this.draw.add(this.group)
       if (this.needLayout) {
@@ -498,7 +502,13 @@ class Node {
         })
       )
     } else {
-      callback()
+      if (enableNodeTransitionMove && !isLayout) {
+        setTimeout(() => {
+          callback()
+        }, nodeTransitionMoveDuration)
+      } else {
+        callback()
+      }
     }
     // 手动插入的节点立即获得焦点并且开启编辑模式
     if (this.nodeData.inserting) {

simple-mind-map/src/layouts/Base.js

@@ -67,7 +67,7 @@ class Base {
         newNode.getSize()
         newNode.needLayout = true
       }
-    } else if (this.nodePool[data.data.uid]) {
+    } else if (this.nodePool[data.data.uid] && !this.renderer.reRender) {
       // 数据上没有保存节点引用，但是通过uid找到了缓存的节点，也可以复用
       newNode = this.nodePool[data.data.uid]
       // 保存该节点上一次的数据