feat: retire deprecated api (#768)

Author: aojunhao123

docs/demo/renderTabBar-use-panes.md

@@ -3,25 +3,14 @@
 import * as React from 'react';
 import type { TabNavListProps } from '.';
 import TabNavList from '.';
-import TabContext from '../TabContext';
-import TabPane from '../TabPanelList/TabPane';
-
+  
 export type TabNavListWrapperProps = Required<Omit<TabNavListProps, 'children' | 'className'>> &
   TabNavListProps;
 
 // We have to create a TabNavList components.
 const TabNavListWrapper: React.FC<TabNavListWrapperProps> = ({ renderTabBar, ...restProps }) => {
-  const { tabs } = React.useContext(TabContext);
   if (renderTabBar) {
-    const tabNavBarProps = {
-      ...restProps,
-      // Legacy support. We do not use this actually
-      panes: tabs.map<React.ReactNode>(({ label, key, ...restTabProps }) => (
-        <TabPane tab={label} key={key} tabKey={key} {...restTabProps} />
-      )),
-    };
-
-    return renderTabBar(tabNavBarProps, TabNavList);
+    return renderTabBar(restProps, TabNavList);
   }
 
   return <TabNavList {...restProps} />;

docs/examples/renderTabBar-use-panes.tsx

@@ -178,7 +178,6 @@ const Tabs = React.forwardRef<HTMLDivElement, TabsProps>((props, ref) => {
     onTabScroll,
     extra: tabBarExtraContent,
     style: tabBarStyle,
-    panes: null,
     getPopupContainer,
     popupClassName,
     indicator,

src/TabNavList/Wrapper.tsx

@@ -51,8 +51,6 @@ type RenderTabBarProps = {
   onTabScroll: OnTabScroll;
   extra: TabBarExtraContent;
   style: React.CSSProperties;
-  /** @deprecated It do not pass real TabPane node. Only for compatible usage.  */
-  panes: React.ReactNode;
 };
 
 export type RenderTabBar = (

src/Tabs.tsx

@@ -310,23 +310,6 @@ describe('Tabs.Basic', () => {
       expect(container.querySelector('.my-node')).toBeTruthy();
       expect(renderTabBar).toHaveBeenCalled();
     });
-    it('has panes property in props', () => {
-      const renderTabBar = props => {
-        return (
-          <div>
-            {props.panes.map(pane => (
-              <span key={pane.key} data-key={pane.key}>
-                tab
-              </span>
-            ))}
-          </div>
-        );
-      };
-      const { container } = render(getTabs({ renderTabBar }));
-      expect(container.querySelector('[data-key="light"]')).toBeTruthy();
-      expect(container.querySelector('[data-key="bamboo"]')).toBeTruthy();
-      expect(container.querySelector('[data-key="cute"]')).toBeTruthy();
-    });
   });
 
   it('destroyInactiveTabPane', () => {