From aa998b18290b3697669f4b84cb5c170eb7c627dd Mon Sep 17 00:00:00 2001 From: wanglin2 <1013335014@qq.com> Date: Sat, 17 Sep 2022 16:18:38 +0800 Subject: [PATCH] =?UTF-8?q?=E8=8A=82=E7=82=B9=E6=94=AF=E6=8C=81=E8=AE=BE?= =?UTF-8?q?=E7=BD=AE=E8=87=AA=E5=AE=9A=E4=B9=89=E7=BA=BF=E6=9D=A1=E6=A0=B7?= =?UTF-8?q?=E5=BC=8F?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- README.md | 19 ++++++++++++++++++- simple-mind-map/package.json | 2 +- simple-mind-map/src/Drag.js | 2 +- simple-mind-map/src/Node.js | 14 ++++++++++---- 4 files changed, 30 insertions(+), 7 deletions(-) diff --git a/README.md b/README.md index 96dd1b95..0e2ef177 100644 --- a/README.md +++ b/README.md @@ -88,7 +88,7 @@ npm run build # 安装 -> 当然仓库版本:0.2.4,当前npm版本:0.2.4 +> 当然仓库版本:0.2.5,当前npm版本:0.2.5 ```bash npm i simple-mind-map @@ -920,6 +920,23 @@ v0.2.4+ 设置节点形状,`SET_NODE_SHAPE`命令的快捷方法 +#### getSelfStyle(prop) + +v0.2.5+ + +获取节点自身的自定义样式 + +#### getParentSelfStyle(prop) + +v0.2.5+ + +获取最近一个存在自身自定义样式的祖先节点的自定义样式 + +#### getSelfInhertStyle(prop) + +v0.2.5+ + +获取自身可继承的自定义样式 ## 内置工具方法 diff --git a/simple-mind-map/package.json b/simple-mind-map/package.json index 4d1c60a0..3b594159 100644 --- a/simple-mind-map/package.json +++ b/simple-mind-map/package.json @@ -1,6 +1,6 @@ { "name": "simple-mind-map", - "version": "0.2.4", + "version": "0.2.5", "description": "一个简单的web在线思维导图", "authors": [ { diff --git a/simple-mind-map/src/Drag.js b/simple-mind-map/src/Drag.js index 5ac1e007..5cf3a3f5 100644 --- a/simple-mind-map/src/Drag.js +++ b/simple-mind-map/src/Drag.js @@ -189,7 +189,7 @@ class Drag extends Base { // 连接线 this.line = this.draw.path() this.line.opacity(0.5) - this.node.styleLine(this.line) + this.node.styleLine(this.line, this.node) // 同级位置占位符 this.placeholder = this.draw.rect().fill({ color: this.node.style.merge('lineColor', true) diff --git a/simple-mind-map/src/Node.js b/simple-mind-map/src/Node.js index 7b1e7aef..12745595 100644 --- a/simple-mind-map/src/Node.js +++ b/simple-mind-map/src/Node.js @@ -711,6 +711,8 @@ class Node { * @Desc: 渲染节点到画布,会移除旧的,创建新的 */ renderNode() { + // 连线 + this.renderLine() this.removeAllEvent() this.removeAllNode() this.createNodeData() @@ -723,8 +725,6 @@ class Node { * @Desc: 更新节点 */ update(layout = false) { - // 连线 - this.renderLine() if (!this.group) { return } @@ -757,6 +757,8 @@ class Node { this.initRender = false this.renderNode() } else { + // 连线 + this.renderLine() this.update() } // 子节点 @@ -865,6 +867,10 @@ class Node { // 添加样式 this.styleLine(line, node) }) + // 和父级的连线也需要更新 + if (this.parent) { + this.parent.renderLine() + } } /** @@ -1181,7 +1187,7 @@ class Node { * javascript comment * @Author: flydreame * @Date: 2022-09-17 11:21:26 - * @Desc: 获取父级的自定义样式 + * @Desc: 获取最近一个存在自身自定义样式的祖先节点的自定义样式 */ getParentSelfStyle(prop) { if (this.parent) { @@ -1194,7 +1200,7 @@ class Node { * javascript comment * @Author: flydreame * @Date: 2022-09-17 12:15:30 - * @Desc: 获取自身可继承样式 + * @Desc: 获取自身可继承的自定义样式 */ getSelfInhertStyle(prop) { return this.getSelfStyle(prop) // 自身