@arco-design/web-vue/es/form/context.d.ts

Arco Design Vue 2.0: A Vue.js 3 UI Library

import { InjectionKey } from 'vue';
import { Data } from '../_utils/types';
import { FieldData, FieldRule, FormItemEventHandler, ValidatedError, ValidateStatus } from './interface';
import { Size } from '../_utils/constant';
export interface FormContext {
    layout: string;
    disabled?: boolean;
    labelAlign: string;
    labelColProps?: any;
    wrapperColProps?: any;
    labelColStyle?: any;
    wrapperColStyle?: any;
    model: Data;
    size: Size;
    rules?: Record<string, FieldRule | FieldRule[]>;
    fields: FormItemInfo[];
    touchedFields: FormItemInfo[];
    addField: (field: FormItemInfo) => void;
    removeField: (field: FormItemInfo) => void;
    validateField: (field: string | string[], callback?: (errors: undefined | Record<string, ValidatedError>) => void) => Promise<undefined | Record<string, ValidatedError>>;
    setLabelWidth: (width: number, uid?: number) => void;
    removeLabelWidth: (uid?: number) => void;
    maxLabelWidth: number;
    autoLabelWidth: boolean;
    id?: string;
}
export interface FormItemContext {
    eventHandlers: FormItemEventHandler;
    size: Size | undefined;
    disabled: boolean;
    error: boolean;
    feedback: string | undefined;
    updateValidateState: (field: string, { status, message }: {
        status: ValidateStatus | '';
        message: string;
    }) => void;
}
export interface FormItemInfo {
    field: string;
    disabled: boolean;
    error: boolean;
    labelWidth?: number;
    validate: () => Promise<any>;
    clearValidate: () => void;
    resetField: () => void;
    setField: (data: FieldData) => void;
}
export declare const formItemInjectionKey: InjectionKey<FormItemContext>;
export declare const formInjectionKey: InjectionKey<FormContext>;