From c7f3dd4d7e78294a7af57b87a93783e887f086d2 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: Fri, 6 Sep 2024 09:35:10 +0800
Subject: [PATCH] =?UTF-8?q?Feat=EF=BC=9A=E4=B8=BB=E9=A2=98=E6=94=AF?=
 =?UTF-8?q?=E6=8C=81=E8=AE=BE=E7=BD=AE=E8=8A=82=E7=82=B9hover=E5=92=8C?=
 =?UTF-8?q?=E6=BF=80=E6=B4=BB=E6=97=B6=E7=9F=A9=E5=BD=A2=E6=A1=86=E7=9A=84?=
 =?UTF-8?q?=E9=A2=9C=E8=89=B2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 simple-mind-map/src/core/render/node/Style.js |  2 +-
 simple-mind-map/src/themes/default.js         | 16 +++++++++++-----
 2 files changed, 12 insertions(+), 6 deletions(-)

diff --git a/simple-mind-map/src/core/render/node/Style.js b/simple-mind-map/src/core/render/node/Style.js
index 7a6e9d4a..d28d3977 100644
--- a/simple-mind-map/src/core/render/node/Style.js
+++ b/simple-mind-map/src/core/render/node/Style.js
@@ -348,7 +348,7 @@ class Style {
 
   // hover和激活节点
   hoverNode(node) {
-    const { hoverRectColor } = this.ctx.mindMap.opt
+    const hoverRectColor = this.merge('hoverRectColor') || this.ctx.mindMap.opt.hoverRectColor
     node.radius(5).fill('none').stroke({
       color: hoverRectColor
     })
diff --git a/simple-mind-map/src/themes/default.js b/simple-mind-map/src/themes/default.js
index d32049e4..fb2a6b8e 100644
--- a/simple-mind-map/src/themes/default.js
+++ b/simple-mind-map/src/themes/default.js
@@ -85,7 +85,9 @@ export default {
     startDir: [0, 0],
     endDir: [1, 0],
     // 连线标记的位置，start（头部）、end（尾部），该配置在showLineMarker配置为true时生效
-    lineMarkerDir: 'end'
+    lineMarkerDir: 'end',
+    // 节点鼠标hover和激活时显示的矩形边框的颜色，主题里不设置，默认会取hoverRectColor实例化选项的值
+    hoverRectColor: ''
   },
   // 二级节点样式
   second: {
@@ -109,7 +111,8 @@ export default {
     endColor: '#fff',
     startDir: [0, 0],
     endDir: [1, 0],
-    lineMarkerDir: 'end'
+    lineMarkerDir: 'end',
+    hoverRectColor: ''
   },
   // 三级及以下节点样式
   node: {
@@ -133,7 +136,8 @@ export default {
     endColor: '#fff',
     startDir: [0, 0],
     endDir: [1, 0],
-    lineMarkerDir: 'end'
+    lineMarkerDir: 'end',
+    hoverRectColor: ''
   },
   // 概要节点样式
   generalization: {
@@ -156,7 +160,8 @@ export default {
     startColor: '#549688',
     endColor: '#fff',
     startDir: [0, 0],
-    endDir: [1, 0]
+    endDir: [1, 0],
+    hoverRectColor: ''
   }
 }
 
@@ -189,7 +194,8 @@ const nodeSizeIndependenceList = [
   'startColor',
   'endColor',
   'startDir',
-  'endDir'
+  'endDir',
+  'hoverRectColor'
 ]
 export const checkIsNodeSizeIndependenceConfig = config => {
   let keys = Object.keys(config)