refactor: rename popupRender tabs param to restTabs

Co-Authored-By: Claude <noreply@anthropic.com>

Author: 刘欢

README.md

@@ -107,7 +107,7 @@ Then open `http://localhost:8000`.
 | Name | Type | Default | Description |
 | --- | --- | --- | --- |
 | `icon` | ReactNode | - | The icon shown in the more trigger. |
-| `popupRender` | `(menu: ReactElement, info: { tabs: Tab[], onClose: () => void }) => ReactElement` | - | Customize the dropdown popup content. The `info` object provides `tabs` (all overflowed tabs) and `onClose` (function to close the dropdown). |
+| `popupRender` | `(menu: ReactElement, info: { restTabs: Tab[], onClose: () => void }) => ReactElement` | - | Customize the dropdown popup content. The `info` object provides `restTabs` (all overflowed tabs) and `onClose` (function to close the dropdown). |
 | Other dropdown props | from DropdownProps | - | All other [rc-dropdown](https://github.com/react-component/dropdown) props such as `trigger`, `overlayClassName`, `visible`, etc. are also supported. |
 
 ## Development

README.zh-CN.md

@@ -107,7 +107,7 @@ npm start
 | 名称 | 类型 | 默认值 | 说明 |
 | --- | --- | --- | --- |
 | `icon` | ReactNode | - | 更多按钮的图标。 |
-| `popupRender` | `(menu: ReactElement, info: { tabs: Tab[], onClose: () => void }) => ReactElement` | - | 自定义下拉弹层内容。`info` 对象提供 `tabs`（所有溢出标签）和 `onClose`（关闭下拉菜单的函数）。 |
+| `popupRender` | `(menu: ReactElement, info: { restTabs: Tab[], onClose: () => void }) => ReactElement` | - | 自定义下拉弹层内容。`info` 对象提供 `restTabs`（所有溢出标签）和 `onClose`（关闭下拉菜单的函数）。 |
 | 其他下拉属性 | 来自 DropdownProps | - | 其他 [rc-dropdown](https://github.com/react-component/dropdown) 属性如 `trigger`、`overlayClassName`、`visible` 等也都支持。 |
 
 ## 本地开发

src/TabNavList/OperationNode.tsx

@@ -121,7 +121,7 @@ const OperationNode = React.forwardRef<HTMLDivElement, OperationNodeProps>((prop
 
   const overlay = popupRender
     ? popupRender(menu, {
-        tabs,
+        restTabs: tabs,
         onClose: () => setOpen(false),
       })
     : menu;

src/interface.ts

@@ -17,7 +17,7 @@ export type Tab = Omit<TabPaneProps, 'tab'> & {
 export type PopupRender = (
   menu: React.ReactElement,
   info: {
-    tabs: Tab[];
+    restTabs: Tab[];
     onClose: () => void;
   },
 ) => React.ReactElement;

tests/overflow.test.tsx

@@ -674,9 +674,9 @@ describe('Tabs.Overflow', () => {
 
   it('should pass correct params and support custom popup content', () => {
     jest.useFakeTimers();
-    const popupRender = jest.fn((menu, { tabs }) => (
+    const popupRender = jest.fn((menu, { restTabs }) => (
       <div data-testid="custom-popup">
-        <div data-testid="tab-count">{tabs.length}</div>
+        <div data-testid="tab-count">{restTabs.length}</div>
         {menu}
       </div>
     ));
@@ -693,7 +693,7 @@ describe('Tabs.Overflow', () => {
 
     expect(popupRender).toHaveBeenCalled();
     const callArgs = popupRender.mock.calls[0];
-    expect(callArgs[1]).toHaveProperty('tabs');
+    expect(callArgs[1]).toHaveProperty('restTabs');
     expect(callArgs[1]).toHaveProperty('onClose');
     expect(document.querySelector('[data-testid="custom-popup"]')).toBeTruthy();