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

Hongluan Component Library for Vue 3

import type { StyleValue } from 'hongluan-ui/es/utils';
declare const _default: 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("./input").InputAutoSize>;
        default: import("./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<StyleValue>;
    countStyle: import("vue").Ref<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("./input").InputAutoSize>;
        default: import("./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;
}>;
export default _default;