t-fighting-design/lib/tag/index.d.ts

Fighting design can quickly build interactive interfaces in vue3 applications, which looks good.

import type { TagType, TagSizeType, TagCloseEndInterface } from './src/interface.d';
import type { DefineComponent, PropType, VNode, RendererNode, RendererElement, Ref, ComputedRef, Component, ComputedOptions, MethodOptions, CSSProperties, ComponentOptionsMixin, VNodeProps, AllowedComponentProps, ComponentCustomProps, EmitsOptions } from 'vue';
import type { InstallType, ClassListInterface, HandleEventInterface } from '../_interface';
import Tag from "./src/tag";
export declare const FTag: InstallType<DefineComponent<{
    readonly type: {
        readonly type: PropType<TagType>;
        readonly default: () => TagType;
        readonly validator: (val: TagType) => boolean;
    };
    readonly close: {
        readonly type: BooleanConstructor;
        readonly default: () => boolean;
    };
    readonly round: {
        readonly type: BooleanConstructor;
        readonly default: () => boolean;
    };
    readonly background: {
        readonly type: StringConstructor;
        readonly default: () => string;
    };
    readonly color: {
        readonly type: StringConstructor;
        readonly default: () => string;
    };
    readonly beforeIcon: {
        readonly type: PropType<VNode<RendererNode, RendererElement, {
            [key: string]: any;
        }>>;
        readonly default: () => null;
    };
    readonly afterIcon: {
        readonly type: PropType<VNode<RendererNode, RendererElement, {
            [key: string]: any;
        }>>;
        readonly default: () => null;
    };
    readonly size: {
        readonly type: PropType<TagSizeType>;
        readonly default: () => TagSizeType;
        readonly validator: (val: TagSizeType) => boolean;
    };
    readonly simple: {
        readonly type: BooleanConstructor;
        readonly default: () => boolean;
    };
    readonly block: {
        readonly type: BooleanConstructor;
        readonly default: () => boolean;
    };
    readonly line: {
        readonly type: BooleanConstructor;
        readonly default: () => boolean;
    };
    readonly closeEnd: {
        readonly type: PropType<TagCloseEndInterface>;
        readonly default: () => null;
    };
}, {
    prop: {
        readonly type?: unknown;
        readonly close?: unknown;
        readonly round?: unknown;
        readonly background?: unknown;
        readonly color?: unknown;
        readonly beforeIcon?: unknown;
        readonly afterIcon?: unknown;
        readonly size?: unknown;
        readonly simple?: unknown;
        readonly block?: unknown;
        readonly line?: unknown;
        readonly closeEnd?: unknown;
    } & {
        type: TagType;
        close: boolean;
        simple: boolean;
        round: boolean;
        background: string;
        color: string;
        beforeIcon: VNode<RendererNode, RendererElement, {
            [key: string]: any;
        }>;
        closeEnd: TagCloseEndInterface;
        size: TagSizeType;
        block: boolean;
        afterIcon: VNode<RendererNode, RendererElement, {
            [key: string]: any;
        }>;
        line: boolean;
    } & {};
    isShow: Ref<boolean>;
    classList: ComputedRef<ClassListInterface>;
    handleClose: TagCloseEndInterface;
    FSvgIcon: InstallType<DefineComponent<{
        readonly icon: {
            readonly type: PropType<VNode<RendererNode, RendererElement, {
                [key: string]: any;
            }> | Component<any, any, any, ComputedOptions, MethodOptions>>;
            readonly default: () => null;
        };
        readonly color: {
            readonly type: StringConstructor;
            readonly default: () => string;
        };
        readonly size: {
            readonly type: PropType<string | number>;
            readonly default: () => string;
        };
        readonly click: {
            readonly type: PropType<HandleEventInterface>;
            readonly default: () => null;
        };
    }, {
        prop: {
            readonly icon?: unknown;
            readonly color?: unknown;
            readonly size?: unknown;
            readonly click?: unknown;
        } & {
            color: string;
            size: string | number;
            icon: VNode<RendererNode, RendererElement, {
                [key: string]: any;
            }> | Component<any, any, any, ComputedOptions, MethodOptions>;
            click: HandleEventInterface;
        } & {};
        handleClick: HandleEventInterface;
        styleList: ComputedRef<CSSProperties>;
    }, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, Record<string, any>, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<{
        readonly icon?: unknown;
        readonly color?: unknown;
        readonly size?: unknown;
        readonly click?: unknown;
    } & {
        color: string;
        size: string | number;
        icon: VNode<RendererNode, RendererElement, {
            [key: string]: any;
        }> | Component<any, any, any, ComputedOptions, MethodOptions>;
        click: HandleEventInterface;
    } & {}>, {
        color: string;
        size: string | number;
        icon: VNode<RendererNode, RendererElement, {
            [key: string]: any;
        }> | Component<any, any, any, ComputedOptions, MethodOptions>;
        click: HandleEventInterface;
    }>>;
    FCloseBtn: InstallType<DefineComponent<{
        readonly size: {
            readonly type: PropType<string | number>;
            readonly default: () => string;
        };
        readonly round: {
            readonly type: BooleanConstructor;
            readonly default: () => boolean;
        };
        readonly disabled: {
            readonly type: BooleanConstructor;
            readonly default: () => boolean;
        };
        readonly color: {
            readonly type: StringConstructor;
            readonly default: () => string;
        };
        readonly icon: {
            readonly type: PropType<VNode<RendererNode, RendererElement, {
                [key: string]: any;
            }> | Component<any, any, any, ComputedOptions, MethodOptions>>;
            readonly default: () => null;
        };
        readonly click: {
            readonly type: PropType<HandleEventInterface>;
            readonly default: () => null;
        };
    }, {
        prop: {
            readonly size?: unknown;
            readonly round?: unknown;
            readonly disabled?: unknown;
            readonly color?: unknown;
            readonly icon?: unknown;
            readonly click?: unknown;
        } & {
            round: boolean;
            color: string;
            size: string | number;
            disabled: boolean;
            icon: VNode<RendererNode, RendererElement, {
                [key: string]: any;
            }> | Component<any, any, any, ComputedOptions, MethodOptions>;
            click: HandleEventInterface;
        } & {};
        handleClick: HandleEventInterface;
        classList: ComputedRef<ClassListInterface>;
        FSvgIcon: InstallType<DefineComponent<{
            readonly icon: {
                readonly type: PropType<VNode<RendererNode, RendererElement, {
                    [key: string]: any;
                }> | Component<any, any, any, ComputedOptions, MethodOptions>>;
                readonly default: () => null;
            };
            readonly color: {
                readonly type: StringConstructor;
                readonly default: () => string;
            };
            readonly size: {
                readonly type: PropType<string | number>;
                readonly default: () => string;
            };
            readonly click: {
                readonly type: PropType<HandleEventInterface>;
                readonly default: () => null;
            };
        }, {
            prop: {
                readonly icon?: unknown;
                readonly color?: unknown;
                readonly size?: unknown;
                readonly click?: unknown;
            } & {
                color: string;
                size: string | number;
                icon: VNode<RendererNode, RendererElement, {
                    [key: string]: any;
                }> | Component<any, any, any, ComputedOptions, MethodOptions>;
                click: HandleEventInterface;
            } & {};
            handleClick: HandleEventInterface;
            styleList: ComputedRef<CSSProperties>;
        }, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, Record<string, any>, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<{
            readonly icon?: unknown;
            readonly color?: unknown;
            readonly size?: unknown;
            readonly click?: unknown;
        } & {
            color: string;
            size: string | number;
            icon: VNode<RendererNode, RendererElement, {
                [key: string]: any;
            }> | Component<any, any, any, ComputedOptions, MethodOptions>;
            click: HandleEventInterface;
        } & {}>, {
            color: string;
            size: string | number;
            icon: VNode<RendererNode, RendererElement, {
                [key: string]: any;
            }> | Component<any, any, any, ComputedOptions, MethodOptions>;
            click: HandleEventInterface;
        }>>;
        FIconCrossVue: DefineComponent<{}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, EmitsOptions, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<{} & {} & {}>, {}>;
    }, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, Record<string, any>, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<{
        readonly size?: unknown;
        readonly round?: unknown;
        readonly disabled?: unknown;
        readonly color?: unknown;
        readonly icon?: unknown;
        readonly click?: unknown;
    } & {
        round: boolean;
        color: string;
        size: string | number;
        disabled: boolean;
        icon: VNode<RendererNode, RendererElement, {
            [key: string]: any;
        }> | Component<any, any, any, ComputedOptions, MethodOptions>;
        click: HandleEventInterface;
    } & {}>, {
        round: boolean;
        color: string;
        size: string | number;
        disabled: boolean;
        icon: VNode<RendererNode, RendererElement, {
            [key: string]: any;
        }> | Component<any, any, any, ComputedOptions, MethodOptions>;
        click: HandleEventInterface;
    }>>;
}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, Record<string, any>, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<{
    readonly type?: unknown;
    readonly close?: unknown;
    readonly round?: unknown;
    readonly background?: unknown;
    readonly color?: unknown;
    readonly beforeIcon?: unknown;
    readonly afterIcon?: unknown;
    readonly size?: unknown;
    readonly simple?: unknown;
    readonly block?: unknown;
    readonly line?: unknown;
    readonly closeEnd?: unknown;
} & {
    type: TagType;
    close: boolean;
    simple: boolean;
    round: boolean;
    background: string;
    color: string;
    beforeIcon: VNode<RendererNode, RendererElement, {
        [key: string]: any;
    }>;
    closeEnd: TagCloseEndInterface;
    size: TagSizeType;
    block: boolean;
    afterIcon: VNode<RendererNode, RendererElement, {
        [key: string]: any;
    }>;
    line: boolean;
} & {}>, {
    type: TagType;
    close: boolean;
    simple: boolean;
    round: boolean;
    background: string;
    color: string;
    beforeIcon: VNode<RendererNode, RendererElement, {
        [key: string]: any;
    }>;
    closeEnd: TagCloseEndInterface;
    size: TagSizeType;
    block: boolean;
    afterIcon: VNode<RendererNode, RendererElement, {
        [key: string]: any;
    }>;
    line: boolean;
}>>;
export declare type TagInstance = InstanceType<typeof Tag>;
export * from './src/interface.d';
export default Tag;