import * as React from 'react'; import RcTabs, { TabPane, TabsProps as RcTabsProps, TabPaneProps } from 'rc-tabs'; import { EditableConfig } from 'rc-tabs/lib/interface'; import classNames from 'classnames'; import EllipsisOutlined from '@ant-design/icons/EllipsisOutlined'; import PlusOutlined from '@ant-design/icons/PlusOutlined'; import CloseOutlined from '@ant-design/icons/CloseOutlined'; import devWarning from '../_util/devWarning'; import { ConfigContext } from '../config-provider'; import { SizeType } from '../config-provider/SizeContext'; export type TabsType = 'line' | 'card' | 'editable-card'; export type TabsPosition = 'top' | 'right' | 'bottom' | 'left'; export { TabPaneProps }; export interface TabsProps extends Omit { type?: TabsType; size?: SizeType; hideAdd?: boolean; centered?: boolean; addIcon?: React.ReactNode; onEdit?: (e: React.MouseEvent | React.KeyboardEvent | string, action: 'add' | 'remove') => void; } function Tabs({ type, className, size, onEdit, hideAdd, centered, addIcon, ...props }: TabsProps) { const { prefixCls: customizePrefixCls } = props; const { getPrefixCls, direction } = React.useContext(ConfigContext); const prefixCls = getPrefixCls('tabs', customizePrefixCls); let editable: EditableConfig | undefined; if (type === 'editable-card') { editable = { onEdit: (editType, { key, event }) => { onEdit?.(editType === 'add' ? event : key!, editType); }, removeIcon: , addIcon: addIcon || , showAdd: hideAdd !== true, }; } const rootPrefixCls = getPrefixCls(); devWarning( !('onPrevClick' in props) && !('onNextClick' in props), 'Tabs', '`onPrevClick` and `onNextClick` has been removed. Please use `onTabScroll` instead.', ); return ( } prefixCls={prefixCls} /> ); } Tabs.TabPane = TabPane; export default Tabs;