refactor: rename this.box -> this.mainNodes

Author: SSShooter

src/index.lite.ts

@@ -90,8 +90,8 @@ function MindElixir(
   this.mindElixirBox.appendChild(this.container)
   this.root = $d.createElement('me-root')
 
-  this.box = $d.createElement('me-children')
-  this.box.className = 'box'
+  this.mainNodes = $d.createElement('me-children')
+  this.mainNodes.className = 'box'
 
   // infrastructure
 
@@ -109,7 +109,7 @@ function MindElixir(
   this.linkSvgGroup = createLinkSvg('topiclinks') // storage user custom link svg
 
   this.map.appendChild(this.root)
-  this.map.appendChild(this.box)
+  this.map.appendChild(this.mainNodes)
   this.map.appendChild(this.lines)
   this.map.appendChild(this.linkController)
   this.map.appendChild(this.linkSvgGroup)

src/index.ts

@@ -194,8 +194,8 @@ function MindElixir(
   this.mindElixirBox.appendChild(this.container)
   this.root = $d.createElement('me-root')
 
-  this.box = $d.createElement('me-children')
-  this.box.className = 'box'
+  this.mainNodes = $d.createElement('me-children')
+  this.mainNodes.className = 'box'
 
   // infrastructure
 
@@ -213,7 +213,7 @@ function MindElixir(
   this.linkSvgGroup = createLinkSvg('topiclinks') // storage user custom link svg
 
   this.map.appendChild(this.root)
-  this.map.appendChild(this.box)
+  this.map.appendChild(this.mainNodes)
   this.map.appendChild(this.lines)
   this.map.appendChild(this.linkController)
   this.map.appendChild(this.linkSvgGroup)

src/linkDiv.ts

@@ -19,7 +19,7 @@ export default function linkDiv(mainNode: Wrapper) {
   console.time('linkDiv')
   const root = this.root
   root.style.cssText = `top:${10000 - root.offsetHeight / 2}px;left:${10000 - root.offsetWidth / 2}px;`
-  const mainNodeList = this.box.children
+  const mainNodeList = this.mainNodes.children
   this.lines.innerHTML = ''
 
   // 1. calculate position of main nodes

src/utils/layout.ts

@@ -7,7 +7,7 @@ const $d = document
 export const layout = function () {
   console.time('layout')
   this.root.innerHTML = ''
-  this.box.innerHTML = ''
+  this.mainNodes.innerHTML = ''
   const tpc = this.createTopic(this.nodeData)
   shapeTpc(tpc, this.nodeData) // shape root tpc
   tpc.draggable = false
@@ -35,7 +35,7 @@ export const layout = function () {
       }
     })
   }
-  this.layoutChildren(this.nodeData.children, this.box, this.direction)
+  this.layoutChildren(this.nodeData.children, this.mainNodes, this.direction)
   console.timeEnd('layout')
 }
 

types/mind-elixir/index.d.ts

@@ -58,7 +58,7 @@ interface MindElixirInstance {
   container: HTMLElement
   map: HTMLElement
   root: HTMLElement
-  box: HTMLElement
+  mainNodes: HTMLElement
   lines: SVGElement
   linkController: SVGElement
   P2: HTMLElement