hongluan-ui/lib/components/input-number/src/input-number.vue.d.ts

Hongluan Component Library for Vue 3

import type { FormItemContext } from 'hongluan-ui/es/tokens';
declare const _default: import("vue").DefineComponent<{
    ariaLabel: StringConstructor;
    id: {
        type: StringConstructor;
        default: any;
    };
    modelValue: {
        type: NumberConstructor;
    };
    step: {
        type: NumberConstructor;
        default: number;
    };
    stepStrictly: {
        type: BooleanConstructor;
        default: boolean;
    };
    max: {
        type: NumberConstructor;
        default: number;
    };
    min: {
        type: NumberConstructor;
        default: number;
    };
    disabled: {
        type: BooleanConstructor;
        default: boolean;
    };
    size: {
        type: import("vue").PropType<"xxxs" | "xxs" | "xs" | "sm" | "md" | "lg" | "xl" | "xxl" | "xxxl">;
        validator: (val: string) => boolean;
    };
    controls: {
        type: BooleanConstructor;
        default: boolean;
    };
    controlsPosition: {
        type: StringConstructor;
        default: string;
    };
    valueOnClear: {
        type: (StringConstructor | NumberConstructor)[];
        validator: (val: number | "min" | "max") => boolean;
        default: any;
    };
    name: StringConstructor;
    label: StringConstructor;
    placeholder: StringConstructor;
    readonly: BooleanConstructor;
    precision: {
        type: NumberConstructor;
        validator: (val: number) => boolean;
    };
    validateEvent: {
        type: BooleanConstructor;
        default: boolean;
    };
    merge: {
        type: BooleanConstructor;
        default: boolean;
    };
    deepMerge: {
        type: BooleanConstructor;
        default: boolean;
    };
    indent: {
        type: (BooleanConstructor | StringConstructor)[];
        default: boolean;
    };
    gap: {
        type: (BooleanConstructor | StringConstructor)[];
        default: boolean;
    };
    round: BooleanConstructor;
    fill: BooleanConstructor;
    block: BooleanConstructor;
    dir: {
        type: import("vue").PropType<"horizontal" | "vertical">;
        default: string;
    };
}, {
    props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
        ariaLabel: StringConstructor;
        id: {
            type: StringConstructor;
            default: any;
        };
        modelValue: {
            type: NumberConstructor;
        };
        step: {
            type: NumberConstructor;
            default: number;
        };
        stepStrictly: {
            type: BooleanConstructor;
            default: boolean;
        };
        max: {
            type: NumberConstructor;
            default: number;
        };
        min: {
            type: NumberConstructor;
            default: number;
        };
        disabled: {
            type: BooleanConstructor;
            default: boolean;
        };
        size: {
            type: import("vue").PropType<"xxxs" | "xxs" | "xs" | "sm" | "md" | "lg" | "xl" | "xxl" | "xxxl">;
            validator: (val: string) => boolean;
        };
        controls: {
            type: BooleanConstructor;
            default: boolean;
        };
        controlsPosition: {
            type: StringConstructor;
            default: string;
        };
        valueOnClear: {
            type: (StringConstructor | NumberConstructor)[];
            validator: (val: number | "min" | "max") => boolean;
            default: any;
        };
        name: StringConstructor;
        label: StringConstructor;
        placeholder: StringConstructor;
        readonly: BooleanConstructor;
        precision: {
            type: NumberConstructor;
            validator: (val: number) => boolean;
        };
        validateEvent: {
            type: BooleanConstructor;
            default: boolean;
        };
        merge: {
            type: BooleanConstructor;
            default: boolean;
        };
        deepMerge: {
            type: BooleanConstructor;
            default: boolean;
        };
        indent: {
            type: (BooleanConstructor | StringConstructor)[];
            default: boolean;
        };
        gap: {
            type: (BooleanConstructor | StringConstructor)[];
            default: boolean;
        };
        round: BooleanConstructor;
        fill: BooleanConstructor;
        block: BooleanConstructor;
        dir: {
            type: import("vue").PropType<"horizontal" | "vertical">;
            default: string;
        };
    }>> & {
        onChange?: (cur: number, prev: number) => any;
        "onUpdate:modelValue"?: (val: number) => any;
        onInput?: (val: number) => any;
        onBlur?: (e: FocusEvent) => any;
        onFocus?: (e: FocusEvent) => any;
    }>>;
    emit: ((event: "update:modelValue", val: number) => void) & ((event: "change", cur: number, prev: number) => void) & ((event: "input", val: number) => void) & ((event: "blur", e: FocusEvent) => void) & ((event: "focus", e: FocusEvent) => void);
    t: import("hongluan-ui/es/hooks").Translator;
    namespace: import("vue").ComputedRef<string>;
    input: import("vue").Ref<{
        $: import("vue").ComponentInternalInstance;
        $data: {};
        $props: Partial<{
            label: string;
            id: string;
            validateEvent: boolean;
            block: boolean;
            disabled: boolean;
            fill: boolean;
            modelValue: string | number;
            round: boolean;
            clearable: boolean;
            thin: boolean;
            nativeType: string;
            rows: number;
            autosize: boolean | {
                minRows?: number;
                maxRows?: number;
            };
            autocomplete: string;
            readonly: boolean;
            showPassword: boolean;
            showWordLimit: boolean;
            containerRole: string;
            tabindex: string | number;
            inputStyle: Record<string, any>;
            autofocus: boolean;
        }> & Omit<Readonly<import("vue").ExtractPropTypes<{
            ariaLabel: StringConstructor;
            id: {
                type: StringConstructor;
                default: any;
            };
            modelValue: {
                type: import("vue").PropType<string | number>;
                default: string;
            };
            maxlength: {
                type: (StringConstructor | NumberConstructor)[];
            };
            minlength: {
                type: (StringConstructor | NumberConstructor)[];
            };
            nativeType: {
                type: StringConstructor;
                default: string;
            };
            size: {
                type: import("vue").PropType<"xxxs" | "xxs" | "xs" | "sm" | "md" | "lg" | "xl" | "xxl" | "xxxl">;
                validator: (val: string) => boolean;
            };
            resize: {
                type: import("vue").PropType<"horizontal" | "vertical" | "none" | "both">;
                validator: (val: string) => boolean;
            };
            rows: {
                type: NumberConstructor;
                default: number;
            };
            autosize: {
                type: import("vue").PropType<import("hongluan-ui/es/components/input").InputAutoSize>;
                default: import("hongluan-ui/es/components/input").InputAutoSize;
            };
            autocomplete: {
                type: StringConstructor;
                default: string;
            };
            type: {
                type: import("vue").PropType<"success" | "info" | "warning" | "danger" | "link" | "primary">;
                validator: (val: string) => boolean;
            };
            formatter: {
                type: FunctionConstructor;
            };
            parser: {
                type: FunctionConstructor;
            };
            placeholder: {
                type: StringConstructor;
            };
            form: {
                type: StringConstructor;
            };
            disabled: {
                type: BooleanConstructor;
                default: boolean;
            };
            readonly: BooleanConstructor;
            clearable: BooleanConstructor;
            showPassword: BooleanConstructor;
            showWordLimit: BooleanConstructor;
            block: BooleanConstructor;
            label: {
                type: StringConstructor;
                default: any;
            };
            containerRole: {
                type: StringConstructor;
                default: any;
            };
            tabindex: {
                type: (StringConstructor | NumberConstructor)[];
                default: number;
            };
            validateEvent: {
                type: BooleanConstructor;
                default: boolean;
            };
            round: BooleanConstructor;
            fill: BooleanConstructor;
            thin: BooleanConstructor;
            inputStyle: {
                type: ObjectConstructor;
                default: () => {};
            };
            autofocus: BooleanConstructor;
        }>> & {
            onChange?: (...args: any[]) => any;
            "onUpdate:modelValue"?: (...args: any[]) => any;
            onInput?: (...args: any[]) => any;
            onBlur?: (...args: any[]) => any;
            onFocus?: (...args: any[]) => any;
            onClear?: (...args: any[]) => any;
            onMouseleave?: (...args: any[]) => any;
            onMouseenter?: (...args: any[]) => any;
            onKeydown?: (...args: any[]) => any;
            onCompositionstart?: (...args: any[]) => any;
            onCompositionupdate?: (...args: any[]) => any;
            onCompositionend?: (...args: any[]) => any;
        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "label" | "id" | "validateEvent" | "block" | "disabled" | "fill" | "modelValue" | "round" | "clearable" | "thin" | "nativeType" | "rows" | "autosize" | "autocomplete" | "readonly" | "showPassword" | "showWordLimit" | "containerRole" | "tabindex" | "inputStyle" | "autofocus">;
        $attrs: {
            [x: string]: unknown;
        };
        $refs: {
            [x: string]: unknown;
        };
        $slots: Readonly<{
            [name: string]: import("vue").Slot;
        }>;
        $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>>;
        $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>>;
        $emit: (event: "update:modelValue" | "change" | "input" | "blur" | "focus" | "clear" | "mouseleave" | "mouseenter" | "keydown" | "compositionstart" | "compositionupdate" | "compositionend", ...args: any[]) => void;
        $el: any;
        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
            ariaLabel: StringConstructor;
            id: {
                type: StringConstructor;
                default: any;
            };
            modelValue: {
                type: import("vue").PropType<string | number>;
                default: string;
            };
            maxlength: {
                type: (StringConstructor | NumberConstructor)[];
            };
            minlength: {
                type: (StringConstructor | NumberConstructor)[];
            };
            nativeType: {
                type: StringConstructor;
                default: string;
            };
            size: {
                type: import("vue").PropType<"xxxs" | "xxs" | "xs" | "sm" | "md" | "lg" | "xl" | "xxl" | "xxxl">;
                validator: (val: string) => boolean;
            };
            resize: {
                type: import("vue").PropType<"horizontal" | "vertical" | "none" | "both">;
                validator: (val: string) => boolean;
            };
            rows: {
                type: NumberConstructor;
                default: number;
            };
            autosize: {
                type: import("vue").PropType<import("hongluan-ui/es/components/input").InputAutoSize>;
                default: import("hongluan-ui/es/components/input").InputAutoSize;
            };
            autocomplete: {
                type: StringConstructor;
                default: string;
            };
            type: {
                type: import("vue").PropType<"success" | "info" | "warning" | "danger" | "link" | "primary">;
                validator: (val: string) => boolean;
            };
            formatter: {
                type: FunctionConstructor;
            };
            parser: {
                type: FunctionConstructor;
            };
            placeholder: {
                type: StringConstructor;
            };
            form: {
                type: StringConstructor;
            };
            disabled: {
                type: BooleanConstructor;
                default: boolean;
            };
            readonly: BooleanConstructor;
            clearable: BooleanConstructor;
            showPassword: BooleanConstructor;
            showWordLimit: BooleanConstructor;
            block: BooleanConstructor;
            label: {
                type: StringConstructor;
                default: any;
            };
            containerRole: {
                type: StringConstructor;
                default: any;
            };
            tabindex: {
                type: (StringConstructor | NumberConstructor)[];
                default: number;
            };
            validateEvent: {
                type: BooleanConstructor;
                default: boolean;
            };
            round: BooleanConstructor;
            fill: BooleanConstructor;
            thin: BooleanConstructor;
            inputStyle: {
                type: ObjectConstructor;
                default: () => {};
            };
            autofocus: BooleanConstructor;
        }>> & {
            onChange?: (...args: any[]) => any;
            "onUpdate:modelValue"?: (...args: any[]) => any;
            onInput?: (...args: any[]) => any;
            onBlur?: (...args: any[]) => any;
            onFocus?: (...args: any[]) => any;
            onClear?: (...args: any[]) => any;
            onMouseleave?: (...args: any[]) => any;
            onMouseenter?: (...args: any[]) => any;
            onKeydown?: (...args: any[]) => any;
            onCompositionstart?: (...args: any[]) => any;
            onCompositionupdate?: (...args: any[]) => any;
            onCompositionend?: (...args: any[]) => any;
        }, {
            namespace: import("vue").ComputedRef<string>;
            isComposing: import("vue").Ref<boolean>;
            input: import("vue").Ref<HTMLInputElement>;
            inputId: import("vue").Ref<string>;
            textarea: import("vue").Ref<HTMLTextAreaElement>;
            attrs: import("vue").ComputedRef<Record<string, unknown>>;
            containerAttrs: import("vue").ComputedRef<Record<string, unknown>>;
            inputSize: import("vue").ComputedRef<"xxxs" | "xxs" | "xs" | "sm" | "md" | "lg" | "xl" | "xxl" | "xxxl">;
            validateState: import("vue").ComputedRef<"success" | "error" | "" | "validating">;
            textareaStyle: import("vue").ComputedRef<import("hongluan-ui/es/utils").StyleValue>;
            countStyle: import("vue").Ref<import("hongluan-ui/es/utils").StyleValue>;
            resizeTextarea: () => void;
            inputDisabled: import("vue").ComputedRef<boolean>;
            inputFill: import("vue").ComputedRef<boolean>;
            showClear: import("vue").ComputedRef<boolean>;
            showPwdVisible: import("vue").ComputedRef<boolean>;
            isWordLimitVisible: import("vue").ComputedRef<boolean>;
            textLength: import("vue").ComputedRef<number>;
            hovering: import("vue").Ref<boolean>;
            inputExceed: import("vue").ComputedRef<boolean>;
            passwordVisible: import("vue").Ref<boolean>;
            inputOrTextarea: import("vue").ComputedRef<HTMLInputElement | HTMLTextAreaElement>;
            wrapperRef: import("vue").ShallowRef<HTMLElement>;
            handleInput: (event: Event) => void;
            handleChange: (event: Event) => void;
            handleFocus: (event: FocusEvent) => void;
            handleBlur: (event: FocusEvent) => void;
            handleCompositionStart: (event: CompositionEvent) => void;
            handleCompositionUpdate: (event: CompositionEvent) => void;
            handleCompositionEnd: (event: CompositionEvent) => void;
            handlePasswordVisible: () => void;
            clear: () => void;
            select: () => void;
            focus: () => void;
            blur: () => void;
            isFocused: import("vue").Ref<boolean>;
            getSuffixVisible: () => boolean | import("vue").Slot;
            getPwdVisible: () => boolean;
            handleMouseLeave: (e: MouseEvent) => void;
            handleMouseEnter: (e: MouseEvent) => void;
            handleKeydown: (e: KeyboardEvent) => void;
        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change" | "input" | "blur" | "focus" | "clear" | "mouseleave" | "mouseenter" | "keydown" | "compositionstart" | "compositionupdate" | "compositionend")[], string, {
            label: string;
            id: string;
            validateEvent: boolean;
            block: boolean;
            disabled: boolean;
            fill: boolean;
            modelValue: string | number;
            round: boolean;
            clearable: boolean;
            thin: boolean;
            nativeType: string;
            rows: number;
            autosize: boolean | {
                minRows?: number;
                maxRows?: number;
            };
            autocomplete: string;
            readonly: boolean;
            showPassword: boolean;
            showWordLimit: boolean;
            containerRole: string;
            tabindex: string | number;
            inputStyle: Record<string, any>;
            autofocus: boolean;
        }> & {
            beforeCreate?: (() => void) | (() => void)[];
            created?: (() => void) | (() => void)[];
            beforeMount?: (() => void) | (() => void)[];
            mounted?: (() => void) | (() => void)[];
            beforeUpdate?: (() => void) | (() => void)[];
            updated?: (() => void) | (() => void)[];
            activated?: (() => void) | (() => void)[];
            deactivated?: (() => void) | (() => void)[];
            beforeDestroy?: (() => void) | (() => void)[];
            beforeUnmount?: (() => void) | (() => void)[];
            destroyed?: (() => void) | (() => void)[];
            unmounted?: (() => void) | (() => void)[];
            renderTracked?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
            renderTriggered?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
            errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>>, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>>, info: string) => boolean | void)[];
        };
        $forceUpdate: () => void;
        $nextTick: typeof import("vue").nextTick;
        $watch(source: string | Function, cb: Function, options?: import("vue").WatchOptions<boolean>): import("vue").WatchStopHandle;
    } & Readonly<import("vue").ExtractPropTypes<{
        ariaLabel: StringConstructor;
        id: {
            type: StringConstructor;
            default: any;
        };
        modelValue: {
            type: import("vue").PropType<string | number>;
            default: string;
        };
        maxlength: {
            type: (StringConstructor | NumberConstructor)[];
        };
        minlength: {
            type: (StringConstructor | NumberConstructor)[];
        };
        nativeType: {
            type: StringConstructor;
            default: string;
        };
        size: {
            type: import("vue").PropType<"xxxs" | "xxs" | "xs" | "sm" | "md" | "lg" | "xl" | "xxl" | "xxxl">;
            validator: (val: string) => boolean;
        };
        resize: {
            type: import("vue").PropType<"horizontal" | "vertical" | "none" | "both">;
            validator: (val: string) => boolean;
        };
        rows: {
            type: NumberConstructor;
            default: number;
        };
        autosize: {
            type: import("vue").PropType<import("hongluan-ui/es/components/input").InputAutoSize>;
            default: import("hongluan-ui/es/components/input").InputAutoSize;
        };
        autocomplete: {
            type: StringConstructor;
            default: string;
        };
        type: {
            type: import("vue").PropType<"success" | "info" | "warning" | "danger" | "link" | "primary">;
            validator: (val: string) => boolean;
        };
        formatter: {
            type: FunctionConstructor;
        };
        parser: {
            type: FunctionConstructor;
        };
        placeholder: {
            type: StringConstructor;
        };
        form: {
            type: StringConstructor;
        };
        disabled: {
            type: BooleanConstructor;
            default: boolean;
        };
        readonly: BooleanConstructor;
        clearable: BooleanConstructor;
        showPassword: BooleanConstructor;
        showWordLimit: BooleanConstructor;
        block: BooleanConstructor;
        label: {
            type: StringConstructor;
            default: any;
        };
        containerRole: {
            type: StringConstructor;
            default: any;
        };
        tabindex: {
            type: (StringConstructor | NumberConstructor)[];
            default: number;
        };
        validateEvent: {
            type: BooleanConstructor;
            default: boolean;
        };
        round: BooleanConstructor;
        fill: BooleanConstructor;
        thin: BooleanConstructor;
        inputStyle: {
            type: ObjectConstructor;
            default: () => {};
        };
        autofocus: BooleanConstructor;
    }>> & {
        onChange?: (...args: any[]) => any;
        "onUpdate:modelValue"?: (...args: any[]) => any;
        onInput?: (...args: any[]) => any;
        onBlur?: (...args: any[]) => any;
        onFocus?: (...args: any[]) => any;
        onClear?: (...args: any[]) => any;
        onMouseleave?: (...args: any[]) => any;
        onMouseenter?: (...args: any[]) => any;
        onKeydown?: (...args: any[]) => any;
        onCompositionstart?: (...args: any[]) => any;
        onCompositionupdate?: (...args: any[]) => any;
        onCompositionend?: (...args: any[]) => any;
    } & import("vue").ShallowUnwrapRef<{
        namespace: import("vue").ComputedRef<string>;
        isComposing: import("vue").Ref<boolean>;
        input: import("vue").Ref<HTMLInputElement>;
        inputId: import("vue").Ref<string>;
        textarea: import("vue").Ref<HTMLTextAreaElement>;
        attrs: import("vue").ComputedRef<Record<string, unknown>>;
        containerAttrs: import("vue").ComputedRef<Record<string, unknown>>;
        inputSize: import("vue").ComputedRef<"xxxs" | "xxs" | "xs" | "sm" | "md" | "lg" | "xl" | "xxl" | "xxxl">;
        validateState: import("vue").ComputedRef<"success" | "error" | "" | "validating">;
        textareaStyle: import("vue").ComputedRef<import("hongluan-ui/es/utils").StyleValue>;
        countStyle: import("vue").Ref<import("hongluan-ui/es/utils").StyleValue>;
        resizeTextarea: () => void;
        inputDisabled: import("vue").ComputedRef<boolean>;
        inputFill: import("vue").ComputedRef<boolean>;
        showClear: import("vue").ComputedRef<boolean>;
        showPwdVisible: import("vue").ComputedRef<boolean>;
        isWordLimitVisible: import("vue").ComputedRef<boolean>;
        textLength: import("vue").ComputedRef<number>;
        hovering: import("vue").Ref<boolean>;
        inputExceed: import("vue").ComputedRef<boolean>;
        passwordVisible: import("vue").Ref<boolean>;
        inputOrTextarea: import("vue").ComputedRef<HTMLInputElement | HTMLTextAreaElement>;
        wrapperRef: import("vue").ShallowRef<HTMLElement>;
        handleInput: (event: Event) => void;
        handleChange: (event: Event) => void;
        handleFocus: (event: FocusEvent) => void;
        handleBlur: (event: FocusEvent) => void;
        handleCompositionStart: (event: CompositionEvent) => void;
        handleCompositionUpdate: (event: CompositionEvent) => void;
        handleCompositionEnd: (event: CompositionEvent) => void;
        handlePasswordVisible: () => void;
        clear: () => void;
        select: () => void;
        focus: () => void;
        blur: () => void;
        isFocused: import("vue").Ref<boolean>;
        getSuffixVisible: () => boolean | import("vue").Slot;
        getPwdVisible: () => boolean;
        handleMouseLeave: (e: MouseEvent) => void;
        handleMouseEnter: (e: MouseEvent) => void;
        handleKeydown: (e: KeyboardEvent) => void;
    }> & {} & {} & import("vue").ComponentCustomProperties>;
    data: {
        currentValue: number;
        userInput: string | number;
    };
    formItem: FormItemContext;
    minDisabled: import("vue").ComputedRef<boolean>;
    maxDisabled: import("vue").ComputedRef<boolean>;
    numPrecision: import("vue").ComputedRef<number>;
    inputNumberSize: import("vue").ComputedRef<"xxxs" | "xxs" | "xs" | "sm" | "md" | "lg" | "xl" | "xxl" | "xxxl">;
    inputNumberDisabled: import("vue").ComputedRef<boolean>;
    inputNumberFill: import("vue").ComputedRef<boolean>;
    displayValue: import("vue").ComputedRef<string | number>;
    toPrecision: (num: number, pre?: number) => number;
    getPrecision: (value: number | null | undefined) => number;
    ensurePrecision: (val: number, coefficient?: 1 | -1) => number;
    increase: () => void;
    decrease: () => void;
    verifyValue: (value: number | string | null | undefined, update?: boolean) => number | null | undefined;
    setCurrentValue: (value: number | string | null | undefined, emitChange?: boolean) => void;
    handleInput: (value: string) => void;
    handleInputChange: (value: string) => void;
    focus: () => void;
    blur: () => void;
    handleFocus: (event: MouseEvent | FocusEvent) => void;
    handleBlur: (event: MouseEvent | FocusEvent) => void;
    setCurrentValueToModelValue: () => void;
    handleWheel: (e: WheelEvent) => void;
    vRepeatClick: import("vue").ObjectDirective<HTMLElement, import("../../../directives/repeat-click").RepeatClickOptions | ((...args: unknown[]) => unknown)>;
    HlInput: import("hongluan-ui/es/utils").SFCWithInstall<import("vue").DefineComponent<{
        ariaLabel: StringConstructor;
        id: {
            type: StringConstructor;
            default: any;
        };
        modelValue: {
            type: import("vue").PropType<string | number>;
            default: string;
        };
        maxlength: {
            type: (StringConstructor | NumberConstructor)[];
        };
        minlength: {
            type: (StringConstructor | NumberConstructor)[];
        };
        nativeType: {
            type: StringConstructor;
            default: string;
        };
        size: {
            type: import("vue").PropType<"xxxs" | "xxs" | "xs" | "sm" | "md" | "lg" | "xl" | "xxl" | "xxxl">;
            validator: (val: string) => boolean;
        };
        resize: {
            type: import("vue").PropType<"horizontal" | "vertical" | "none" | "both">;
            validator: (val: string) => boolean;
        };
        rows: {
            type: NumberConstructor;
            default: number;
        };
        autosize: {
            type: import("vue").PropType<import("hongluan-ui/es/components/input").InputAutoSize>;
            default: import("hongluan-ui/es/components/input").InputAutoSize;
        };
        autocomplete: {
            type: StringConstructor;
            default: string;
        };
        type: {
            type: import("vue").PropType<"success" | "info" | "warning" | "danger" | "link" | "primary">;
            validator: (val: string) => boolean;
        };
        formatter: {
            type: FunctionConstructor;
        };
        parser: {
            type: FunctionConstructor;
        };
        placeholder: {
            type: StringConstructor;
        };
        form: {
            type: StringConstructor;
        };
        disabled: {
            type: BooleanConstructor;
            default: boolean;
        };
        readonly: BooleanConstructor;
        clearable: BooleanConstructor;
        showPassword: BooleanConstructor;
        showWordLimit: BooleanConstructor;
        block: BooleanConstructor;
        label: {
            type: StringConstructor;
            default: any;
        };
        containerRole: {
            type: StringConstructor;
            default: any;
        };
        tabindex: {
            type: (StringConstructor | NumberConstructor)[];
            default: number;
        };
        validateEvent: {
            type: BooleanConstructor;
            default: boolean;
        };
        round: BooleanConstructor;
        fill: BooleanConstructor;
        thin: BooleanConstructor;
        inputStyle: {
            type: ObjectConstructor;
            default: () => {};
        };
        autofocus: BooleanConstructor;
    }, {
        namespace: import("vue").ComputedRef<string>;
        isComposing: import("vue").Ref<boolean>;
        input: import("vue").Ref<HTMLInputElement>;
        inputId: import("vue").Ref<string>;
        textarea: import("vue").Ref<HTMLTextAreaElement>;
        attrs: import("vue").ComputedRef<Record<string, unknown>>;
        containerAttrs: import("vue").ComputedRef<Record<string, unknown>>;
        inputSize: import("vue").ComputedRef<"xxxs" | "xxs" | "xs" | "sm" | "md" | "lg" | "xl" | "xxl" | "xxxl">;
        validateState: import("vue").ComputedRef<"success" | "error" | "" | "validating">;
        textareaStyle: import("vue").ComputedRef<import("hongluan-ui/es/utils").StyleValue>;
        countStyle: import("vue").Ref<import("hongluan-ui/es/utils").StyleValue>;
        resizeTextarea: () => void;
        inputDisabled: import("vue").ComputedRef<boolean>;
        inputFill: import("vue").ComputedRef<boolean>;
        showClear: import("vue").ComputedRef<boolean>;
        showPwdVisible: import("vue").ComputedRef<boolean>;
        isWordLimitVisible: import("vue").ComputedRef<boolean>;
        textLength: import("vue").ComputedRef<number>;
        hovering: import("vue").Ref<boolean>;
        inputExceed: import("vue").ComputedRef<boolean>;
        passwordVisible: import("vue").Ref<boolean>;
        inputOrTextarea: import("vue").ComputedRef<HTMLInputElement | HTMLTextAreaElement>;
        wrapperRef: import("vue").ShallowRef<HTMLElement>;
        handleInput: (event: Event) => void;
        handleChange: (event: Event) => void;
        handleFocus: (event: FocusEvent) => void;
        handleBlur: (event: FocusEvent) => void;
        handleCompositionStart: (event: CompositionEvent) => void;
        handleCompositionUpdate: (event: CompositionEvent) => void;
        handleCompositionEnd: (event: CompositionEvent) => void;
        handlePasswordVisible: () => void;
        clear: () => void;
        select: () => void;
        focus: () => void;
        blur: () => void;
        isFocused: import("vue").Ref<boolean>;
        getSuffixVisible: () => boolean | import("vue").Slot;
        getPwdVisible: () => boolean;
        handleMouseLeave: (e: MouseEvent) => void;
        handleMouseEnter: (e: MouseEvent) => void;
        handleKeydown: (e: KeyboardEvent) => void;
    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change" | "input" | "blur" | "focus" | "clear" | "mouseleave" | "mouseenter" | "keydown" | "compositionstart" | "compositionupdate" | "compositionend")[], "update:modelValue" | "change" | "input" | "blur" | "focus" | "clear" | "mouseleave" | "mouseenter" | "keydown" | "compositionstart" | "compositionupdate" | "compositionend", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
        ariaLabel: StringConstructor;
        id: {
            type: StringConstructor;
            default: any;
        };
        modelValue: {
            type: import("vue").PropType<string | number>;
            default: string;
        };
        maxlength: {
            type: (StringConstructor | NumberConstructor)[];
        };
        minlength: {
            type: (StringConstructor | NumberConstructor)[];
        };
        nativeType: {
            type: StringConstructor;
            default: string;
        };
        size: {
            type: import("vue").PropType<"xxxs" | "xxs" | "xs" | "sm" | "md" | "lg" | "xl" | "xxl" | "xxxl">;
            validator: (val: string) => boolean;
        };
        resize: {
            type: import("vue").PropType<"horizontal" | "vertical" | "none" | "both">;
            validator: (val: string) => boolean;
        };
        rows: {
            type: NumberConstructor;
            default: number;
        };
        autosize: {
            type: import("vue").PropType<import("hongluan-ui/es/components/input").InputAutoSize>;
            default: import("hongluan-ui/es/components/input").InputAutoSize;
        };
        autocomplete: {
            type: StringConstructor;
            default: string;
        };
        type: {
            type: import("vue").PropType<"success" | "info" | "warning" | "danger" | "link" | "primary">;
            validator: (val: string) => boolean;
        };
        formatter: {
            type: FunctionConstructor;
        };
        parser: {
            type: FunctionConstructor;
        };
        placeholder: {
            type: StringConstructor;
        };
        form: {
            type: StringConstructor;
        };
        disabled: {
            type: BooleanConstructor;
            default: boolean;
        };
        readonly: BooleanConstructor;
        clearable: BooleanConstructor;
        showPassword: BooleanConstructor;
        showWordLimit: BooleanConstructor;
        block: BooleanConstructor;
        label: {
            type: StringConstructor;
            default: any;
        };
        containerRole: {
            type: StringConstructor;
            default: any;
        };
        tabindex: {
            type: (StringConstructor | NumberConstructor)[];
            default: number;
        };
        validateEvent: {
            type: BooleanConstructor;
            default: boolean;
        };
        round: BooleanConstructor;
        fill: BooleanConstructor;
        thin: BooleanConstructor;
        inputStyle: {
            type: ObjectConstructor;
            default: () => {};
        };
        autofocus: BooleanConstructor;
    }>> & {
        onChange?: (...args: any[]) => any;
        "onUpdate:modelValue"?: (...args: any[]) => any;
        onInput?: (...args: any[]) => any;
        onBlur?: (...args: any[]) => any;
        onFocus?: (...args: any[]) => any;
        onClear?: (...args: any[]) => any;
        onMouseleave?: (...args: any[]) => any;
        onMouseenter?: (...args: any[]) => any;
        onKeydown?: (...args: any[]) => any;
        onCompositionstart?: (...args: any[]) => any;
        onCompositionupdate?: (...args: any[]) => any;
        onCompositionend?: (...args: any[]) => any;
    }, {
        label: string;
        id: string;
        validateEvent: boolean;
        block: boolean;
        disabled: boolean;
        fill: boolean;
        modelValue: string | number;
        round: boolean;
        clearable: boolean;
        thin: boolean;
        nativeType: string;
        rows: number;
        autosize: boolean | {
            minRows?: number;
            maxRows?: number;
        };
        autocomplete: string;
        readonly: boolean;
        showPassword: boolean;
        showWordLimit: boolean;
        containerRole: string;
        tabindex: string | number;
        inputStyle: Record<string, any>;
        autofocus: boolean;
    }>> & Record<string, any>;
    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>;
    HlIcon: 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;
        };
        name: {
            type: StringConstructor;
            default: string;
        };
        color: StringConstructor;
        border: NumberConstructor;
        opacity: NumberConstructor;
        width: (StringConstructor | NumberConstructor)[];
        height: (StringConstructor | NumberConstructor)[];
        gradient: BooleanConstructor;
        startColor: StringConstructor;
        fill: BooleanConstructor;
        round: BooleanConstructor;
        radius: BooleanConstructor;
        transition: BooleanConstructor;
        effect: StringConstructor;
    }, {
        namespace: import("vue").ComputedRef<string>;
        iconStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
        iconId: string;
    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, 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;
        };
        name: {
            type: StringConstructor;
            default: string;
        };
        color: StringConstructor;
        border: NumberConstructor;
        opacity: NumberConstructor;
        width: (StringConstructor | NumberConstructor)[];
        height: (StringConstructor | NumberConstructor)[];
        gradient: BooleanConstructor;
        startColor: StringConstructor;
        fill: BooleanConstructor;
        round: BooleanConstructor;
        radius: BooleanConstructor;
        transition: BooleanConstructor;
        effect: StringConstructor;
    }>>, {
        name: string;
        fill: boolean;
        round: boolean;
        transition: boolean;
        gradient: boolean;
        radius: boolean;
    }>> & Record<string, any>;
    SystemAdd: import("vue").DefineComponent<{
        gradient: {
            type: BooleanConstructor;
        };
        borderWidth: {
            type: (StringConstructor | NumberConstructor)[];
            default: string;
        };
        opacity: {
            type: (StringConstructor | NumberConstructor)[];
            default: string;
        };
        startColor: {
            type: StringConstructor;
            default: string;
        };
    }, {
        CustomIcon: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
            [key: string]: any;
        }>;
    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
        gradient: {
            type: BooleanConstructor;
        };
        borderWidth: {
            type: (StringConstructor | NumberConstructor)[];
            default: string;
        };
        opacity: {
            type: (StringConstructor | NumberConstructor)[];
            default: string;
        };
        startColor: {
            type: StringConstructor;
            default: string;
        };
    }>>, {
        opacity: string | number;
        gradient: boolean;
        startColor: string;
        borderWidth: string | number;
    }>;
    SystemRemove: import("vue").DefineComponent<{
        gradient: {
            type: BooleanConstructor;
        };
        borderWidth: {
            type: (StringConstructor | NumberConstructor)[];
            default: string;
        };
        opacity: {
            type: (StringConstructor | NumberConstructor)[];
            default: string;
        };
        startColor: {
            type: StringConstructor;
            default: string;
        };
    }, {
        CustomIcon: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
            [key: string]: any;
        }>;
    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
        gradient: {
            type: BooleanConstructor;
        };
        borderWidth: {
            type: (StringConstructor | NumberConstructor)[];
            default: string;
        };
        opacity: {
            type: (StringConstructor | NumberConstructor)[];
            default: string;
        };
        startColor: {
            type: StringConstructor;
            default: string;
        };
    }>>, {
        opacity: string | number;
        gradient: boolean;
        startColor: string;
        borderWidth: string | number;
    }>;
    SystemArrowDown: import("vue").DefineComponent<{
        gradient: {
            type: BooleanConstructor;
        };
        borde