From 3801dc3ec4a2c50a992c0d7690c8b0c45e492e1c 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, 12 Aug 2024 13:36:14 +0800 Subject: [PATCH] =?UTF-8?q?Feat=EF=BC=9A=E4=B8=BB=E9=A2=98=E9=85=8D?= =?UTF-8?q?=E7=BD=AE=E6=94=AF=E6=8C=81=E8=AE=BE=E7=BD=AE=E5=85=B3=E8=81=94?= =?UTF-8?q?=E7=BA=BF=E7=9A=84=E6=A0=B7=E5=BC=8F=EF=BC=8C=E5=8D=B3=E5=AE=9E?= =?UTF-8?q?=E7=BA=BF=E6=88=96=E8=99=9A=E7=BA=BF?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- simple-mind-map/src/plugins/AssociativeLine.js | 14 +++++++++----- simple-mind-map/src/themes/default.js | 2 ++ 2 files changed, 11 insertions(+), 5 deletions(-) diff --git a/simple-mind-map/src/plugins/AssociativeLine.js b/simple-mind-map/src/plugins/AssociativeLine.js index 767785b0..a4011b62 100644 --- a/simple-mind-map/src/plugins/AssociativeLine.js +++ b/simple-mind-map/src/plugins/AssociativeLine.js @@ -213,7 +213,8 @@ class AssociativeLine { associativeLineWidth, associativeLineColor, associativeLineActiveWidth, - associativeLineActiveColor + associativeLineActiveColor, + associativeLineDasharray } = this.mindMap.themeConfig // 箭头 this.markerPath @@ -232,7 +233,7 @@ class AssociativeLine { .stroke({ width: associativeLineWidth, color: associativeLineColor, - dasharray: [6, 4] + dasharray: associativeLineDasharray || [6, 4] }) .fill({ color: 'none' }) path.plot(pathStr) @@ -331,8 +332,11 @@ class AssociativeLine { // 创建连接线 createLine(fromNode) { - let { associativeLineWidth, associativeLineColor } = - this.mindMap.themeConfig + let { + associativeLineWidth, + associativeLineColor, + associativeLineDasharray + } = this.mindMap.themeConfig if (this.isCreatingLine || !fromNode) return this.front() this.isCreatingLine = true @@ -342,7 +346,7 @@ class AssociativeLine { .stroke({ width: associativeLineWidth, color: associativeLineColor, - dasharray: [6, 4] + dasharray: associativeLineDasharray || [6, 4] }) .fill({ color: 'none' }) // 箭头 diff --git a/simple-mind-map/src/themes/default.js b/simple-mind-map/src/themes/default.js index 3b9edea0..b8e4dec1 100644 --- a/simple-mind-map/src/themes/default.js +++ b/simple-mind-map/src/themes/default.js @@ -42,6 +42,8 @@ export default { associativeLineActiveWidth: 8, // 关联线激活状态的颜色 associativeLineActiveColor: 'rgba(2, 167, 240, 1)', + // 关联线样式 + associativeLineDasharray: [6, 4], // 关联线文字颜色 associativeLineTextColor: 'rgb(51, 51, 51)', // 关联线文字大小