feat: save direction to exported data

Author: SSShooter

src/index.lite.ts

@@ -72,7 +72,8 @@ export interface NodeObj {
 }
 export interface MindElixirData {
   nodeData: NodeObj,
-  linkData?: LinkObj
+  linkData?: LinkObj,
+  direction?: number,
 }
 export interface MindElixirInstance {
   mindElixirBox: HTMLElement,
@@ -113,12 +114,12 @@ export interface MindElixirInstance {
   root: HTMLElement,
   box: HTMLElement,
   svg2nd: SVGElement,
-  linkController:SVGElement,
+  linkController: SVGElement,
   P2: HTMLElement,
   P3: HTMLElement,
-  line1:SVGElement,
-  line2:SVGElement,
-  linkSvgGroup:SVGElement,
+  line1: SVGElement,
+  line2: SVGElement,
+  linkSvgGroup: SVGElement,
 }
 export interface Options {
   el: string | Element,
@@ -280,7 +281,10 @@ MindElixir.prototype = {
   expandNode,
   refresh,
 
-  init: function(data:MindElixirData) {
+  init: function(data: MindElixirData) {
+    if (data.direction) {
+      this.direction = data.direction
+    }
     this.nodeData = data.nodeData
     this.linkData = data.linkData || {}
     // plugin

src/index.ts

@@ -113,7 +113,8 @@ export interface NodeElement extends HTMLElement {
 }
 export interface MindElixirData {
   nodeData: NodeObj,
-  linkData?: LinkObj
+  linkData?: LinkObj,
+  direction?: number
 }
 export interface MindElixirInstance {
   mindElixirBox: HTMLElement,
@@ -413,6 +414,9 @@ MindElixir.prototype = {
   },
   init(data:MindElixirData) {
     if (!data || !data.nodeData) return new Error('MindElixir: `data` is required')
+    if (data.direction) {
+      this.direction = data.direction
+    }
     this.nodeData = data.nodeData
     this.linkData = data.linkData || {}
     // plugin

src/interact.ts

@@ -115,6 +115,7 @@ export const getAllDataString = function() {
   const data = {
     nodeData: getData(this),
     linkData: this.linkData,
+    direction: this.direction,
   }
   return JSON.stringify(data, (k, v) => {
     if (k === 'parent') return undefined
@@ -135,6 +136,7 @@ export const getAllData = function(): object {
   const data = {
     nodeData: getData(this),
     linkData: this.linkData,
+    direction: this.direction,
   }
   return JSON.parse(
     JSON.stringify(data, (k, v) => {

src/linkDiv.ts

@@ -197,13 +197,13 @@ function loopChildren(children: HTMLCollection, parent: HTMLElement, first?: boo
       x2 = parentOL - childT.offsetWidth + GAP
 
       if (childTOT + childTOH < parentOT + parentOH / 2 + 50 && childTOT + childTOH > parentOT + parentOH / 2 - 50) {
-        // 相差+-50内直接直线
+        // straight line
         path += `M ${x1} ${y1} H ${xMiddle} V ${y2} H ${x2}`
       } else if (childTOT + childTOH >= parentOT + parentOH / 2) {
-        // 子底部低于父中点
+        // child bottom lower than parent
         path += `M ${x1} ${y1} H ${xMiddle} V ${y2 - TURNPOINT_R} A ${TURNPOINT_R} ${TURNPOINT_R} 0 0 1 ${xMiddle - TURNPOINT_R} ${y2} H ${x2}`
       } else {
-        // 子底部高于父中点
+        // child bottom higher than parent
         path += `M ${x1} ${y1} H ${xMiddle} V ${y2 + TURNPOINT_R} A ${TURNPOINT_R} ${TURNPOINT_R} 0 0 0 ${xMiddle - TURNPOINT_R} ${y2} H ${x2}`
       }
     } else if (direction === 'rhs') {

src/mouse.ts

@@ -18,7 +18,7 @@ export default function(mind) {
       // skip circle
     } else {
       mind.unselectNode()
-      // lite version don't have hideLinkController
+      // lite version doesn't have hideLinkController
       mind.hideLinkController && mind.hideLinkController()
     }
   })