import type { SetupContext, UnwrapRef } from 'vue'; import type { RuleItem, ValidateError, ValidateFieldsError } from 'async-validator'; import type { ComponentSize } from 'element-plus/es/constants'; import type { Arrayable, FieldPath } from 'element-plus/es/utils'; import type { MaybeRef } from '@vueuse/core'; import type { FormItemProp, FormItemProps, FormItemValidateState } from './form-item'; import type { FormEmits, FormProps } from './form'; import type { useFormLabelWidth } from './utils'; export type FormLabelWidthContext = ReturnType; export interface FormItemRule extends RuleItem { trigger?: Arrayable; } export type FormRules | string> = string> = Partial extends string ? UnwrapRef : FieldPath>, Arrayable>>; export type FormValidationResult = Promise; export type FormValidateCallback = (isValid: boolean, invalidFields?: ValidateFieldsError) => Promise | void; export interface FormValidateFailure { errors: ValidateError[] | null; fields: ValidateFieldsError; } export type FormContext = FormProps & UnwrapRef & { emit: SetupContext['emit']; getField: (prop: FormItemProp) => FormItemContext | undefined; addField: (field: FormItemContext) => void; removeField: (field: FormItemContext) => void; resetFields: (props?: Arrayable) => void; clearValidate: (props?: Arrayable) => void; validateField: (props?: Arrayable, callback?: FormValidateCallback) => FormValidationResult; }; export interface FormItemContext extends FormItemProps { $el: HTMLDivElement | undefined; size: ComponentSize; validateMessage: string; validateState: FormItemValidateState; isGroup: boolean; labelId: string; inputIds: string[]; hasLabel: boolean; fieldValue: any; propString: string; addInputId: (id: string) => void; removeInputId: (id: string) => void; validate: (trigger: string, callback?: FormValidateCallback) => FormValidationResult; resetField(): void; clearValidate(): void; }