vuestic-ui/dist/types/components/va-form/index.d.ts

Vue 3 UI Framework

export declare const VaForm: {
    new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
        autofocus: {
            type: BooleanConstructor;
            default: boolean;
        };
        immediate: {
            type: BooleanConstructor;
            default: boolean;
        };
        tag: {
            type: StringConstructor;
            default: string;
        };
        trigger: {
            type: import("vue").PropType<"blur" | "change">;
            default: string;
        };
        modelValue: {
            type: BooleanConstructor;
            default: boolean;
        };
        hideErrors: {
            type: BooleanConstructor;
            default: boolean;
        };
        hideErrorMessages: {
            type: BooleanConstructor;
            default: boolean;
        };
        hideLoading: {
            type: BooleanConstructor;
            default: boolean;
        };
        stateful: {
            type: BooleanConstructor;
            default: boolean;
        };
        name: {
            type: StringConstructor;
            default: undefined;
        };
        preset: {
            type: import("vue").PropType<import("../../composables").PresetPropValue>;
            default: undefined;
        };
    }>> & {
        "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
    }, {
        immediate: import("vue").ComputedRef<boolean>;
        isDirty: import("vue").Ref<boolean>;
        formData: import("vue").ComputedRef<Record<string, unknown>>;
        fields: import("vue").ComputedRef<{
            name: string | undefined;
            value?: unknown;
            isValid: boolean;
            isLoading: boolean;
            isDirty: boolean;
            isTouched: boolean;
            errorMessages: string[];
            validate: () => boolean;
            validateAsync: () => Promise<boolean>;
            reset: () => void;
            resetValidation: () => void;
            focus: () => void;
        }[]>;
        fieldsNamed: import("vue").ComputedRef<Record<string, {
            name: string | undefined;
            value?: unknown;
            isValid: boolean;
            isLoading: boolean;
            isDirty: boolean;
            isTouched: boolean;
            errorMessages: string[];
            validate: () => boolean;
            validateAsync: () => Promise<boolean>;
            reset: () => void;
            resetValidation: () => void;
            focus: () => void;
        }>>;
        fieldNames: import("vue").ComputedRef<string[]>;
        isValid: import("vue").ComputedRef<boolean>;
        isTouched: import("vue").Ref<boolean>;
        isLoading: import("vue").ComputedRef<boolean>;
        errorMessages: import("vue").ComputedRef<string[]>;
        errorMessagesNamed: import("vue").ComputedRef<Record<string, string[]>>;
        validate: () => boolean;
        validateAsync: () => Promise<boolean>;
        reset: () => void;
        resetValidation: () => void;
        focus: () => void;
        focusInvalidField: () => void;
    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
        "update:modelValue": (...args: any[]) => void;
    }, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
        autofocus: {
            type: BooleanConstructor;
            default: boolean;
        };
        immediate: {
            type: BooleanConstructor;
            default: boolean;
        };
        tag: {
            type: StringConstructor;
            default: string;
        };
        trigger: {
            type: import("vue").PropType<"blur" | "change">;
            default: string;
        };
        modelValue: {
            type: BooleanConstructor;
            default: boolean;
        };
        hideErrors: {
            type: BooleanConstructor;
            default: boolean;
        };
        hideErrorMessages: {
            type: BooleanConstructor;
            default: boolean;
        };
        hideLoading: {
            type: BooleanConstructor;
            default: boolean;
        };
        stateful: {
            type: BooleanConstructor;
            default: boolean;
        };
        name: {
            type: StringConstructor;
            default: undefined;
        };
        preset: {
            type: import("vue").PropType<import("../../composables").PresetPropValue>;
            default: undefined;
        };
    }>> & {
        "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
    }, {
        modelValue: boolean;
        stateful: boolean;
        preset: import("../../composables").PresetPropValue;
        name: string;
        tag: string;
        trigger: "blur" | "change";
        autofocus: boolean;
        immediate: boolean;
        hideErrors: boolean;
        hideErrorMessages: boolean;
        hideLoading: boolean;
    }, true, {}, {}, {
        P: {};
        B: {};
        D: {};
        C: {};
        M: {};
        Defaults: {};
    }, Readonly<import("vue").ExtractPropTypes<{
        autofocus: {
            type: BooleanConstructor;
            default: boolean;
        };
        immediate: {
            type: BooleanConstructor;
            default: boolean;
        };
        tag: {
            type: StringConstructor;
            default: string;
        };
        trigger: {
            type: import("vue").PropType<"blur" | "change">;
            default: string;
        };
        modelValue: {
            type: BooleanConstructor;
            default: boolean;
        };
        hideErrors: {
            type: BooleanConstructor;
            default: boolean;
        };
        hideErrorMessages: {
            type: BooleanConstructor;
            default: boolean;
        };
        hideLoading: {
            type: BooleanConstructor;
            default: boolean;
        };
        stateful: {
            type: BooleanConstructor;
            default: boolean;
        };
        name: {
            type: StringConstructor;
            default: undefined;
        };
        preset: {
            type: import("vue").PropType<import("../../composables").PresetPropValue>;
            default: undefined;
        };
    }>> & {
        "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
    }, {
        immediate: import("vue").ComputedRef<boolean>;
        isDirty: import("vue").Ref<boolean>;
        formData: import("vue").ComputedRef<Record<string, unknown>>;
        fields: import("vue").ComputedRef<{
            name: string | undefined;
            value?: unknown;
            isValid: boolean;
            isLoading: boolean;
            isDirty: boolean;
            isTouched: boolean;
            errorMessages: string[];
            validate: () => boolean;
            validateAsync: () => Promise<boolean>;
            reset: () => void;
            resetValidation: () => void;
            focus: () => void;
        }[]>;
        fieldsNamed: import("vue").ComputedRef<Record<string, {
            name: string | undefined;
            value?: unknown;
            isValid: boolean;
            isLoading: boolean;
            isDirty: boolean;
            isTouched: boolean;
            errorMessages: string[];
            validate: () => boolean;
            validateAsync: () => Promise<boolean>;
            reset: () => void;
            resetValidation: () => void;
            focus: () => void;
        }>>;
        fieldNames: import("vue").ComputedRef<string[]>;
        isValid: import("vue").ComputedRef<boolean>;
        isTouched: import("vue").Ref<boolean>;
        isLoading: import("vue").ComputedRef<boolean>;
        errorMessages: import("vue").ComputedRef<string[]>;
        errorMessagesNamed: import("vue").ComputedRef<Record<string, string[]>>;
        validate: () => boolean;
        validateAsync: () => Promise<boolean>;
        reset: () => void;
        resetValidation: () => void;
        focus: () => void;
        focusInvalidField: () => void;
    }, {}, {}, {}, {
        modelValue: boolean;
        stateful: boolean;
        preset: import("../../composables").PresetPropValue;
        name: string;
        tag: string;
        trigger: "blur" | "change";
        autofocus: boolean;
        immediate: boolean;
        hideErrors: boolean;
        hideErrorMessages: boolean;
        hideLoading: boolean;
    }>;
    __isFragment?: undefined;
    __isTeleport?: undefined;
    __isSuspense?: undefined;
} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
    autofocus: {
        type: BooleanConstructor;
        default: boolean;
    };
    immediate: {
        type: BooleanConstructor;
        default: boolean;
    };
    tag: {
        type: StringConstructor;
        default: string;
    };
    trigger: {
        type: import("vue").PropType<"blur" | "change">;
        default: string;
    };
    modelValue: {
        type: BooleanConstructor;
        default: boolean;
    };
    hideErrors: {
        type: BooleanConstructor;
        default: boolean;
    };
    hideErrorMessages: {
        type: BooleanConstructor;
        default: boolean;
    };
    hideLoading: {
        type: BooleanConstructor;
        default: boolean;
    };
    stateful: {
        type: BooleanConstructor;
        default: boolean;
    };
    name: {
        type: StringConstructor;
        default: undefined;
    };
    preset: {
        type: import("vue").PropType<import("../../composables").PresetPropValue>;
        default: undefined;
    };
}>> & {
    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
}, {
    immediate: import("vue").ComputedRef<boolean>;
    isDirty: import("vue").Ref<boolean>;
    formData: import("vue").ComputedRef<Record<string, unknown>>;
    fields: import("vue").ComputedRef<{
        name: string | undefined;
        value?: unknown;
        isValid: boolean;
        isLoading: boolean;
        isDirty: boolean;
        isTouched: boolean;
        errorMessages: string[];
        validate: () => boolean;
        validateAsync: () => Promise<boolean>;
        reset: () => void;
        resetValidation: () => void;
        focus: () => void;
    }[]>;
    fieldsNamed: import("vue").ComputedRef<Record<string, {
        name: string | undefined;
        value?: unknown;
        isValid: boolean;
        isLoading: boolean;
        isDirty: boolean;
        isTouched: boolean;
        errorMessages: string[];
        validate: () => boolean;
        validateAsync: () => Promise<boolean>;
        reset: () => void;
        resetValidation: () => void;
        focus: () => void;
    }>>;
    fieldNames: import("vue").ComputedRef<string[]>;
    isValid: import("vue").ComputedRef<boolean>;
    isTouched: import("vue").Ref<boolean>;
    isLoading: import("vue").ComputedRef<boolean>;
    errorMessages: import("vue").ComputedRef<string[]>;
    errorMessagesNamed: import("vue").ComputedRef<Record<string, string[]>>;
    validate: () => boolean;
    validateAsync: () => Promise<boolean>;
    reset: () => void;
    resetValidation: () => void;
    focus: () => void;
    focusInvalidField: () => void;
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
    "update:modelValue": (...args: any[]) => void;
}, string, {
    modelValue: boolean;
    stateful: boolean;
    preset: import("../../composables").PresetPropValue;
    name: string;
    tag: string;
    trigger: "blur" | "change";
    autofocus: boolean;
    immediate: boolean;
    hideErrors: boolean;
    hideErrorMessages: boolean;
    hideLoading: boolean;
}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
    $slots: {
        default?(_: {
            isValid: boolean;
            isDirty: boolean;
            isTouched: boolean;
            isLoading: boolean;
            errorMessages: string[];
            errorMessagesNamed: Record<string, string[]>;
            formData: Record<string, unknown>;
            fields: {
                name: string | undefined;
                value?: unknown;
                isValid: boolean;
                isLoading: boolean;
                isDirty: boolean;
                isTouched: boolean;
                errorMessages: string[];
                validate: () => boolean;
                validateAsync: () => Promise<boolean>;
                reset: () => void;
                resetValidation: () => void;
                focus: () => void;
            }[];
            fieldsNamed: Record<string, {
                name: string | undefined;
                value?: unknown;
                isValid: boolean;
                isLoading: boolean;
                isDirty: boolean;
                isTouched: boolean;
                errorMessages: string[];
                validate: () => boolean;
                validateAsync: () => Promise<boolean>;
                reset: () => void;
                resetValidation: () => void;
                focus: () => void;
            }>;
            fieldNames: string[];
            validate: () => boolean;
            validateAsync: () => Promise<boolean>;
            reset: () => void;
            resetValidation: () => void;
            focus: () => void;
            focusInvalidField: () => void;
        }): any;
    };
});