239 lines
8.9 KiB
TypeScript
239 lines
8.9 KiB
TypeScript
import { FieldProps } from './Field';
|
|
export declare const Field: import("../utils").WithInstall<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
|
|
tag: {
|
|
type: import("vue").PropType<keyof HTMLElementTagNameMap>;
|
|
default: keyof HTMLElementTagNameMap;
|
|
};
|
|
icon: StringConstructor;
|
|
size: import("vue").PropType<import("..").CellSize>;
|
|
title: (NumberConstructor | StringConstructor)[];
|
|
value: (NumberConstructor | StringConstructor)[];
|
|
label: (NumberConstructor | StringConstructor)[];
|
|
center: BooleanConstructor;
|
|
isLink: BooleanConstructor;
|
|
border: {
|
|
type: BooleanConstructor;
|
|
default: true;
|
|
};
|
|
iconPrefix: StringConstructor;
|
|
valueClass: import("vue").PropType<unknown>;
|
|
labelClass: import("vue").PropType<unknown>;
|
|
titleClass: import("vue").PropType<unknown>;
|
|
titleStyle: import("vue").PropType<string | import("vue").CSSProperties>;
|
|
arrowDirection: import("vue").PropType<import("..").CellArrowDirection>;
|
|
required: {
|
|
type: import("vue").PropType<boolean | "auto">;
|
|
default: null;
|
|
};
|
|
clickable: {
|
|
type: import("vue").PropType<boolean | null>;
|
|
default: null;
|
|
};
|
|
} & {
|
|
id: StringConstructor;
|
|
name: StringConstructor;
|
|
leftIcon: StringConstructor;
|
|
rightIcon: StringConstructor;
|
|
autofocus: BooleanConstructor;
|
|
clearable: BooleanConstructor;
|
|
maxlength: (NumberConstructor | StringConstructor)[];
|
|
max: NumberConstructor;
|
|
min: NumberConstructor;
|
|
formatter: import("vue").PropType<(value: string) => string>;
|
|
clearIcon: {
|
|
type: import("vue").PropType<string>;
|
|
default: string;
|
|
};
|
|
modelValue: {
|
|
type: (NumberConstructor | StringConstructor)[];
|
|
default: string;
|
|
};
|
|
inputAlign: import("vue").PropType<import("./types").FieldTextAlign>;
|
|
placeholder: StringConstructor;
|
|
autocomplete: StringConstructor;
|
|
autocapitalize: StringConstructor;
|
|
autocorrect: StringConstructor;
|
|
errorMessage: StringConstructor;
|
|
enterkeyhint: StringConstructor;
|
|
clearTrigger: {
|
|
type: import("vue").PropType<import("./types").FieldClearTrigger>;
|
|
default: import("./types").FieldClearTrigger;
|
|
};
|
|
formatTrigger: {
|
|
type: import("vue").PropType<import("./types").FieldFormatTrigger>;
|
|
default: import("./types").FieldFormatTrigger;
|
|
};
|
|
spellcheck: {
|
|
type: BooleanConstructor;
|
|
default: null;
|
|
};
|
|
error: {
|
|
type: BooleanConstructor;
|
|
default: null;
|
|
};
|
|
disabled: {
|
|
type: BooleanConstructor;
|
|
default: null;
|
|
};
|
|
readonly: {
|
|
type: BooleanConstructor;
|
|
default: null;
|
|
};
|
|
inputmode: import("vue").PropType<import("vue").HTMLAttributes["inputmode"]>;
|
|
} & {
|
|
rows: (NumberConstructor | StringConstructor)[];
|
|
type: {
|
|
type: import("vue").PropType<import("./types").FieldType>;
|
|
default: import("./types").FieldType;
|
|
};
|
|
rules: import("vue").PropType<import("./types").FieldRule[]>;
|
|
autosize: import("vue").PropType<boolean | import("./types").FieldAutosizeConfig>;
|
|
labelWidth: (NumberConstructor | StringConstructor)[];
|
|
labelClass: import("vue").PropType<unknown>;
|
|
labelAlign: import("vue").PropType<import("./types").FieldTextAlign>;
|
|
showWordLimit: BooleanConstructor;
|
|
errorMessageAlign: import("vue").PropType<import("./types").FieldTextAlign>;
|
|
colon: {
|
|
type: BooleanConstructor;
|
|
default: null;
|
|
};
|
|
}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("clear" | "focus" | "blur" | "keypress" | "clickInput" | "endValidate" | "startValidate" | "clickLeftIcon" | "clickRightIcon" | "update:modelValue")[], "clear" | "focus" | "blur" | "keypress" | "clickInput" | "endValidate" | "startValidate" | "clickLeftIcon" | "clickRightIcon" | "update:modelValue", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
tag: {
|
|
type: import("vue").PropType<keyof HTMLElementTagNameMap>;
|
|
default: keyof HTMLElementTagNameMap;
|
|
};
|
|
icon: StringConstructor;
|
|
size: import("vue").PropType<import("..").CellSize>;
|
|
title: (NumberConstructor | StringConstructor)[];
|
|
value: (NumberConstructor | StringConstructor)[];
|
|
label: (NumberConstructor | StringConstructor)[];
|
|
center: BooleanConstructor;
|
|
isLink: BooleanConstructor;
|
|
border: {
|
|
type: BooleanConstructor;
|
|
default: true;
|
|
};
|
|
iconPrefix: StringConstructor;
|
|
valueClass: import("vue").PropType<unknown>;
|
|
labelClass: import("vue").PropType<unknown>;
|
|
titleClass: import("vue").PropType<unknown>;
|
|
titleStyle: import("vue").PropType<string | import("vue").CSSProperties>;
|
|
arrowDirection: import("vue").PropType<import("..").CellArrowDirection>;
|
|
required: {
|
|
type: import("vue").PropType<boolean | "auto">;
|
|
default: null;
|
|
};
|
|
clickable: {
|
|
type: import("vue").PropType<boolean | null>;
|
|
default: null;
|
|
};
|
|
} & {
|
|
id: StringConstructor;
|
|
name: StringConstructor;
|
|
leftIcon: StringConstructor;
|
|
rightIcon: StringConstructor;
|
|
autofocus: BooleanConstructor;
|
|
clearable: BooleanConstructor;
|
|
maxlength: (NumberConstructor | StringConstructor)[];
|
|
max: NumberConstructor;
|
|
min: NumberConstructor;
|
|
formatter: import("vue").PropType<(value: string) => string>;
|
|
clearIcon: {
|
|
type: import("vue").PropType<string>;
|
|
default: string;
|
|
};
|
|
modelValue: {
|
|
type: (NumberConstructor | StringConstructor)[];
|
|
default: string;
|
|
};
|
|
inputAlign: import("vue").PropType<import("./types").FieldTextAlign>;
|
|
placeholder: StringConstructor;
|
|
autocomplete: StringConstructor;
|
|
autocapitalize: StringConstructor;
|
|
autocorrect: StringConstructor;
|
|
errorMessage: StringConstructor;
|
|
enterkeyhint: StringConstructor;
|
|
clearTrigger: {
|
|
type: import("vue").PropType<import("./types").FieldClearTrigger>;
|
|
default: import("./types").FieldClearTrigger;
|
|
};
|
|
formatTrigger: {
|
|
type: import("vue").PropType<import("./types").FieldFormatTrigger>;
|
|
default: import("./types").FieldFormatTrigger;
|
|
};
|
|
spellcheck: {
|
|
type: BooleanConstructor;
|
|
default: null;
|
|
};
|
|
error: {
|
|
type: BooleanConstructor;
|
|
default: null;
|
|
};
|
|
disabled: {
|
|
type: BooleanConstructor;
|
|
default: null;
|
|
};
|
|
readonly: {
|
|
type: BooleanConstructor;
|
|
default: null;
|
|
};
|
|
inputmode: import("vue").PropType<import("vue").HTMLAttributes["inputmode"]>;
|
|
} & {
|
|
rows: (NumberConstructor | StringConstructor)[];
|
|
type: {
|
|
type: import("vue").PropType<import("./types").FieldType>;
|
|
default: import("./types").FieldType;
|
|
};
|
|
rules: import("vue").PropType<import("./types").FieldRule[]>;
|
|
autosize: import("vue").PropType<boolean | import("./types").FieldAutosizeConfig>;
|
|
labelWidth: (NumberConstructor | StringConstructor)[];
|
|
labelClass: import("vue").PropType<unknown>;
|
|
labelAlign: import("vue").PropType<import("./types").FieldTextAlign>;
|
|
showWordLimit: BooleanConstructor;
|
|
errorMessageAlign: import("vue").PropType<import("./types").FieldTextAlign>;
|
|
colon: {
|
|
type: BooleanConstructor;
|
|
default: null;
|
|
};
|
|
}>> & Readonly<{
|
|
onFocus?: ((...args: any[]) => any) | undefined;
|
|
onBlur?: ((...args: any[]) => any) | undefined;
|
|
onKeypress?: ((...args: any[]) => any) | undefined;
|
|
onClear?: ((...args: any[]) => any) | undefined;
|
|
onClickInput?: ((...args: any[]) => any) | undefined;
|
|
onEndValidate?: ((...args: any[]) => any) | undefined;
|
|
onStartValidate?: ((...args: any[]) => any) | undefined;
|
|
onClickLeftIcon?: ((...args: any[]) => any) | undefined;
|
|
onClickRightIcon?: ((...args: any[]) => any) | undefined;
|
|
"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
|
|
}>, {
|
|
type: import("./types").FieldType;
|
|
tag: keyof HTMLElementTagNameMap;
|
|
center: boolean;
|
|
autofocus: boolean;
|
|
disabled: boolean;
|
|
border: boolean;
|
|
isLink: boolean;
|
|
required: boolean | "auto";
|
|
clickable: boolean | null;
|
|
clearable: boolean;
|
|
clearIcon: string;
|
|
modelValue: string | number;
|
|
clearTrigger: import("./types").FieldClearTrigger;
|
|
formatTrigger: import("./types").FieldFormatTrigger;
|
|
spellcheck: boolean;
|
|
error: boolean;
|
|
readonly: boolean;
|
|
showWordLimit: boolean;
|
|
colon: boolean;
|
|
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;
|
|
export default Field;
|
|
export { fieldProps } from './Field';
|
|
export type { FieldProps };
|
|
export type { FieldType, FieldRule, FieldInstance, FieldTextAlign, FieldThemeVars, FieldRuleMessage, FieldClearTrigger, FieldFormatTrigger, FieldRuleValidator, FieldRuleFormatter, FieldValidateError, FieldAutosizeConfig, FieldValidateTrigger, FieldValidationStatus, } from './types';
|
|
declare module 'vue' {
|
|
interface GlobalComponents {
|
|
VanField: typeof Field;
|
|
}
|
|
}
|