fix(Menu): fix menu expandType default mode the menuitem to pass onCl…

…ick not trigger (#2502)

Co-authored-by: Heising <heising@travelconnect.cn>

src/menu/HeadMenu.tsx

@@ -49,8 +49,8 @@ const HeadMenu: FC<HeadMenuProps> = (props) => {
               value={currentChildListValues.includes(value.active) ? value.active : currentChildListValues[0]}
               onChange={value.onChange}
             >
-              {childList.map(({ props }) => (
-                <TabPanel value={props.value} key={props.value} label={props.children}></TabPanel>
+              {childList.map(({ props: { children, ...restProps } }) => (
+                <TabPanel key={props.value} {...restProps} label={children}></TabPanel>
               ))}
             </Tabs>
           </ul>

src/menu/__tests__/menu.test.tsx

@@ -170,4 +170,22 @@ describe('Menu 组件测试', () => {
     fireEvent.click(getByText('列表项'));
     expect(ulNode.style.maxHeight).not.toBe('0');
   });
+
+  test('menu 測試 menuItem onClick事件', () => {
+    const clickFn = vi.fn();
+    const { getByText } = render(
+      <Menu>
+        <SubMenu title="列表项" value="1-1">
+          <MenuItem value="item1" onClick={clickFn}>
+            仪表盘
+          </MenuItem>
+        </SubMenu>
+        <SubMenu title="列表项" value="2-1">
+          <MenuItem value="2-1-1">基础列表项</MenuItem>
+        </SubMenu>
+      </Menu>,
+    );
+    fireEvent.click(getByText('仪表盘'));
+    expect(clickFn).toHaveBeenCalledTimes(1);
+  });
 });

src/tabs/TabNav.tsx

@@ -210,6 +210,7 @@ const TabNav: React.FC<TabNavProps> = (props) => {
   const handleTabItemClick = (clickItem) => {
     tabClick(clickItem.value);
     onChange(clickItem.value);
+    clickItem?.onClick?.(clickItem.value);
   };
 
   const handleTabAdd = (e) => {