tdesign-mobile-vue/es/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<TdInputProps['align']>;
            default: TdInputProps['align'];
            validator(val: TdInputProps['align']): boolean;
        };
        allowInputOverMax: BooleanConstructor;
        autocomplete: {
            type: StringConstructor;
            default: any;
        };
        autofocus: BooleanConstructor;
        borderless: BooleanConstructor;
        clearTrigger: {
            type: import("vue").PropType<TdInputProps['clearTrigger']>;
            default: TdInputProps['clearTrigger'];
            validator(val: TdInputProps['clearTrigger']): boolean;
        };
        clearable: BooleanConstructor;
        cursorColor: {
            type: StringConstructor;
            default: string;
        };
        disabled: {
            type: BooleanConstructor;
            default: any;
        };
        enterkeyhint: {
            type: import("vue").PropType<TdInputProps['enterkeyhint']>;
            validator(val: TdInputProps['enterkeyhint']): boolean;
        };
        extra: {
            type: import("vue").PropType<TdInputProps['extra']>;
        };
        format: {
            type: import("vue").PropType<TdInputProps['format']>;
        };
        label: {
            type: import("vue").PropType<TdInputProps['label']>;
        };
        layout: {
            type: import("vue").PropType<TdInputProps['layout']>;
            default: TdInputProps['layout'];
            validator(val: TdInputProps['layout']): boolean;
        };
        maxcharacter: {
            type: NumberConstructor;
        };
        maxlength: {
            type: import("vue").PropType<TdInputProps['maxlength']>;
        };
        name: {
            type: StringConstructor;
            default: string;
        };
        placeholder: {
            type: StringConstructor;
            default: any;
        };
        prefixIcon: {
            type: import("vue").PropType<TdInputProps['prefixIcon']>;
        };
        readonly: {
            type: BooleanConstructor;
            default: any;
        };
        spellCheck: BooleanConstructor;
        status: {
            type: import("vue").PropType<TdInputProps['status']>;
            default: TdInputProps['status'];
            validator(val: TdInputProps['status']): boolean;
        };
        suffix: {
            type: import("vue").PropType<TdInputProps['suffix']>;
        };
        suffixIcon: {
            type: import("vue").PropType<TdInputProps['suffixIcon']>;
        };
        tips: {
            type: import("vue").PropType<TdInputProps['tips']>;
        };
        type: {
            type: import("vue").PropType<TdInputProps['type']>;
            default: TdInputProps['type'];
            validator(val: TdInputProps['type']): boolean;
        };
        value: {
            type: import("vue").PropType<TdInputProps['value']>;
            default: TdInputProps['value'];
        };
        modelValue: {
            type: import("vue").PropType<TdInputProps['value']>;
            default: TdInputProps['value'];
        };
        defaultValue: {
            type: import("vue").PropType<TdInputProps['defaultValue']>;
        };
        onBlur: import("vue").PropType<TdInputProps['onBlur']>;
        onChange: import("vue").PropType<TdInputProps['onChange']>;
        onClear: import("vue").PropType<TdInputProps['onClear']>;
        onFocus: import("vue").PropType<TdInputProps['onFocus']>;
        onValidate: import("vue").PropType<TdInputProps['onValidate']>;
        labelAlign: {
            type: StringConstructor;
            default: string;
        };
        pattern: {
            type: StringConstructor;
        };
        inputmode: {
            type: import("vue").PropType<'search' | 'text' | 'none' | 'url' | 'tel' | 'email' | 'numeric' | 'decimal'>;
            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<TdInputProps['align']>;
            default: TdInputProps['align'];
            validator(val: TdInputProps['align']): boolean;
        };
        allowInputOverMax: BooleanConstructor;
        autocomplete: {
            type: StringConstructor;
            default: any;
        };
        autofocus: BooleanConstructor;
        borderless: BooleanConstructor;
        clearTrigger: {
            type: import("vue").PropType<TdInputProps['clearTrigger']>;
            default: TdInputProps['clearTrigger'];
            validator(val: TdInputProps['clearTrigger']): boolean;
        };
        clearable: BooleanConstructor;
        cursorColor: {
            type: StringConstructor;
            default: string;
        };
        disabled: {
            type: BooleanConstructor;
            default: any;
        };
        enterkeyhint: {
            type: import("vue").PropType<TdInputProps['enterkeyhint']>;
            validator(val: TdInputProps['enterkeyhint']): boolean;
        };
        extra: {
            type: import("vue").PropType<TdInputProps['extra']>;
        };
        format: {
            type: import("vue").PropType<TdInputProps['format']>;
        };
        label: {
            type: import("vue").PropType<TdInputProps['label']>;
        };
        layout: {
            type: import("vue").PropType<TdInputProps['layout']>;
            default: TdInputProps['layout'];
            validator(val: TdInputProps['layout']): boolean;
        };
        maxcharacter: {
            type: NumberConstructor;
        };
        maxlength: {
            type: import("vue").PropType<TdInputProps['maxlength']>;
        };
        name: {
            type: StringConstructor;
            default: string;
        };
        placeholder: {
            type: StringConstructor;
            default: any;
        };
        prefixIcon: {
            type: import("vue").PropType<TdInputProps['prefixIcon']>;
        };
        readonly: {
            type: BooleanConstructor;
            default: any;
        };
        spellCheck: BooleanConstructor;
        status: {
            type: import("vue").PropType<TdInputProps['status']>;
            default: TdInputProps['status'];
            validator(val: TdInputProps['status']): boolean;
        };
        suffix: {
            type: import("vue").PropType<TdInputProps['suffix']>;
        };
        suffixIcon: {
            type: import("vue").PropType<TdInputProps['suffixIcon']>;
        };
        tips: {
            type: import("vue").PropType<TdInputProps['tips']>;
        };
        type: {
            type: import("vue").PropType<TdInputProps['type']>;
            default: TdInputProps['type'];
            validator(val: TdInputProps['type']): boolean;
        };
        value: {
            type: import("vue").PropType<TdInputProps['value']>;
            default: TdInputProps['value'];
        };
        modelValue: {
            type: import("vue").PropType<TdInputProps['value']>;
            default: TdInputProps['value'];
        };
        defaultValue: {
            type: import("vue").PropType<TdInputProps['defaultValue']>;
        };
        onBlur: import("vue").PropType<TdInputProps['onBlur']>;
        onChange: import("vue").PropType<TdInputProps['onChange']>;
        onClear: import("vue").PropType<TdInputProps['onClear']>;
        onFocus: import("vue").PropType<TdInputProps['onFocus']>;
        onValidate: import("vue").PropType<TdInputProps['onValidate']>;
        labelAlign: {
            type: StringConstructor;
            default: string;
        };
        pattern: {
            type: StringConstructor;
        };
        inputmode: {
            type: import("vue").PropType<'search' | 'text' | 'none' | 'url' | 'tel' | 'email' | 'numeric' | 'decimal'>;
            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<TdInputProps['align']>;
        default: TdInputProps['align'];
        validator(val: TdInputProps['align']): boolean;
    };
    allowInputOverMax: BooleanConstructor;
    autocomplete: {
        type: StringConstructor;
        default: any;
    };
    autofocus: BooleanConstructor;
    borderless: BooleanConstructor;
    clearTrigger: {
        type: import("vue").PropType<TdInputProps['clearTrigger']>;
        default: TdInputProps['clearTrigger'];
        validator(val: TdInputProps['clearTrigger']): boolean;
    };
    clearable: BooleanConstructor;
    cursorColor: {
        type: StringConstructor;
        default: string;
    };
    disabled: {
        type: BooleanConstructor;
        default: any;
    };
    enterkeyhint: {
        type: import("vue").PropType<TdInputProps['enterkeyhint']>;
        validator(val: TdInputProps['enterkeyhint']): boolean;
    };
    extra: {
        type: import("vue").PropType<TdInputProps['extra']>;
    };
    format: {
        type: import("vue").PropType<TdInputProps['format']>;
    };
    label: {
        type: import("vue").PropType<TdInputProps['label']>;
    };
    layout: {
        type: import("vue").PropType<TdInputProps['layout']>;
        default: TdInputProps['layout'];
        validator(val: TdInputProps['layout']): boolean;
    };
    maxcharacter: {
        type: NumberConstructor;
    };
    maxlength: {
        type: import("vue").PropType<TdInputProps['maxlength']>;
    };
    name: {
        type: StringConstructor;
        default: string;
    };
    placeholder: {
        type: StringConstructor;
        default: any;
    };
    prefixIcon: {
        type: import("vue").PropType<TdInputProps['prefixIcon']>;
    };
    readonly: {
        type: BooleanConstructor;
        default: any;
    };
    spellCheck: BooleanConstructor;
    status: {
        type: import("vue").PropType<TdInputProps['status']>;
        default: TdInputProps['status'];
        validator(val: TdInputProps['status']): boolean;
    };
    suffix: {
        type: import("vue").PropType<TdInputProps['suffix']>;
    };
    suffixIcon: {
        type: import("vue").PropType<TdInputProps['suffixIcon']>;
    };
    tips: {
        type: import("vue").PropType<TdInputProps['tips']>;
    };
    type: {
        type: import("vue").PropType<TdInputProps['type']>;
        default: TdInputProps['type'];
        validator(val: TdInputProps['type']): boolean;
    };
    value: {
        type: import("vue").PropType<TdInputProps['value']>;
        default: TdInputProps['value'];
    };
    modelValue: {
        type: import("vue").PropType<TdInputProps['value']>;
        default: TdInputProps['value'];
    };
    defaultValue: {
        type: import("vue").PropType<TdInputProps['defaultValue']>;
    };
    onBlur: import("vue").PropType<TdInputProps['onBlur']>;
    onChange: import("vue").PropType<TdInputProps['onChange']>;
    onClear: import("vue").PropType<TdInputProps['onClear']>;
    onFocus: import("vue").PropType<TdInputProps['onFocus']>;
    onValidate: import("vue").PropType<TdInputProps['onValidate']>;
    labelAlign: {
        type: StringConstructor;
        default: string;
    };
    pattern: {
        type: StringConstructor;
    };
    inputmode: {
        type: import("vue").PropType<'search' | 'text' | 'none' | 'url' | 'tel' | 'email' | 'numeric' | 'decimal'>;
        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;