dkt-plus/lib/packages/components/input/index.d.ts

Decathlon component library built in Vue3 with TypeScript.

export declare const DktInput: ({
    new (...args: any[]): {
        $: import("vue").ComponentInternalInstance;
        $data: {};
        $props: Partial<{
            disabled: boolean;
            showWorldLimit: boolean;
        }> & Omit<Readonly<import("vue").ExtractPropTypes<{
            type: {
                type: StringConstructor;
                required: false;
            };
            size: {
                type: null;
                required: false;
            };
            disabled: {
                type: BooleanConstructor;
                required: false;
            };
            placeholder: {
                type: StringConstructor;
                required: false;
            };
            modelValue: {
                type: null;
                required: true;
            };
            showWorldLimit: {
                type: BooleanConstructor;
                required: false;
            };
        }>> & {
            onInput?: ((...args: any[]) => any) | undefined;
            onCompositionstart?: ((...args: any[]) => any) | undefined;
            onCompositionupdate?: ((...args: any[]) => any) | undefined;
            onCompositionend?: ((...args: any[]) => any) | undefined;
            onFocus?: ((...args: any[]) => any) | undefined;
            onBlur?: ((...args: any[]) => any) | undefined;
            onChange?: ((...args: any[]) => any) | undefined;
            onKeydown?: ((...args: any[]) => any) | undefined;
            onMouseleave?: ((...args: any[]) => any) | undefined;
            onMouseenter?: ((...args: any[]) => any) | undefined;
        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "disabled" | "showWorldLimit">;
        $attrs: {
            [x: string]: unknown;
        };
        $refs: {
            [x: string]: unknown;
        };
        $slots: Readonly<{
            [name: string]: import("vue").Slot | undefined;
        }>;
        $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null;
        $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null;
        $emit: (event: "input" | "compositionstart" | "compositionupdate" | "compositionend" | "focus" | "blur" | "change" | "keydown" | "mouseleave" | "mouseenter", ...args: any[]) => void;
        $el: any;
        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
            type: {
                type: StringConstructor;
                required: false;
            };
            size: {
                type: null;
                required: false;
            };
            disabled: {
                type: BooleanConstructor;
                required: false;
            };
            placeholder: {
                type: StringConstructor;
                required: false;
            };
            modelValue: {
                type: null;
                required: true;
            };
            showWorldLimit: {
                type: BooleanConstructor;
                required: false;
            };
        }>> & {
            onInput?: ((...args: any[]) => any) | undefined;
            onCompositionstart?: ((...args: any[]) => any) | undefined;
            onCompositionupdate?: ((...args: any[]) => any) | undefined;
            onCompositionend?: ((...args: any[]) => any) | undefined;
            onFocus?: ((...args: any[]) => any) | undefined;
            onBlur?: ((...args: any[]) => any) | undefined;
            onChange?: ((...args: any[]) => any) | undefined;
            onKeydown?: ((...args: any[]) => any) | undefined;
            onMouseleave?: ((...args: any[]) => any) | undefined;
            onMouseenter?: ((...args: any[]) => any) | undefined;
        }, {
            isComposing: import("vue").Ref<boolean>;
            focused: import("vue").Ref<boolean>;
            hovering: import("vue").Ref<boolean>;
            attrs: import("vue").ComputedRef<Record<string, unknown>>;
            props: {
                type?: string | undefined;
                size?: "small" | "default" | "large" | undefined;
                disabled?: boolean | undefined;
                placeholder?: string | undefined;
                modelValue: any;
                showWorldLimit?: boolean | undefined;
            };
            type: string;
            size: "small" | "default" | "large";
            disabled: boolean;
            placeholder: string;
            input: import("vue").ShallowRef<HTMLInputElement | undefined>;
            textarea: import("vue").ShallowRef<HTMLTextAreaElement | undefined>;
            nativeInputValue: import("vue").ComputedRef<string>;
            _ref: import("vue").ComputedRef<HTMLInputElement | HTMLTextAreaElement | undefined>;
            setNativeInputValue: () => void;
            emit: {
                (e: "input", value: string): void;
                (e: "compositionstart", event: CompositionEvent): void;
                (e: "compositionupdate", event: CompositionEvent): void;
                (e: "compositionend", event: CompositionEvent): void;
                (e: "focus", event: FocusEvent): void;
                (e: "blur", event: FocusEvent): void;
                (e: "change", event: Event): void;
                (e: "keydown", event: KeyboardEvent): void;
                (e: "mouseleave", event: MouseEvent): void;
                (e: "mouseenter", event: MouseEvent): void;
            };
            handleInput: (event: Event) => Promise<void>;
            handleCompositionStart: (event: CompositionEvent) => void;
            handleCompositionUpdate: (event: CompositionEvent) => void;
            handleCompositionEnd: (event: CompositionEvent) => void;
            focus: () => Promise<void>;
            handleFocus: (event: FocusEvent) => void;
            blur: () => void | undefined;
            handleBlur: (event: FocusEvent) => void;
            handleChange: (event: Event) => void;
            handleKeydown: (event: KeyboardEvent) => void;
            handleMouseLeave: (event: MouseEvent) => void;
            handleMouseEnter: (event: MouseEvent) => void;
        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("input" | "compositionstart" | "compositionupdate" | "compositionend" | "focus" | "blur" | "change" | "keydown" | "mouseleave" | "mouseenter")[], string, {
            disabled: boolean;
            showWorldLimit: boolean;
        }> & {
            beforeCreate?: ((() => void) | (() => void)[]) | undefined;
            created?: ((() => void) | (() => void)[]) | undefined;
            beforeMount?: ((() => void) | (() => void)[]) | undefined;
            mounted?: ((() => void) | (() => void)[]) | undefined;
            beforeUpdate?: ((() => void) | (() => void)[]) | undefined;
            updated?: ((() => void) | (() => void)[]) | undefined;
            activated?: ((() => void) | (() => void)[]) | undefined;
            deactivated?: ((() => void) | (() => void)[]) | undefined;
            beforeDestroy?: ((() => void) | (() => void)[]) | undefined;
            beforeUnmount?: ((() => void) | (() => void)[]) | undefined;
            destroyed?: ((() => void) | (() => void)[]) | undefined;
            unmounted?: ((() => void) | (() => void)[]) | undefined;
            renderTracked?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
            renderTriggered?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
            errorCaptured?: (((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null, info: string) => boolean | void)[]) | undefined;
        };
        $forceUpdate: () => void;
        $nextTick: typeof import("vue").nextTick;
        $watch(source: string | Function, cb: Function, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
    } & Readonly<import("vue").ExtractPropTypes<{
        type: {
            type: StringConstructor;
            required: false;
        };
        size: {
            type: null;
            required: false;
        };
        disabled: {
            type: BooleanConstructor;
            required: false;
        };
        placeholder: {
            type: StringConstructor;
            required: false;
        };
        modelValue: {
            type: null;
            required: true;
        };
        showWorldLimit: {
            type: BooleanConstructor;
            required: false;
        };
    }>> & {
        onInput?: ((...args: any[]) => any) | undefined;
        onCompositionstart?: ((...args: any[]) => any) | undefined;
        onCompositionupdate?: ((...args: any[]) => any) | undefined;
        onCompositionend?: ((...args: any[]) => any) | undefined;
        onFocus?: ((...args: any[]) => any) | undefined;
        onBlur?: ((...args: any[]) => any) | undefined;
        onChange?: ((...args: any[]) => any) | undefined;
        onKeydown?: ((...args: any[]) => any) | undefined;
        onMouseleave?: ((...args: any[]) => any) | undefined;
        onMouseenter?: ((...args: any[]) => any) | undefined;
    } & import("vue").ShallowUnwrapRef<{
        isComposing: import("vue").Ref<boolean>;
        focused: import("vue").Ref<boolean>;
        hovering: import("vue").Ref<boolean>;
        attrs: import("vue").ComputedRef<Record<string, unknown>>;
        props: {
            type?: string | undefined;
            size?: "small" | "default" | "large" | undefined;
            disabled?: boolean | undefined;
            placeholder?: string | undefined;
            modelValue: any;
            showWorldLimit?: boolean | undefined;
        };
        type: string;
        size: "small" | "default" | "large";
        disabled: boolean;
        placeholder: string;
        input: import("vue").ShallowRef<HTMLInputElement | undefined>;
        textarea: import("vue").ShallowRef<HTMLTextAreaElement | undefined>;
        nativeInputValue: import("vue").ComputedRef<string>;
        _ref: import("vue").ComputedRef<HTMLInputElement | HTMLTextAreaElement | undefined>;
        setNativeInputValue: () => void;
        emit: {
            (e: "input", value: string): void;
            (e: "compositionstart", event: CompositionEvent): void;
            (e: "compositionupdate", event: CompositionEvent): void;
            (e: "compositionend", event: CompositionEvent): void;
            (e: "focus", event: FocusEvent): void;
            (e: "blur", event: FocusEvent): void;
            (e: "change", event: Event): void;
            (e: "keydown", event: KeyboardEvent): void;
            (e: "mouseleave", event: MouseEvent): void;
            (e: "mouseenter", event: MouseEvent): void;
        };
        handleInput: (event: Event) => Promise<void>;
        handleCompositionStart: (event: CompositionEvent) => void;
        handleCompositionUpdate: (event: CompositionEvent) => void;
        handleCompositionEnd: (event: CompositionEvent) => void;
        focus: () => Promise<void>;
        handleFocus: (event: FocusEvent) => void;
        blur: () => void | undefined;
        handleBlur: (event: FocusEvent) => void;
        handleChange: (event: Event) => void;
        handleKeydown: (event: KeyboardEvent) => void;
        handleMouseLeave: (event: MouseEvent) => void;
        handleMouseEnter: (event: MouseEvent) => void;
    }> & {} & {} & import("vue").ComponentCustomProperties;
    __isFragment?: undefined;
    __isTeleport?: undefined;
    __isSuspense?: undefined;
} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
    type: {
        type: StringConstructor;
        required: false;
    };
    size: {
        type: null;
        required: false;
    };
    disabled: {
        type: BooleanConstructor;
        required: false;
    };
    placeholder: {
        type: StringConstructor;
        required: false;
    };
    modelValue: {
        type: null;
        required: true;
    };
    showWorldLimit: {
        type: BooleanConstructor;
        required: false;
    };
}>> & {
    onInput?: ((...args: any[]) => any) | undefined;
    onCompositionstart?: ((...args: any[]) => any) | undefined;
    onCompositionupdate?: ((...args: any[]) => any) | undefined;
    onCompositionend?: ((...args: any[]) => any) | undefined;
    onFocus?: ((...args: any[]) => any) | undefined;
    onBlur?: ((...args: any[]) => any) | undefined;
    onChange?: ((...args: any[]) => any) | undefined;
    onKeydown?: ((...args: any[]) => any) | undefined;
    onMouseleave?: ((...args: any[]) => any) | undefined;
    onMouseenter?: ((...args: any[]) => any) | undefined;
}, {
    isComposing: import("vue").Ref<boolean>;
    focused: import("vue").Ref<boolean>;
    hovering: import("vue").Ref<boolean>;
    attrs: import("vue").ComputedRef<Record<string, unknown>>;
    props: {
        type?: string | undefined;
        size?: "small" | "default" | "large" | undefined;
        disabled?: boolean | undefined;
        placeholder?: string | undefined;
        modelValue: any;
        showWorldLimit?: boolean | undefined;
    };
    type: string;
    size: "small" | "default" | "large";
    disabled: boolean;
    placeholder: string;
    input: import("vue").ShallowRef<HTMLInputElement | undefined>;
    textarea: import("vue").ShallowRef<HTMLTextAreaElement | undefined>;
    nativeInputValue: import("vue").ComputedRef<string>;
    _ref: import("vue").ComputedRef<HTMLInputElement | HTMLTextAreaElement | undefined>;
    setNativeInputValue: () => void;
    emit: {
        (e: "input", value: string): void;
        (e: "compositionstart", event: CompositionEvent): void;
        (e: "compositionupdate", event: CompositionEvent): void;
        (e: "compositionend", event: CompositionEvent): void;
        (e: "focus", event: FocusEvent): void;
        (e: "blur", event: FocusEvent): void;
        (e: "change", event: Event): void;
        (e: "keydown", event: KeyboardEvent): void;
        (e: "mouseleave", event: MouseEvent): void;
        (e: "mouseenter", event: MouseEvent): void;
    };
    handleInput: (event: Event) => Promise<void>;
    handleCompositionStart: (event: CompositionEvent) => void;
    handleCompositionUpdate: (event: CompositionEvent) => void;
    handleCompositionEnd: (event: CompositionEvent) => void;
    focus: () => Promise<void>;
    handleFocus: (event: FocusEvent) => void;
    blur: () => void | undefined;
    handleBlur: (event: FocusEvent) => void;
    handleChange: (event: Event) => void;
    handleKeydown: (event: KeyboardEvent) => void;
    handleMouseLeave: (event: MouseEvent) => void;
    handleMouseEnter: (event: MouseEvent) => void;
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("input" | "compositionstart" | "compositionupdate" | "compositionend" | "focus" | "blur" | "change" | "keydown" | "mouseleave" | "mouseenter")[], "input" | "compositionstart" | "compositionupdate" | "compositionend" | "focus" | "blur" | "change" | "keydown" | "mouseleave" | "mouseenter", {
    disabled: boolean;
    showWorldLimit: boolean;
}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("@vue/runtime-core").Plugin) & Record<string, any>;
export default DktInput;