tdesign-mobile-vue/lib/tab-bar/index.d.ts

tdesign-mobile-vue

import { TdTabBarProps, TdTabBarItemProps } from './type';
import './style';
export * from './type';
export type TabBarProps = TdTabBarProps;
export type TabBarItemProps = TdTabBarItemProps;
export declare const TabBar: {
    new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
        bordered: {
            type: BooleanConstructor;
            default: boolean;
        };
        fixed: {
            type: BooleanConstructor;
            default: boolean;
        };
        placeholder: BooleanConstructor;
        safeAreaInsetBottom: {
            type: BooleanConstructor;
            default: boolean;
        };
        shape: {
            type: import("vue").PropType<TdTabBarProps['shape']>;
            default: TdTabBarProps['shape'];
            validator(val: TdTabBarProps['shape']): boolean;
        };
        split: {
            type: BooleanConstructor;
            default: boolean;
        };
        theme: {
            type: import("vue").PropType<TdTabBarProps['theme']>;
            default: TdTabBarProps['theme'];
            validator(val: TdTabBarProps['theme']): boolean;
        };
        value: {
            type: import("vue").PropType<TdTabBarProps['value']>;
            default: TdTabBarProps['value'];
        };
        modelValue: {
            type: import("vue").PropType<TdTabBarProps['value']>;
            default: TdTabBarProps['value'];
        };
        defaultValue: {
            type: import("vue").PropType<TdTabBarProps['defaultValue']>;
        };
        zIndex: {
            type: NumberConstructor;
            default: number;
        };
        onChange: import("vue").PropType<TdTabBarProps['onChange']>;
    }>> & Readonly<{
        onChange?: (...args: any[]) => any;
        "onUpdate:modelValue"?: (...args: any[]) => any;
        "onUpdate:value"?: (...args: any[]) => any;
    }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "update:modelValue" | "update:value")[], import("vue").PublicProps, {
        bordered: boolean;
        fixed: boolean;
        placeholder: boolean;
        safeAreaInsetBottom: boolean;
        shape: "normal" | "round";
        split: boolean;
        theme: "normal" | "tag";
        value: string | number | (string | number)[];
        modelValue: string | number | (string | number)[];
        zIndex: number;
    }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
        P: {};
        B: {};
        D: {};
        C: {};
        M: {};
        Defaults: {};
    }, Readonly<import("vue").ExtractPropTypes<{
        bordered: {
            type: BooleanConstructor;
            default: boolean;
        };
        fixed: {
            type: BooleanConstructor;
            default: boolean;
        };
        placeholder: BooleanConstructor;
        safeAreaInsetBottom: {
            type: BooleanConstructor;
            default: boolean;
        };
        shape: {
            type: import("vue").PropType<TdTabBarProps['shape']>;
            default: TdTabBarProps['shape'];
            validator(val: TdTabBarProps['shape']): boolean;
        };
        split: {
            type: BooleanConstructor;
            default: boolean;
        };
        theme: {
            type: import("vue").PropType<TdTabBarProps['theme']>;
            default: TdTabBarProps['theme'];
            validator(val: TdTabBarProps['theme']): boolean;
        };
        value: {
            type: import("vue").PropType<TdTabBarProps['value']>;
            default: TdTabBarProps['value'];
        };
        modelValue: {
            type: import("vue").PropType<TdTabBarProps['value']>;
            default: TdTabBarProps['value'];
        };
        defaultValue: {
            type: import("vue").PropType<TdTabBarProps['defaultValue']>;
        };
        zIndex: {
            type: NumberConstructor;
            default: number;
        };
        onChange: import("vue").PropType<TdTabBarProps['onChange']>;
    }>> & Readonly<{
        onChange?: (...args: any[]) => any;
        "onUpdate:modelValue"?: (...args: any[]) => any;
        "onUpdate:value"?: (...args: any[]) => any;
    }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, {
        bordered: boolean;
        fixed: boolean;
        placeholder: boolean;
        safeAreaInsetBottom: boolean;
        shape: "normal" | "round";
        split: boolean;
        theme: "normal" | "tag";
        value: string | number | (string | number)[];
        modelValue: string | number | (string | number)[];
        zIndex: number;
    }>;
    __isFragment?: never;
    __isTeleport?: never;
    __isSuspense?: never;
} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
    bordered: {
        type: BooleanConstructor;
        default: boolean;
    };
    fixed: {
        type: BooleanConstructor;
        default: boolean;
    };
    placeholder: BooleanConstructor;
    safeAreaInsetBottom: {
        type: BooleanConstructor;
        default: boolean;
    };
    shape: {
        type: import("vue").PropType<TdTabBarProps['shape']>;
        default: TdTabBarProps['shape'];
        validator(val: TdTabBarProps['shape']): boolean;
    };
    split: {
        type: BooleanConstructor;
        default: boolean;
    };
    theme: {
        type: import("vue").PropType<TdTabBarProps['theme']>;
        default: TdTabBarProps['theme'];
        validator(val: TdTabBarProps['theme']): boolean;
    };
    value: {
        type: import("vue").PropType<TdTabBarProps['value']>;
        default: TdTabBarProps['value'];
    };
    modelValue: {
        type: import("vue").PropType<TdTabBarProps['value']>;
        default: TdTabBarProps['value'];
    };
    defaultValue: {
        type: import("vue").PropType<TdTabBarProps['defaultValue']>;
    };
    zIndex: {
        type: NumberConstructor;
        default: number;
    };
    onChange: import("vue").PropType<TdTabBarProps['onChange']>;
}>> & Readonly<{
    onChange?: (...args: any[]) => any;
    "onUpdate:modelValue"?: (...args: any[]) => any;
    "onUpdate:value"?: (...args: any[]) => any;
}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "update:modelValue" | "update:value")[], "change" | "update:modelValue" | "update:value", {
    bordered: boolean;
    fixed: boolean;
    placeholder: boolean;
    safeAreaInsetBottom: boolean;
    shape: "normal" | "round";
    split: boolean;
    theme: "normal" | "tag";
    value: string | number | (string | number)[];
    modelValue: string | number | (string | number)[];
    zIndex: number;
}, {}, 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 TabBarItem: {
    new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
        badgeProps: {
            type: import("vue").PropType<TdTabBarItemProps['badgeProps']>;
        };
        icon: {
            type: import("vue").PropType<TdTabBarItemProps['icon']>;
        };
        subTabBar: {
            type: import("vue").PropType<TdTabBarItemProps['subTabBar']>;
        };
        value: {
            type: import("vue").PropType<TdTabBarItemProps['value']>;
        };
    }>> & Readonly<{}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {}, true, {}, {}, {
        TBadge: {
            new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
                color: {
                    type: StringConstructor;
                    default: string;
                };
                content: {
                    type: import("vue").PropType<import("@/badge").TdBadgeProps['content']>;
                };
                count: {
                    type: import("vue").PropType<import("@/badge").TdBadgeProps['count']>;
                    default: import("@/badge").TdBadgeProps['count'];
                };
                dot: BooleanConstructor;
                maxCount: {
                    type: NumberConstructor;
                    default: number;
                };
                offset: {
                    type: import("vue").PropType<import("@/badge").TdBadgeProps['offset']>;
                };
                shape: {
                    type: import("vue").PropType<import("@/badge").TdBadgeProps['shape']>;
                    default: import("@/badge").TdBadgeProps['shape'];
                    validator(val: import("@/badge").TdBadgeProps['shape']): boolean;
                };
                showZero: BooleanConstructor;
                size: {
                    type: import("vue").PropType<import("@/badge").TdBadgeProps['size']>;
                    default: import("@/badge").TdBadgeProps['size'];
                    validator(val: import("@/badge").TdBadgeProps['size']): boolean;
                };
            }>> & Readonly<{}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {
                color: string;
                count: string | number | ((h: typeof import('vue').h) => import("@/common").TNodeReturnValue);
                dot: boolean;
                maxCount: number;
                shape: "bubble" | "circle" | "ribbon" | "ribbon-left" | "ribbon-right" | "square" | "triangle-left" | "triangle-right";
                showZero: boolean;
                size: "large" | "medium";
            }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
                P: {};
                B: {};
                D: {};
                C: {};
                M: {};
                Defaults: {};
            }, Readonly<import("vue").ExtractPropTypes<{
                color: {
                    type: StringConstructor;
                    default: string;
                };
                content: {
                    type: import("vue").PropType<import("@/badge").TdBadgeProps['content']>;
                };
                count: {
                    type: import("vue").PropType<import("@/badge").TdBadgeProps['count']>;
                    default: import("@/badge").TdBadgeProps['count'];
                };
                dot: BooleanConstructor;
                maxCount: {
                    type: NumberConstructor;
                    default: number;
                };
                offset: {
                    type: import("vue").PropType<import("@/badge").TdBadgeProps['offset']>;
                };
                shape: {
                    type: import("vue").PropType<import("@/badge").TdBadgeProps['shape']>;
                    default: import("@/badge").TdBadgeProps['shape'];
                    validator(val: import("@/badge").TdBadgeProps['shape']): boolean;
                };
                showZero: BooleanConstructor;
                size: {
                    type: import("vue").PropType<import("@/badge").TdBadgeProps['size']>;
                    default: import("@/badge").TdBadgeProps['size'];
                    validator(val: import("@/badge").TdBadgeProps['size']): boolean;
                };
            }>> & Readonly<{}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, {
                color: string;
                count: string | number | ((h: typeof import('vue').h) => import("@/common").TNodeReturnValue);
                dot: boolean;
                maxCount: number;
                shape: "bubble" | "circle" | "ribbon" | "ribbon-left" | "ribbon-right" | "square" | "triangle-left" | "triangle-right";
                showZero: boolean;
                size: "large" | "medium";
            }>;
            __isFragment?: never;
            __isTeleport?: never;
            __isSuspense?: never;
        } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
            color: {
                type: StringConstructor;
                default: string;
            };
            content: {
                type: import("vue").PropType<import("@/badge").TdBadgeProps['content']>;
            };
            count: {
                type: import("vue").PropType<import("@/badge").TdBadgeProps['count']>;
                default: import("@/badge").TdBadgeProps['count'];
            };
            dot: BooleanConstructor;
            maxCount: {
                type: NumberConstructor;
                default: number;
            };
            offset: {
                type: import("vue").PropType<import("@/badge").TdBadgeProps['offset']>;
            };
            shape: {
                type: import("vue").PropType<import("@/badge").TdBadgeProps['shape']>;
                default: import("@/badge").TdBadgeProps['shape'];
                validator(val: import("@/badge").TdBadgeProps['shape']): boolean;
            };
            showZero: BooleanConstructor;
            size: {
                type: import("vue").PropType<import("@/badge").TdBadgeProps['size']>;
                default: import("@/badge").TdBadgeProps['size'];
                validator(val: import("@/badge").TdBadgeProps['size']): boolean;
            };
        }>> & Readonly<{}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
            color: string;
            count: string | number | ((h: typeof import('vue').h) => import("@/common").TNodeReturnValue);
            dot: boolean;
            maxCount: number;
            shape: "bubble" | "circle" | "ribbon" | "ribbon-left" | "ribbon-right" | "square" | "triangle-left" | "triangle-right";
            showZero: boolean;
            size: "large" | "medium";
        }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin;
        TViewListIcon: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
            size: {
                type: StringConstructor;
            };
            onClick: {
                type: import("vue").PropType<import("tdesign-icons-vue-next/lib/utils/types").IconProps["onClick"]>;
            };
            fillColor: {
                type: import("vue").PropType<import("tdesign-icons-vue-next/lib/utils/types").IconProps["fillColor"]>;
            };
            strokeColor: {
                type: import("vue").PropType<import("tdesign-icons-vue-next/lib/utils/types").IconProps["strokeColor"]>;
            };
            strokeWidth: {
                type: import("vue").PropType<import("tdesign-icons-vue-next/lib/utils/types").IconProps["strokeWidth"]>;
            };
        }>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
            [key: string]: any;
        }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
            size: {
                type: StringConstructor;
            };
            onClick: {
                type: import("vue").PropType<import("tdesign-icons-vue-next/lib/utils/types").IconProps["onClick"]>;
            };
            fillColor: {
                type: import("vue").PropType<import("tdesign-icons-vue-next/lib/utils/types").IconProps["fillColor"]>;
            };
            strokeColor: {
                type: import("vue").PropType<import("tdesign-icons-vue-next/lib/utils/types").IconProps["strokeColor"]>;
            };
            strokeWidth: {
                type: import("vue").PropType<import("tdesign-icons-vue-next/lib/utils/types").IconProps["strokeWidth"]>;
            };
        }>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
    } & 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<TdTabBarItemProps['badgeProps']>;
        };
        icon: {
            type: import("vue").PropType<TdTabBarItemProps['icon']>;
        };
        subTabBar: {
            type: import("vue").PropType<TdTabBarItemProps['subTabBar']>;
        };
        value: {
            type: import("vue").PropType<TdTabBarItemProps['value']>;
        };
    }>> & Readonly<{}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, {}>;
    __isFragment?: never;
    __isTeleport?: never;
    __isSuspense?: never;
} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
    badgeProps: {
        type: import("vue").PropType<TdTabBarItemProps['badgeProps']>;
    };
    icon: {
        type: import("vue").PropType<TdTabBarItemProps['icon']>;
    };
    subTabBar: {
        type: import("vue").PropType<TdTabBarItemProps['subTabBar']>;
    };
    value: {
        type: import("vue").PropType<TdTabBarItemProps['value']>;
    };
}>> & Readonly<{}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}, {
    TBadge: {
        new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
            color: {
                type: StringConstructor;
                default: string;
            };
            content: {
                type: import("vue").PropType<import("@/badge").TdBadgeProps['content']>;
            };
            count: {
                type: import("vue").PropType<import("@/badge").TdBadgeProps['count']>;
                default: import("@/badge").TdBadgeProps['count'];
            };
            dot: BooleanConstructor;
            maxCount: {
                type: NumberConstructor;
                default: number;
            };
            offset: {
                type: import("vue").PropType<import("@/badge").TdBadgeProps['offset']>;
            };
            shape: {
                type: import("vue").PropType<import("@/badge").TdBadgeProps['shape']>;
                default: import("@/badge").TdBadgeProps['shape'];
                validator(val: import("@/badge").TdBadgeProps['shape']): boolean;
            };
            showZero: BooleanConstructor;
            size: {
                type: import("vue").PropType<import("@/badge").TdBadgeProps['size']>;
                default: import("@/badge").TdBadgeProps['size'];
                validator(val: import("@/badge").TdBadgeProps['size']): boolean;
            };
        }>> & Readonly<{}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {
            color: string;
            count: string | number | ((h: typeof import('vue').h) => import("@/common").TNodeReturnValue);
            dot: boolean;
            maxCount: number;
            shape: "bubble" | "circle" | "ribbon" | "ribbon-left" | "ribbon-right" | "square" | "triangle-left" | "triangle-right";
            showZero: boolean;
            size: "large" | "medium";
        }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
            P: {};
            B: {};
            D: {};
            C: {};
            M: {};
            Defaults: {};
        }, Readonly<import("vue").ExtractPropTypes<{
            color: {
                type: StringConstructor;
                default: string;
            };
            content: {
                type: import("vue").PropType<import("@/badge").TdBadgeProps['content']>;
            };
            count: {
                type: import("vue").PropType<import("@/badge").TdBadgeProps['count']>;
                default: import("@/badge").TdBadgeProps['count'];
            };
            dot: BooleanConstructor;
            maxCount: {
                type: NumberConstructor;
                default: number;
            };
            offset: {
                type: import("vue").PropType<import("@/badge").TdBadgeProps['offset']>;
            };
            shape: {
                type: import("vue").PropType<import("@/badge").TdBadgeProps['shape']>;
                default: import("@/badge").TdBadgeProps['shape'];
                validator(val: import("@/badge").TdBadgeProps['shape']): boolean;
            };
            showZero: BooleanConstructor;
            size: {
                type: import("vue").PropType<import("@/badge").TdBadgeProps['size']>;
                default: import("@/badge").TdBadgeProps['size'];
                validator(val: import("@/badge").TdBadgeProps['size']): boolean;
            };
        }>> & Readonly<{}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, {
            color: string;
            count: string | number | ((h: typeof import('vue').h) => import("@/common").TNodeReturnValue);
            dot: boolean;
            maxCount: number;
            shape: "bubble" | "circle" | "ribbon" | "ribbon-left" | "ribbon-right" | "square" | "triangle-left" | "triangle-right";
            showZero: boolean;
            size: "large" | "medium";
        }>;
        __isFragment?: never;
        __isTeleport?: never;
        __isSuspense?: never;
    } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
        color: {
            type: StringConstructor;
            default: string;
        };
        content: {
            type: import("vue").PropType<import("@/badge").TdBadgeProps['content']>;
        };
        count: {
            type: import("vue").PropType<import("@/badge").TdBadgeProps['count']>;
            default: import("@/badge").TdBadgeProps['count'];
        };
        dot: BooleanConstructor;
        maxCount: {
            type: NumberConstructor;
            default: number;
        };
        offset: {
            type: import("vue").PropType<import("@/badge").TdBadgeProps['offset']>;
        };
        shape: {
            type: import("vue").PropType<import("@/badge").TdBadgeProps['shape']>;
            default: import("@/badge").TdBadgeProps['shape'];
            validator(val: import("@/badge").TdBadgeProps['shape']): boolean;
        };
        showZero: BooleanConstructor;
        size: {
            type: import("vue").PropType<import("@/badge").TdBadgeProps['size']>;
            default: import("@/badge").TdBadgeProps['size'];
            validator(val: import("@/badge").TdBadgeProps['size']): boolean;
        };
    }>> & Readonly<{}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
        color: string;
        count: string | number | ((h: typeof import('vue').h) => import("@/common").TNodeReturnValue);
        dot: boolean;
        maxCount: number;
        shape: "bubble" | "circle" | "ribbon" | "ribbon-left" | "ribbon-right" | "square" | "triangle-left" | "triangle-right";
        showZero: boolean;
        size: "large" | "medium";
    }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin;
    TViewListIcon: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
        size: {
            type: StringConstructor;
        };
        onClick: {
            type: import("vue").PropType<import("tdesign-icons-vue-next/lib/utils/types").IconProps["onClick"]>;
        };
        fillColor: {
            type: import("vue").PropType<import("tdesign-icons-vue-next/lib/utils/types").IconProps["fillColor"]>;
        };
        strokeColor: {
            type: import("vue").PropType<import("tdesign-icons-vue-next/lib/utils/types").IconProps["strokeColor"]>;
        };
        strokeWidth: {
            type: import("vue").PropType<import("tdesign-icons-vue-next/lib/utils/types").IconProps["strokeWidth"]>;
        };
    }>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
        [key: string]: any;
    }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
        size: {
            type: StringConstructor;
        };
        onClick: {
            type: import("vue").PropType<import("tdesign-icons-vue-next/lib/utils/types").IconProps["onClick"]>;
        };
        fillColor: {
            type: import("vue").PropType<import("tdesign-icons-vue-next/lib/utils/types").IconProps["fillColor"]>;
        };
        strokeColor: {
            type: import("vue").PropType<import("tdesign-icons-vue-next/lib/utils/types").IconProps["strokeColor"]>;
        };
        strokeWidth: {
            type: import("vue").PropType<import("tdesign-icons-vue-next/lib/utils/types").IconProps["strokeWidth"]>;
        };
    }>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
} & import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin;
export default TabBar;