tdesign-mobile-vue/lib/tag/index.d.ts

tdesign-mobile-vue

import { TdCheckTagProps, TdTagProps } from './type';
import './style';
export * from './type';
export type CheckTagProps = TdCheckTagProps;
export type TagProps = TdTagProps;
export declare const Tag: {
    new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
        closable: BooleanConstructor;
        content: {
            type: import("vue").PropType<TdTagProps['content']>;
        };
        default: {
            type: import("vue").PropType<TdTagProps['default']>;
        };
        disabled: BooleanConstructor;
        icon: {
            type: import("vue").PropType<TdTagProps['icon']>;
            default: any;
        };
        maxWidth: {
            type: import("vue").PropType<TdTagProps['maxWidth']>;
        };
        shape: {
            type: import("vue").PropType<TdTagProps['shape']>;
            default: TdTagProps['shape'];
            validator(val: TdTagProps['shape']): boolean;
        };
        size: {
            type: import("vue").PropType<TdTagProps['size']>;
            default: TdTagProps['size'];
            validator(val: TdTagProps['size']): boolean;
        };
        theme: {
            type: import("vue").PropType<TdTagProps['theme']>;
            default: TdTagProps['theme'];
            validator(val: TdTagProps['theme']): boolean;
        };
        variant: {
            type: import("vue").PropType<TdTagProps['variant']>;
            default: TdTagProps['variant'];
            validator(val: TdTagProps['variant']): boolean;
        };
        onClick: import("vue").PropType<TdTagProps['onClick']>;
        onClose: import("vue").PropType<TdTagProps['onClose']>;
    }>> & Readonly<{
        onClick?: (...args: any[]) => any;
        onClose?: (...args: any[]) => any;
    }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click" | "close")[], import("vue").PublicProps, {
        closable: boolean;
        disabled: boolean;
        icon: (h: typeof import('vue').h) => import("@/common").TNodeReturnValue;
        shape: "mark" | "round" | "square";
        size: "extra-large" | "large" | "medium" | "small";
        theme: "danger" | "default" | "primary" | "success" | "warning";
        variant: "dark" | "light" | "light-outline" | "outline";
    }, true, {}, {}, {
        CloseIcon: 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<{
        closable: BooleanConstructor;
        content: {
            type: import("vue").PropType<TdTagProps['content']>;
        };
        default: {
            type: import("vue").PropType<TdTagProps['default']>;
        };
        disabled: BooleanConstructor;
        icon: {
            type: import("vue").PropType<TdTagProps['icon']>;
            default: any;
        };
        maxWidth: {
            type: import("vue").PropType<TdTagProps['maxWidth']>;
        };
        shape: {
            type: import("vue").PropType<TdTagProps['shape']>;
            default: TdTagProps['shape'];
            validator(val: TdTagProps['shape']): boolean;
        };
        size: {
            type: import("vue").PropType<TdTagProps['size']>;
            default: TdTagProps['size'];
            validator(val: TdTagProps['size']): boolean;
        };
        theme: {
            type: import("vue").PropType<TdTagProps['theme']>;
            default: TdTagProps['theme'];
            validator(val: TdTagProps['theme']): boolean;
        };
        variant: {
            type: import("vue").PropType<TdTagProps['variant']>;
            default: TdTagProps['variant'];
            validator(val: TdTagProps['variant']): boolean;
        };
        onClick: import("vue").PropType<TdTagProps['onClick']>;
        onClose: import("vue").PropType<TdTagProps['onClose']>;
    }>> & Readonly<{
        onClick?: (...args: any[]) => any;
        onClose?: (...args: any[]) => any;
    }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, {
        closable: boolean;
        disabled: boolean;
        icon: (h: typeof import('vue').h) => import("@/common").TNodeReturnValue;
        shape: "mark" | "round" | "square";
        size: "extra-large" | "large" | "medium" | "small";
        theme: "danger" | "default" | "primary" | "success" | "warning";
        variant: "dark" | "light" | "light-outline" | "outline";
    }>;
    __isFragment?: never;
    __isTeleport?: never;
    __isSuspense?: never;
} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
    closable: BooleanConstructor;
    content: {
        type: import("vue").PropType<TdTagProps['content']>;
    };
    default: {
        type: import("vue").PropType<TdTagProps['default']>;
    };
    disabled: BooleanConstructor;
    icon: {
        type: import("vue").PropType<TdTagProps['icon']>;
        default: any;
    };
    maxWidth: {
        type: import("vue").PropType<TdTagProps['maxWidth']>;
    };
    shape: {
        type: import("vue").PropType<TdTagProps['shape']>;
        default: TdTagProps['shape'];
        validator(val: TdTagProps['shape']): boolean;
    };
    size: {
        type: import("vue").PropType<TdTagProps['size']>;
        default: TdTagProps['size'];
        validator(val: TdTagProps['size']): boolean;
    };
    theme: {
        type: import("vue").PropType<TdTagProps['theme']>;
        default: TdTagProps['theme'];
        validator(val: TdTagProps['theme']): boolean;
    };
    variant: {
        type: import("vue").PropType<TdTagProps['variant']>;
        default: TdTagProps['variant'];
        validator(val: TdTagProps['variant']): boolean;
    };
    onClick: import("vue").PropType<TdTagProps['onClick']>;
    onClose: import("vue").PropType<TdTagProps['onClose']>;
}>> & Readonly<{
    onClick?: (...args: any[]) => any;
    onClose?: (...args: any[]) => any;
}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click" | "close")[], "click" | "close", {
    closable: boolean;
    disabled: boolean;
    icon: (h: typeof import('vue').h) => import("@/common").TNodeReturnValue;
    shape: "mark" | "round" | "square";
    size: "extra-large" | "large" | "medium" | "small";
    theme: "danger" | "default" | "primary" | "success" | "warning";
    variant: "dark" | "light" | "light-outline" | "outline";
}, {}, string, {}, {
    CloseIcon: 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 declare const CheckTag: {
    new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
        checked: {
            type: BooleanConstructor;
            default: any;
        };
        modelValue: {
            type: BooleanConstructor;
            default: any;
        };
        defaultChecked: BooleanConstructor;
        closable: BooleanConstructor;
        content: {
            type: import("vue").PropType<TdCheckTagProps['content']>;
        };
        default: {
            type: import("vue").PropType<TdCheckTagProps['default']>;
        };
        disabled: BooleanConstructor;
        icon: {
            type: import("vue").PropType<TdCheckTagProps['icon']>;
        };
        shape: {
            type: import("vue").PropType<TdCheckTagProps['shape']>;
            default: TdCheckTagProps['shape'];
            validator(val: TdCheckTagProps['shape']): boolean;
        };
        size: {
            type: import("vue").PropType<TdCheckTagProps['size']>;
            default: TdCheckTagProps['size'];
            validator(val: TdCheckTagProps['size']): boolean;
        };
        variant: {
            type: import("vue").PropType<TdCheckTagProps['variant']>;
            default: TdCheckTagProps['variant'];
            validator(val: TdCheckTagProps['variant']): boolean;
        };
        onChange: import("vue").PropType<TdCheckTagProps['onChange']>;
        onClick: import("vue").PropType<TdCheckTagProps['onClick']>;
        onClose: import("vue").PropType<TdCheckTagProps['onClose']>;
    }>> & Readonly<{}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {
        checked: boolean;
        modelValue: boolean;
        defaultChecked: boolean;
        closable: boolean;
        disabled: boolean;
        shape: "mark" | "round" | "square";
        size: import("@/common").SizeEnum;
        variant: "dark" | "light" | "light-outline" | "outline";
    }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
        P: {};
        B: {};
        D: {};
        C: {};
        M: {};
        Defaults: {};
    }, Readonly<import("vue").ExtractPropTypes<{
        checked: {
            type: BooleanConstructor;
            default: any;
        };
        modelValue: {
            type: BooleanConstructor;
            default: any;
        };
        defaultChecked: BooleanConstructor;
        closable: BooleanConstructor;
        content: {
            type: import("vue").PropType<TdCheckTagProps['content']>;
        };
        default: {
            type: import("vue").PropType<TdCheckTagProps['default']>;
        };
        disabled: BooleanConstructor;
        icon: {
            type: import("vue").PropType<TdCheckTagProps['icon']>;
        };
        shape: {
            type: import("vue").PropType<TdCheckTagProps['shape']>;
            default: TdCheckTagProps['shape'];
            validator(val: TdCheckTagProps['shape']): boolean;
        };
        size: {
            type: import("vue").PropType<TdCheckTagProps['size']>;
            default: TdCheckTagProps['size'];
            validator(val: TdCheckTagProps['size']): boolean;
        };
        variant: {
            type: import("vue").PropType<TdCheckTagProps['variant']>;
            default: TdCheckTagProps['variant'];
            validator(val: TdCheckTagProps['variant']): boolean;
        };
        onChange: import("vue").PropType<TdCheckTagProps['onChange']>;
        onClick: import("vue").PropType<TdCheckTagProps['onClick']>;
        onClose: import("vue").PropType<TdCheckTagProps['onClose']>;
    }>> & Readonly<{}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, {
        checked: boolean;
        modelValue: boolean;
        defaultChecked: boolean;
        closable: boolean;
        disabled: boolean;
        shape: "mark" | "round" | "square";
        size: import("@/common").SizeEnum;
        variant: "dark" | "light" | "light-outline" | "outline";
    }>;
    __isFragment?: never;
    __isTeleport?: never;
    __isSuspense?: never;
} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
    checked: {
        type: BooleanConstructor;
        default: any;
    };
    modelValue: {
        type: BooleanConstructor;
        default: any;
    };
    defaultChecked: BooleanConstructor;
    closable: BooleanConstructor;
    content: {
        type: import("vue").PropType<TdCheckTagProps['content']>;
    };
    default: {
        type: import("vue").PropType<TdCheckTagProps['default']>;
    };
    disabled: BooleanConstructor;
    icon: {
        type: import("vue").PropType<TdCheckTagProps['icon']>;
    };
    shape: {
        type: import("vue").PropType<TdCheckTagProps['shape']>;
        default: TdCheckTagProps['shape'];
        validator(val: TdCheckTagProps['shape']): boolean;
    };
    size: {
        type: import("vue").PropType<TdCheckTagProps['size']>;
        default: TdCheckTagProps['size'];
        validator(val: TdCheckTagProps['size']): boolean;
    };
    variant: {
        type: import("vue").PropType<TdCheckTagProps['variant']>;
        default: TdCheckTagProps['variant'];
        validator(val: TdCheckTagProps['variant']): boolean;
    };
    onChange: import("vue").PropType<TdCheckTagProps['onChange']>;
    onClick: import("vue").PropType<TdCheckTagProps['onClick']>;
    onClose: import("vue").PropType<TdCheckTagProps['onClose']>;
}>> & Readonly<{}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
    checked: boolean;
    modelValue: boolean;
    defaultChecked: boolean;
    closable: boolean;
    disabled: boolean;
    shape: "mark" | "round" | "square";
    size: import("@/common").SizeEnum;
    variant: "dark" | "light" | "light-outline" | "outline";
}, {}, 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 Tag;