tdesign-mobile-vue
Version:
tdesign-mobile-vue
53 lines (52 loc) • 2.06 kB
TypeScript
import { InjectionKey } from 'vue';
import { FormItemValidateResult } from './form-item';
import { AllValidateResult, Data, FormItemValidateMessage, FormRule, TdFormItemProps, TdFormProps, ValidateResultType, ValidateTriggerType } from './type';
import { renderContent } from '../shared';
export declare const enum ValidateStatus {
TO_BE_VALIDATED = "not",
SUCCESS = "success",
FAIL = "fail"
}
export declare type ErrorListType = {
result: false;
message: string;
type: 'error' | 'warning';
} | ValidateResultType;
export declare type SuccessListType = {
result: true;
message: string;
type: 'success';
} | ValidateResultType;
export interface AnalysisValidateResult {
successList?: SuccessListType[];
errorList?: ErrorListType[];
rules: FormRule[];
resultList: AllValidateResult[];
allowSetValue: boolean;
}
export interface FormItemContext {
name: TdFormItemProps['name'];
resetHandler: () => void;
resetField: (resetType?: 'initial' | 'empty') => void;
validate: <T extends Data = Data>(trigger: ValidateTriggerType, showErrorMessage?: boolean) => Promise<FormItemValidateResult<T>>;
validateOnly: <T = Data>(trigger: ValidateTriggerType) => Promise<FormItemValidateResult<T>>;
setValidateMessage: (validateMessage: FormItemValidateMessage[]) => void;
}
export declare const FormInjectionKey: InjectionKey<{
showErrorMessage: TdFormProps['showErrorMessage'];
labelWidth: TdFormProps['labelWidth'];
labelAlign: TdFormProps['labelAlign'];
contentAlign: TdFormProps['contentAlign'];
data: TdFormProps['data'];
colon: TdFormProps['colon'];
requiredMark: TdFormProps['requiredMark'];
requiredMarkPosition: TdFormProps['requiredMarkPosition'];
rules: TdFormProps['rules'];
errorMessage: TdFormProps['errorMessage'];
resetType: TdFormProps['resetType'];
children: FormItemContext[];
renderContent: ReturnType<typeof renderContent>;
}>;
export declare const FormItemInjectionKey: InjectionKey<{
handleBlur: () => Promise<void>;
}>;