From 1c9c399b76266f28f8932835ce4d294f88744c42 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: Mon, 23 Sep 2024 17:19:47 +0800 Subject: [PATCH] =?UTF-8?q?Feat=EF=BC=9A=E4=B8=BB=E9=A2=98=E6=96=B0?= =?UTF-8?q?=E5=A2=9E=E8=8A=82=E7=82=B9=E9=AB=98=E4=BA=AE=E6=A1=86=E7=9A=84?= =?UTF-8?q?=E5=9C=86=E8=A7=92=E9=85=8D=E7=BD=AE?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- simple-mind-map/src/core/render/node/Style.js | 3 ++- simple-mind-map/src/themes/default.js | 13 +++++++++---- 2 files changed, 11 insertions(+), 5 deletions(-) diff --git a/simple-mind-map/src/core/render/node/Style.js b/simple-mind-map/src/core/render/node/Style.js index d28d3977..71a0a75d 100644 --- a/simple-mind-map/src/core/render/node/Style.js +++ b/simple-mind-map/src/core/render/node/Style.js @@ -349,7 +349,8 @@ class Style { // hover和激活节点 hoverNode(node) { const hoverRectColor = this.merge('hoverRectColor') || this.ctx.mindMap.opt.hoverRectColor - node.radius(5).fill('none').stroke({ + const hoverRectRadius = this.merge('hoverRectRadius') + node.radius(hoverRectRadius).fill('none').stroke({ color: hoverRectColor }) } diff --git a/simple-mind-map/src/themes/default.js b/simple-mind-map/src/themes/default.js index fb2a6b8e..acaa4133 100644 --- a/simple-mind-map/src/themes/default.js +++ b/simple-mind-map/src/themes/default.js @@ -87,7 +87,9 @@ export default { // 连线标记的位置,start(头部)、end(尾部),该配置在showLineMarker配置为true时生效 lineMarkerDir: 'end', // 节点鼠标hover和激活时显示的矩形边框的颜色,主题里不设置,默认会取hoverRectColor实例化选项的值 - hoverRectColor: '' + hoverRectColor: '', + // 点鼠标hover和激活时显示的矩形边框的圆角大小 + hoverRectRadius: 5 }, // 二级节点样式 second: { @@ -112,7 +114,8 @@ export default { startDir: [0, 0], endDir: [1, 0], lineMarkerDir: 'end', - hoverRectColor: '' + hoverRectColor: '', + hoverRectRadius: 5 }, // 三级及以下节点样式 node: { @@ -137,7 +140,8 @@ export default { startDir: [0, 0], endDir: [1, 0], lineMarkerDir: 'end', - hoverRectColor: '' + hoverRectColor: '', + hoverRectRadius: 5 }, // 概要节点样式 generalization: { @@ -161,7 +165,8 @@ export default { endColor: '#fff', startDir: [0, 0], endDir: [1, 0], - hoverRectColor: '' + hoverRectColor: '', + hoverRectRadius: 5 } }