diff --git a/simple-mind-map/example/exampleData.js b/simple-mind-map/example/exampleData.js index 693e0630..ab5e6ed4 100644 --- a/simple-mind-map/example/exampleData.js +++ b/simple-mind-map/example/exampleData.js @@ -860,8 +860,8 @@ export default { // 自定义配置... } }, - // "layout": "logicalStructure", + "layout": "logicalStructure", // "layout": "mindMap", // "layout": "catalogOrganization" - "layout": "organizationStructure" + // "layout": "organizationStructure" } \ No newline at end of file diff --git a/simple-mind-map/src/layouts/Base.js b/simple-mind-map/src/layouts/Base.js index e7f13b45..7c4d7043 100644 --- a/simple-mind-map/src/layouts/Base.js +++ b/simple-mind-map/src/layouts/Base.js @@ -87,6 +87,16 @@ class Base { return newNode; } + /** + * @Author: 王林 + * @Date: 2021-07-16 13:48:43 + * @Desc: 定位节点到画布中间 + */ + setNodeCenter(node) { + node.left = (this.mindMap.width - node.width) / 2 + node.top = (this.mindMap.height - node.height) / 2 + } + /** * javascript comment * @Author: 王林25 diff --git a/simple-mind-map/src/layouts/CatalogOrganization.js b/simple-mind-map/src/layouts/CatalogOrganization.js index 5fbdb1eb..66d15967 100644 --- a/simple-mind-map/src/layouts/CatalogOrganization.js +++ b/simple-mind-map/src/layouts/CatalogOrganization.js @@ -49,8 +49,7 @@ class CatalogOrganization extends Base { let newNode = this.createNode(cur, parent, isRoot, layerIndex) // 根节点定位在画布中心位置 if (isRoot) { - newNode.left = (this.mindMap.width - newNode.width) / 2 - newNode.top = (this.mindMap.height - newNode.height) / 2 + this.setNodeCenter(newNode) } else { // 非根节点 if (parent._node.isRoot) { diff --git a/simple-mind-map/src/layouts/LogicalStructure.js b/simple-mind-map/src/layouts/LogicalStructure.js index a469019f..3a81fa0b 100644 --- a/simple-mind-map/src/layouts/LogicalStructure.js +++ b/simple-mind-map/src/layouts/LogicalStructure.js @@ -49,8 +49,7 @@ class LogicalStructure extends Base { let newNode = this.createNode(cur, parent, isRoot, layerIndex) // 根节点定位在画布中心位置 if (isRoot) { - newNode.left = (this.mindMap.width - newNode.width) / 2 - newNode.top = (this.mindMap.height - newNode.height) / 2 + this.setNodeCenter(newNode) } else { // 非根节点 // 定位到父节点右侧 diff --git a/simple-mind-map/src/layouts/MindMap.js b/simple-mind-map/src/layouts/MindMap.js index 5dfcf4f7..a51c10e6 100644 --- a/simple-mind-map/src/layouts/MindMap.js +++ b/simple-mind-map/src/layouts/MindMap.js @@ -50,8 +50,7 @@ class MindMap extends Base { let newNode = this.createNode(cur, parent, isRoot, layerIndex) // 根节点定位在画布中心位置 if (isRoot) { - newNode.left = (this.mindMap.width - newNode.width) / 2 - newNode.top = (this.mindMap.height - newNode.height) / 2 + this.setNodeCenter(newNode) } else { // 非根节点 // 三级及以下节点以上级为准 diff --git a/simple-mind-map/src/layouts/OrganizationStructure.js b/simple-mind-map/src/layouts/OrganizationStructure.js index 02cd7e0a..04b2c7b5 100644 --- a/simple-mind-map/src/layouts/OrganizationStructure.js +++ b/simple-mind-map/src/layouts/OrganizationStructure.js @@ -50,8 +50,7 @@ class OrganizationStructure extends Base { let newNode = this.createNode(cur, parent, isRoot, layerIndex) // 根节点定位在画布中心位置 if (isRoot) { - newNode.left = (this.mindMap.width - newNode.width) / 2 - newNode.top = (this.mindMap.height - newNode.height) / 2 + this.setNodeCenter(newNode) } else { // 非根节点 // 定位到父节点下方