From 00f86fe1675206b7c212371686ed443f2a9c39d8 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=A1=97=E8=A7=92=E5=B0=8F=E6=9E=97?= <1013335014@qq.com>
Date: Tue, 2 Jul 2024 16:30:19 +0800
Subject: [PATCH] =?UTF-8?q?Demo=EF=BC=9A=E4=BF=AE=E5=A4=8D=E9=BC=A0?=
 =?UTF-8?q?=E6=A0=87=E7=A7=BB=E5=87=BA=E5=B0=8F=E5=9C=B0=E5=9B=BE=E5=86=8D?=
 =?UTF-8?q?=E6=9D=BE=E5=BC=80=E5=90=8E=E4=BA=8B=E4=BB=B6=E6=B2=A1=E6=9C=89?=
 =?UTF-8?q?=E7=BB=93=E6=9D=9F=E7=9A=84=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 simple-mind-map/src/plugins/MiniMap.js      | 13 ++++++++-----
 web/src/pages/Edit/components/Navigator.vue |  3 ++-
 2 files changed, 10 insertions(+), 6 deletions(-)

diff --git a/simple-mind-map/src/plugins/MiniMap.js b/simple-mind-map/src/plugins/MiniMap.js
index 3372c779..243aa23d 100644
--- a/simple-mind-map/src/plugins/MiniMap.js
+++ b/simple-mind-map/src/plugins/MiniMap.js
@@ -53,13 +53,16 @@ class MiniMap {
     let miniMapBoxScale = actWidth / rect.width
     let miniMapBoxLeft = (boxWidth - actWidth) / 2
     let miniMapBoxTop = (boxHeight - actHeight) / 2
-    // 视口框大小及位置
-    let _rectX = rect.x - (rect.width * scaleX - rect.width) / 2
-    let _rectX2 = rect.x2 + (rect.width * scaleX - rect.width) / 2
-    let _rectY = rect.y - (rect.height * scaleY - rect.height) / 2
-    let _rectY2 = rect.y2 + (rect.height * scaleY - rect.height) / 2
+    // 当前思维导图图形实际的宽高，即在缩放后的宽高
     let _rectWidth = rect.width * scaleX
     let _rectHeight = rect.height * scaleY
+    // 视口框大小及位置
+    let _rectWidthOffsetHalf = (_rectWidth - rect.width) / 2
+    let _rectHeightOffsetHalf = (_rectHeight - rect.height) / 2
+    let _rectX = rect.x - _rectWidthOffsetHalf
+    let _rectX2 = rect.x2 + _rectWidthOffsetHalf
+    let _rectY = rect.y - _rectHeightOffsetHalf
+    let _rectY2 = rect.y2 + _rectHeightOffsetHalf
     let viewBoxStyle = {
       left: 0,
       top: 0,
diff --git a/web/src/pages/Edit/components/Navigator.vue b/web/src/pages/Edit/components/Navigator.vue
index 5b8827c1..10f582e8 100644
--- a/web/src/pages/Edit/components/Navigator.vue
+++ b/web/src/pages/Edit/components/Navigator.vue
@@ -7,7 +7,6 @@
     :style="{ width: width + 'px' }"
     @mousedown="onMousedown"
     @mousemove="onMousemove"
-    @mouseup="onMouseup"
   >
     <div
       class="svgBox"
@@ -65,6 +64,7 @@ export default {
     this.$bus.$on('data_change', this.data_change)
     this.$bus.$on('view_data_change', this.data_change)
     this.$bus.$on('node_tree_render_end', this.data_change)
+    window.addEventListener('mouseup', this.onMouseup)
   },
   destroyed() {
     window.removeEventListener('resize', this.setSize)
@@ -72,6 +72,7 @@ export default {
     this.$bus.$off('data_change', this.data_change)
     this.$bus.$off('view_data_change', this.data_change)
     this.$bus.$off('node_tree_render_end', this.data_change)
+    window.removeEventListener('mouseup', this.onMouseup)
   },
   methods: {
     // 切换显示小地图