tdesign-mobile-vue
Version:
tdesign-mobile-vue
321 lines (320 loc) • 11.8 kB
TypeScript
import './style';
import { TdTabPanelProps, TdTabsProps } from './type';
export * from './type';
export type TabsProps = TdTabsProps;
export type TabPanelProps = TdTabPanelProps;
export declare const Tabs: {
new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
animation: {
type: import("vue").PropType<TdTabsProps['animation']>;
};
bottomLineMode: {
type: import("vue").PropType<TdTabsProps['bottomLineMode']>;
default: TdTabsProps['bottomLineMode'];
validator(val: TdTabsProps['bottomLineMode']): boolean;
};
list: {
type: import("vue").PropType<TdTabsProps['list']>;
};
middle: {
type: import("vue").PropType<TdTabsProps['middle']>;
};
showBottomLine: {
type: BooleanConstructor;
default: boolean;
};
size: {
type: import("vue").PropType<TdTabsProps['size']>;
default: TdTabsProps['size'];
validator(val: TdTabsProps['size']): boolean;
};
spaceEvenly: {
type: BooleanConstructor;
default: boolean;
};
split: {
type: BooleanConstructor;
default: boolean;
};
sticky: BooleanConstructor;
stickyProps: {
type: import("vue").PropType<TdTabsProps['stickyProps']>;
};
swipeable: {
type: BooleanConstructor;
default: boolean;
};
theme: {
type: import("vue").PropType<TdTabsProps['theme']>;
default: TdTabsProps['theme'];
validator(val: TdTabsProps['theme']): boolean;
};
value: {
type: import("vue").PropType<TdTabsProps['value']>;
default: TdTabsProps['value'];
};
modelValue: {
type: import("vue").PropType<TdTabsProps['value']>;
default: TdTabsProps['value'];
};
defaultValue: {
type: import("vue").PropType<TdTabsProps['defaultValue']>;
};
onChange: import("vue").PropType<TdTabsProps['onChange']>;
onClick: import("vue").PropType<TdTabsProps['onClick']>;
onScroll: import("vue").PropType<TdTabsProps['onScroll']>;
}>> & Readonly<{}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {
bottomLineMode: "auto" | "fixed" | "full";
showBottomLine: boolean;
size: "large" | "medium";
spaceEvenly: boolean;
split: boolean;
sticky: boolean;
swipeable: boolean;
theme: "card" | "line" | "tag";
value: import("@/components").TabValue;
modelValue: import("@/components").TabValue;
}, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, Readonly<import("vue").ExtractPropTypes<{
animation: {
type: import("vue").PropType<TdTabsProps['animation']>;
};
bottomLineMode: {
type: import("vue").PropType<TdTabsProps['bottomLineMode']>;
default: TdTabsProps['bottomLineMode'];
validator(val: TdTabsProps['bottomLineMode']): boolean;
};
list: {
type: import("vue").PropType<TdTabsProps['list']>;
};
middle: {
type: import("vue").PropType<TdTabsProps['middle']>;
};
showBottomLine: {
type: BooleanConstructor;
default: boolean;
};
size: {
type: import("vue").PropType<TdTabsProps['size']>;
default: TdTabsProps['size'];
validator(val: TdTabsProps['size']): boolean;
};
spaceEvenly: {
type: BooleanConstructor;
default: boolean;
};
split: {
type: BooleanConstructor;
default: boolean;
};
sticky: BooleanConstructor;
stickyProps: {
type: import("vue").PropType<TdTabsProps['stickyProps']>;
};
swipeable: {
type: BooleanConstructor;
default: boolean;
};
theme: {
type: import("vue").PropType<TdTabsProps['theme']>;
default: TdTabsProps['theme'];
validator(val: TdTabsProps['theme']): boolean;
};
value: {
type: import("vue").PropType<TdTabsProps['value']>;
default: TdTabsProps['value'];
};
modelValue: {
type: import("vue").PropType<TdTabsProps['value']>;
default: TdTabsProps['value'];
};
defaultValue: {
type: import("vue").PropType<TdTabsProps['defaultValue']>;
};
onChange: import("vue").PropType<TdTabsProps['onChange']>;
onClick: import("vue").PropType<TdTabsProps['onClick']>;
onScroll: import("vue").PropType<TdTabsProps['onScroll']>;
}>> & Readonly<{}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, {
bottomLineMode: "auto" | "fixed" | "full";
showBottomLine: boolean;
size: "large" | "medium";
spaceEvenly: boolean;
split: boolean;
sticky: boolean;
swipeable: boolean;
theme: "card" | "line" | "tag";
value: import("@/components").TabValue;
modelValue: import("@/components").TabValue;
}>;
__isFragment?: never;
__isTeleport?: never;
__isSuspense?: never;
} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
animation: {
type: import("vue").PropType<TdTabsProps['animation']>;
};
bottomLineMode: {
type: import("vue").PropType<TdTabsProps['bottomLineMode']>;
default: TdTabsProps['bottomLineMode'];
validator(val: TdTabsProps['bottomLineMode']): boolean;
};
list: {
type: import("vue").PropType<TdTabsProps['list']>;
};
middle: {
type: import("vue").PropType<TdTabsProps['middle']>;
};
showBottomLine: {
type: BooleanConstructor;
default: boolean;
};
size: {
type: import("vue").PropType<TdTabsProps['size']>;
default: TdTabsProps['size'];
validator(val: TdTabsProps['size']): boolean;
};
spaceEvenly: {
type: BooleanConstructor;
default: boolean;
};
split: {
type: BooleanConstructor;
default: boolean;
};
sticky: BooleanConstructor;
stickyProps: {
type: import("vue").PropType<TdTabsProps['stickyProps']>;
};
swipeable: {
type: BooleanConstructor;
default: boolean;
};
theme: {
type: import("vue").PropType<TdTabsProps['theme']>;
default: TdTabsProps['theme'];
validator(val: TdTabsProps['theme']): boolean;
};
value: {
type: import("vue").PropType<TdTabsProps['value']>;
default: TdTabsProps['value'];
};
modelValue: {
type: import("vue").PropType<TdTabsProps['value']>;
default: TdTabsProps['value'];
};
defaultValue: {
type: import("vue").PropType<TdTabsProps['defaultValue']>;
};
onChange: import("vue").PropType<TdTabsProps['onChange']>;
onClick: import("vue").PropType<TdTabsProps['onClick']>;
onScroll: import("vue").PropType<TdTabsProps['onScroll']>;
}>> & Readonly<{}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
bottomLineMode: "auto" | "fixed" | "full";
showBottomLine: boolean;
size: "large" | "medium";
spaceEvenly: boolean;
split: boolean;
sticky: boolean;
swipeable: boolean;
theme: "card" | "line" | "tag";
value: import("@/components").TabValue;
modelValue: import("@/components").TabValue;
}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin;
export declare const TabPanel: {
new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
badgeProps: {
type: import("vue").PropType<TdTabPanelProps['badgeProps']>;
};
destroyOnHide: {
type: BooleanConstructor;
default: boolean;
};
disabled: BooleanConstructor;
icon: {
type: import("vue").PropType<TdTabPanelProps['icon']>;
};
label: {
type: import("vue").PropType<TdTabPanelProps['label']>;
};
lazy: BooleanConstructor;
panel: {
type: import("vue").PropType<TdTabPanelProps['panel']>;
};
value: {
type: import("vue").PropType<TdTabPanelProps['value']>;
};
}>> & Readonly<{}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {
destroyOnHide: boolean;
disabled: boolean;
lazy: boolean;
}, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, Readonly<import("vue").ExtractPropTypes<{
badgeProps: {
type: import("vue").PropType<TdTabPanelProps['badgeProps']>;
};
destroyOnHide: {
type: BooleanConstructor;
default: boolean;
};
disabled: BooleanConstructor;
icon: {
type: import("vue").PropType<TdTabPanelProps['icon']>;
};
label: {
type: import("vue").PropType<TdTabPanelProps['label']>;
};
lazy: BooleanConstructor;
panel: {
type: import("vue").PropType<TdTabPanelProps['panel']>;
};
value: {
type: import("vue").PropType<TdTabPanelProps['value']>;
};
}>> & Readonly<{}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, {
destroyOnHide: boolean;
disabled: boolean;
lazy: boolean;
}>;
__isFragment?: never;
__isTeleport?: never;
__isSuspense?: never;
} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
badgeProps: {
type: import("vue").PropType<TdTabPanelProps['badgeProps']>;
};
destroyOnHide: {
type: BooleanConstructor;
default: boolean;
};
disabled: BooleanConstructor;
icon: {
type: import("vue").PropType<TdTabPanelProps['icon']>;
};
label: {
type: import("vue").PropType<TdTabPanelProps['label']>;
};
lazy: BooleanConstructor;
panel: {
type: import("vue").PropType<TdTabPanelProps['panel']>;
};
value: {
type: import("vue").PropType<TdTabPanelProps['value']>;
};
}>> & Readonly<{}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
destroyOnHide: boolean;
disabled: boolean;
lazy: boolean;
}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin;
export default Tabs;