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 } }