54 lines
2.0 KiB
TypeScript
54 lines
2.0 KiB
TypeScript
import * as React from 'react';
|
|
import { ConfigConsumerProps } from '../config-provider';
|
|
export declare type TabsType = 'line' | 'card' | 'editable-card';
|
|
export declare type TabsPosition = 'top' | 'right' | 'bottom' | 'left';
|
|
export interface TabsProps {
|
|
activeKey?: string;
|
|
defaultActiveKey?: string;
|
|
hideAdd?: boolean;
|
|
onChange?: (activeKey: string) => void;
|
|
onTabClick?: Function;
|
|
onPrevClick?: React.MouseEventHandler<HTMLElement>;
|
|
onNextClick?: React.MouseEventHandler<HTMLElement>;
|
|
tabBarExtraContent?: React.ReactNode | null;
|
|
tabBarStyle?: React.CSSProperties;
|
|
type?: TabsType;
|
|
tabPosition?: TabsPosition;
|
|
onEdit?: (targetKey: string | React.MouseEvent<HTMLElement>, action: 'add' | 'remove') => void;
|
|
size?: 'large' | 'default' | 'small';
|
|
style?: React.CSSProperties;
|
|
prefixCls?: string;
|
|
className?: string;
|
|
animated?: boolean | {
|
|
inkBar: boolean;
|
|
tabPane: boolean;
|
|
};
|
|
tabBarGutter?: number;
|
|
renderTabBar?: (props: TabsProps, DefaultTabBar: React.ComponentClass<any>) => React.ReactElement<any>;
|
|
destroyInactiveTabPane?: boolean;
|
|
keyboard?: boolean;
|
|
}
|
|
export interface TabPaneProps {
|
|
/** 选项卡头显示文字 */
|
|
tab?: React.ReactNode | string;
|
|
style?: React.CSSProperties;
|
|
closable?: boolean;
|
|
className?: string;
|
|
disabled?: boolean;
|
|
forceRender?: boolean;
|
|
key?: string;
|
|
}
|
|
export default class Tabs extends React.Component<TabsProps, any> {
|
|
static TabPane: React.ClassicComponentClass<TabPaneProps>;
|
|
static defaultProps: {
|
|
hideAdd: boolean;
|
|
tabPosition: TabsPosition;
|
|
};
|
|
componentDidMount(): void;
|
|
removeTab: (targetKey: string, e: React.MouseEvent<HTMLElement, MouseEvent>) => void;
|
|
handleChange: (activeKey: string) => void;
|
|
createNewTab: (targetKey: React.MouseEvent<HTMLElement, MouseEvent>) => void;
|
|
renderTabs: ({ getPrefixCls, direction }: ConfigConsumerProps) => JSX.Element;
|
|
render(): JSX.Element;
|
|
}
|