mirror of
https://github.com/ant-design/ant-design.git
synced 2024-12-05 09:49:57 +08:00
36 lines
951 B
TypeScript
36 lines
951 B
TypeScript
|
import * as React from 'react';
|
||
|
import toArray from 'rc-util/lib/Children/toArray';
|
||
|
import type { Tab } from 'rc-tabs/lib/interface';
|
||
|
import type { TabsProps, TabPaneProps } from '..';
|
||
|
import warning from '../../_util/warning';
|
||
|
|
||
|
function filter<T>(items: (T | null)[]): T[] {
|
||
|
return items.filter(item => item) as T[];
|
||
|
}
|
||
|
|
||
|
export default function useLegacyItems(items?: TabsProps['items'], children?: React.ReactNode) {
|
||
|
if (items) {
|
||
|
return items;
|
||
|
}
|
||
|
|
||
|
warning(!children, 'Tabs', 'Tabs.TabPane is deprecated. Please use `items` directly.');
|
||
|
|
||
|
const childrenItems = toArray(children).map((node: React.ReactElement<TabPaneProps>) => {
|
||
|
if (React.isValidElement(node)) {
|
||
|
const { key, props } = node;
|
||
|
const { tab, ...restProps } = props || {};
|
||
|
|
||
|
const item: Tab = {
|
||
|
key: String(key),
|
||
|
...restProps,
|
||
|
label: tab,
|
||
|
};
|
||
|
return item;
|
||
|
}
|
||
|
|
||
|
return null;
|
||
|
});
|
||
|
|
||
|
return filter(childrenItems);
|
||
|
}
|