hongluan-ui/lib/components/button/index.d.ts

Hongluan Component Library for Vue 3

export declare const HlButton: import("hongluan-ui/es/utils").SFCWithInstall<import("vue").DefineComponent<{
    type: {
        type: import("vue").PropType<"success" | "info" | "warning" | "danger" | "link" | "primary">;
        validator: (val: string) => boolean;
    };
    size: {
        type: import("vue").PropType<"xxxs" | "xxs" | "xs" | "sm" | "md" | "lg" | "xl" | "xxl" | "xxxl">;
        validator: (val: string) => boolean;
    };
    iconPosition: {
        type: import("vue").PropType<"left" | "right">;
        default: string;
    };
    nativeType: {
        type: import("vue").PropType<"button" | "reset" | "submit">;
        default: string;
        validator: (val: "button" | "reset" | "submit") => boolean;
    };
    loading: BooleanConstructor;
    disabled: BooleanConstructor;
    autofocus: BooleanConstructor;
    round: BooleanConstructor;
    equal: BooleanConstructor;
    effect: StringConstructor;
    noFill: BooleanConstructor;
    outline: BooleanConstructor;
    block: BooleanConstructor;
    rational: BooleanConstructor;
    dashed: BooleanConstructor;
    hover: (BooleanConstructor | StringConstructor)[];
    tag: {
        type: import("vue").PropType<string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>>;
        default: string;
    };
}, {
    props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
        type: {
            type: import("vue").PropType<"success" | "info" | "warning" | "danger" | "link" | "primary">;
            validator: (val: string) => boolean;
        };
        size: {
            type: import("vue").PropType<"xxxs" | "xxs" | "xs" | "sm" | "md" | "lg" | "xl" | "xxl" | "xxxl">;
            validator: (val: string) => boolean;
        };
        iconPosition: {
            type: import("vue").PropType<"left" | "right">;
            default: string;
        };
        nativeType: {
            type: import("vue").PropType<"button" | "reset" | "submit">;
            default: string;
            validator: (val: "button" | "reset" | "submit") => boolean;
        };
        loading: BooleanConstructor;
        disabled: BooleanConstructor;
        autofocus: BooleanConstructor;
        round: BooleanConstructor;
        equal: BooleanConstructor;
        effect: StringConstructor;
        noFill: BooleanConstructor;
        outline: BooleanConstructor;
        block: BooleanConstructor;
        rational: BooleanConstructor;
        dashed: BooleanConstructor;
        hover: (BooleanConstructor | StringConstructor)[];
        tag: {
            type: import("vue").PropType<string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>>;
            default: string;
        };
    }>> & {
        onClick?: (evt: MouseEvent) => any;
    }>>;
    emit: (event: "click", evt: MouseEvent) => void;
    namespace: import("vue").ComputedRef<string>;
    _ref: import("vue").Ref<HTMLButtonElement>;
    _props: import("vue").ComputedRef<{
        ariaDisabled: boolean;
        disabled: boolean;
        autofocus: boolean;
        type: "button" | "reset" | "submit";
    } | {
        ariaDisabled?: undefined;
        disabled?: undefined;
        autofocus?: undefined;
        type?: undefined;
    }>;
    buttonDisabled: import("vue").ComputedRef<boolean>;
    buttonSize: import("vue").ComputedRef<"xxxs" | "xxs" | "xs" | "sm" | "md" | "lg" | "xl" | "xxl" | "xxxl">;
    handleClick: (evt: MouseEvent) => void;
    Spinner: import("hongluan-ui/es/utils").SFCWithInstall<import("vue").DefineComponent<{
        status: {
            type: StringConstructor;
            default: string;
        };
        animation: {
            type: StringConstructor;
            default: string;
        };
        duration: {
            type: StringConstructor;
            default: string;
        };
        color: {
            type: StringConstructor;
        };
        size: StringConstructor;
    }, {
        namespace: import("vue").ComputedRef<string>;
        style: any;
        definedSize: import("vue").Ref<boolean>;
    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
        status: {
            type: StringConstructor;
            default: string;
        };
        animation: {
            type: StringConstructor;
            default: string;
        };
        duration: {
            type: StringConstructor;
            default: string;
        };
        color: {
            type: StringConstructor;
        };
        size: StringConstructor;
    }>>, {
        animation: string;
        status: string;
        duration: string;
    }>> & Record<string, any>;
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
    click: (evt: MouseEvent) => boolean;
}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
    type: {
        type: import("vue").PropType<"success" | "info" | "warning" | "danger" | "link" | "primary">;
        validator: (val: string) => boolean;
    };
    size: {
        type: import("vue").PropType<"xxxs" | "xxs" | "xs" | "sm" | "md" | "lg" | "xl" | "xxl" | "xxxl">;
        validator: (val: string) => boolean;
    };
    iconPosition: {
        type: import("vue").PropType<"left" | "right">;
        default: string;
    };
    nativeType: {
        type: import("vue").PropType<"button" | "reset" | "submit">;
        default: string;
        validator: (val: "button" | "reset" | "submit") => boolean;
    };
    loading: BooleanConstructor;
    disabled: BooleanConstructor;
    autofocus: BooleanConstructor;
    round: BooleanConstructor;
    equal: BooleanConstructor;
    effect: StringConstructor;
    noFill: BooleanConstructor;
    outline: BooleanConstructor;
    block: BooleanConstructor;
    rational: BooleanConstructor;
    dashed: BooleanConstructor;
    hover: (BooleanConstructor | StringConstructor)[];
    tag: {
        type: import("vue").PropType<string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>>;
        default: string;
    };
}>> & {
    onClick?: (evt: MouseEvent) => any;
}, {
    block: boolean;
    disabled: boolean;
    round: boolean;
    dashed: boolean;
    nativeType: "button" | "reset" | "submit";
    autofocus: boolean;
    outline: boolean;
    tag: string;
    loading: boolean;
    iconPosition: "left" | "right";
    equal: boolean;
    noFill: boolean;
    rational: boolean;
}>> & Record<string, any>;
export default HlButton;
export * from './src/button';
export type { ButtonInstance } from './src/instance';