hongluan-ui/lib/components/form-item/index.d.ts

Hongluan Component Library for Vue 3

import FormItem from '../form/src/form-item.vue';
export declare const HlFormItem: import("hongluan-ui/es/utils").SFCWithInstall<import("vue").DefineComponent<{
    label: StringConstructor;
    width: (StringConstructor | ArrayConstructor)[];
    labelPosition: (StringConstructor | ArrayConstructor)[];
    prop: import("vue").PropType<import("..").FormItemProp>;
    required: {
        type: BooleanConstructor;
        default: any;
    };
    rules: import("vue").PropType<import("../..").FormItemRule | import("../..").FormItemRule[]>;
    error: StringConstructor;
    validateStatus: import("vue").PropType<"" | "success" | "error" | "validating">;
    for: StringConstructor;
    showMessage: {
        type: BooleanConstructor;
        default: boolean;
    };
    size: {
        type: import("vue").PropType<"xxxs" | "xxs" | "xs" | "sm" | "md" | "lg" | "xl" | "xxl" | "xxxl">;
        validator: (val: string) => boolean;
    };
    gap: {
        type: StringConstructor;
        default: string;
    };
    offset: {
        type: StringConstructor;
        default: string;
    };
}, {
    formItemRef: import("vue").Ref<{
        $el: HTMLElement;
    }>;
    formItemClass: import("vue").ComputedRef<(string | {
        [x: string]: boolean;
        'form-item-feedback': boolean;
        'is-error': boolean;
        'is-validating': boolean;
        'is-success': boolean;
        'is-required': boolean;
        'is-no-asterisk': boolean;
    })[]>;
    validate: (trigger: string, callback?: import("../..").FormValidateCallback) => import("../..").FormValidationResult;
    resetField: () => void;
    clearValidate: () => void;
    validateState: import("vue").Ref<"" | "success" | "error" | "validating">;
    hasLabel: import("vue").ComputedRef<boolean>;
    labelId: string;
    inputIds: import("vue").Ref<string[]>;
    isGroup: import("vue").ComputedRef<boolean>;
    shouldShowError: import("vue").ComputedRef<boolean>;
    formContext: import("../..").FormContext;
    labelStyle: import("vue").ComputedRef<string>;
    contentStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
    labelClass: import("vue").ComputedRef<string>;
    contentClass: import("vue").ComputedRef<string>;
    validateMessage: import("vue").Ref<string>;
    labelFor: import("vue").ComputedRef<string>;
    itemGap: import("vue").ComputedRef<string>;
    currentLabel: import("vue").ComputedRef<string>;
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
    label: StringConstructor;
    width: (StringConstructor | ArrayConstructor)[];
    labelPosition: (StringConstructor | ArrayConstructor)[];
    prop: import("vue").PropType<import("..").FormItemProp>;
    required: {
        type: BooleanConstructor;
        default: any;
    };
    rules: import("vue").PropType<import("../..").FormItemRule | import("../..").FormItemRule[]>;
    error: StringConstructor;
    validateStatus: import("vue").PropType<"" | "success" | "error" | "validating">;
    for: StringConstructor;
    showMessage: {
        type: BooleanConstructor;
        default: boolean;
    };
    size: {
        type: import("vue").PropType<"xxxs" | "xxs" | "xs" | "sm" | "md" | "lg" | "xl" | "xxl" | "xxxl">;
        validator: (val: string) => boolean;
    };
    gap: {
        type: StringConstructor;
        default: string;
    };
    offset: {
        type: StringConstructor;
        default: string;
    };
}>>, {
    required: boolean;
    gap: string;
    showMessage: boolean;
    offset: string;
}>> & Record<string, any>;
export default HlFormItem;
export declare type FormItemInstance = InstanceType<typeof FormItem>;