diff --git a/web3/apps/web/src/views/Home.vue b/web3/apps/web/src/views/Home.vue
index 36e0299d..94f91d34 100644
--- a/web3/apps/web/src/views/Home.vue
+++ b/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
-    @onDel="onDel"
-    @onAddChild="onAddChild"
-    @onEdit="onEdit"
-    />
+    <MindMap @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) {
-  console.log("Node deleted:", node);
-};
-function onAddChild (node : MindMapNode) {
-  console.log("Child node added:", node);
-};
-function onEdit (node : MindMapNode) {
+const { removeNode, insertChildNode } = useMindMapStore();
+
+function onDel(node: MindMapNode) {
+  removeNode({
+    beforeRemoveCallback: async () => {
+      return true;
+    },
+    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>
diff --git a/web3/packages/mind-map/src/store/modules/mindMap.ts b/web3/packages/mind-map/src/store/modules/mindMap.ts
index a00113d0..64ba3d8e 100644
--- a/web3/packages/mind-map/src/store/modules/mindMap.ts
+++ b/web3/packages/mind-map/src/store/modules/mindMap.ts
@@ -72,7 +72,7 @@ function defineStoreImplementation() {
           createNewNodeBehavior: "activeOnly", // 插入新节点的行为 // activeOnly - 只新建激活不编辑
 
           isUseCustomNodeContent: true, // 是否使用自定义节点内容
-          
+
           addCustomContentToNode: getCustomNodeContent({
             allowRemoveWithChildren: false,
             del: (node: MindMapNode) => {
@@ -139,7 +139,6 @@ function defineStoreImplementation() {
       }
 
       return {
-        // mindMapInstance,
         mindMapData,
         activeNodes,
         currentLayout,