/** * @file Tabs * @description 选项卡 * @author fex */ /// /// import React from 'react'; import { ClassName, LocaleProps, Schema } from 'amis-core'; import { ThemeProps } from 'amis-core'; import Sortable from 'sortablejs'; export type TabsMode = '' | 'line' | 'card' | 'radio' | 'vertical' | 'chrome' | 'simple' | 'strong' | 'tiled' | 'sidebar'; export interface TabProps extends ThemeProps { title?: string | React.ReactNode; icon?: string; iconPosition?: 'left' | 'right'; disabled?: boolean | string; eventKey: string | number; prevKey?: string | number; nextKey?: string | number; tip?: string; tab?: Schema; className?: string; tabClassName?: string; activeKey?: string | number; reload?: boolean; mountOnEnter?: boolean; unmountOnExit?: boolean; toolbar?: React.ReactNode; children?: React.ReactNode | Array; swipeable?: boolean; onSelect?: (eventKey: string | number) => void; } declare class TabComponent extends React.PureComponent { contentDom: any; touch: any; touchStartTime: number; contentRef: (ref: any) => any; onTouchStart(event: React.TouchEvent): void; onTouchMove(event: React.TouchEvent): void; onTouchEnd(): void; render(): React.JSX.Element; } export declare const Tab: { new (props: Omit & import("packages/amis-core/lib/theme").ThemeOuterProps): { ref: any; childRef(ref: any): void; getWrappedInstance(): any; render(): React.JSX.Element; context: unknown; setState(state: {} | ((prevState: Readonly<{}>, props: Readonly & import("packages/amis-core/lib/theme").ThemeOuterProps>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void; forceUpdate(callback?: (() => void) | undefined): void; readonly props: Readonly & import("packages/amis-core/lib/theme").ThemeOuterProps>; state: Readonly<{}>; refs: { [key: string]: React.ReactInstance; }; componentDidMount?(): void; shouldComponentUpdate?(nextProps: Readonly & import("packages/amis-core/lib/theme").ThemeOuterProps>, nextState: Readonly<{}>, nextContext: any): boolean; componentWillUnmount?(): void; componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void; getSnapshotBeforeUpdate?(prevProps: Readonly & import("packages/amis-core/lib/theme").ThemeOuterProps>, prevState: Readonly<{}>): any; componentDidUpdate?(prevProps: Readonly & import("packages/amis-core/lib/theme").ThemeOuterProps>, prevState: Readonly<{}>, snapshot?: any): void; componentWillMount?(): void; UNSAFE_componentWillMount?(): void; componentWillReceiveProps?(nextProps: Readonly & import("packages/amis-core/lib/theme").ThemeOuterProps>, nextContext: any): void; UNSAFE_componentWillReceiveProps?(nextProps: Readonly & import("packages/amis-core/lib/theme").ThemeOuterProps>, nextContext: any): void; componentWillUpdate?(nextProps: Readonly & import("packages/amis-core/lib/theme").ThemeOuterProps>, nextState: Readonly<{}>, nextContext: any): void; UNSAFE_componentWillUpdate?(nextProps: Readonly & import("packages/amis-core/lib/theme").ThemeOuterProps>, nextState: Readonly<{}>, nextContext: any): void; }; displayName: string; contextType: React.Context; ComposedComponent: React.ComponentType; } & import("hoist-non-react-statics").NonReactStatics & { ComposedComponent: typeof TabComponent; }; export interface TabsProps extends ThemeProps, LocaleProps { mode: TabsMode; tabsMode?: TabsMode; additionBtns?: React.ReactNode; onSelect?: (key: string | number) => void; activeKey?: string | number; contentClassName: string; linksClassName?: ClassName; className?: string; tabs?: Array; tabRender?: (tab: TabProps, props?: TabsProps) => JSX.Element; toolbar?: React.ReactNode; addable?: boolean; onAdd?: () => void; closable?: boolean; onClose?: (index: number, key: string | number) => void; draggable?: boolean; onDragChange?: (e: any) => void; showTip?: boolean; showTipClassName?: string; scrollable?: boolean; editable?: boolean; onEdit?: (index: number, text: string) => void; sidePosition?: 'left' | 'right'; addBtnText?: string; collapseOnExceed?: number; collapseBtnLabel?: string; popOverContainer?: any; children?: React.ReactNode | Array; } export interface IDragInfo { nodeId: string; } export declare class Tabs extends React.Component { static defaultProps: Pick; static Tab: { new (props: Omit & import("packages/amis-core/lib/theme").ThemeOuterProps): { ref: any; childRef(ref: any): void; getWrappedInstance(): any; render(): React.JSX.Element; context: unknown; setState(state: {} | ((prevState: Readonly<{}>, props: Readonly & import("packages/amis-core/lib/theme").ThemeOuterProps>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void; forceUpdate(callback?: (() => void) | undefined): void; readonly props: Readonly & import("packages/amis-core/lib/theme").ThemeOuterProps>; state: Readonly<{}>; refs: { [key: string]: React.ReactInstance; }; componentDidMount?(): void; shouldComponentUpdate?(nextProps: Readonly & import("packages/amis-core/lib/theme").ThemeOuterProps>, nextState: Readonly<{}>, nextContext: any): boolean; componentWillUnmount?(): void; componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void; getSnapshotBeforeUpdate?(prevProps: Readonly & import("packages/amis-core/lib/theme").ThemeOuterProps>, prevState: Readonly<{}>): any; componentDidUpdate?(prevProps: Readonly & import("packages/amis-core/lib/theme").ThemeOuterProps>, prevState: Readonly<{}>, snapshot?: any): void; componentWillMount?(): void; UNSAFE_componentWillMount?(): void; componentWillReceiveProps?(nextProps: Readonly & import("packages/amis-core/lib/theme").ThemeOuterProps>, nextContext: any): void; UNSAFE_componentWillReceiveProps?(nextProps: Readonly & import("packages/amis-core/lib/theme").ThemeOuterProps>, nextContext: any): void; componentWillUpdate?(nextProps: Readonly & import("packages/amis-core/lib/theme").ThemeOuterProps>, nextState: Readonly<{}>, nextContext: any): void; UNSAFE_componentWillUpdate?(nextProps: Readonly & import("packages/amis-core/lib/theme").ThemeOuterProps>, nextState: Readonly<{}>, nextContext: any): void; }; displayName: string; contextType: React.Context; ComposedComponent: React.ComponentType; } & import("hoist-non-react-statics").NonReactStatics & { ComposedComponent: typeof TabComponent; }; navMain: React.RefObject; scroll: boolean; sortable?: Sortable; dragTip?: HTMLElement; id: string; draging: boolean; toDispose: Array<() => void>; resizeDom: React.RefObject; checkArrowStatus: import("lodash").DebouncedFunc<() => void>; constructor(props: TabsProps); componentDidMount(): void; componentDidUpdate(preProps: any): void; componentWillUnmount(): void; /** * 处理内容与容器之间的位置关系 */ computedWidth(): void; /** * 保证选中的tab始终显示在可视区域 */ showSelected(key?: string | number): void; handleSelect(key: string | number): void; handleStartEdit(index: number, title: string): void; handleEditInputChange(e: React.ChangeEvent): void; handleEdit(): void; dragTipRef(ref: any): void; destroyDragging(): void; initDragging(): void; handleArrow(type: 'left' | 'right'): void; /** * 监听导航上的滚动事件 */ handleWheel(e: WheelEvent): void; generateTabKey(hash: any, eventKey: any, index: number): string; renderNav(child: any, index: number, showClose: boolean): React.JSX.Element | undefined; renderTab(child: any, index: number): React.DetailedReactHTMLElement | undefined; renderArrow(type: 'left' | 'right'): React.JSX.Element | null | undefined; handleAddBtn(): void; renderNavs(showClose?: boolean): any[] | null; render(): React.JSX.Element | null; } declare const _default: { new (props: Omit, "translate" | "locale" | "children" | "draggable" | "onClose" | "onSelect" | "popOverContainer" | "activeKey" | "tabsMode" | "additionBtns" | "linksClassName" | "tabs" | "tabRender" | "toolbar" | "addable" | "onAdd" | "closable" | "onDragChange" | "scrollable" | "editable" | "onEdit" | "collapseOnExceed"> & { mode?: TabsMode | undefined; contentClassName?: string | undefined; showTip?: boolean | undefined; showTipClassName?: string | undefined; sidePosition?: "left" | "right" | undefined; addBtnText?: string | undefined; collapseBtnLabel?: string | undefined; } & {} & import("packages/amis-core/lib/theme").ThemeOuterProps, keyof LocaleProps> & { locale?: string | undefined; translate?: ((str: string, ...args: any[]) => string) | undefined; }): { ref: any; childRef(ref: any): void; getWrappedInstance(): any; render(): React.JSX.Element; context: unknown; setState(state: {} | ((prevState: Readonly<{}>, props: Readonly, "translate" | "locale" | "children" | "draggable" | "onClose" | "onSelect" | "popOverContainer" | "activeKey" | "tabsMode" | "additionBtns" | "linksClassName" | "tabs" | "tabRender" | "toolbar" | "addable" | "onAdd" | "closable" | "onDragChange" | "scrollable" | "editable" | "onEdit" | "collapseOnExceed"> & { mode?: TabsMode | undefined; contentClassName?: string | undefined; showTip?: boolean | undefined; showTipClassName?: string | undefined; sidePosition?: "left" | "right" | undefined; addBtnText?: string | undefined; collapseBtnLabel?: string | undefined; } & {} & import("packages/amis-core/lib/theme").ThemeOuterProps, keyof LocaleProps> & { locale?: string | undefined; translate?: ((str: string, ...args: any[]) => string) | undefined; }>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void; forceUpdate(callback?: (() => void) | undefined): void; readonly props: Readonly, "translate" | "locale" | "children" | "draggable" | "onClose" | "onSelect" | "popOverContainer" | "activeKey" | "tabsMode" | "additionBtns" | "linksClassName" | "tabs" | "tabRender" | "toolbar" | "addable" | "onAdd" | "closable" | "onDragChange" | "scrollable" | "editable" | "onEdit" | "collapseOnExceed"> & { mode?: TabsMode | undefined; contentClassName?: string | undefined; showTip?: boolean | undefined; showTipClassName?: string | undefined; sidePosition?: "left" | "right" | undefined; addBtnText?: string | undefined; collapseBtnLabel?: string | undefined; } & {} & import("packages/amis-core/lib/theme").ThemeOuterProps, keyof LocaleProps> & { locale?: string | undefined; translate?: ((str: string, ...args: any[]) => string) | undefined; }>; state: Readonly<{}>; refs: { [key: string]: React.ReactInstance; }; componentDidMount?(): void; shouldComponentUpdate?(nextProps: Readonly, "translate" | "locale" | "children" | "draggable" | "onClose" | "onSelect" | "popOverContainer" | "activeKey" | "tabsMode" | "additionBtns" | "linksClassName" | "tabs" | "tabRender" | "toolbar" | "addable" | "onAdd" | "closable" | "onDragChange" | "scrollable" | "editable" | "onEdit" | "collapseOnExceed"> & { mode?: TabsMode | undefined; contentClassName?: string | undefined; showTip?: boolean | undefined; showTipClassName?: string | undefined; sidePosition?: "left" | "right" | undefined; addBtnText?: string | undefined; collapseBtnLabel?: string | undefined; } & {} & import("packages/amis-core/lib/theme").ThemeOuterProps, keyof LocaleProps> & { locale?: string | undefined; translate?: ((str: string, ...args: any[]) => string) | undefined; }>, nextState: Readonly<{}>, nextContext: any): boolean; componentWillUnmount?(): void; componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void; getSnapshotBeforeUpdate?(prevProps: Readonly, "translate" | "locale" | "children" | "draggable" | "onClose" | "onSelect" | "popOverContainer" | "activeKey" | "tabsMode" | "additionBtns" | "linksClassName" | "tabs" | "tabRender" | "toolbar" | "addable" | "onAdd" | "closable" | "onDragChange" | "scrollable" | "editable" | "onEdit" | "collapseOnExceed"> & { mode?: TabsMode | undefined; contentClassName?: string | undefined; showTip?: boolean | undefined; showTipClassName?: string | undefined; sidePosition?: "left" | "right" | undefined; addBtnText?: string | undefined; collapseBtnLabel?: string | undefined; } & {} & import("packages/amis-core/lib/theme").ThemeOuterProps, keyof LocaleProps> & { locale?: string | undefined; translate?: ((str: string, ...args: any[]) => string) | undefined; }>, prevState: Readonly<{}>): any; componentDidUpdate?(prevProps: Readonly, "translate" | "locale" | "children" | "draggable" | "onClose" | "onSelect" | "popOverContainer" | "activeKey" | "tabsMode" | "additionBtns" | "linksClassName" | "tabs" | "tabRender" | "toolbar" | "addable" | "onAdd" | "closable" | "onDragChange" | "scrollable" | "editable" | "onEdit" | "collapseOnExceed"> & { mode?: TabsMode | undefined; contentClassName?: string | undefined; showTip?: boolean | undefined; showTipClassName?: string | undefined; sidePosition?: "left" | "right" | undefined; addBtnText?: string | undefined; collapseBtnLabel?: string | undefined; } & {} & import("packages/amis-core/lib/theme").ThemeOuterProps, keyof LocaleProps> & { locale?: string | undefined; translate?: ((str: string, ...args: any[]) => string) | undefined; }>, prevState: Readonly<{}>, snapshot?: any): void; componentWillMount?(): void; UNSAFE_componentWillMount?(): void; componentWillReceiveProps?(nextProps: Readonly, "translate" | "locale" | "children" | "draggable" | "onClose" | "onSelect" | "popOverContainer" | "activeKey" | "tabsMode" | "additionBtns" | "linksClassName" | "tabs" | "tabRender" | "toolbar" | "addable" | "onAdd" | "closable" | "onDragChange" | "scrollable" | "editable" | "onEdit" | "collapseOnExceed"> & { mode?: TabsMode | undefined; contentClassName?: string | undefined; showTip?: boolean | undefined; showTipClassName?: string | undefined; sidePosition?: "left" | "right" | undefined; addBtnText?: string | undefined; collapseBtnLabel?: string | undefined; } & {} & import("packages/amis-core/lib/theme").ThemeOuterProps, keyof LocaleProps> & { locale?: string | undefined; translate?: ((str: string, ...args: any[]) => string) | undefined; }>, nextContext: any): void; UNSAFE_componentWillReceiveProps?(nextProps: Readonly, "translate" | "locale" | "children" | "draggable" | "onClose" | "onSelect" | "popOverContainer" | "activeKey" | "tabsMode" | "additionBtns" | "linksClassName" | "tabs" | "tabRender" | "toolbar" | "addable" | "onAdd" | "closable" | "onDragChange" | "scrollable" | "editable" | "onEdit" | "collapseOnExceed"> & { mode?: TabsMode | undefined; contentClassName?: string | undefined; showTip?: boolean | undefined; showTipClassName?: string | undefined; sidePosition?: "left" | "right" | undefined; addBtnText?: string | undefined; collapseBtnLabel?: string | undefined; } & {} & import("packages/amis-core/lib/theme").ThemeOuterProps, keyof LocaleProps> & { locale?: string | undefined; translate?: ((str: string, ...args: any[]) => string) | undefined; }>, nextContext: any): void; componentWillUpdate?(nextProps: Readonly, "translate" | "locale" | "children" | "draggable" | "onClose" | "onSelect" | "popOverContainer" | "activeKey" | "tabsMode" | "additionBtns" | "linksClassName" | "tabs" | "tabRender" | "toolbar" | "addable" | "onAdd" | "closable" | "onDragChange" | "scrollable" | "editable" | "onEdit" | "collapseOnExceed"> & { mode?: TabsMode | undefined; contentClassName?: string | undefined; showTip?: boolean | undefined; showTipClassName?: string | undefined; sidePosition?: "left" | "right" | undefined; addBtnText?: string | undefined; collapseBtnLabel?: string | undefined; } & {} & import("packages/amis-core/lib/theme").ThemeOuterProps, keyof LocaleProps> & { locale?: string | undefined; translate?: ((str: string, ...args: any[]) => string) | undefined; }>, nextState: Readonly<{}>, nextContext: any): void; UNSAFE_componentWillUpdate?(nextProps: Readonly, "translate" | "locale" | "children" | "draggable" | "onClose" | "onSelect" | "popOverContainer" | "activeKey" | "tabsMode" | "additionBtns" | "linksClassName" | "tabs" | "tabRender" | "toolbar" | "addable" | "onAdd" | "closable" | "onDragChange" | "scrollable" | "editable" | "onEdit" | "collapseOnExceed"> & { mode?: TabsMode | undefined; contentClassName?: string | undefined; showTip?: boolean | undefined; showTipClassName?: string | undefined; sidePosition?: "left" | "right" | undefined; addBtnText?: string | undefined; collapseBtnLabel?: string | undefined; } & {} & import("packages/amis-core/lib/theme").ThemeOuterProps, keyof LocaleProps> & { locale?: string | undefined; translate?: ((str: string, ...args: any[]) => string) | undefined; }>, nextState: Readonly<{}>, nextContext: any): void; }; displayName: string; contextType: React.Context; ComposedComponent: React.ComponentType<{ new (props: Pick, "translate" | "locale" | "children" | "draggable" | "onClose" | "onSelect" | "popOverContainer" | "activeKey" | "tabsMode" | "additionBtns" | "linksClassName" | "tabs" | "tabRender" | "toolbar" | "addable" | "onAdd" | "closable" | "onDragChange" | "scrollable" | "editable" | "onEdit" | "collapseOnExceed"> & { mode?: TabsMode | undefined; contentClassName?: string | undefined; showTip?: boolean | undefined; showTipClassName?: string | undefined; sidePosition?: "left" | "right" | undefined; addBtnText?: string | undefined; collapseBtnLabel?: string | undefined; } & {} & import("packages/amis-core/lib/theme").ThemeOuterProps): { ref: any; childRef(ref: any): void; getWrappedInstance(): any; render(): React.JSX.Element; context: unknown; setState(state: {} | ((prevState: Readonly<{}>, props: Readonly, "translate" | "locale" | "children" | "draggable" | "onClose" | "onSelect" | "popOverContainer" | "activeKey" | "tabsMode" | "additionBtns" | "linksClassName" | "tabs" | "tabRender" | "toolbar" | "addable" | "onAdd" | "closable" | "onDragChange" | "scrollable" | "editable" | "onEdit" | "collapseOnExceed"> & { mode?: TabsMode | undefined; contentClassName?: string | undefined; showTip?: boolean | undefined; showTipClassName?: string | undefined; sidePosition?: "left" | "right" | undefined; addBtnText?: string | undefined; collapseBtnLabel?: string | undefined; } & {} & import("packages/amis-core/lib/theme").ThemeOuterProps>) => {} | Pick<{}, K_1> | null) | Pick<{}, K_1> | null, callback?: (() => void) | undefined): void; forceUpdate(callback?: (() => void) | undefined): void; readonly props: Readonly, "translate" | "locale" | "children" | "draggable" | "onClose" | "onSelect" | "popOverContainer" | "activeKey" | "tabsMode" | "additionBtns" | "linksClassName" | "tabs" | "tabRender" | "toolbar" | "addable" | "onAdd" | "closable" | "onDragChange" | "scrollable" | "editable" | "onEdit" | "collapseOnExceed"> & { mode?: TabsMode | undefined; contentClassName?: string | undefined; showTip?: boolean | undefined; showTipClassName?: string | undefined; sidePosition?: "left" | "right" | undefined; addBtnText?: string | undefined; collapseBtnLabel?: string | undefined; } & {} & import("packages/amis-core/lib/theme").ThemeOuterProps>; state: Readonly<{}>; refs: { [key: string]: React.ReactInstance; }; componentDidMount?(): void; shouldComponentUpdate?(nextProps: Readonly, "translate" | "locale" | "children" | "draggable" | "onClose" | "onSelect" | "popOverContainer" | "activeKey" | "tabsMode" | "additionBtns" | "linksClassName" | "tabs" | "tabRender" | "toolbar" | "addable" | "onAdd" | "closable" | "onDragChange" | "scrollable" | "editable" | "onEdit" | "collapseOnExceed"> & { mode?: TabsMode | undefined; contentClassName?: string | undefined; showTip?: boolean | undefined; showTipClassName?: string | undefined; sidePosition?: "left" | "right" | undefined; addBtnText?: string | undefined; collapseBtnLabel?: string | undefined; } & {} & import("packages/amis-core/lib/theme").ThemeOuterProps>, nextState: Readonly<{}>, nextContext: any): boolean; componentWillUnmount?(): void; componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void; getSnapshotBeforeUpdate?(prevProps: Readonly, "translate" | "locale" | "children" | "draggable" | "onClose" | "onSelect" | "popOverContainer" | "activeKey" | "tabsMode" | "additionBtns" | "linksClassName" | "tabs" | "tabRender" | "toolbar" | "addable" | "onAdd" | "closable" | "onDragChange" | "scrollable" | "editable" | "onEdit" | "collapseOnExceed"> & { mode?: TabsMode | undefined; contentClassName?: string | undefined; showTip?: boolean | undefined; showTipClassName?: string | undefined; sidePosition?: "left" | "right" | undefined; addBtnText?: string | undefined; collapseBtnLabel?: string | undefined; } & {} & import("packages/amis-core/lib/theme").ThemeOuterProps>, prevState: Readonly<{}>): any; componentDidUpdate?(prevProps: Readonly, "translate" | "locale" | "children" | "draggable" | "onClose" | "onSelect" | "popOverContainer" | "activeKey" | "tabsMode" | "additionBtns" | "linksClassName" | "tabs" | "tabRender" | "toolbar" | "addable" | "onAdd" | "closable" | "onDragChange" | "scrollable" | "editable" | "onEdit" | "collapseOnExceed"> & { mode?: TabsMode | undefined; contentClassName?: string | undefined; showTip?: boolean | undefined; showTipClassName?: string | undefined; sidePosition?: "left" | "right" | undefined; addBtnText?: string | undefined; collapseBtnLabel?: string | undefined; } & {} & import("packages/amis-core/lib/theme").ThemeOuterProps>, prevState: Readonly<{}>, snapshot?: any): void; componentWillMount?(): void; UNSAFE_componentWillMount?(): void; componentWillReceiveProps?(nextProps: Readonly, "translate" | "locale" | "children" | "draggable" | "onClose" | "onSelect" | "popOverContainer" | "activeKey" | "tabsMode" | "additionBtns" | "linksClassName" | "tabs" | "tabRender" | "toolbar" | "addable" | "onAdd" | "closable" | "onDragChange" | "scrollable" | "editable" | "onEdit" | "collapseOnExceed"> & { mode?: TabsMode | undefined; contentClassName?: string | undefined; showTip?: boolean | undefined; showTipClassName?: string | undefined; sidePosition?: "left" | "right" | undefined; addBtnText?: string | undefined; collapseBtnLabel?: string | undefined; } & {} & import("packages/amis-core/lib/theme").ThemeOuterProps>, nextContext: any): void; UNSAFE_componentWillReceiveProps?(nextProps: Readonly, "translate" | "locale" | "children" | "draggable" | "onClose" | "onSelect" | "popOverContainer" | "activeKey" | "tabsMode" | "additionBtns" | "linksClassName" | "tabs" | "tabRender" | "toolbar" | "addable" | "onAdd" | "closable" | "onDragChange" | "scrollable" | "editable" | "onEdit" | "collapseOnExceed"> & { mode?: TabsMode | undefined; contentClassName?: string | undefined; showTip?: boolean | undefined; showTipClassName?: string | undefined; sidePosition?: "left" | "right" | undefined; addBtnText?: string | undefined; collapseBtnLabel?: string | undefined; } & {} & import("packages/amis-core/lib/theme").ThemeOuterProps>, nextContext: any): void; componentWillUpdate?(nextProps: Readonly, "translate" | "locale" | "children" | "draggable" | "onClose" | "onSelect" | "popOverContainer" | "activeKey" | "tabsMode" | "additionBtns" | "linksClassName" | "tabs" | "tabRender" | "toolbar" | "addable" | "onAdd" | "closable" | "onDragChange" | "scrollable" | "editable" | "onEdit" | "collapseOnExceed"> & { mode?: TabsMode | undefined; contentClassName?: string | undefined; showTip?: boolean | undefined; showTipClassName?: string | undefined; sidePosition?: "left" | "right" | undefined; addBtnText?: string | undefined; collapseBtnLabel?: string | undefined; } & {} & import("packages/amis-core/lib/theme").ThemeOuterProps>, nextState: Readonly<{}>, nextContext: any): void; UNSAFE_componentWillUpdate?(nextProps: Readonly, "translate" | "locale" | "children" | "draggable" | "onClose" | "onSelect" | "popOverContainer" | "activeKey" | "tabsMode" | "additionBtns" | "linksClassName" | "tabs" | "tabRender" | "toolbar" | "addable" | "onAdd" | "closable" | "onDragChange" | "scrollable" | "editable" | "onEdit" | "collapseOnExceed"> & { mode?: TabsMode | undefined; contentClassName?: string | undefined; showTip?: boolean | undefined; showTipClassName?: string | undefined; sidePosition?: "left" | "right" | undefined; addBtnText?: string | undefined; collapseBtnLabel?: string | undefined; } & {} & import("packages/amis-core/lib/theme").ThemeOuterProps>, nextState: Readonly<{}>, nextContext: any): void; }; displayName: string; contextType: React.Context; ComposedComponent: React.ComponentType; } & import("hoist-non-react-statics").NonReactStatics & { ComposedComponent: typeof Tabs; }>; } & import("hoist-non-react-statics").NonReactStatics<{ new (props: Pick, "translate" | "locale" | "children" | "draggable" | "onClose" | "onSelect" | "popOverContainer" | "activeKey" | "tabsMode" | "additionBtns" | "linksClassName" | "tabs" | "tabRender" | "toolbar" | "addable" | "onAdd" | "closable" | "onDragChange" | "scrollable" | "editable" | "onEdit" | "collapseOnExceed"> & { mode?: TabsMode | undefined; contentClassName?: string | undefined; showTip?: boolean | undefined; showTipClassName?: string | undefined; sidePosition?: "left" | "right" | undefined; addBtnText?: string | undefined; collapseBtnLabel?: string | undefined; } & {} & import("packages/amis-core/lib/theme").ThemeOuterProps): { ref: any; childRef(ref: any): void; getWrappedInstance(): any; render(): React.JSX.Element; context: unknown; setState(state: {} | ((prevState: Readonly<{}>, props: Readonly, "translate" | "locale" | "children" | "draggable" | "onClose" | "onSelect" | "popOverContainer" | "activeKey" | "tabsMode" | "additionBtns" | "linksClassName" | "tabs" | "tabRender" | "toolbar" | "addable" | "onAdd" | "closable" | "onDragChange" | "scrollable" | "editable" | "onEdit" | "collapseOnExceed"> & { mode?: TabsMode | undefined; contentClassName?: string | undefined; showTip?: boolean | undefined; showTipClassName?: string | undefined; sidePosition?: "left" | "right" | undefined; addBtnText?: string | undefined; collapseBtnLabel?: string | undefined; } & {} & import("packages/amis-core/lib/theme").ThemeOuterProps>) => {} | Pick<{}, K_1> | null) | Pick<{}, K_1> | null, callback?: (() => void) | undefined): void; forceUpdate(callback?: (() => void) | undefined): void; readonly props: Readonly, "translate" | "locale" | "children" | "draggable" | "onClose" | "onSelect" | "popOverContainer" | "activeKey" | "tabsMode" | "additionBtns" | "linksClassName" | "tabs" | "tabRender" | "toolbar" | "addable" | "onAdd" | "closable" | "onDragChange" | "scrollable" | "editable" | "onEdit" | "collapseOnExceed"> & { mode?: TabsMode | undefined; contentClassName?: string | undefined; showTip?: boolean | undefined; showTipClassName?: string | undefined; sidePosition?: "left" | "right" | undefined; addBtnText?: string | undefined; collapseBtnLabel?: string | undefined; } & {} & import("packages/amis-core/lib/theme").ThemeOuterProps>; state: Readonly<{}>; refs: { [key: string]: React.ReactInstance; }; componentDidMount?(): void; shouldComponentUpdate?(nextProps: Readonly, "translate" | "locale" | "children" | "draggable" | "onClose" | "onSelect" | "popOverContainer" | "activeKey" | "tabsMode" | "additionBtns" | "linksClassName" | "tabs" | "tabRender" | "toolbar" | "addable" | "onAdd" | "closable" | "onDragChange" | "scrollable" | "editable" | "onEdit" | "collapseOnExceed"> & { mode?: TabsMode | undefined; contentClassName?: string | undefined; showTip?: boolean | undefined; showTipClassName?: string | undefined; sidePosition?: "left" | "right" | undefined; addBtnText?: string | undefined; collapseBtnLabel?: string | undefined; } & {} & import("packages/amis-core/lib/theme").ThemeOuterProps>, nextState: Readonly<{}>, nextContext: any): boolean; componentWillUnmount?(): void; componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void; getSnapshotBeforeUpdate?(prevProps: Readonly, "translate" | "locale" | "children" | "draggable" | "onClose" | "onSelect" | "popOverContainer" | "activeKey" | "tabsMode" | "additionBtns" | "linksClassName" | "tabs" | "tabRender" | "toolbar" | "addable" | "onAdd" | "closable" | "onDragChange" | "scrollable" | "editable" | "onEdit" | "collapseOnExceed"> & { mode?: TabsMode | undefined; contentClassName?: string | undefined; showTip?: boolean | undefined; showTipClassName?: string | undefined; sidePosition?: "left" | "right" | undefined; addBtnText?: string | undefined; collapseBtnLabel?: string | undefined; } & {} & import("packages/amis-core/lib/theme").ThemeOuterProps>, prevState: Readonly<{}>): any; componentDidUpdate?(prevProps: Readonly, "translate" | "locale" | "children" | "draggable" | "onClose" | "onSelect" | "popOverContainer" | "activeKey" | "tabsMode" | "additionBtns" | "linksClassName" | "tabs" | "tabRender" | "toolbar" | "addable" | "onAdd" | "closable" | "onDragChange" | "scrollable" | "editable" | "onEdit" | "collapseOnExceed"> & { mode?: TabsMode | undefined; contentClassName?: string | undefined; showTip?: boolean | undefined; showTipClassName?: string | undefined; sidePosition?: "left" | "right" | undefined; addBtnText?: string | undefined; collapseBtnLabel?: string | undefined; } & {} & import("packages/amis-core/lib/theme").ThemeOuterProps>, prevState: Readonly<{}>, snapshot?: any): void; componentWillMount?(): void; UNSAFE_componentWillMount?(): void; componentWillReceiveProps?(nextProps: Readonly, "translate" | "locale" | "children" | "draggable" | "onClose" | "onSelect" | "popOverContainer" | "activeKey" | "tabsMode" | "additionBtns" | "linksClassName" | "tabs" | "tabRender" | "toolbar" | "addable" | "onAdd" | "closable" | "onDragChange" | "scrollable" | "editable" | "onEdit" | "collapseOnExceed"> & { mode?: TabsMode | undefined; contentClassName?: string | undefined; showTip?: boolean | undefined; showTipClassName?: string | undefined; sidePosition?: "left" | "right" | undefined; addBtnText?: string | undefined; collapseBtnLabel?: string | undefined; } & {} & import("packages/amis-core/lib/theme").ThemeOuterProps>, nextContext: any): void; UNSAFE_componentWillReceiveProps?(nextProps: Readonly, "translate" | "locale" | "children" | "draggable" | "onClose" | "onSelect" | "popOverContainer" | "activeKey" | "tabsMode" | "additionBtns" | "linksClassName" | "tabs" | "tabRender" | "toolbar" | "addable" | "onAdd" | "closable" | "onDragChange" | "scrollable" | "editable" | "onEdit" | "collapseOnExceed"> & { mode?: TabsMode | undefined; contentClassName?: string | undefined; showTip?: boolean | undefined; showTipClassName?: string | undefined; sidePosition?: "left" | "right" | undefined; addBtnText?: string | undefined; collapseBtnLabel?: string | undefined; } & {} & import("packages/amis-core/lib/theme").ThemeOuterProps>, nextContext: any): void; componentWillUpdate?(nextProps: Readonly, "translate" | "locale" | "children" | "draggable" | "onClose" | "onSelect" | "popOverContainer" | "activeKey" | "tabsMode" | "additionBtns" | "linksClassName" | "tabs" | "tabRender" | "toolbar" | "addable" | "onAdd" | "closable" | "onDragChange" | "scrollable" | "editable" | "onEdit" | "collapseOnExceed"> & { mode?: TabsMode | undefined; contentClassName?: string | undefined; showTip?: boolean | undefined; showTipClassName?: string | undefined; sidePosition?: "left" | "right" | undefined; addBtnText?: string | undefined; collapseBtnLabel?: string | undefined; } & {} & import("packages/amis-core/lib/theme").ThemeOuterProps>, nextState: Readonly<{}>, nextContext: any): void; UNSAFE_componentWillUpdate?(nextProps: Readonly, "translate" | "locale" | "children" | "draggable" | "onClose" | "onSelect" | "popOverContainer" | "activeKey" | "tabsMode" | "additionBtns" | "linksClassName" | "tabs" | "tabRender" | "toolbar" | "addable" | "onAdd" | "closable" | "onDragChange" | "scrollable" | "editable" | "onEdit" | "collapseOnExceed"> & { mode?: TabsMode | undefined; contentClassName?: string | undefined; showTip?: boolean | undefined; showTipClassName?: string | undefined; sidePosition?: "left" | "right" | undefined; addBtnText?: string | undefined; collapseBtnLabel?: string | undefined; } & {} & import("packages/amis-core/lib/theme").ThemeOuterProps>, nextState: Readonly<{}>, nextContext: any): void; }; displayName: string; contextType: React.Context; ComposedComponent: React.ComponentType; } & import("hoist-non-react-statics").NonReactStatics & { ComposedComponent: typeof Tabs; }, {}> & { ComposedComponent: { new (props: Pick, "translate" | "locale" | "children" | "draggable" | "onClose" | "onSelect" | "popOverContainer" | "activeKey" | "tabsMode" | "additionBtns" | "linksClassName" | "tabs" | "tabRender" | "toolbar" | "addable" | "onAdd" | "closable" | "onDragChange" | "scrollable" | "editable" | "onEdit" | "collapseOnExceed"> & { mode?: TabsMode | undefined; contentClassName?: string | undefined; showTip?: boolean | undefined; showTipClassName?: string | undefined; sidePosition?: "left" | "right" | undefined; addBtnText?: string | undefined; collapseBtnLabel?: string | undefined; } & {} & import("packages/amis-core/lib/theme").ThemeOuterProps): { ref: any; childRef(ref: any): void; getWrappedInstance(): any; render(): React.JSX.Element; context: unknown; setState(state: {} | ((prevState: Readonly<{}>, props: Readonly, "translate" | "locale" | "children" | "draggable" | "onClose" | "onSelect" | "popOverContainer" | "activeKey" | "tabsMode" | "additionBtns" | "linksClassName" | "tabs" | "tabRender" | "toolbar" | "addable" | "onAdd" | "closable" | "onDragChange" | "scrollable" | "editable" | "onEdit" | "collapseOnExceed"> & { mode?: TabsMode | undefined; contentClassName?: string | undefined; showTip?: boolean | undefined; showTipClassName?: string | undefined; sidePosition?: "left" | "right" | undefined; addBtnText?: string | undefined; collapseBtnLabel?: string | undefined; } & {} & import("packages/amis-core/lib/theme").ThemeOuterProps>) => {} | Pick<{}, K_1> | null) | Pick<{}, K_1> | null, callback?: (() => void) | undefined): void; forceUpdate(callback?: (() => void) | undefined): void; readonly props: Readonly, "translate" | "locale" | "children" | "draggable" | "onClose" | "onSelect" | "popOverContainer" | "activeKey" | "tabsMode" | "additionBtns" | "linksClassName" | "tabs" | "tabRender" | "toolbar" | "addable" | "onAdd" | "closable" | "onDragChange" | "scrollable" | "editable" | "onEdit" | "collapseOnExceed"> & { mode?: TabsMode | undefined; contentClassName?: string | undefined; showTip?: boolean | undefined; showTipClassName?: string | undefined; sidePosition?: "left" | "right" | undefined; addBtnText?: string | undefined; collapseBtnLabel?: string | undefined; } & {} & import("packages/amis-core/lib/theme").ThemeOuterProps>; state: Readonly<{}>; refs: { [key: string]: React.ReactInstance; }; componentDidMount?(): void; shouldComponentUpdate?(nextProps: Readonly, "translate" | "locale" | "children" | "draggable" | "onClose" | "onSelect" | "popOverContainer" | "activeKey" | "tabsMode" | "additionBtns" | "linksClassName" | "tabs" | "tabRender" | "toolbar" | "addable" | "onAdd" | "closable" | "onDragChange" | "scrollable" | "editable" | "onEdit" | "collapseOnExceed"> & { mode?: TabsMode | undefined; contentClassName?: string | undefined; showTip?: boolean | undefined; showTipClassName?: string | undefined; sidePosition?: "left" | "right" | undefined; addBtnText?: string | undefined; collapseBtnLabel?: string | undefined; } & {} & import("packages/amis-core/lib/theme").ThemeOuterProps>, nextState: Readonly<{}>, nextContext: any): boolean; componentWillUnmount?(): void; componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void; getSnapshotBeforeUpdate?(prevProps: Readonly, "translate" | "locale" | "children" | "draggable" | "onClose" | "onSelect" | "popOverContainer" | "activeKey" | "tabsMode" | "additionBtns" | "linksClassName" | "tabs" | "tabRender" | "toolbar" | "addable" | "onAdd" | "closable" | "onDragChange" | "scrollable" | "editable" | "onEdit" | "collapseOnExceed"> & { mode?: TabsMode | undefined; contentClassName?: string | undefined; showTip?: boolean | undefined; showTipClassName?: string | undefined; sidePosition?: "left" | "right" | undefined; addBtnText?: string | undefined; collapseBtnLabel?: string | undefined; } & {} & import("packages/amis-core/lib/theme").ThemeOuterProps>, prevState: Readonly<{}>): any; componentDidUpdate?(prevProps: Readonly, "translate" | "locale" | "children" | "draggable" | "onClose" | "onSelect" | "popOverContainer" | "activeKey" | "tabsMode" | "additionBtns" | "linksClassName" | "tabs" | "tabRender" | "toolbar" | "addable" | "onAdd" | "closable" | "onDragChange" | "scrollable" | "editable" | "onEdit" | "collapseOnExceed"> & { mode?: TabsMode | undefined; contentClassName?: string | undefined; showTip?: boolean | undefined; showTipClassName?: string | undefined; sidePosition?: "left" | "right" | undefined; addBtnText?: string | undefined; collapseBtnLabel?: string | undefined; } & {} & import("packages/amis-core/lib/theme").ThemeOuterProps>, prevState: Readonly<{}>, snapshot?: any): void; componentWillMount?(): void; UNSAFE_componentWillMount?(): void; componentWillReceiveProps?(nextProps: Readonly, "translate" | "locale" | "children" | "draggable" | "onClose" | "onSelect" | "popOverContainer" | "activeKey" | "tabsMode" | "additionBtns" | "linksClassName" | "tabs" | "tabRender" | "toolbar" | "addable" | "onAdd" | "closable" | "onDragChange" | "scrollable" | "editable" | "onEdit" | "collapseOnExceed"> & { mode?: TabsMode | undefined; contentClassName?: string | undefined; showTip?: boolean | undefined; showTipClassName?: string | undefined; sidePosition?: "left" | "right" | undefined; addBtnText?: string | undefined; collapseBtnLabel?: string | undefined; } & {} & import("packages/amis-core/lib/theme").ThemeOuterProps>, nextContext: any): void; UNSAFE_componentWillReceiveProps?(nextProps: Readonly, "translate" | "locale" | "children" | "draggable" | "onClose" | "onSelect" | "popOverContainer" | "activeKey" | "tabsMode" | "additionBtns" | "linksClassName" | "tabs" | "tabRender" | "toolbar" | "addable" | "onAdd" | "closable" | "onDragChange" | "scrollable" | "editable" | "onEdit" | "collapseOnExceed"> & { mode?: TabsMode | undefined; contentClassName?: string | undefined; showTip?: boolean | undefined; showTipClassName?: string | undefined; sidePosition?: "left" | "right" | undefined; addBtnText?: string | undefined; collapseBtnLabel?: string | undefined; } & {} & import("packages/amis-core/lib/theme").ThemeOuterProps>, nextContext: any): void; componentWillUpdate?(nextProps: Readonly, "translate" | "locale" | "children" | "draggable" | "onClose" | "onSelect" | "popOverContainer" | "activeKey" | "tabsMode" | "additionBtns" | "linksClassName" | "tabs" | "tabRender" | "toolbar" | "addable" | "onAdd" | "closable" | "onDragChange" | "scrollable" | "editable" | "onEdit" | "collapseOnExceed"> & { mode?: TabsMode | undefined; contentClassName?: string | undefined; showTip?: boolean | undefined; showTipClassName?: string | undefined; sidePosition?: "left" | "right" | undefined; addBtnText?: string | undefined; collapseBtnLabel?: string | undefined; } & {} & import("packages/amis-core/lib/theme").ThemeOuterProps>, nextState: Readonly<{}>, nextContext: any): void; UNSAFE_componentWillUpdate?(nextProps: Readonly, "translate" | "locale" | "children" | "draggable" | "onClose" | "onSelect" | "popOverContainer" | "activeKey" | "tabsMode" | "additionBtns" | "linksClassName" | "tabs" | "tabRender" | "toolbar" | "addable" | "onAdd" | "closable" | "onDragChange" | "scrollable" | "editable" | "onEdit" | "collapseOnExceed"> & { mode?: TabsMode | undefined; contentClassName?: string | undefined; showTip?: boolean | undefined; showTipClassName?: string | undefined; sidePosition?: "left" | "right" | undefined; addBtnText?: string | undefined; collapseBtnLabel?: string | undefined; } & {} & import("packages/amis-core/lib/theme").ThemeOuterProps>, nextState: Readonly<{}>, nextContext: any): void; }; displayName: string; contextType: React.Context; ComposedComponent: React.ComponentType; } & import("hoist-non-react-statics").NonReactStatics & { ComposedComponent: typeof Tabs; }; } & { Tab: typeof Tab; }; export default _default;