From a65cffa58bdb7be25cfbfe897e8746e7d61e4cc0 Mon Sep 17 00:00:00 2001
From: wanglin2 <1013335014@qq.com>
Date: Fri, 28 Apr 2023 17:26:37 +0800
Subject: [PATCH] =?UTF-8?q?=E5=AE=8C=E5=96=84=E5=85=B3=E8=81=94=E7=BA=BF?=
 =?UTF-8?q?=E6=96=87=E6=9C=AC=E7=BC=96=E8=BE=91?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/utils/associativeLineControls.js            |  1 +
 simple-mind-map/src/utils/associativeLineText.js    | 13 ++++++++++---
 2 files changed, 11 insertions(+), 3 deletions(-)

diff --git a/simple-mind-map/src/utils/associativeLineControls.js b/simple-mind-map/src/utils/associativeLineControls.js
index 7b8432ef..105a69ef 100644
--- a/simple-mind-map/src/utils/associativeLineControls.js
+++ b/simple-mind-map/src/utils/associativeLineControls.js
@@ -108,6 +108,7 @@ function onControlPointMousemove(e) {
   path.plot(pathStr)
   clickPath.plot(pathStr)
   this.updateTextPos(path, text)
+  this.updateTextEditBoxPos(text)
 }
 
 // 控制点的鼠标移动事件
diff --git a/simple-mind-map/src/utils/associativeLineText.js b/simple-mind-map/src/utils/associativeLineText.js
index 58e3b974..81d51ba5 100644
--- a/simple-mind-map/src/utils/associativeLineText.js
+++ b/simple-mind-map/src/utils/associativeLineText.js
@@ -32,7 +32,7 @@ function showEditTextBox(g) {
   this.mindMap.keyCommand.addShortcut('Enter', () => {
     this.hideEditTextBox()
   })
-  let rect = g.node.getBoundingClientRect()
+  
   if (!this.textEditNode) {
     this.textEditNode = document.createElement('div')
     this.textEditNode.style.cssText = `position:fixed;box-sizing: border-box;background-color:#fff;box-shadow: 0 0 20px rgba(0,0,0,.5);padding: 3px 5px;margin-left: -5px;margin-top: -3px;outline: none; word-break: break-all;`
@@ -59,12 +59,18 @@ function showEditTextBox(g) {
   this.textEditNode.style.lineHeight = associativeLineTextLineHeight
   this.textEditNode.style.zIndex = this.mindMap.opt.nodeTextEditZIndex
   this.textEditNode.innerHTML = textLines.join('<br>')
+  this.textEditNode.style.display = 'block'
+  this.updateTextEditBoxPos(g)
+  this.showTextEdit = true
+}
+
+// 更新文本编辑框位置
+function updateTextEditBoxPos(g) {
+  let rect = g.node.getBoundingClientRect()
   this.textEditNode.style.minWidth = rect.width + 10 + 'px'
   this.textEditNode.style.minHeight = rect.height + 6 + 'px'
   this.textEditNode.style.left = rect.left + 'px'
   this.textEditNode.style.top = rect.top + 'px'
-  this.textEditNode.style.display = 'block'
-  this.showTextEdit = true
 }
 
 //  隐藏文本编辑框
@@ -144,6 +150,7 @@ export default {
   styleText,
   showEditTextBox,
   hideEditTextBox,
+  updateTextEditBoxPos,
   renderText,
   updateTextPos
 }