fix: 容器可视宽度低于整体宽度进行切换时,下拉菜单无法显示隐藏的内容

src/TabNavList/index.tsx

@@ -218,6 +218,8 @@ function TabNavList(props: TabNavListProps, ref: React.Ref<HTMLDivElement>) {
     addSizeValue,
     // Operation
     operationSizeValue,
+    containerExcludeExtraSizeValue,
+    activeKey,
     { ...props, tabs },
   );
 

src/hooks/useVisibleRange.ts

@@ -13,6 +13,8 @@ export default function useVisibleRange(
   tabContentSizeValue: number,
   addNodeSizeValue: number,
   operationNodeSizeValue: number,
+  containerExcludeExtraSizeValue: number,
+  activeKey: string,
   { tabs, tabPosition, rtl }: { tabs: Tab[] } & TabNavListProps,
 ): [visibleStart: number, visibleEnd: number] {
   let charUnit: 'width' | 'height';
@@ -34,6 +36,11 @@ export default function useVisibleRange(
       return [0, 0];
     }
 
+    if (containerExcludeExtraSizeValue < tabContentSizeValue) {
+      const filterIndex = tabs.findIndex(item => (item.tabKey || item.key) === activeKey);
+      return [filterIndex, filterIndex]
+    }
+
     const len = tabs.length;
     let endIndex = len;
     for (let i = 0; i < len; i += 1) {

tests/overflow.test.tsx

@@ -451,6 +451,41 @@ describe('Tabs.Overflow', () => {
     expect(document.querySelector('.rc-tabs-dropdown-menu').textContent).not.toContain('miu');
   });
 
+  it('should be displayed in the minimum width dropdown menu', () => {
+    const items = [
+      {
+        key: '1',
+        label: 'Tab 1',
+        children: 'Tab 1',
+      },
+      {
+        key: '2',
+        label: 'Tab 2',
+        children: 'Tab 2',
+      },
+      {
+        key: '3',
+        label: 'Tab 3',
+        children: 'Tab 3',
+      },
+    ]
+    jest.useFakeTimers();
+
+    const { container } = render(getTabs({ items, activeKey: items[0].key, style: { width: '70px' } }));
+
+    act(() => {
+      jest.runAllTimers();
+    });
+    fireEvent.click(container.querySelectorAll('.rc-tabs-tab')[1])
+
+    fireEvent.mouseEnter(container.querySelector('.rc-tabs-nav-more'));
+    act(() => {
+      jest.runAllTimers();
+    });
+
+    expect(document.querySelector('.rc-tabs-dropdown-menu').textContent).not.toContain(items[1].key);
+  });
+
   it('should support getPopupContainer', () => {
     const div = document.createElement('div');
     document.body.appendChild(div);