/**
* @file Tabs
* @description 选项卡
* @author fex
*/
///
import React from 'react';
import { Schema } from '../types';
import { ThemeProps } from '../theme';
export interface TabProps extends ThemeProps {
title?: string;
icon?: string;
iconPosition?: 'left' | 'right';
disabled?: boolean | string;
eventKey: string | number;
tab?: Schema;
className?: string;
activeKey?: string | number;
reload?: boolean;
mountOnEnter?: boolean;
unmountOnExit?: boolean;
toolbar?: React.ReactNode;
}
declare class TabComponent extends React.PureComponent {
contentDom: any;
contentRef: (ref: any) => any;
render(): JSX.Element;
}
export declare const Tab: {
new (props: (Pick & import("../theme").ThemeOutterProps) | Readonly & import("../theme").ThemeOutterProps>): {
render(): JSX.Element;
context: any;
setState(state: {} | ((prevState: Readonly<{}>, props: Readonly & import("../theme").ThemeOutterProps>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
forceUpdate(callback?: (() => void) | undefined): void;
readonly props: Readonly & import("../theme").ThemeOutterProps> & Readonly<{
children?: React.ReactNode;
}>;
state: Readonly<{}>;
refs: {
[key: string]: React.ReactInstance;
};
componentDidMount?(): void;
shouldComponentUpdate?(nextProps: Readonly & import("../theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): boolean;
componentWillUnmount?(): void;
componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
getSnapshotBeforeUpdate?(prevProps: Readonly & import("../theme").ThemeOutterProps>, prevState: Readonly<{}>): any;
componentDidUpdate?(prevProps: Readonly & import("../theme").ThemeOutterProps>, prevState: Readonly<{}>, snapshot?: any): void;
componentWillMount?(): void;
UNSAFE_componentWillMount?(): void;
componentWillReceiveProps?(nextProps: Readonly & import("../theme").ThemeOutterProps>, nextContext: any): void;
UNSAFE_componentWillReceiveProps?(nextProps: Readonly & import("../theme").ThemeOutterProps>, nextContext: any): void;
componentWillUpdate?(nextProps: Readonly & import("../theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): void;
UNSAFE_componentWillUpdate?(nextProps: Readonly & import("../theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): void;
};
new (props: Pick & import("../theme").ThemeOutterProps, context: any): {
render(): JSX.Element;
context: any;
setState(state: {} | ((prevState: Readonly<{}>, props: Readonly & import("../theme").ThemeOutterProps>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
forceUpdate(callback?: (() => void) | undefined): void;
readonly props: Readonly & import("../theme").ThemeOutterProps> & Readonly<{
children?: React.ReactNode;
}>;
state: Readonly<{}>;
refs: {
[key: string]: React.ReactInstance;
};
componentDidMount?(): void;
shouldComponentUpdate?(nextProps: Readonly & import("../theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): boolean;
componentWillUnmount?(): void;
componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
getSnapshotBeforeUpdate?(prevProps: Readonly & import("../theme").ThemeOutterProps>, prevState: Readonly<{}>): any;
componentDidUpdate?(prevProps: Readonly & import("../theme").ThemeOutterProps>, prevState: Readonly<{}>, snapshot?: any): void;
componentWillMount?(): void;
UNSAFE_componentWillMount?(): void;
componentWillReceiveProps?(nextProps: Readonly & import("../theme").ThemeOutterProps>, nextContext: any): void;
UNSAFE_componentWillReceiveProps?(nextProps: Readonly & import("../theme").ThemeOutterProps>, nextContext: any): void;
componentWillUpdate?(nextProps: Readonly & import("../theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): void;
UNSAFE_componentWillUpdate?(nextProps: Readonly & import("../theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): void;
};
displayName: string;
contextType: React.Context;
ComposedComponent: typeof TabComponent;
} & import("hoist-non-react-statics").NonReactStatics & {
ComposedComponent: typeof TabComponent;
};
export interface TabsProps extends ThemeProps {
mode: '' | 'line' | 'card' | 'radio' | 'vertical';
tabsMode?: '' | 'line' | 'card' | 'radio' | 'vertical';
additionBtns?: React.ReactNode;
onSelect?: (key: string | number) => void;
activeKey?: string | number;
contentClassName: string;
className?: string;
tabs?: Array;
tabRender?: (tab: TabProps, props?: TabsProps) => JSX.Element;
toolbar?: React.ReactNode;
}
export declare class Tabs extends React.Component {
static defaultProps: Pick;
static Tab: {
new (props: (Pick & import("../theme").ThemeOutterProps) | Readonly & import("../theme").ThemeOutterProps>): {
render(): JSX.Element;
context: any;
setState(state: {} | ((prevState: Readonly<{}>, props: Readonly & import("../theme").ThemeOutterProps>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
forceUpdate(callback?: (() => void) | undefined): void;
readonly props: Readonly & import("../theme").ThemeOutterProps> & Readonly<{
children?: React.ReactNode;
}>;
state: Readonly<{}>;
refs: {
[key: string]: React.ReactInstance;
};
componentDidMount?(): void;
shouldComponentUpdate?(nextProps: Readonly & import("../theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): boolean;
componentWillUnmount?(): void;
componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
getSnapshotBeforeUpdate?(prevProps: Readonly & import("../theme").ThemeOutterProps>, prevState: Readonly<{}>): any;
componentDidUpdate?(prevProps: Readonly & import("../theme").ThemeOutterProps>, prevState: Readonly<{}>, snapshot?: any): void;
componentWillMount?(): void;
UNSAFE_componentWillMount?(): void;
componentWillReceiveProps?(nextProps: Readonly & import("../theme").ThemeOutterProps>, nextContext: any): void;
UNSAFE_componentWillReceiveProps?(nextProps: Readonly & import("../theme").ThemeOutterProps>, nextContext: any): void;
componentWillUpdate?(nextProps: Readonly & import("../theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): void;
UNSAFE_componentWillUpdate?(nextProps: Readonly & import("../theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): void;
};
new (props: Pick & import("../theme").ThemeOutterProps, context: any): {
render(): JSX.Element;
context: any;
setState(state: {} | ((prevState: Readonly<{}>, props: Readonly & import("../theme").ThemeOutterProps>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
forceUpdate(callback?: (() => void) | undefined): void;
readonly props: Readonly & import("../theme").ThemeOutterProps> & Readonly<{
children?: React.ReactNode;
}>;
state: Readonly<{}>;
refs: {
[key: string]: React.ReactInstance;
};
componentDidMount?(): void;
shouldComponentUpdate?(nextProps: Readonly & import("../theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): boolean;
componentWillUnmount?(): void;
componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
getSnapshotBeforeUpdate?(prevProps: Readonly & import("../theme").ThemeOutterProps>, prevState: Readonly<{}>): any;
componentDidUpdate?(prevProps: Readonly & import("../theme").ThemeOutterProps>, prevState: Readonly<{}>, snapshot?: any): void;
componentWillMount?(): void;
UNSAFE_componentWillMount?(): void;
componentWillReceiveProps?(nextProps: Readonly & import("../theme").ThemeOutterProps>, nextContext: any): void;
UNSAFE_componentWillReceiveProps?(nextProps: Readonly & import("../theme").ThemeOutterProps>, nextContext: any): void;
componentWillUpdate?(nextProps: Readonly & import("../theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): void;
UNSAFE_componentWillUpdate?(nextProps: Readonly & import("../theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): void;
};
displayName: string;
contextType: React.Context;
ComposedComponent: typeof TabComponent;
} & import("hoist-non-react-statics").NonReactStatics & {
ComposedComponent: typeof TabComponent;
};
handleSelect(key: string | number): void;
renderNav(child: any, index: number): JSX.Element | undefined;
renderTab(child: any, index: number): React.DetailedReactHTMLElement | undefined;
render(): JSX.Element | null;
}
declare const _default: {
new (props: (Pick, "onSelect" | "toolbar" | "tabs" | "activeKey" | "tabsMode" | "additionBtns" | "tabRender"> & Partial, "mode" | "contentClassName">> & Partial, never>> & import("../theme").ThemeOutterProps) | Readonly, "onSelect" | "toolbar" | "tabs" | "activeKey" | "tabsMode" | "additionBtns" | "tabRender"> & Partial, "mode" | "contentClassName">> & Partial, never>> & import("../theme").ThemeOutterProps>): {
render(): JSX.Element;
context: any;
setState(state: {} | ((prevState: Readonly<{}>, props: Readonly, "onSelect" | "toolbar" | "tabs" | "activeKey" | "tabsMode" | "additionBtns" | "tabRender"> & Partial, "mode" | "contentClassName">> & Partial, never>> & import("../theme").ThemeOutterProps>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
forceUpdate(callback?: (() => void) | undefined): void;
readonly props: Readonly, "onSelect" | "toolbar" | "tabs" | "activeKey" | "tabsMode" | "additionBtns" | "tabRender"> & Partial, "mode" | "contentClassName">> & Partial, never>> & import("../theme").ThemeOutterProps> & Readonly<{
children?: React.ReactNode;
}>;
state: Readonly<{}>;
refs: {
[key: string]: React.ReactInstance;
};
componentDidMount?(): void;
shouldComponentUpdate?(nextProps: Readonly, "onSelect" | "toolbar" | "tabs" | "activeKey" | "tabsMode" | "additionBtns" | "tabRender"> & Partial, "mode" | "contentClassName">> & Partial, never>> & import("../theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): boolean;
componentWillUnmount?(): void;
componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
getSnapshotBeforeUpdate?(prevProps: Readonly, "onSelect" | "toolbar" | "tabs" | "activeKey" | "tabsMode" | "additionBtns" | "tabRender"> & Partial, "mode" | "contentClassName">> & Partial, never>> & import("../theme").ThemeOutterProps>, prevState: Readonly<{}>): any;
componentDidUpdate?(prevProps: Readonly, "onSelect" | "toolbar" | "tabs" | "activeKey" | "tabsMode" | "additionBtns" | "tabRender"> & Partial, "mode" | "contentClassName">> & Partial, never>> & import("../theme").ThemeOutterProps>, prevState: Readonly<{}>, snapshot?: any): void;
componentWillMount?(): void;
UNSAFE_componentWillMount?(): void;
componentWillReceiveProps?(nextProps: Readonly, "onSelect" | "toolbar" | "tabs" | "activeKey" | "tabsMode" | "additionBtns" | "tabRender"> & Partial, "mode" | "contentClassName">> & Partial, never>> & import("../theme").ThemeOutterProps>, nextContext: any): void;
UNSAFE_componentWillReceiveProps?(nextProps: Readonly, "onSelect" | "toolbar" | "tabs" | "activeKey" | "tabsMode" | "additionBtns" | "tabRender"> & Partial, "mode" | "contentClassName">> & Partial, never>> & import("../theme").ThemeOutterProps>, nextContext: any): void;
componentWillUpdate?(nextProps: Readonly, "onSelect" | "toolbar" | "tabs" | "activeKey" | "tabsMode" | "additionBtns" | "tabRender"> & Partial, "mode" | "contentClassName">> & Partial, never>> & import("../theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): void;
UNSAFE_componentWillUpdate?(nextProps: Readonly, "onSelect" | "toolbar" | "tabs" | "activeKey" | "tabsMode" | "additionBtns" | "tabRender"> & Partial, "mode" | "contentClassName">> & Partial, never>> & import("../theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): void;
};
new (props: Pick, "onSelect" | "toolbar" | "tabs" | "activeKey" | "tabsMode" | "additionBtns" | "tabRender"> & Partial, "mode" | "contentClassName">> & Partial, never>> & import("../theme").ThemeOutterProps, context: any): {
render(): JSX.Element;
context: any;
setState(state: {} | ((prevState: Readonly<{}>, props: Readonly, "onSelect" | "toolbar" | "tabs" | "activeKey" | "tabsMode" | "additionBtns" | "tabRender"> & Partial, "mode" | "contentClassName">> & Partial, never>> & import("../theme").ThemeOutterProps>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
forceUpdate(callback?: (() => void) | undefined): void;
readonly props: Readonly, "onSelect" | "toolbar" | "tabs" | "activeKey" | "tabsMode" | "additionBtns" | "tabRender"> & Partial, "mode" | "contentClassName">> & Partial, never>> & import("../theme").ThemeOutterProps> & Readonly<{
children?: React.ReactNode;
}>;
state: Readonly<{}>;
refs: {
[key: string]: React.ReactInstance;
};
componentDidMount?(): void;
shouldComponentUpdate?(nextProps: Readonly, "onSelect" | "toolbar" | "tabs" | "activeKey" | "tabsMode" | "additionBtns" | "tabRender"> & Partial, "mode" | "contentClassName">> & Partial, never>> & import("../theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): boolean;
componentWillUnmount?(): void;
componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
getSnapshotBeforeUpdate?(prevProps: Readonly, "onSelect" | "toolbar" | "tabs" | "activeKey" | "tabsMode" | "additionBtns" | "tabRender"> & Partial, "mode" | "contentClassName">> & Partial, never>> & import("../theme").ThemeOutterProps>, prevState: Readonly<{}>): any;
componentDidUpdate?(prevProps: Readonly, "onSelect" | "toolbar" | "tabs" | "activeKey" | "tabsMode" | "additionBtns" | "tabRender"> & Partial, "mode" | "contentClassName">> & Partial, never>> & import("../theme").ThemeOutterProps>, prevState: Readonly<{}>, snapshot?: any): void;
componentWillMount?(): void;
UNSAFE_componentWillMount?(): void;
componentWillReceiveProps?(nextProps: Readonly, "onSelect" | "toolbar" | "tabs" | "activeKey" | "tabsMode" | "additionBtns" | "tabRender"> & Partial, "mode" | "contentClassName">> & Partial, never>> & import("../theme").ThemeOutterProps>, nextContext: any): void;
UNSAFE_componentWillReceiveProps?(nextProps: Readonly, "onSelect" | "toolbar" | "tabs" | "activeKey" | "tabsMode" | "additionBtns" | "tabRender"> & Partial, "mode" | "contentClassName">> & Partial, never>> & import("../theme").ThemeOutterProps>, nextContext: any): void;
componentWillUpdate?(nextProps: Readonly, "onSelect" | "toolbar" | "tabs" | "activeKey" | "tabsMode" | "additionBtns" | "tabRender"> & Partial, "mode" | "contentClassName">> & Partial, never>> & import("../theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): void;
UNSAFE_componentWillUpdate?(nextProps: Readonly, "onSelect" | "toolbar" | "tabs" | "activeKey" | "tabsMode" | "additionBtns" | "tabRender"> & Partial, "mode" | "contentClassName">> & Partial, never>> & import("../theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): void;
};
displayName: string;
contextType: React.Context;
ComposedComponent: typeof Tabs;
} & import("hoist-non-react-statics").NonReactStatics & {
ComposedComponent: typeof Tabs;
} & {
Tab: typeof Tab;
};
export default _default;