no message

web3/apps/web/src/views/Home.vue

@@ -1,30 +1,43 @@
 <template>
   <div class="h-screen p-6 bg-gradient-to-br from-gray-50 to-gray-100">
-    <MindMap
+    <MindMap @onDel="onDel" @onAddChild="onAddChild" @onEdit="onEdit" />
-    @onDel="onDel"
-    @onAddChild="onAddChild"
-    @onEdit="onEdit"
-    />
   </div>
 </template>
 
 <script lang="ts" setup>
 import { onMounted } from "vue";
-import { MindMap } from "@mind-map/component";
+import { MindMap, useMindMapStore } from "@mind-map/component";
 import type { MindMapNode } from "@mind-map/component";
 
-
 onMounted(() => {
   console.log("Home view mounted");
 });
 
-function onDel (node : MindMapNode) {
+const { removeNode, insertChildNode } = useMindMapStore();
-  console.log("Node deleted:", node);
+
-};
+function onDel(node: MindMapNode) {
-function onAddChild (node : MindMapNode) {
+  removeNode({
-  console.log("Child node added:", node);
+    beforeRemoveCallback: async () => {
-};
+      return true;
-function onEdit (node : MindMapNode) {
+    },
+    nodeId: node.uid,
+    allowRemoveWithChildren: false,
+  });
+}
+
+function onAddChild(node: MindMapNode) {
+  insertChildNode({
+    parentNodeId: node.uid,
+    beforeInsertCallback: async () => {
+      return {
+        uid: "node.uid",
+        text: "node.text",
+      };
+    },
+  });
+}
+
+function onEdit(node: MindMapNode) {
   console.log("Node edited:", node);
-};
+}
 </script>

web3/packages/mind-map/src/store/modules/mindMap.ts

@@ -139,7 +139,6 @@ function defineStoreImplementation() {
       }
 
       return {
-        // mindMapInstance,
         mindMapData,
         activeNodes,
         currentLayout,