feat(menu-item): click事件参数增加value (#2689)

fix #2621
Tencent · Aug 15, 2023 · 24b6ccc · 24b6ccc
1 parent 81b4701
commit 24b6ccc
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 5 deletions.
diff --git a/src/menu/menu-item.tsx b/src/menu/menu-item.tsx
@@ -39,8 +39,8 @@ export default defineComponent({
       e.stopPropagation();
       if (props.disabled) return;
       menu.select(props.value);
-      ctx.emit('click', { e });
-      props.onClick?.({ e });
+      ctx.emit('click', { e, value: props.value });
+      props.onClick?.({ e, value: props.value });
 
       if (props.to || (props.routerLink && props.href)) {
         const router = props.router || (ctx.root as Record<string, any>).$router;

diff --git a/src/menu/menu.md b/src/menu/menu.md
@@ -80,13 +80,13 @@ router | Object | - | 路由对象。如果项目存在 Router，则默认使用
 target | String | - | 链接或路由跳转方式。可选项：_blank/_self/_parent/_top | N
 to | String / Object | - | 路由跳转目标，当且仅当 Router 存在时，该 API 有效。TS 类型：`MenuRoute` `interface MenuRoute { path?: string; name?: string; hash?: string; query?: MenuQueryData; params?: MenuQueryData }` `type MenuQueryData = { [key: string]: string \| string[] }`。[详细类型定义](https://github.com/Tencent/tdesign-vue/tree/develop/src/menu/type.ts) | N
 value | String / Number | - | 菜单项唯一标识。TS 类型：`MenuValue` | N
-onClick | Function |  | TS 类型：`(context: { e: MouseEvent }) => void`<br/>点击时触发 | N
+onClick | Function |  | TS 类型：`(context: { e: MouseEvent, value: MenuValue }) => void`<br/>点击时触发 | N
 
 ### MenuItem Events
 
 名称 | 参数 | 描述
 -- | -- | --
-click | `(context: { e: MouseEvent })` | 点击时触发
+click | `(context: { e: MouseEvent, value: MenuValue })` | 点击时触发
 
 ### MenuGroup Props
 

diff --git a/src/menu/type.ts b/src/menu/type.ts
@@ -193,7 +193,7 @@ export interface TdMenuItemProps {
   /**
    * 点击时触发
    */
-  onClick?: (context: { e: MouseEvent }) => void;
+  onClick?: (context: { e: MouseEvent; value: MenuValue }) => void;
 }
 
 export interface TdMenuGroupProps {