使用Vue和jsmind如何实现思维导图的节点合并和拆分操作？

<template>
  <div id="jsmind-container"></div>
</template>

<script>
export default {
  mounted() {
    this.initMindMap();
  },
  methods: {
    initMindMap() {
      const options = {
        container: 'jsmind-container',
        editable: true,
        theme: 'primary'
        // 其他配置项
      };

      const mind = {
        meta: {
          name: '思维导图',
          author: 'Vue+jmind',
          version: '1.0'
        },
        format: 'free',
        data: [
          // 初始节点数据
        ],
      };

      this.mindMap = jsMind.show(options, mind);
    }
  }
}
</script>

<style>
#jsmind-container {
  width: 100%;
  height: 500px;
}
</style>

<template>
  <div>
    <div id="jsmind-container"></div>
    <button @click="mergeNodes">合并节点</button>
  </div>
</template>

<script>
export default {
  methods: {
    mergeNodes() {
      const selectedNodes = this.mindMap.get_selected_node(); // 获取选中的节点
      const parent = selectedNodes[0].parent; // 获取选中节点的父节点

      // 获取选中节点的子节点
      const children = selectedNodes.map(node => {
        return {
          ...node,
          children: node.children
        };
      });

      // 创建新的节点
      const mergedNode = {
        id: 'newNode',
        topic: '合并节点',
        children: children
      };

      // 更新父节点的子节点数据
      const parentData = parent.data;
      const index = parentData.findIndex(node => node.id === selectedNodes[0].id);
      parentData.splice(index, 1, mergedNode);

      this.mindMap.update_node(parent, parentData); // 更新父节点数据
    }
  }
}
</script>

<template>
  <div>
    <div id="jsmind-container"></div>
    <button @click="splitNode">拆分节点</button>
  </div>
</template>

<script>
export default {
  methods: {
    splitNode() {
      const selectedNode = this.mindMap.get_selected_node()[0]; // 获取选中的节点

      // 拆分节点为多个子节点
      const children = selectedNode.children.map((child, index) => {
        return {
          id: 'newNode_' + index,
          topic: child.topic
        };
      });

      // 更新选中节点的子节点数据
      this.mindMap.move_node(selectedNode, children);
    }
  }
}
</script>