fix: only modify the first line while editing multi-line node

fixed #95

package.json

@@ -1,6 +1,6 @@
 {
   "name": "mind-elixir",
-  "version": "0.19.4",
+  "version": "0.19.5",
   "description": "Mind elixir is a free open source mind map core.",
   "main": "dist/MindElixir.js",
   "scripts": {

src/exampleData/1.js

@@ -170,7 +170,7 @@ export default {
         children: [
           {
             topic:
-              'Drag a node to another node\nand the former one will become a child node of latter one',
+              'Drag a node to another node\nand the former one will become a child node of latter one',
             id: 'bd1f07c598e729dc',
           },
         ],

src/nodeOperation.ts

@@ -203,19 +203,21 @@ export const insertParent = function(el, node) {
   const newNodeObj = node || this.generateNewObj()
   insertParentNodeObj(nodeObj, newNodeObj)
   addParentLink(this.nodeData)
+
   const grp0 = nodeEle.parentElement.parentElement
   console.time('insertParent_DOM')
   const { grp, top } = this.createGroup(newNodeObj, true)
-  const children = grp0.parentNode
-  children.insertBefore(grp, grp0.nextSibling)
+  top.appendChild(createExpander(true))
+  const children0 = grp0.parentNode
+  grp0.insertAdjacentElement('afterend', grp)
 
   const c = $d.createElement('children')
   c.appendChild(grp0)
-  top.appendChild(createExpander(true))
-  top.parentElement.insertBefore(c, top.nextSibling)
 
-  if (children.className === 'box') {
-    grp.className = grp0.className
+  top.insertAdjacentElement('afterend', c)
+
+  if (children0.className === 'box') {
+    grp.className = grp0.className // l/rhs
     grp0.className = ''
     grp0.querySelector('.svg3rd').remove()
     this.linkDiv()
@@ -258,7 +260,7 @@ export const addChildFunction = function(nodeEle, node) {
       const c = $d.createElement('children')
       c.appendChild(grp)
       top.appendChild(createExpander(true))
-      top.parentElement.insertBefore(c, top.nextSibling)
+      top.insertAdjacentElement('afterend', c)
     }
     this.linkDiv(grp.offsetParent)
   } else if (top.tagName === 'ROOT') {
@@ -367,7 +369,7 @@ export const moveDownNode = function(el) {
   const obj = nodeEle.nodeObj
   moveDownObj(obj)
   if (grp.nextSibling) {
-    grp.parentNode.insertBefore(grp, grp.nextSibling.nextSibling)
+    grp.insertAdjacentElement('afterend', grp.nextSibling)
   } else {
     grp.parentNode.prepend(grp)
   }

src/utils/dom.ts

@@ -21,7 +21,7 @@ export const findEle = (id: string, instance?) => {
 }
 
 export const shapeTpc = function(tpc: Topic, nodeObj: NodeObj) {
-  tpc.innerText = nodeObj.topic
+  tpc.textContent = nodeObj.topic
 
   if (nodeObj.style) {
     tpc.style.color = nodeObj.style.color || 'inherit'
@@ -110,7 +110,7 @@ export function createInputDiv(tpc: Topic) {
   const origin = tpc.childNodes[0].textContent as string
   tpc.appendChild(div)
   div.id = 'input-box'
-  div.innerText = origin
+  div.textContent = origin
   div.contentEditable = 'true'
   div.spellcheck = false
   div.style.cssText = `min-width:${tpc.offsetWidth - 8}px;`
@@ -142,18 +142,19 @@ export function createInputDiv(tpc: Topic) {
     if (!div) return // 防止重复blur
     const node = tpc.nodeObj
     const topic = div.textContent!.trim()
+    console.log(topic)
     if (topic === '') node.topic = origin
     else node.topic = topic
     div.remove()
     this.inputDiv = div = null
+    if (topic === origin) return // 没有修改不做处理
+    tpc.childNodes[0].textContent = node.topic
+    this.linkDiv()
     this.bus.fire('operation', {
       name: 'finishEdit',
       obj: node,
       origin,
     })
-    if (topic === origin) return // 没有修改不做处理
-    tpc.childNodes[0].textContent = node.topic
-    this.linkDiv()
   })
   console.timeEnd('createInputDiv')
 }