tdesign-mobile-vue/esm/input/index.d.ts

tdesign-mobile-vue

import './style';
import { TdInputProps } from './type';
export * from './type';
export type InputProps = TdInputProps;
export declare const Input: {
    new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
        align: {
            type: import("vue").PropType<"center" | "left" | "right">;
            default: "center" | "left" | "right";
            validator(val: "center" | "left" | "right"): boolean;
        };
        allowInputOverMax: BooleanConstructor;
        autocomplete: {
            type: StringConstructor;
            default: any;
        };
        autofocus: BooleanConstructor;
        borderless: BooleanConstructor;
        clearTrigger: {
            type: import("vue").PropType<"always" | "focus">;
            default: "always" | "focus";
            validator(val: "always" | "focus"): boolean;
        };
        clearable: BooleanConstructor;
        cursorColor: {
            type: StringConstructor;
            default: string;
        };
        disabled: {
            type: BooleanConstructor;
            default: any;
        };
        enterkeyhint: {
            type: import("vue").PropType<"done" | "enter" | "go" | "next" | "previous" | "search" | "send">;
            validator(val: "done" | "enter" | "go" | "next" | "previous" | "search" | "send"): boolean;
        };
        extra: {
            type: import("vue").PropType<(h: typeof import("vue").h) => import("@/common").SlotReturnValue>;
        };
        format: {
            type: import("vue").PropType<import("@/components").InputFormatType>;
        };
        label: {
            type: import("vue").PropType<string | ((h: typeof import("vue").h) => import("@/common").SlotReturnValue)>;
        };
        layout: {
            type: import("vue").PropType<"horizontal" | "vertical">;
            default: "horizontal" | "vertical";
            validator(val: "horizontal" | "vertical"): boolean;
        };
        maxcharacter: {
            type: NumberConstructor;
        };
        maxlength: {
            type: import("vue").PropType<string | number>;
        };
        name: {
            type: StringConstructor;
            default: string;
        };
        placeholder: {
            type: StringConstructor;
            default: any;
        };
        prefixIcon: {
            type: import("vue").PropType<(h: typeof import("vue").h) => import("@/common").SlotReturnValue>;
        };
        readonly: {
            type: BooleanConstructor;
            default: any;
        };
        spellCheck: BooleanConstructor;
        status: {
            type: import("vue").PropType<"default" | "error" | "success" | "warning">;
            default: "default" | "error" | "success" | "warning";
            validator(val: "default" | "error" | "success" | "warning"): boolean;
        };
        suffix: {
            type: import("vue").PropType<string | ((h: typeof import("vue").h) => import("@/common").SlotReturnValue)>;
        };
        suffixIcon: {
            type: import("vue").PropType<(h: typeof import("vue").h) => import("@/common").SlotReturnValue>;
        };
        tips: {
            type: import("vue").PropType<string | ((h: typeof import("vue").h) => import("@/common").SlotReturnValue)>;
        };
        type: {
            type: import("vue").PropType<"hidden" | "number" | "password" | "search" | "submit" | "tel" | "text" | "url">;
            default: "hidden" | "number" | "password" | "search" | "submit" | "tel" | "text" | "url";
            validator(val: "hidden" | "number" | "password" | "search" | "submit" | "tel" | "text" | "url"): boolean;
        };
        value: {
            type: import("vue").PropType<import("@/components").InputValue>;
            default: import("@/components").InputValue;
        };
        modelValue: {
            type: import("vue").PropType<import("@/components").InputValue>;
            default: import("@/components").InputValue;
        };
        defaultValue: {
            type: import("vue").PropType<import("@/components").InputValue>;
        };
        onBlur: import("vue").PropType<(value: import("@/components").InputValue, context: {
            e: FocusEvent;
        }) => void>;
        onChange: import("vue").PropType<(value: import("@/components").InputValue, context?: {
            e?: CompositionEvent | InputEvent | MouseEvent;
            trigger: "clear" | "initial" | "input";
        }) => void>;
        onClear: import("vue").PropType<(context: {
            e: TouchEvent;
        }) => void>;
        onFocus: import("vue").PropType<(value: import("@/components").InputValue, context: {
            e: FocusEvent;
        }) => void>;
        onValidate: import("vue").PropType<(context: {
            error?: "below-minimum" | "exceed-maximum";
        }) => void>;
        labelAlign: {
            type: StringConstructor;
            default: string;
        };
        pattern: {
            type: StringConstructor;
        };
        inputmode: {
            type: import("vue").PropType<"decimal" | "email" | "none" | "numeric" | "search" | "tel" | "text" | "url">;
            validator(val: string): boolean;
        };
    }>> & Readonly<{}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {
        align: "center" | "left" | "right";
        allowInputOverMax: boolean;
        autocomplete: string;
        autofocus: boolean;
        borderless: boolean;
        clearTrigger: "always" | "focus";
        clearable: boolean;
        cursorColor: string;
        disabled: boolean;
        layout: "horizontal" | "vertical";
        name: string;
        placeholder: string;
        readonly: boolean;
        spellCheck: boolean;
        status: "default" | "error" | "success" | "warning";
        type: "hidden" | "number" | "password" | "search" | "submit" | "tel" | "text" | "url";
        value: import("@/components").InputValue;
        modelValue: import("@/components").InputValue;
        labelAlign: string;
    }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
        P: {};
        B: {};
        D: {};
        C: {};
        M: {};
        Defaults: {};
    }, Readonly<import("vue").ExtractPropTypes<{
        align: {
            type: import("vue").PropType<"center" | "left" | "right">;
            default: "center" | "left" | "right";
            validator(val: "center" | "left" | "right"): boolean;
        };
        allowInputOverMax: BooleanConstructor;
        autocomplete: {
            type: StringConstructor;
            default: any;
        };
        autofocus: BooleanConstructor;
        borderless: BooleanConstructor;
        clearTrigger: {
            type: import("vue").PropType<"always" | "focus">;
            default: "always" | "focus";
            validator(val: "always" | "focus"): boolean;
        };
        clearable: BooleanConstructor;
        cursorColor: {
            type: StringConstructor;
            default: string;
        };
        disabled: {
            type: BooleanConstructor;
            default: any;
        };
        enterkeyhint: {
            type: import("vue").PropType<"done" | "enter" | "go" | "next" | "previous" | "search" | "send">;
            validator(val: "done" | "enter" | "go" | "next" | "previous" | "search" | "send"): boolean;
        };
        extra: {
            type: import("vue").PropType<(h: typeof import("vue").h) => import("@/common").SlotReturnValue>;
        };
        format: {
            type: import("vue").PropType<import("@/components").InputFormatType>;
        };
        label: {
            type: import("vue").PropType<string | ((h: typeof import("vue").h) => import("@/common").SlotReturnValue)>;
        };
        layout: {
            type: import("vue").PropType<"horizontal" | "vertical">;
            default: "horizontal" | "vertical";
            validator(val: "horizontal" | "vertical"): boolean;
        };
        maxcharacter: {
            type: NumberConstructor;
        };
        maxlength: {
            type: import("vue").PropType<string | number>;
        };
        name: {
            type: StringConstructor;
            default: string;
        };
        placeholder: {
            type: StringConstructor;
            default: any;
        };
        prefixIcon: {
            type: import("vue").PropType<(h: typeof import("vue").h) => import("@/common").SlotReturnValue>;
        };
        readonly: {
            type: BooleanConstructor;
            default: any;
        };
        spellCheck: BooleanConstructor;
        status: {
            type: import("vue").PropType<"default" | "error" | "success" | "warning">;
            default: "default" | "error" | "success" | "warning";
            validator(val: "default" | "error" | "success" | "warning"): boolean;
        };
        suffix: {
            type: import("vue").PropType<string | ((h: typeof import("vue").h) => import("@/common").SlotReturnValue)>;
        };
        suffixIcon: {
            type: import("vue").PropType<(h: typeof import("vue").h) => import("@/common").SlotReturnValue>;
        };
        tips: {
            type: import("vue").PropType<string | ((h: typeof import("vue").h) => import("@/common").SlotReturnValue)>;
        };
        type: {
            type: import("vue").PropType<"hidden" | "number" | "password" | "search" | "submit" | "tel" | "text" | "url">;
            default: "hidden" | "number" | "password" | "search" | "submit" | "tel" | "text" | "url";
            validator(val: "hidden" | "number" | "password" | "search" | "submit" | "tel" | "text" | "url"): boolean;
        };
        value: {
            type: import("vue").PropType<import("@/components").InputValue>;
            default: import("@/components").InputValue;
        };
        modelValue: {
            type: import("vue").PropType<import("@/components").InputValue>;
            default: import("@/components").InputValue;
        };
        defaultValue: {
            type: import("vue").PropType<import("@/components").InputValue>;
        };
        onBlur: import("vue").PropType<(value: import("@/components").InputValue, context: {
            e: FocusEvent;
        }) => void>;
        onChange: import("vue").PropType<(value: import("@/components").InputValue, context?: {
            e?: CompositionEvent | InputEvent | MouseEvent;
            trigger: "clear" | "initial" | "input";
        }) => void>;
        onClear: import("vue").PropType<(context: {
            e: TouchEvent;
        }) => void>;
        onFocus: import("vue").PropType<(value: import("@/components").InputValue, context: {
            e: FocusEvent;
        }) => void>;
        onValidate: import("vue").PropType<(context: {
            error?: "below-minimum" | "exceed-maximum";
        }) => void>;
        labelAlign: {
            type: StringConstructor;
            default: string;
        };
        pattern: {
            type: StringConstructor;
        };
        inputmode: {
            type: import("vue").PropType<"decimal" | "email" | "none" | "numeric" | "search" | "tel" | "text" | "url">;
            validator(val: string): boolean;
        };
    }>> & Readonly<{}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, {
        align: "center" | "left" | "right";
        allowInputOverMax: boolean;
        autocomplete: string;
        autofocus: boolean;
        borderless: boolean;
        clearTrigger: "always" | "focus";
        clearable: boolean;
        cursorColor: string;
        disabled: boolean;
        layout: "horizontal" | "vertical";
        name: string;
        placeholder: string;
        readonly: boolean;
        spellCheck: boolean;
        status: "default" | "error" | "success" | "warning";
        type: "hidden" | "number" | "password" | "search" | "submit" | "tel" | "text" | "url";
        value: import("@/components").InputValue;
        modelValue: import("@/components").InputValue;
        labelAlign: string;
    }>;
    __isFragment?: never;
    __isTeleport?: never;
    __isSuspense?: never;
} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
    align: {
        type: import("vue").PropType<"center" | "left" | "right">;
        default: "center" | "left" | "right";
        validator(val: "center" | "left" | "right"): boolean;
    };
    allowInputOverMax: BooleanConstructor;
    autocomplete: {
        type: StringConstructor;
        default: any;
    };
    autofocus: BooleanConstructor;
    borderless: BooleanConstructor;
    clearTrigger: {
        type: import("vue").PropType<"always" | "focus">;
        default: "always" | "focus";
        validator(val: "always" | "focus"): boolean;
    };
    clearable: BooleanConstructor;
    cursorColor: {
        type: StringConstructor;
        default: string;
    };
    disabled: {
        type: BooleanConstructor;
        default: any;
    };
    enterkeyhint: {
        type: import("vue").PropType<"done" | "enter" | "go" | "next" | "previous" | "search" | "send">;
        validator(val: "done" | "enter" | "go" | "next" | "previous" | "search" | "send"): boolean;
    };
    extra: {
        type: import("vue").PropType<(h: typeof import("vue").h) => import("@/common").SlotReturnValue>;
    };
    format: {
        type: import("vue").PropType<import("@/components").InputFormatType>;
    };
    label: {
        type: import("vue").PropType<string | ((h: typeof import("vue").h) => import("@/common").SlotReturnValue)>;
    };
    layout: {
        type: import("vue").PropType<"horizontal" | "vertical">;
        default: "horizontal" | "vertical";
        validator(val: "horizontal" | "vertical"): boolean;
    };
    maxcharacter: {
        type: NumberConstructor;
    };
    maxlength: {
        type: import("vue").PropType<string | number>;
    };
    name: {
        type: StringConstructor;
        default: string;
    };
    placeholder: {
        type: StringConstructor;
        default: any;
    };
    prefixIcon: {
        type: import("vue").PropType<(h: typeof import("vue").h) => import("@/common").SlotReturnValue>;
    };
    readonly: {
        type: BooleanConstructor;
        default: any;
    };
    spellCheck: BooleanConstructor;
    status: {
        type: import("vue").PropType<"default" | "error" | "success" | "warning">;
        default: "default" | "error" | "success" | "warning";
        validator(val: "default" | "error" | "success" | "warning"): boolean;
    };
    suffix: {
        type: import("vue").PropType<string | ((h: typeof import("vue").h) => import("@/common").SlotReturnValue)>;
    };
    suffixIcon: {
        type: import("vue").PropType<(h: typeof import("vue").h) => import("@/common").SlotReturnValue>;
    };
    tips: {
        type: import("vue").PropType<string | ((h: typeof import("vue").h) => import("@/common").SlotReturnValue)>;
    };
    type: {
        type: import("vue").PropType<"hidden" | "number" | "password" | "search" | "submit" | "tel" | "text" | "url">;
        default: "hidden" | "number" | "password" | "search" | "submit" | "tel" | "text" | "url";
        validator(val: "hidden" | "number" | "password" | "search" | "submit" | "tel" | "text" | "url"): boolean;
    };
    value: {
        type: import("vue").PropType<import("@/components").InputValue>;
        default: import("@/components").InputValue;
    };
    modelValue: {
        type: import("vue").PropType<import("@/components").InputValue>;
        default: import("@/components").InputValue;
    };
    defaultValue: {
        type: import("vue").PropType<import("@/components").InputValue>;
    };
    onBlur: import("vue").PropType<(value: import("@/components").InputValue, context: {
        e: FocusEvent;
    }) => void>;
    onChange: import("vue").PropType<(value: import("@/components").InputValue, context?: {
        e?: CompositionEvent | InputEvent | MouseEvent;
        trigger: "clear" | "initial" | "input";
    }) => void>;
    onClear: import("vue").PropType<(context: {
        e: TouchEvent;
    }) => void>;
    onFocus: import("vue").PropType<(value: import("@/components").InputValue, context: {
        e: FocusEvent;
    }) => void>;
    onValidate: import("vue").PropType<(context: {
        error?: "below-minimum" | "exceed-maximum";
    }) => void>;
    labelAlign: {
        type: StringConstructor;
        default: string;
    };
    pattern: {
        type: StringConstructor;
    };
    inputmode: {
        type: import("vue").PropType<"decimal" | "email" | "none" | "numeric" | "search" | "tel" | "text" | "url">;
        validator(val: string): boolean;
    };
}>> & Readonly<{}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
    align: "center" | "left" | "right";
    allowInputOverMax: boolean;
    autocomplete: string;
    autofocus: boolean;
    borderless: boolean;
    clearTrigger: "always" | "focus";
    clearable: boolean;
    cursorColor: string;
    disabled: boolean;
    layout: "horizontal" | "vertical";
    name: string;
    placeholder: string;
    readonly: boolean;
    spellCheck: boolean;
    status: "default" | "error" | "success" | "warning";
    type: "hidden" | "number" | "password" | "search" | "submit" | "tel" | "text" | "url";
    value: import("@/components").InputValue;
    modelValue: import("@/components").InputValue;
    labelAlign: string;
}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin;
export default Input;