u

code/g3soft-libs/docs/examples/tree/context-menu.vue

@@ -1,6 +1,5 @@
 <script setup lang="ts">
 // contextMenu：右键节点或空白处弹出菜单；菜单点击通过 contextMenuClick 回传
-import { ref } from 'vue'
 import { G3Message, G3Tree, type TreeContextMenuItem, type TreeNodeData } from '@g3soft/ui'
 import { Copy, Pencil, Trash2 } from '@lucide/vue'
 
@@ -9,8 +8,6 @@ const treeData: TreeNodeData[] = [
   { key: 'b', title: '文档 B' },
 ]
 
-const lastAction = ref('暂无')
-
 // 用函数形式：可以按节点动态生成菜单（node 为 null 表示在空白处右键）
 function contextMenu(node: TreeNodeData | null): TreeContextMenuItem[] {
   if (!node) {
@@ -25,8 +22,7 @@ function contextMenu(node: TreeNodeData | null): TreeContextMenuItem[] {
 }
 
 function onMenuClick(info: { item: TreeContextMenuItem; node: TreeNodeData | null }) {
-  lastAction.value = `${info.node ? info.node.title : '空白处'} → ${info.item.label}`
-  G3Message.info(lastAction.value)
+  G3Message.info(`${info.node ? info.node.title : '空白处'} → ${info.item.label}`)
 }
 </script>
 
@@ -39,6 +35,5 @@ function onMenuClick(info: { item: TreeContextMenuItem; node: TreeNodeData | nul
       block-node
       @context-menu-click="onMenuClick"
     />
-    <p style="margin: 8px 0 0; font-size: 12px; color: #6b7280">{{ lastAction }}</p>
   </div>
 </template>