@eaera-com/eaera-widgets-v2 0.1.62

package/dist/src/stories/Form/EaeraFormSchema.stories.d.ts

@@ -0,0 +1,2675 @@
+import type { StoryObj } from '@storybook/vue3';
+declare const meta: {
+    title: string;
+    component: {
+        new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
+            className: {
+                type: import("vue").PropType<string>;
+            };
+            onChange: {
+                type: import("vue").PropType<Function>;
+                default: () => void;
+            };
+            onFocus: {
+                type: import("vue").PropType<Function>;
+                default: () => void;
+            };
+            onBlur: {
+                type: import("vue").PropType<Function>;
+                default: () => void;
+            };
+            onInput: {
+                type: import("vue").PropType<Function>;
+                default: () => void;
+            };
+            mouseout: {
+                type: import("vue").PropType<Function>;
+                default: () => void;
+            };
+            mouseover: {
+                type: import("vue").PropType<Function>;
+                default: () => void;
+            };
+            labelPosition: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            labelWidth: {
+                type: import("vue").PropType<string | number>;
+                default: string;
+            };
+            validateOnRuleChange: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            scrollToError: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            formSchema: {
+                type: import("vue").PropType<{
+                    [key: string]: any;
+                }>;
+                default: () => {};
+            };
+            classNameParentGroup: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            textBtnSave: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            textBtnClose: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            formData: {
+                type: import("vue").PropType<{
+                    [key: string]: any;
+                }>;
+                default: () => {};
+            };
+            formGroupRenderOptions: {
+                type: import("vue").PropType<{
+                    [key: string]: any;
+                }>;
+                default: () => {};
+            };
+            keyDownEnter: {
+                type: import("vue").PropType<Function>;
+                default: () => void;
+            };
+            keyUpEnter: {
+                type: import("vue").PropType<Function>;
+                default: () => void;
+            };
+            onClear: {
+                type: import("vue").PropType<Function>;
+                default: () => void;
+            };
+            sizeFormItems: {
+                type: import("vue").PropType<"" | "lg" | "md" | "sm" | "xs">;
+                default: string;
+            };
+        }>> & {
+            onSubmit?: ((data: any) => any) | undefined;
+        }, {
+            submitForm: () => void;
+            resetForm: () => void;
+            resetFields: (fields: string[]) => void;
+            validateForm: () => Promise<void>;
+            validateField: (field: any) => Promise<void>;
+            isErrorValidateForm: import("vue").Ref<boolean>;
+            formState: import("vue").Ref<string>;
+            rowItemComponentRefs: import("vue").Ref<Record<string, any>>;
+        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+            submit: (data: any) => void;
+        }, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
+            className: {
+                type: import("vue").PropType<string>;
+            };
+            onChange: {
+                type: import("vue").PropType<Function>;
+                default: () => void;
+            };
+            onFocus: {
+                type: import("vue").PropType<Function>;
+                default: () => void;
+            };
+            onBlur: {
+                type: import("vue").PropType<Function>;
+                default: () => void;
+            };
+            onInput: {
+                type: import("vue").PropType<Function>;
+                default: () => void;
+            };
+            mouseout: {
+                type: import("vue").PropType<Function>;
+                default: () => void;
+            };
+            mouseover: {
+                type: import("vue").PropType<Function>;
+                default: () => void;
+            };
+            labelPosition: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            labelWidth: {
+                type: import("vue").PropType<string | number>;
+                default: string;
+            };
+            validateOnRuleChange: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            scrollToError: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            formSchema: {
+                type: import("vue").PropType<{
+                    [key: string]: any;
+                }>;
+                default: () => {};
+            };
+            classNameParentGroup: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            textBtnSave: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            textBtnClose: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            formData: {
+                type: import("vue").PropType<{
+                    [key: string]: any;
+                }>;
+                default: () => {};
+            };
+            formGroupRenderOptions: {
+                type: import("vue").PropType<{
+                    [key: string]: any;
+                }>;
+                default: () => {};
+            };
+            keyDownEnter: {
+                type: import("vue").PropType<Function>;
+                default: () => void;
+            };
+            keyUpEnter: {
+                type: import("vue").PropType<Function>;
+                default: () => void;
+            };
+            onClear: {
+                type: import("vue").PropType<Function>;
+                default: () => void;
+            };
+            sizeFormItems: {
+                type: import("vue").PropType<"" | "lg" | "md" | "sm" | "xs">;
+                default: string;
+            };
+        }>> & {
+            onSubmit?: ((data: any) => any) | undefined;
+        }, {
+            onChange: Function;
+            onFocus: Function;
+            onBlur: Function;
+            onInput: Function;
+            mouseout: Function;
+            mouseover: Function;
+            labelPosition: string;
+            labelWidth: string | number;
+            validateOnRuleChange: boolean;
+            scrollToError: boolean;
+            formSchema: {
+                [key: string]: any;
+            };
+            classNameParentGroup: string;
+            textBtnSave: string;
+            textBtnClose: string;
+            formData: {
+                [key: string]: any;
+            };
+            formGroupRenderOptions: {
+                [key: string]: any;
+            };
+            keyDownEnter: Function;
+            keyUpEnter: Function;
+            onClear: Function;
+            sizeFormItems: "xs" | "sm" | "md" | "lg" | "";
+        }, true, {}, {}, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, Readonly<import("vue").ExtractPropTypes<{
+            className: {
+                type: import("vue").PropType<string>;
+            };
+            onChange: {
+                type: import("vue").PropType<Function>;
+                default: () => void;
+            };
+            onFocus: {
+                type: import("vue").PropType<Function>;
+                default: () => void;
+            };
+            onBlur: {
+                type: import("vue").PropType<Function>;
+                default: () => void;
+            };
+            onInput: {
+                type: import("vue").PropType<Function>;
+                default: () => void;
+            };
+            mouseout: {
+                type: import("vue").PropType<Function>;
+                default: () => void;
+            };
+            mouseover: {
+                type: import("vue").PropType<Function>;
+                default: () => void;
+            };
+            labelPosition: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            labelWidth: {
+                type: import("vue").PropType<string | number>;
+                default: string;
+            };
+            validateOnRuleChange: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            scrollToError: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            formSchema: {
+                type: import("vue").PropType<{
+                    [key: string]: any;
+                }>;
+                default: () => {};
+            };
+            classNameParentGroup: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            textBtnSave: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            textBtnClose: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            formData: {
+                type: import("vue").PropType<{
+                    [key: string]: any;
+                }>;
+                default: () => {};
+            };
+            formGroupRenderOptions: {
+                type: import("vue").PropType<{
+                    [key: string]: any;
+                }>;
+                default: () => {};
+            };
+            keyDownEnter: {
+                type: import("vue").PropType<Function>;
+                default: () => void;
+            };
+            keyUpEnter: {
+                type: import("vue").PropType<Function>;
+                default: () => void;
+            };
+            onClear: {
+                type: import("vue").PropType<Function>;
+                default: () => void;
+            };
+            sizeFormItems: {
+                type: import("vue").PropType<"" | "lg" | "md" | "sm" | "xs">;
+                default: string;
+            };
+        }>> & {
+            onSubmit?: ((data: any) => any) | undefined;
+        }, {
+            submitForm: () => void;
+            resetForm: () => void;
+            resetFields: (fields: string[]) => void;
+            validateForm: () => Promise<void>;
+            validateField: (field: any) => Promise<void>;
+            isErrorValidateForm: import("vue").Ref<boolean>;
+            formState: import("vue").Ref<string>;
+            rowItemComponentRefs: import("vue").Ref<Record<string, any>>;
+        }, {}, {}, {}, {
+            onChange: Function;
+            onFocus: Function;
+            onBlur: Function;
+            onInput: Function;
+            mouseout: Function;
+            mouseover: Function;
+            labelPosition: string;
+            labelWidth: string | number;
+            validateOnRuleChange: boolean;
+            scrollToError: boolean;
+            formSchema: {
+                [key: string]: any;
+            };
+            classNameParentGroup: string;
+            textBtnSave: string;
+            textBtnClose: string;
+            formData: {
+                [key: string]: any;
+            };
+            formGroupRenderOptions: {
+                [key: string]: any;
+            };
+            keyDownEnter: Function;
+            keyUpEnter: Function;
+            onClear: Function;
+            sizeFormItems: "xs" | "sm" | "md" | "lg" | "";
+        }>;
+        __isFragment?: never;
+        __isTeleport?: never;
+        __isSuspense?: never;
+    } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+        className: {
+            type: import("vue").PropType<string>;
+        };
+        onChange: {
+            type: import("vue").PropType<Function>;
+            default: () => void;
+        };
+        onFocus: {
+            type: import("vue").PropType<Function>;
+            default: () => void;
+        };
+        onBlur: {
+            type: import("vue").PropType<Function>;
+            default: () => void;
+        };
+        onInput: {
+            type: import("vue").PropType<Function>;
+            default: () => void;
+        };
+        mouseout: {
+            type: import("vue").PropType<Function>;
+            default: () => void;
+        };
+        mouseover: {
+            type: import("vue").PropType<Function>;
+            default: () => void;
+        };
+        labelPosition: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        labelWidth: {
+            type: import("vue").PropType<string | number>;
+            default: string;
+        };
+        validateOnRuleChange: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        scrollToError: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        formSchema: {
+            type: import("vue").PropType<{
+                [key: string]: any;
+            }>;
+            default: () => {};
+        };
+        classNameParentGroup: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        textBtnSave: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        textBtnClose: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        formData: {
+            type: import("vue").PropType<{
+                [key: string]: any;
+            }>;
+            default: () => {};
+        };
+        formGroupRenderOptions: {
+            type: import("vue").PropType<{
+                [key: string]: any;
+            }>;
+            default: () => {};
+        };
+        keyDownEnter: {
+            type: import("vue").PropType<Function>;
+            default: () => void;
+        };
+        keyUpEnter: {
+            type: import("vue").PropType<Function>;
+            default: () => void;
+        };
+        onClear: {
+            type: import("vue").PropType<Function>;
+            default: () => void;
+        };
+        sizeFormItems: {
+            type: import("vue").PropType<"" | "lg" | "md" | "sm" | "xs">;
+            default: string;
+        };
+    }>> & {
+        onSubmit?: ((data: any) => any) | undefined;
+    }, {
+        submitForm: () => void;
+        resetForm: () => void;
+        resetFields: (fields: string[]) => void;
+        validateForm: () => Promise<void>;
+        validateField: (field: any) => Promise<void>;
+        isErrorValidateForm: import("vue").Ref<boolean>;
+        formState: import("vue").Ref<string>;
+        rowItemComponentRefs: import("vue").Ref<Record<string, any>>;
+    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        submit: (data: any) => void;
+    }, string, {
+        onChange: Function;
+        onFocus: Function;
+        onBlur: Function;
+        onInput: Function;
+        mouseout: Function;
+        mouseover: Function;
+        labelPosition: string;
+        labelWidth: string | number;
+        validateOnRuleChange: boolean;
+        scrollToError: boolean;
+        formSchema: {
+            [key: string]: any;
+        };
+        classNameParentGroup: string;
+        textBtnSave: string;
+        textBtnClose: string;
+        formData: {
+            [key: string]: any;
+        };
+        formGroupRenderOptions: {
+            [key: string]: any;
+        };
+        keyDownEnter: Function;
+        keyUpEnter: Function;
+        onClear: Function;
+        sizeFormItems: "xs" | "sm" | "md" | "lg" | "";
+    }, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+        $slots: Partial<Record<string, (_: {}) => any>> & Partial<Record<string, (_: {}) => any>> & Partial<Record<string, (_: {
+            error: any;
+        }) => any>> & Partial<Record<string, (_: {}) => any>> & Partial<Record<string, (_: {
+            data: {
+                [key: string]: any;
+            };
+        }) => any>> & Partial<Record<string, (_: {
+            data: {
+                [key: string]: any;
+            };
+        }) => any>> & Partial<Record<string, (_: {
+            data: {
+                [key: string]: any;
+            };
+        }) => any>> & Partial<Record<string, (_: {
+            data: {
+                [key: string]: any;
+            };
+        }) => any>> & Partial<Record<string, (_: {
+            data: {
+                [key: string]: any;
+            };
+        }) => any>> & Partial<Record<string, (_: {
+            data: {
+                [key: string]: any;
+            };
+        }) => any>> & Partial<Record<string, (_: {
+            data: any;
+        }) => any>> & Partial<Record<string, (_: {
+            data: {
+                [key: string]: any;
+            };
+        }) => any>> & Partial<Record<string, (_: {}) => any>> & Partial<Record<string, (_: {}) => any>> & Partial<Record<string, (_: {}) => any>> & {
+            header?(_: {}): any;
+            body?(_: {}): any;
+            footer?(_: {}): any;
+        };
+    });
+    tags: string[];
+    argTypes: {};
+    args: {
+        formData: {
+            mobile_phone: string;
+            date_of_birth: string;
+            document_issue: never[];
+            test: string;
+            checkbox_list: never[];
+        };
+        formSchema: {
+            first_name: {
+                label: string;
+                nameComponent: string;
+                rule: {
+                    first_name: {
+                        required: boolean;
+                        message: string;
+                        trigger: string;
+                    }[];
+                };
+                placeholder: string;
+                group: string;
+            };
+            last_name: {
+                label: string;
+                nameComponent: string;
+                rule: {
+                    last_name: {
+                        required: boolean;
+                        message: string;
+                        trigger: string;
+                    }[];
+                };
+                placeholder: string;
+                group: string;
+            };
+            country: {
+                label: string;
+                nameComponent: string;
+                rule: {
+                    country: {
+                        required: boolean;
+                        message: string;
+                        trigger: string;
+                    }[];
+                };
+                remote: boolean;
+                filterable: boolean;
+                options: never[];
+                placeholder: string;
+            };
+            email: {
+                label: string;
+                nameComponent: string;
+                rule: {
+                    email: ({
+                        required: boolean;
+                        message: string;
+                        trigger: string;
+                        validator?: undefined;
+                    } | {
+                        validator: (rule: any, value: any, callback: any) => void;
+                        trigger: string;
+                        required?: undefined;
+                        message?: undefined;
+                    })[];
+                };
+                placeholder: string;
+            };
+            mobile_phone: {
+                label: string;
+                nameComponent: string;
+                rule: {
+                    mobile_phone: {
+                        required: boolean;
+                        message: string;
+                        trigger: string;
+                    }[];
+                };
+            };
+            password: {
+                label: string;
+                nameComponent: string;
+                type: string;
+                placeholder: string;
+                autocomplete: string;
+                rule: {
+                    password: ({
+                        required: boolean;
+                        message: string;
+                        trigger: string;
+                        validator?: undefined;
+                    } | {
+                        validator: (rule: any, value: any, callback: any) => void;
+                        trigger: string;
+                        required?: undefined;
+                        message?: undefined;
+                    })[];
+                };
+            };
+            term: {
+                label: string;
+                nameComponent: string;
+                classComponent: string;
+                classFormItem: string;
+                rule: {
+                    term: {
+                        validator: (rule: any, value: any, callback: any) => void;
+                        trigger: string;
+                    }[];
+                };
+            };
+            policy: {
+                label: string;
+                nameComponent: string;
+                classComponent: string;
+                classFormItem: string;
+                rule: {
+                    policy: {
+                        validator: (rule: any, value: any, callback: any) => void;
+                        trigger: string;
+                    }[];
+                };
+            };
+        };
+    };
+    render: (args: import("@storybook/vue3").ComponentPropsAndSlots<{
+        new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
+            className: {
+                type: import("vue").PropType<string>;
+            };
+            onChange: {
+                type: import("vue").PropType<Function>;
+                default: () => void;
+            };
+            onFocus: {
+                type: import("vue").PropType<Function>;
+                default: () => void;
+            };
+            onBlur: {
+                type: import("vue").PropType<Function>;
+                default: () => void;
+            };
+            onInput: {
+                type: import("vue").PropType<Function>;
+                default: () => void;
+            };
+            mouseout: {
+                type: import("vue").PropType<Function>;
+                default: () => void;
+            };
+            mouseover: {
+                type: import("vue").PropType<Function>;
+                default: () => void;
+            };
+            labelPosition: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            labelWidth: {
+                type: import("vue").PropType<string | number>;
+                default: string;
+            };
+            validateOnRuleChange: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            scrollToError: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            formSchema: {
+                type: import("vue").PropType<{
+                    [key: string]: any;
+                }>;
+                default: () => {};
+            };
+            classNameParentGroup: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            textBtnSave: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            textBtnClose: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            formData: {
+                type: import("vue").PropType<{
+                    [key: string]: any;
+                }>;
+                default: () => {};
+            };
+            formGroupRenderOptions: {
+                type: import("vue").PropType<{
+                    [key: string]: any;
+                }>;
+                default: () => {};
+            };
+            keyDownEnter: {
+                type: import("vue").PropType<Function>;
+                default: () => void;
+            };
+            keyUpEnter: {
+                type: import("vue").PropType<Function>;
+                default: () => void;
+            };
+            onClear: {
+                type: import("vue").PropType<Function>;
+                default: () => void;
+            };
+            sizeFormItems: {
+                type: import("vue").PropType<"" | "lg" | "md" | "sm" | "xs">;
+                default: string;
+            };
+        }>> & {
+            onSubmit?: ((data: any) => any) | undefined;
+        }, {
+            submitForm: () => void;
+            resetForm: () => void;
+            resetFields: (fields: string[]) => void;
+            validateForm: () => Promise<void>;
+            validateField: (field: any) => Promise<void>;
+            isErrorValidateForm: import("vue").Ref<boolean>;
+            formState: import("vue").Ref<string>;
+            rowItemComponentRefs: import("vue").Ref<Record<string, any>>;
+        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+            submit: (data: any) => void;
+        }, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
+            className: {
+                type: import("vue").PropType<string>;
+            };
+            onChange: {
+                type: import("vue").PropType<Function>;
+                default: () => void;
+            };
+            onFocus: {
+                type: import("vue").PropType<Function>;
+                default: () => void;
+            };
+            onBlur: {
+                type: import("vue").PropType<Function>;
+                default: () => void;
+            };
+            onInput: {
+                type: import("vue").PropType<Function>;
+                default: () => void;
+            };
+            mouseout: {
+                type: import("vue").PropType<Function>;
+                default: () => void;
+            };
+            mouseover: {
+                type: import("vue").PropType<Function>;
+                default: () => void;
+            };
+            labelPosition: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            labelWidth: {
+                type: import("vue").PropType<string | number>;
+                default: string;
+            };
+            validateOnRuleChange: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            scrollToError: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            formSchema: {
+                type: import("vue").PropType<{
+                    [key: string]: any;
+                }>;
+                default: () => {};
+            };
+            classNameParentGroup: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            textBtnSave: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            textBtnClose: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            formData: {
+                type: import("vue").PropType<{
+                    [key: string]: any;
+                }>;
+                default: () => {};
+            };
+            formGroupRenderOptions: {
+                type: import("vue").PropType<{
+                    [key: string]: any;
+                }>;
+                default: () => {};
+            };
+            keyDownEnter: {
+                type: import("vue").PropType<Function>;
+                default: () => void;
+            };
+            keyUpEnter: {
+                type: import("vue").PropType<Function>;
+                default: () => void;
+            };
+            onClear: {
+                type: import("vue").PropType<Function>;
+                default: () => void;
+            };
+            sizeFormItems: {
+                type: import("vue").PropType<"" | "lg" | "md" | "sm" | "xs">;
+                default: string;
+            };
+        }>> & {
+            onSubmit?: ((data: any) => any) | undefined;
+        }, {
+            onChange: Function;
+            onFocus: Function;
+            onBlur: Function;
+            onInput: Function;
+            mouseout: Function;
+            mouseover: Function;
+            labelPosition: string;
+            labelWidth: string | number;
+            validateOnRuleChange: boolean;
+            scrollToError: boolean;
+            formSchema: {
+                [key: string]: any;
+            };
+            classNameParentGroup: string;
+            textBtnSave: string;
+            textBtnClose: string;
+            formData: {
+                [key: string]: any;
+            };
+            formGroupRenderOptions: {
+                [key: string]: any;
+            };
+            keyDownEnter: Function;
+            keyUpEnter: Function;
+            onClear: Function;
+            sizeFormItems: "xs" | "sm" | "md" | "lg" | "";
+        }, true, {}, {}, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, Readonly<import("vue").ExtractPropTypes<{
+            className: {
+                type: import("vue").PropType<string>;
+            };
+            onChange: {
+                type: import("vue").PropType<Function>;
+                default: () => void;
+            };
+            onFocus: {
+                type: import("vue").PropType<Function>;
+                default: () => void;
+            };
+            onBlur: {
+                type: import("vue").PropType<Function>;
+                default: () => void;
+            };
+            onInput: {
+                type: import("vue").PropType<Function>;
+                default: () => void;
+            };
+            mouseout: {
+                type: import("vue").PropType<Function>;
+                default: () => void;
+            };
+            mouseover: {
+                type: import("vue").PropType<Function>;
+                default: () => void;
+            };
+            labelPosition: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            labelWidth: {
+                type: import("vue").PropType<string | number>;
+                default: string;
+            };
+            validateOnRuleChange: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            scrollToError: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            formSchema: {
+                type: import("vue").PropType<{
+                    [key: string]: any;
+                }>;
+                default: () => {};
+            };
+            classNameParentGroup: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            textBtnSave: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            textBtnClose: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            formData: {
+                type: import("vue").PropType<{
+                    [key: string]: any;
+                }>;
+                default: () => {};
+            };
+            formGroupRenderOptions: {
+                type: import("vue").PropType<{
+                    [key: string]: any;
+                }>;
+                default: () => {};
+            };
+            keyDownEnter: {
+                type: import("vue").PropType<Function>;
+                default: () => void;
+            };
+            keyUpEnter: {
+                type: import("vue").PropType<Function>;
+                default: () => void;
+            };
+            onClear: {
+                type: import("vue").PropType<Function>;
+                default: () => void;
+            };
+            sizeFormItems: {
+                type: import("vue").PropType<"" | "lg" | "md" | "sm" | "xs">;
+                default: string;
+            };
+        }>> & {
+            onSubmit?: ((data: any) => any) | undefined;
+        }, {
+            submitForm: () => void;
+            resetForm: () => void;
+            resetFields: (fields: string[]) => void;
+            validateForm: () => Promise<void>;
+            validateField: (field: any) => Promise<void>;
+            isErrorValidateForm: import("vue").Ref<boolean>;
+            formState: import("vue").Ref<string>;
+            rowItemComponentRefs: import("vue").Ref<Record<string, any>>;
+        }, {}, {}, {}, {
+            onChange: Function;
+            onFocus: Function;
+            onBlur: Function;
+            onInput: Function;
+            mouseout: Function;
+            mouseover: Function;
+            labelPosition: string;
+            labelWidth: string | number;
+            validateOnRuleChange: boolean;
+            scrollToError: boolean;
+            formSchema: {
+                [key: string]: any;
+            };
+            classNameParentGroup: string;
+            textBtnSave: string;
+            textBtnClose: string;
+            formData: {
+                [key: string]: any;
+            };
+            formGroupRenderOptions: {
+                [key: string]: any;
+            };
+            keyDownEnter: Function;
+            keyUpEnter: Function;
+            onClear: Function;
+            sizeFormItems: "xs" | "sm" | "md" | "lg" | "";
+        }>;
+        __isFragment?: never;
+        __isTeleport?: never;
+        __isSuspense?: never;
+    } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+        className: {
+            type: import("vue").PropType<string>;
+        };
+        onChange: {
+            type: import("vue").PropType<Function>;
+            default: () => void;
+        };
+        onFocus: {
+            type: import("vue").PropType<Function>;
+            default: () => void;
+        };
+        onBlur: {
+            type: import("vue").PropType<Function>;
+            default: () => void;
+        };
+        onInput: {
+            type: import("vue").PropType<Function>;
+            default: () => void;
+        };
+        mouseout: {
+            type: import("vue").PropType<Function>;
+            default: () => void;
+        };
+        mouseover: {
+            type: import("vue").PropType<Function>;
+            default: () => void;
+        };
+        labelPosition: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        labelWidth: {
+            type: import("vue").PropType<string | number>;
+            default: string;
+        };
+        validateOnRuleChange: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        scrollToError: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        formSchema: {
+            type: import("vue").PropType<{
+                [key: string]: any;
+            }>;
+            default: () => {};
+        };
+        classNameParentGroup: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        textBtnSave: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        textBtnClose: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        formData: {
+            type: import("vue").PropType<{
+                [key: string]: any;
+            }>;
+            default: () => {};
+        };
+        formGroupRenderOptions: {
+            type: import("vue").PropType<{
+                [key: string]: any;
+            }>;
+            default: () => {};
+        };
+        keyDownEnter: {
+            type: import("vue").PropType<Function>;
+            default: () => void;
+        };
+        keyUpEnter: {
+            type: import("vue").PropType<Function>;
+            default: () => void;
+        };
+        onClear: {
+            type: import("vue").PropType<Function>;
+            default: () => void;
+        };
+        sizeFormItems: {
+            type: import("vue").PropType<"" | "lg" | "md" | "sm" | "xs">;
+            default: string;
+        };
+    }>> & {
+        onSubmit?: ((data: any) => any) | undefined;
+    }, {
+        submitForm: () => void;
+        resetForm: () => void;
+        resetFields: (fields: string[]) => void;
+        validateForm: () => Promise<void>;
+        validateField: (field: any) => Promise<void>;
+        isErrorValidateForm: import("vue").Ref<boolean>;
+        formState: import("vue").Ref<string>;
+        rowItemComponentRefs: import("vue").Ref<Record<string, any>>;
+    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        submit: (data: any) => void;
+    }, string, {
+        onChange: Function;
+        onFocus: Function;
+        onBlur: Function;
+        onInput: Function;
+        mouseout: Function;
+        mouseover: Function;
+        labelPosition: string;
+        labelWidth: string | number;
+        validateOnRuleChange: boolean;
+        scrollToError: boolean;
+        formSchema: {
+            [key: string]: any;
+        };
+        classNameParentGroup: string;
+        textBtnSave: string;
+        textBtnClose: string;
+        formData: {
+            [key: string]: any;
+        };
+        formGroupRenderOptions: {
+            [key: string]: any;
+        };
+        keyDownEnter: Function;
+        keyUpEnter: Function;
+        onClear: Function;
+        sizeFormItems: "xs" | "sm" | "md" | "lg" | "";
+    }, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+        $slots: Partial<Record<string, (_: {}) => any>> & Partial<Record<string, (_: {}) => any>> & Partial<Record<string, (_: {
+            error: any;
+        }) => any>> & Partial<Record<string, (_: {}) => any>> & Partial<Record<string, (_: {
+            data: {
+                [key: string]: any;
+            };
+        }) => any>> & Partial<Record<string, (_: {
+            data: {
+                [key: string]: any;
+            };
+        }) => any>> & Partial<Record<string, (_: {
+            data: {
+                [key: string]: any;
+            };
+        }) => any>> & Partial<Record<string, (_: {
+            data: {
+                [key: string]: any;
+            };
+        }) => any>> & Partial<Record<string, (_: {
+            data: {
+                [key: string]: any;
+            };
+        }) => any>> & Partial<Record<string, (_: {
+            data: {
+                [key: string]: any;
+            };
+        }) => any>> & Partial<Record<string, (_: {
+            data: any;
+        }) => any>> & Partial<Record<string, (_: {
+            data: {
+                [key: string]: any;
+            };
+        }) => any>> & Partial<Record<string, (_: {}) => any>> & Partial<Record<string, (_: {}) => any>> & Partial<Record<string, (_: {}) => any>> & {
+            header?(_: {}): any;
+            body?(_: {}): any;
+            footer?(_: {}): any;
+        };
+    })>) => {
+        components: {
+            EaeraForm: {
+                new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
+                    className: {
+                        type: import("vue").PropType<string>;
+                    };
+                    onChange: {
+                        type: import("vue").PropType<Function>;
+                        default: () => void;
+                    };
+                    onFocus: {
+                        type: import("vue").PropType<Function>;
+                        default: () => void;
+                    };
+                    onBlur: {
+                        type: import("vue").PropType<Function>;
+                        default: () => void;
+                    };
+                    onInput: {
+                        type: import("vue").PropType<Function>;
+                        default: () => void;
+                    };
+                    mouseout: {
+                        type: import("vue").PropType<Function>;
+                        default: () => void;
+                    };
+                    mouseover: {
+                        type: import("vue").PropType<Function>;
+                        default: () => void;
+                    };
+                    labelPosition: {
+                        type: import("vue").PropType<string>;
+                        default: string;
+                    };
+                    labelWidth: {
+                        type: import("vue").PropType<string | number>;
+                        default: string;
+                    };
+                    validateOnRuleChange: {
+                        type: import("vue").PropType<boolean>;
+                        default: boolean;
+                    };
+                    scrollToError: {
+                        type: import("vue").PropType<boolean>;
+                        default: boolean;
+                    };
+                    formSchema: {
+                        type: import("vue").PropType<{
+                            [key: string]: any;
+                        }>;
+                        default: () => {};
+                    };
+                    classNameParentGroup: {
+                        type: import("vue").PropType<string>;
+                        default: string;
+                    };
+                    textBtnSave: {
+                        type: import("vue").PropType<string>;
+                        default: string;
+                    };
+                    textBtnClose: {
+                        type: import("vue").PropType<string>;
+                        default: string;
+                    };
+                    formData: {
+                        type: import("vue").PropType<{
+                            [key: string]: any;
+                        }>;
+                        default: () => {};
+                    };
+                    formGroupRenderOptions: {
+                        type: import("vue").PropType<{
+                            [key: string]: any;
+                        }>;
+                        default: () => {};
+                    };
+                    keyDownEnter: {
+                        type: import("vue").PropType<Function>;
+                        default: () => void;
+                    };
+                    keyUpEnter: {
+                        type: import("vue").PropType<Function>;
+                        default: () => void;
+                    };
+                    onClear: {
+                        type: import("vue").PropType<Function>;
+                        default: () => void;
+                    };
+                    sizeFormItems: {
+                        type: import("vue").PropType<"" | "lg" | "md" | "sm" | "xs">;
+                        default: string;
+                    };
+                }>> & {
+                    onSubmit?: ((data: any) => any) | undefined;
+                }, {
+                    submitForm: () => void;
+                    resetForm: () => void;
+                    resetFields: (fields: string[]) => void;
+                    validateForm: () => Promise<void>;
+                    validateField: (field: any) => Promise<void>;
+                    isErrorValidateForm: import("vue").Ref<boolean>;
+                    formState: import("vue").Ref<string>;
+                    rowItemComponentRefs: import("vue").Ref<Record<string, any>>;
+                }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+                    submit: (data: any) => void;
+                }, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
+                    className: {
+                        type: import("vue").PropType<string>;
+                    };
+                    onChange: {
+                        type: import("vue").PropType<Function>;
+                        default: () => void;
+                    };
+                    onFocus: {
+                        type: import("vue").PropType<Function>;
+                        default: () => void;
+                    };
+                    onBlur: {
+                        type: import("vue").PropType<Function>;
+                        default: () => void;
+                    };
+                    onInput: {
+                        type: import("vue").PropType<Function>;
+                        default: () => void;
+                    };
+                    mouseout: {
+                        type: import("vue").PropType<Function>;
+                        default: () => void;
+                    };
+                    mouseover: {
+                        type: import("vue").PropType<Function>;
+                        default: () => void;
+                    };
+                    labelPosition: {
+                        type: import("vue").PropType<string>;
+                        default: string;
+                    };
+                    labelWidth: {
+                        type: import("vue").PropType<string | number>;
+                        default: string;
+                    };
+                    validateOnRuleChange: {
+                        type: import("vue").PropType<boolean>;
+                        default: boolean;
+                    };
+                    scrollToError: {
+                        type: import("vue").PropType<boolean>;
+                        default: boolean;
+                    };
+                    formSchema: {
+                        type: import("vue").PropType<{
+                            [key: string]: any;
+                        }>;
+                        default: () => {};
+                    };
+                    classNameParentGroup: {
+                        type: import("vue").PropType<string>;
+                        default: string;
+                    };
+                    textBtnSave: {
+                        type: import("vue").PropType<string>;
+                        default: string;
+                    };
+                    textBtnClose: {
+                        type: import("vue").PropType<string>;
+                        default: string;
+                    };
+                    formData: {
+                        type: import("vue").PropType<{
+                            [key: string]: any;
+                        }>;
+                        default: () => {};
+                    };
+                    formGroupRenderOptions: {
+                        type: import("vue").PropType<{
+                            [key: string]: any;
+                        }>;
+                        default: () => {};
+                    };
+                    keyDownEnter: {
+                        type: import("vue").PropType<Function>;
+                        default: () => void;
+                    };
+                    keyUpEnter: {
+                        type: import("vue").PropType<Function>;
+                        default: () => void;
+                    };
+                    onClear: {
+                        type: import("vue").PropType<Function>;
+                        default: () => void;
+                    };
+                    sizeFormItems: {
+                        type: import("vue").PropType<"" | "lg" | "md" | "sm" | "xs">;
+                        default: string;
+                    };
+                }>> & {
+                    onSubmit?: ((data: any) => any) | undefined;
+                }, {
+                    onChange: Function;
+                    onFocus: Function;
+                    onBlur: Function;
+                    onInput: Function;
+                    mouseout: Function;
+                    mouseover: Function;
+                    labelPosition: string;
+                    labelWidth: string | number;
+                    validateOnRuleChange: boolean;
+                    scrollToError: boolean;
+                    formSchema: {
+                        [key: string]: any;
+                    };
+                    classNameParentGroup: string;
+                    textBtnSave: string;
+                    textBtnClose: string;
+                    formData: {
+                        [key: string]: any;
+                    };
+                    formGroupRenderOptions: {
+                        [key: string]: any;
+                    };
+                    keyDownEnter: Function;
+                    keyUpEnter: Function;
+                    onClear: Function;
+                    sizeFormItems: "xs" | "sm" | "md" | "lg" | "";
+                }, true, {}, {}, {
+                    P: {};
+                    B: {};
+                    D: {};
+                    C: {};
+                    M: {};
+                    Defaults: {};
+                }, Readonly<import("vue").ExtractPropTypes<{
+                    className: {
+                        type: import("vue").PropType<string>;
+                    };
+                    onChange: {
+                        type: import("vue").PropType<Function>;
+                        default: () => void;
+                    };
+                    onFocus: {
+                        type: import("vue").PropType<Function>;
+                        default: () => void;
+                    };
+                    onBlur: {
+                        type: import("vue").PropType<Function>;
+                        default: () => void;
+                    };
+                    onInput: {
+                        type: import("vue").PropType<Function>;
+                        default: () => void;
+                    };
+                    mouseout: {
+                        type: import("vue").PropType<Function>;
+                        default: () => void;
+                    };
+                    mouseover: {
+                        type: import("vue").PropType<Function>;
+                        default: () => void;
+                    };
+                    labelPosition: {
+                        type: import("vue").PropType<string>;
+                        default: string;
+                    };
+                    labelWidth: {
+                        type: import("vue").PropType<string | number>;
+                        default: string;
+                    };
+                    validateOnRuleChange: {
+                        type: import("vue").PropType<boolean>;
+                        default: boolean;
+                    };
+                    scrollToError: {
+                        type: import("vue").PropType<boolean>;
+                        default: boolean;
+                    };
+                    formSchema: {
+                        type: import("vue").PropType<{
+                            [key: string]: any;
+                        }>;
+                        default: () => {};
+                    };
+                    classNameParentGroup: {
+                        type: import("vue").PropType<string>;
+                        default: string;
+                    };
+                    textBtnSave: {
+                        type: import("vue").PropType<string>;
+                        default: string;
+                    };
+                    textBtnClose: {
+                        type: import("vue").PropType<string>;
+                        default: string;
+                    };
+                    formData: {
+                        type: import("vue").PropType<{
+                            [key: string]: any;
+                        }>;
+                        default: () => {};
+                    };
+                    formGroupRenderOptions: {
+                        type: import("vue").PropType<{
+                            [key: string]: any;
+                        }>;
+                        default: () => {};
+                    };
+                    keyDownEnter: {
+                        type: import("vue").PropType<Function>;
+                        default: () => void;
+                    };
+                    keyUpEnter: {
+                        type: import("vue").PropType<Function>;
+                        default: () => void;
+                    };
+                    onClear: {
+                        type: import("vue").PropType<Function>;
+                        default: () => void;
+                    };
+                    sizeFormItems: {
+                        type: import("vue").PropType<"" | "lg" | "md" | "sm" | "xs">;
+                        default: string;
+                    };
+                }>> & {
+                    onSubmit?: ((data: any) => any) | undefined;
+                }, {
+                    submitForm: () => void;
+                    resetForm: () => void;
+                    resetFields: (fields: string[]) => void;
+                    validateForm: () => Promise<void>;
+                    validateField: (field: any) => Promise<void>;
+                    isErrorValidateForm: import("vue").Ref<boolean>;
+                    formState: import("vue").Ref<string>;
+                    rowItemComponentRefs: import("vue").Ref<Record<string, any>>;
+                }, {}, {}, {}, {
+                    onChange: Function;
+                    onFocus: Function;
+                    onBlur: Function;
+                    onInput: Function;
+                    mouseout: Function;
+                    mouseover: Function;
+                    labelPosition: string;
+                    labelWidth: string | number;
+                    validateOnRuleChange: boolean;
+                    scrollToError: boolean;
+                    formSchema: {
+                        [key: string]: any;
+                    };
+                    classNameParentGroup: string;
+                    textBtnSave: string;
+                    textBtnClose: string;
+                    formData: {
+                        [key: string]: any;
+                    };
+                    formGroupRenderOptions: {
+                        [key: string]: any;
+                    };
+                    keyDownEnter: Function;
+                    keyUpEnter: Function;
+                    onClear: Function;
+                    sizeFormItems: "xs" | "sm" | "md" | "lg" | "";
+                }>;
+                __isFragment?: never;
+                __isTeleport?: never;
+                __isSuspense?: never;
+            } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+                className: {
+                    type: import("vue").PropType<string>;
+                };
+                onChange: {
+                    type: import("vue").PropType<Function>;
+                    default: () => void;
+                };
+                onFocus: {
+                    type: import("vue").PropType<Function>;
+                    default: () => void;
+                };
+                onBlur: {
+                    type: import("vue").PropType<Function>;
+                    default: () => void;
+                };
+                onInput: {
+                    type: import("vue").PropType<Function>;
+                    default: () => void;
+                };
+                mouseout: {
+                    type: import("vue").PropType<Function>;
+                    default: () => void;
+                };
+                mouseover: {
+                    type: import("vue").PropType<Function>;
+                    default: () => void;
+                };
+                labelPosition: {
+                    type: import("vue").PropType<string>;
+                    default: string;
+                };
+                labelWidth: {
+                    type: import("vue").PropType<string | number>;
+                    default: string;
+                };
+                validateOnRuleChange: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
+                scrollToError: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
+                formSchema: {
+                    type: import("vue").PropType<{
+                        [key: string]: any;
+                    }>;
+                    default: () => {};
+                };
+                classNameParentGroup: {
+                    type: import("vue").PropType<string>;
+                    default: string;
+                };
+                textBtnSave: {
+                    type: import("vue").PropType<string>;
+                    default: string;
+                };
+                textBtnClose: {
+                    type: import("vue").PropType<string>;
+                    default: string;
+                };
+                formData: {
+                    type: import("vue").PropType<{
+                        [key: string]: any;
+                    }>;
+                    default: () => {};
+                };
+                formGroupRenderOptions: {
+                    type: import("vue").PropType<{
+                        [key: string]: any;
+                    }>;
+                    default: () => {};
+                };
+                keyDownEnter: {
+                    type: import("vue").PropType<Function>;
+                    default: () => void;
+                };
+                keyUpEnter: {
+                    type: import("vue").PropType<Function>;
+                    default: () => void;
+                };
+                onClear: {
+                    type: import("vue").PropType<Function>;
+                    default: () => void;
+                };
+                sizeFormItems: {
+                    type: import("vue").PropType<"" | "lg" | "md" | "sm" | "xs">;
+                    default: string;
+                };
+            }>> & {
+                onSubmit?: ((data: any) => any) | undefined;
+            }, {
+                submitForm: () => void;
+                resetForm: () => void;
+                resetFields: (fields: string[]) => void;
+                validateForm: () => Promise<void>;
+                validateField: (field: any) => Promise<void>;
+                isErrorValidateForm: import("vue").Ref<boolean>;
+                formState: import("vue").Ref<string>;
+                rowItemComponentRefs: import("vue").Ref<Record<string, any>>;
+            }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+                submit: (data: any) => void;
+            }, string, {
+                onChange: Function;
+                onFocus: Function;
+                onBlur: Function;
+                onInput: Function;
+                mouseout: Function;
+                mouseover: Function;
+                labelPosition: string;
+                labelWidth: string | number;
+                validateOnRuleChange: boolean;
+                scrollToError: boolean;
+                formSchema: {
+                    [key: string]: any;
+                };
+                classNameParentGroup: string;
+                textBtnSave: string;
+                textBtnClose: string;
+                formData: {
+                    [key: string]: any;
+                };
+                formGroupRenderOptions: {
+                    [key: string]: any;
+                };
+                keyDownEnter: Function;
+                keyUpEnter: Function;
+                onClear: Function;
+                sizeFormItems: "xs" | "sm" | "md" | "lg" | "";
+            }, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+                $slots: Partial<Record<string, (_: {}) => any>> & Partial<Record<string, (_: {}) => any>> & Partial<Record<string, (_: {
+                    error: any;
+                }) => any>> & Partial<Record<string, (_: {}) => any>> & Partial<Record<string, (_: {
+                    data: {
+                        [key: string]: any;
+                    };
+                }) => any>> & Partial<Record<string, (_: {
+                    data: {
+                        [key: string]: any;
+                    };
+                }) => any>> & Partial<Record<string, (_: {
+                    data: {
+                        [key: string]: any;
+                    };
+                }) => any>> & Partial<Record<string, (_: {
+                    data: {
+                        [key: string]: any;
+                    };
+                }) => any>> & Partial<Record<string, (_: {
+                    data: {
+                        [key: string]: any;
+                    };
+                }) => any>> & Partial<Record<string, (_: {
+                    data: {
+                        [key: string]: any;
+                    };
+                }) => any>> & Partial<Record<string, (_: {
+                    data: any;
+                }) => any>> & Partial<Record<string, (_: {
+                    data: {
+                        [key: string]: any;
+                    };
+                }) => any>> & Partial<Record<string, (_: {}) => any>> & Partial<Record<string, (_: {}) => any>> & Partial<Record<string, (_: {}) => any>> & {
+                    header?(_: {}): any;
+                    body?(_: {}): any;
+                    footer?(_: {}): any;
+                };
+            });
+            EaeraTooltip: {
+                new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
+                    disabled: {
+                        type: import("vue").PropType<boolean>;
+                        default: boolean;
+                    };
+                    className: {
+                        type: import("vue").PropType<string>;
+                        default: string;
+                    };
+                    content: {
+                        type: import("vue").PropType<string>;
+                        default: string;
+                    };
+                    placement: {
+                        type: import("vue").PropType<"left" | "right" | "top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end">;
+                        default: string;
+                    };
+                    trigger: {
+                        type: import("vue").PropType<"focus" | "click" | "hover" | "manual">;
+                        default: string;
+                    };
+                    virtualRef: {
+                        type: import("vue").PropType<HTMLElement | null>;
+                    };
+                    virtualTriggering: {
+                        type: import("vue").PropType<boolean>;
+                        default: boolean;
+                    };
+                    rawContent: {
+                        type: import("vue").PropType<boolean>;
+                        default: boolean;
+                    };
+                    autoClose: {
+                        type: import("vue").PropType<number>;
+                        default: number;
+                    };
+                }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
+                    disabled: {
+                        type: import("vue").PropType<boolean>;
+                        default: boolean;
+                    };
+                    className: {
+                        type: import("vue").PropType<string>;
+                        default: string;
+                    };
+                    content: {
+                        type: import("vue").PropType<string>;
+                        default: string;
+                    };
+                    placement: {
+                        type: import("vue").PropType<"left" | "right" | "top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end">;
+                        default: string;
+                    };
+                    trigger: {
+                        type: import("vue").PropType<"focus" | "click" | "hover" | "manual">;
+                        default: string;
+                    };
+                    virtualRef: {
+                        type: import("vue").PropType<HTMLElement | null>;
+                    };
+                    virtualTriggering: {
+                        type: import("vue").PropType<boolean>;
+                        default: boolean;
+                    };
+                    rawContent: {
+                        type: import("vue").PropType<boolean>;
+                        default: boolean;
+                    };
+                    autoClose: {
+                        type: import("vue").PropType<number>;
+                        default: number;
+                    };
+                }>>, {
+                    disabled: boolean;
+                    className: string;
+                    content: string;
+                    placement: "left" | "right" | "top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end";
+                    trigger: "focus" | "click" | "hover" | "manual";
+                    virtualTriggering: boolean;
+                    rawContent: boolean;
+                    autoClose: number;
+                }, true, {}, {}, {
+                    P: {};
+                    B: {};
+                    D: {};
+                    C: {};
+                    M: {};
+                    Defaults: {};
+                }, Readonly<import("vue").ExtractPropTypes<{
+                    disabled: {
+                        type: import("vue").PropType<boolean>;
+                        default: boolean;
+                    };
+                    className: {
+                        type: import("vue").PropType<string>;
+                        default: string;
+                    };
+                    content: {
+                        type: import("vue").PropType<string>;
+                        default: string;
+                    };
+                    placement: {
+                        type: import("vue").PropType<"left" | "right" | "top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end">;
+                        default: string;
+                    };
+                    trigger: {
+                        type: import("vue").PropType<"focus" | "click" | "hover" | "manual">;
+                        default: string;
+                    };
+                    virtualRef: {
+                        type: import("vue").PropType<HTMLElement | null>;
+                    };
+                    virtualTriggering: {
+                        type: import("vue").PropType<boolean>;
+                        default: boolean;
+                    };
+                    rawContent: {
+                        type: import("vue").PropType<boolean>;
+                        default: boolean;
+                    };
+                    autoClose: {
+                        type: import("vue").PropType<number>;
+                        default: number;
+                    };
+                }>>, {}, {}, {}, {}, {
+                    disabled: boolean;
+                    className: string;
+                    content: string;
+                    placement: "left" | "right" | "top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end";
+                    trigger: "focus" | "click" | "hover" | "manual";
+                    virtualTriggering: boolean;
+                    rawContent: boolean;
+                    autoClose: number;
+                }>;
+                __isFragment?: never;
+                __isTeleport?: never;
+                __isSuspense?: never;
+            } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+                disabled: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
+                className: {
+                    type: import("vue").PropType<string>;
+                    default: string;
+                };
+                content: {
+                    type: import("vue").PropType<string>;
+                    default: string;
+                };
+                placement: {
+                    type: import("vue").PropType<"left" | "right" | "top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end">;
+                    default: string;
+                };
+                trigger: {
+                    type: import("vue").PropType<"focus" | "click" | "hover" | "manual">;
+                    default: string;
+                };
+                virtualRef: {
+                    type: import("vue").PropType<HTMLElement | null>;
+                };
+                virtualTriggering: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
+                rawContent: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
+                autoClose: {
+                    type: import("vue").PropType<number>;
+                    default: number;
+                };
+            }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+                disabled: boolean;
+                className: string;
+                content: string;
+                placement: "left" | "right" | "top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end";
+                trigger: "focus" | "click" | "hover" | "manual";
+                virtualTriggering: boolean;
+                rawContent: boolean;
+                autoClose: number;
+            }, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+                $slots: {
+                    content?(_: {}): any;
+                    default?(_: {}): any;
+                };
+            });
+            EaeraButton: {
+                new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
+                    link: {
+                        type: import("vue").PropType<boolean>;
+                        default: boolean;
+                    };
+                    disabled: {
+                        type: import("vue").PropType<boolean>;
+                        default: boolean;
+                    };
+                    color: {
+                        type: import("vue").PropType<import("@/components/EaeraButton.vue").ColorType>;
+                        default: string;
+                    };
+                    className: {
+                        type: import("vue").PropType<string>;
+                    };
+                    size: {
+                        type: import("vue").PropType<"" | "lg" | "md" | "sm" | "xs">;
+                        default: string;
+                    };
+                    box: {
+                        type: import("vue").PropType<boolean>;
+                        default: boolean;
+                    };
+                    loading: {
+                        type: import("vue").PropType<boolean>;
+                        default: boolean;
+                    };
+                    background: {
+                        type: import("vue").PropType<boolean>;
+                        default: boolean;
+                    };
+                    plain: {
+                        type: import("vue").PropType<boolean>;
+                        default: boolean;
+                    };
+                    unsetWidth: {
+                        type: import("vue").PropType<boolean>;
+                    };
+                }>> & {
+                    onEmitClickEvent?: ((...args: any[]) => any) | undefined;
+                }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+                    emitClickEvent: (...args: any[]) => void;
+                }, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
+                    link: {
+                        type: import("vue").PropType<boolean>;
+                        default: boolean;
+                    };
+                    disabled: {
+                        type: import("vue").PropType<boolean>;
+                        default: boolean;
+                    };
+                    color: {
+                        type: import("vue").PropType<import("@/components/EaeraButton.vue").ColorType>;
+                        default: string;
+                    };
+                    className: {
+                        type: import("vue").PropType<string>;
+                    };
+                    size: {
+                        type: import("vue").PropType<"" | "lg" | "md" | "sm" | "xs">;
+                        default: string;
+                    };
+                    box: {
+                        type: import("vue").PropType<boolean>;
+                        default: boolean;
+                    };
+                    loading: {
+                        type: import("vue").PropType<boolean>;
+                        default: boolean;
+                    };
+                    background: {
+                        type: import("vue").PropType<boolean>;
+                        default: boolean;
+                    };
+                    plain: {
+                        type: import("vue").PropType<boolean>;
+                        default: boolean;
+                    };
+                    unsetWidth: {
+                        type: import("vue").PropType<boolean>;
+                    };
+                }>> & {
+                    onEmitClickEvent?: ((...args: any[]) => any) | undefined;
+                }, {
+                    link: boolean;
+                    disabled: boolean;
+                    color: import("@/components/EaeraButton.vue").ColorType;
+                    size: "" | "lg" | "md" | "sm" | "xs";
+                    box: boolean;
+                    loading: boolean;
+                    background: boolean;
+                    plain: boolean;
+                }, true, {}, {}, {
+                    P: {};
+                    B: {};
+                    D: {};
+                    C: {};
+                    M: {};
+                    Defaults: {};
+                }, Readonly<import("vue").ExtractPropTypes<{
+                    link: {
+                        type: import("vue").PropType<boolean>;
+                        default: boolean;
+                    };
+                    disabled: {
+                        type: import("vue").PropType<boolean>;
+                        default: boolean;
+                    };
+                    color: {
+                        type: import("vue").PropType<import("@/components/EaeraButton.vue").ColorType>;
+                        default: string;
+                    };
+                    className: {
+                        type: import("vue").PropType<string>;
+                    };
+                    size: {
+                        type: import("vue").PropType<"" | "lg" | "md" | "sm" | "xs">;
+                        default: string;
+                    };
+                    box: {
+                        type: import("vue").PropType<boolean>;
+                        default: boolean;
+                    };
+                    loading: {
+                        type: import("vue").PropType<boolean>;
+                        default: boolean;
+                    };
+                    background: {
+                        type: import("vue").PropType<boolean>;
+                        default: boolean;
+                    };
+                    plain: {
+                        type: import("vue").PropType<boolean>;
+                        default: boolean;
+                    };
+                    unsetWidth: {
+                        type: import("vue").PropType<boolean>;
+                    };
+                }>> & {
+                    onEmitClickEvent?: ((...args: any[]) => any) | undefined;
+                }, {}, {}, {}, {}, {
+                    link: boolean;
+                    disabled: boolean;
+                    color: import("@/components/EaeraButton.vue").ColorType;
+                    size: "" | "lg" | "md" | "sm" | "xs";
+                    box: boolean;
+                    loading: boolean;
+                    background: boolean;
+                    plain: boolean;
+                }>;
+                __isFragment?: never;
+                __isTeleport?: never;
+                __isSuspense?: never;
+            } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+                link: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
+                disabled: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
+                color: {
+                    type: import("vue").PropType<import("@/components/EaeraButton.vue").ColorType>;
+                    default: string;
+                };
+                className: {
+                    type: import("vue").PropType<string>;
+                };
+                size: {
+                    type: import("vue").PropType<"" | "lg" | "md" | "sm" | "xs">;
+                    default: string;
+                };
+                box: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
+                loading: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
+                background: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
+                plain: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
+                unsetWidth: {
+                    type: import("vue").PropType<boolean>;
+                };
+            }>> & {
+                onEmitClickEvent?: ((...args: any[]) => any) | undefined;
+            }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+                emitClickEvent: (...args: any[]) => void;
+            }, string, {
+                link: boolean;
+                disabled: boolean;
+                color: import("@/components/EaeraButton.vue").ColorType;
+                size: "" | "lg" | "md" | "sm" | "xs";
+                box: boolean;
+                loading: boolean;
+                background: boolean;
+                plain: boolean;
+            }, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+                $slots: {
+                    default?(_: {}): any;
+                };
+            });
+        };
+        data: () => {
+            companyName: string;
+        };
+        setup: () => {
+            args: import("@storybook/vue3").ComponentPropsAndSlots<{
+                new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
+                    className: {
+                        type: import("vue").PropType<string>;
+                    };
+                    onChange: {
+                        type: import("vue").PropType<Function>;
+                        default: () => void;
+                    };
+                    onFocus: {
+                        type: import("vue").PropType<Function>;
+                        default: () => void;
+                    };
+                    onBlur: {
+                        type: import("vue").PropType<Function>;
+                        default: () => void;
+                    };
+                    onInput: {
+                        type: import("vue").PropType<Function>;
+                        default: () => void;
+                    };
+                    mouseout: {
+                        type: import("vue").PropType<Function>;
+                        default: () => void;
+                    };
+                    mouseover: {
+                        type: import("vue").PropType<Function>;
+                        default: () => void;
+                    };
+                    labelPosition: {
+                        type: import("vue").PropType<string>;
+                        default: string;
+                    };
+                    labelWidth: {
+                        type: import("vue").PropType<string | number>;
+                        default: string;
+                    };
+                    validateOnRuleChange: {
+                        type: import("vue").PropType<boolean>;
+                        default: boolean;
+                    };
+                    scrollToError: {
+                        type: import("vue").PropType<boolean>;
+                        default: boolean;
+                    };
+                    formSchema: {
+                        type: import("vue").PropType<{
+                            [key: string]: any;
+                        }>;
+                        default: () => {};
+                    };
+                    classNameParentGroup: {
+                        type: import("vue").PropType<string>;
+                        default: string;
+                    };
+                    textBtnSave: {
+                        type: import("vue").PropType<string>;
+                        default: string;
+                    };
+                    textBtnClose: {
+                        type: import("vue").PropType<string>;
+                        default: string;
+                    };
+                    formData: {
+                        type: import("vue").PropType<{
+                            [key: string]: any;
+                        }>;
+                        default: () => {};
+                    };
+                    formGroupRenderOptions: {
+                        type: import("vue").PropType<{
+                            [key: string]: any;
+                        }>;
+                        default: () => {};
+                    };
+                    keyDownEnter: {
+                        type: import("vue").PropType<Function>;
+                        default: () => void;
+                    };
+                    keyUpEnter: {
+                        type: import("vue").PropType<Function>;
+                        default: () => void;
+                    };
+                    onClear: {
+                        type: import("vue").PropType<Function>;
+                        default: () => void;
+                    };
+                    sizeFormItems: {
+                        type: import("vue").PropType<"" | "lg" | "md" | "sm" | "xs">;
+                        default: string;
+                    };
+                }>> & {
+                    onSubmit?: ((data: any) => any) | undefined;
+                }, {
+                    submitForm: () => void;
+                    resetForm: () => void;
+                    resetFields: (fields: string[]) => void;
+                    validateForm: () => Promise<void>;
+                    validateField: (field: any) => Promise<void>;
+                    isErrorValidateForm: import("vue").Ref<boolean>;
+                    formState: import("vue").Ref<string>;
+                    rowItemComponentRefs: import("vue").Ref<Record<string, any>>;
+                }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+                    submit: (data: any) => void;
+                }, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
+                    className: {
+                        type: import("vue").PropType<string>;
+                    };
+                    onChange: {
+                        type: import("vue").PropType<Function>;
+                        default: () => void;
+                    };
+                    onFocus: {
+                        type: import("vue").PropType<Function>;
+                        default: () => void;
+                    };
+                    onBlur: {
+                        type: import("vue").PropType<Function>;
+                        default: () => void;
+                    };
+                    onInput: {
+                        type: import("vue").PropType<Function>;
+                        default: () => void;
+                    };
+                    mouseout: {
+                        type: import("vue").PropType<Function>;
+                        default: () => void;
+                    };
+                    mouseover: {
+                        type: import("vue").PropType<Function>;
+                        default: () => void;
+                    };
+                    labelPosition: {
+                        type: import("vue").PropType<string>;
+                        default: string;
+                    };
+                    labelWidth: {
+                        type: import("vue").PropType<string | number>;
+                        default: string;
+                    };
+                    validateOnRuleChange: {
+                        type: import("vue").PropType<boolean>;
+                        default: boolean;
+                    };
+                    scrollToError: {
+                        type: import("vue").PropType<boolean>;
+                        default: boolean;
+                    };
+                    formSchema: {
+                        type: import("vue").PropType<{
+                            [key: string]: any;
+                        }>;
+                        default: () => {};
+                    };
+                    classNameParentGroup: {
+                        type: import("vue").PropType<string>;
+                        default: string;
+                    };
+                    textBtnSave: {
+                        type: import("vue").PropType<string>;
+                        default: string;
+                    };
+                    textBtnClose: {
+                        type: import("vue").PropType<string>;
+                        default: string;
+                    };
+                    formData: {
+                        type: import("vue").PropType<{
+                            [key: string]: any;
+                        }>;
+                        default: () => {};
+                    };
+                    formGroupRenderOptions: {
+                        type: import("vue").PropType<{
+                            [key: string]: any;
+                        }>;
+                        default: () => {};
+                    };
+                    keyDownEnter: {
+                        type: import("vue").PropType<Function>;
+                        default: () => void;
+                    };
+                    keyUpEnter: {
+                        type: import("vue").PropType<Function>;
+                        default: () => void;
+                    };
+                    onClear: {
+                        type: import("vue").PropType<Function>;
+                        default: () => void;
+                    };
+                    sizeFormItems: {
+                        type: import("vue").PropType<"" | "lg" | "md" | "sm" | "xs">;
+                        default: string;
+                    };
+                }>> & {
+                    onSubmit?: ((data: any) => any) | undefined;
+                }, {
+                    onChange: Function;
+                    onFocus: Function;
+                    onBlur: Function;
+                    onInput: Function;
+                    mouseout: Function;
+                    mouseover: Function;
+                    labelPosition: string;
+                    labelWidth: string | number;
+                    validateOnRuleChange: boolean;
+                    scrollToError: boolean;
+                    formSchema: {
+                        [key: string]: any;
+                    };
+                    classNameParentGroup: string;
+                    textBtnSave: string;
+                    textBtnClose: string;
+                    formData: {
+                        [key: string]: any;
+                    };
+                    formGroupRenderOptions: {
+                        [key: string]: any;
+                    };
+                    keyDownEnter: Function;
+                    keyUpEnter: Function;
+                    onClear: Function;
+                    sizeFormItems: "xs" | "sm" | "md" | "lg" | "";
+                }, true, {}, {}, {
+                    P: {};
+                    B: {};
+                    D: {};
+                    C: {};
+                    M: {};
+                    Defaults: {};
+                }, Readonly<import("vue").ExtractPropTypes<{
+                    className: {
+                        type: import("vue").PropType<string>;
+                    };
+                    onChange: {
+                        type: import("vue").PropType<Function>;
+                        default: () => void;
+                    };
+                    onFocus: {
+                        type: import("vue").PropType<Function>;
+                        default: () => void;
+                    };
+                    onBlur: {
+                        type: import("vue").PropType<Function>;
+                        default: () => void;
+                    };
+                    onInput: {
+                        type: import("vue").PropType<Function>;
+                        default: () => void;
+                    };
+                    mouseout: {
+                        type: import("vue").PropType<Function>;
+                        default: () => void;
+                    };
+                    mouseover: {
+                        type: import("vue").PropType<Function>;
+                        default: () => void;
+                    };
+                    labelPosition: {
+                        type: import("vue").PropType<string>;
+                        default: string;
+                    };
+                    labelWidth: {
+                        type: import("vue").PropType<string | number>;
+                        default: string;
+                    };
+                    validateOnRuleChange: {
+                        type: import("vue").PropType<boolean>;
+                        default: boolean;
+                    };
+                    scrollToError: {
+                        type: import("vue").PropType<boolean>;
+                        default: boolean;
+                    };
+                    formSchema: {
+                        type: import("vue").PropType<{
+                            [key: string]: any;
+                        }>;
+                        default: () => {};
+                    };
+                    classNameParentGroup: {
+                        type: import("vue").PropType<string>;
+                        default: string;
+                    };
+                    textBtnSave: {
+                        type: import("vue").PropType<string>;
+                        default: string;
+                    };
+                    textBtnClose: {
+                        type: import("vue").PropType<string>;
+                        default: string;
+                    };
+                    formData: {
+                        type: import("vue").PropType<{
+                            [key: string]: any;
+                        }>;
+                        default: () => {};
+                    };
+                    formGroupRenderOptions: {
+                        type: import("vue").PropType<{
+                            [key: string]: any;
+                        }>;
+                        default: () => {};
+                    };
+                    keyDownEnter: {
+                        type: import("vue").PropType<Function>;
+                        default: () => void;
+                    };
+                    keyUpEnter: {
+                        type: import("vue").PropType<Function>;
+                        default: () => void;
+                    };
+                    onClear: {
+                        type: import("vue").PropType<Function>;
+                        default: () => void;
+                    };
+                    sizeFormItems: {
+                        type: import("vue").PropType<"" | "lg" | "md" | "sm" | "xs">;
+                        default: string;
+                    };
+                }>> & {
+                    onSubmit?: ((data: any) => any) | undefined;
+                }, {
+                    submitForm: () => void;
+                    resetForm: () => void;
+                    resetFields: (fields: string[]) => void;
+                    validateForm: () => Promise<void>;
+                    validateField: (field: any) => Promise<void>;
+                    isErrorValidateForm: import("vue").Ref<boolean>;
+                    formState: import("vue").Ref<string>;
+                    rowItemComponentRefs: import("vue").Ref<Record<string, any>>;
+                }, {}, {}, {}, {
+                    onChange: Function;
+                    onFocus: Function;
+                    onBlur: Function;
+                    onInput: Function;
+                    mouseout: Function;
+                    mouseover: Function;
+                    labelPosition: string;
+                    labelWidth: string | number;
+                    validateOnRuleChange: boolean;
+                    scrollToError: boolean;
+                    formSchema: {
+                        [key: string]: any;
+                    };
+                    classNameParentGroup: string;
+                    textBtnSave: string;
+                    textBtnClose: string;
+                    formData: {
+                        [key: string]: any;
+                    };
+                    formGroupRenderOptions: {
+                        [key: string]: any;
+                    };
+                    keyDownEnter: Function;
+                    keyUpEnter: Function;
+                    onClear: Function;
+                    sizeFormItems: "xs" | "sm" | "md" | "lg" | "";
+                }>;
+                __isFragment?: never;
+                __isTeleport?: never;
+                __isSuspense?: never;
+            } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+                className: {
+                    type: import("vue").PropType<string>;
+                };
+                onChange: {
+                    type: import("vue").PropType<Function>;
+                    default: () => void;
+                };
+                onFocus: {
+                    type: import("vue").PropType<Function>;
+                    default: () => void;
+                };
+                onBlur: {
+                    type: import("vue").PropType<Function>;
+                    default: () => void;
+                };
+                onInput: {
+                    type: import("vue").PropType<Function>;
+                    default: () => void;
+                };
+                mouseout: {
+                    type: import("vue").PropType<Function>;
+                    default: () => void;
+                };
+                mouseover: {
+                    type: import("vue").PropType<Function>;
+                    default: () => void;
+                };
+                labelPosition: {
+                    type: import("vue").PropType<string>;
+                    default: string;
+                };
+                labelWidth: {
+                    type: import("vue").PropType<string | number>;
+                    default: string;
+                };
+                validateOnRuleChange: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
+                scrollToError: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
+                formSchema: {
+                    type: import("vue").PropType<{
+                        [key: string]: any;
+                    }>;
+                    default: () => {};
+                };
+                classNameParentGroup: {
+                    type: import("vue").PropType<string>;
+                    default: string;
+                };
+                textBtnSave: {
+                    type: import("vue").PropType<string>;
+                    default: string;
+                };
+                textBtnClose: {
+                    type: import("vue").PropType<string>;
+                    default: string;
+                };
+                formData: {
+                    type: import("vue").PropType<{
+                        [key: string]: any;
+                    }>;
+                    default: () => {};
+                };
+                formGroupRenderOptions: {
+                    type: import("vue").PropType<{
+                        [key: string]: any;
+                    }>;
+                    default: () => {};
+                };
+                keyDownEnter: {
+                    type: import("vue").PropType<Function>;
+                    default: () => void;
+                };
+                keyUpEnter: {
+                    type: import("vue").PropType<Function>;
+                    default: () => void;
+                };
+                onClear: {
+                    type: import("vue").PropType<Function>;
+                    default: () => void;
+                };
+                sizeFormItems: {
+                    type: import("vue").PropType<"" | "lg" | "md" | "sm" | "xs">;
+                    default: string;
+                };
+            }>> & {
+                onSubmit?: ((data: any) => any) | undefined;
+            }, {
+                submitForm: () => void;
+                resetForm: () => void;
+                resetFields: (fields: string[]) => void;
+                validateForm: () => Promise<void>;
+                validateField: (field: any) => Promise<void>;
+                isErrorValidateForm: import("vue").Ref<boolean>;
+                formState: import("vue").Ref<string>;
+                rowItemComponentRefs: import("vue").Ref<Record<string, any>>;
+            }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+                submit: (data: any) => void;
+            }, string, {
+                onChange: Function;
+                onFocus: Function;
+                onBlur: Function;
+                onInput: Function;
+                mouseout: Function;
+                mouseover: Function;
+                labelPosition: string;
+                labelWidth: string | number;
+                validateOnRuleChange: boolean;
+                scrollToError: boolean;
+                formSchema: {
+                    [key: string]: any;
+                };
+                classNameParentGroup: string;
+                textBtnSave: string;
+                textBtnClose: string;
+                formData: {
+                    [key: string]: any;
+                };
+                formGroupRenderOptions: {
+                    [key: string]: any;
+                };
+                keyDownEnter: Function;
+                keyUpEnter: Function;
+                onClear: Function;
+                sizeFormItems: "xs" | "sm" | "md" | "lg" | "";
+            }, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+                $slots: Partial<Record<string, (_: {}) => any>> & Partial<Record<string, (_: {}) => any>> & Partial<Record<string, (_: {
+                    error: any;
+                }) => any>> & Partial<Record<string, (_: {}) => any>> & Partial<Record<string, (_: {
+                    data: {
+                        [key: string]: any;
+                    };
+                }) => any>> & Partial<Record<string, (_: {
+                    data: {
+                        [key: string]: any;
+                    };
+                }) => any>> & Partial<Record<string, (_: {
+                    data: {
+                        [key: string]: any;
+                    };
+                }) => any>> & Partial<Record<string, (_: {
+                    data: {
+                        [key: string]: any;
+                    };
+                }) => any>> & Partial<Record<string, (_: {
+                    data: {
+                        [key: string]: any;
+                    };
+                }) => any>> & Partial<Record<string, (_: {
+                    data: {
+                        [key: string]: any;
+                    };
+                }) => any>> & Partial<Record<string, (_: {
+                    data: any;
+                }) => any>> & Partial<Record<string, (_: {
+                    data: {
+                        [key: string]: any;
+                    };
+                }) => any>> & Partial<Record<string, (_: {}) => any>> & Partial<Record<string, (_: {}) => any>> & Partial<Record<string, (_: {}) => any>> & {
+                    header?(_: {}): any;
+                    body?(_: {}): any;
+                    footer?(_: {}): any;
+                };
+            })>;
+        };
+        template: string;
+    };
+    parameters: {
+        docs: {
+            source: {
+                code: string;
+            };
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;