优化事件处理，使外部逻辑更简单

src/App.vue

@@ -19,34 +19,43 @@ const listConfig = {
 
 // 自定义菜单项
 const menuItems = [
-  { id: 'refresh', label: '刷新列表' },
-  { id: 'clear', label: '清空选择' },
-  { id: 'export', label: '导出数据' },
+  { 
+    id: 'refresh', 
+    label: '刷新列表',
+    action: (item) => {
+      console.log('当前选中项:', item)
+    }
+  },
+  { 
+    id: 'clear', 
+    label: '清空选择',
+    action: (item) => {
+      console.log('清空前选中项:', item)
+    }
+  },
+  { 
+    id: 'export', 
+    label: '导出数据',
+    action: (item) => {
+      console.log('当前选中项:', item)
+    }
+  },
 ]
 
-// 选中项
-const selectedItem = ref(null)
-
-// 事件处理
-const handleSelect = (item) => {
-  console.log('Selected:', item)
-}
-
-const handleMenuClick = (item) => {
-  console.log('Menu clicked:', item)
+// 列表项点击事件处理
+const handleItemClick = (item) => {
+  console.log('点击列表项:', item)
 }
 </script>
 
 <template>
   <ProjectList
-    v-model:selected="selectedItem"
     :data="listData"
     :config="listConfig"
     :menu-items="menuItems"
     :show-toolbar="true"
     :toolbar-height="40"
-    @select="handleSelect"
-    @menu-click="handleMenuClick"
+    @click="handleItemClick"
   />
 </template>