@vrojs/element-plus 0.0.1 → 0.0.3

package/dist/vro-el-schema-form/useVroElSchemaForm.js

@@ -0,0 +1,31 @@
+import p from "@daysnap/banana";
+import { isFunction as v } from "@daysnap/utils";
+import { useAsyncTask as d } from "@vrojs/use";
+import { reactive as g, ref as h } from "vue";
+function V(t, e, n = {}) {
+  const { instanceRef: i, source: a, ...s } = n, o = g(v(t) ? t() : t), r = i ?? h(), { loading: c, trigger: m, error: u, data: f } = d(
+    async () => {
+      if (!r.value)
+        return;
+      try {
+        await r.value.validate();
+      } catch {
+        throw "";
+      }
+      const l = await r.value.extractValues();
+      await e?.(l);
+    },
+    { throwError: !0, ...s }
+  );
+  return a && p.assignment(a, o), {
+    data: f,
+    error: u,
+    schema: o,
+    refVroElSchemaForm: r,
+    loading: c,
+    trigger: m
+  };
+}
+export {
+  V as useVroElSchemaForm
+};

package/dist/vro-el-schema-form/vro-el-schema-form.vue.d.ts

@@ -0,0 +1,391 @@
+import { VroElSchemaFormSchema } from './types';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: Partial<Record<number, (_: {
+        item: import('./types').VroElSchemaFormSchemaField;
+    }) => any>> & {
+        default?(_: {}): any;
+    };
+    refs: {
+        refForm: ({
+            $: import('vue').ComponentInternalInstance;
+            $data: {};
+            $props: {
+                readonly model?: Record<string, any> | undefined;
+                readonly rules?: import('element-plus').FormRules | undefined;
+                readonly labelPosition?: "left" | "right" | "top" | undefined;
+                readonly requireAsteriskPosition?: "left" | "right" | undefined;
+                readonly labelWidth?: string | number | undefined;
+                readonly labelSuffix?: string | undefined;
+                readonly inline?: boolean | undefined;
+                readonly inlineMessage?: boolean | undefined;
+                readonly statusIcon?: boolean | undefined;
+                readonly showMessage?: boolean | undefined;
+                readonly validateOnRuleChange?: boolean | undefined;
+                readonly hideRequiredAsterisk?: boolean | undefined;
+                readonly scrollToError?: boolean | undefined;
+                readonly scrollIntoViewOptions?: (ScrollIntoViewOptions | boolean) | undefined;
+                readonly size?: import('element-plus').ComponentSize | undefined;
+                readonly disabled?: boolean | undefined;
+                readonly onValidate?: ((prop: import('element-plus').FormItemProp, isValid: boolean, message: string) => any) | undefined | undefined;
+            } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
+            $attrs: {
+                [x: string]: unknown;
+            };
+            $refs: {
+                [x: string]: unknown;
+            };
+            $slots: Readonly<{
+                [name: string]: import('vue').Slot<any> | undefined;
+            }>;
+            $root: import('vue').ComponentPublicInstance | null;
+            $parent: import('vue').ComponentPublicInstance | null;
+            $host: Element | null;
+            $emit: (event: "validate", prop: import('element-plus').FormItemProp, isValid: boolean, message: string) => void;
+            $el: any;
+            $options: import('vue').ComponentOptionsBase<Readonly<import('element-plus').FormProps> & Readonly<{
+                onValidate?: ((prop: import('element-plus').FormItemProp, isValid: boolean, message: string) => any) | undefined;
+            }>, {
+                validate: (callback?: import('element-plus').FormValidateCallback) => import('element-plus').FormValidationResult;
+                validateField: (props?: import('element-plus/es/utils/typescript.mjs').Arrayable<import('element-plus').FormItemProp>, callback?: import('element-plus').FormValidateCallback) => import('element-plus').FormValidationResult;
+                resetFields: (props?: import('element-plus/es/utils/typescript.mjs').Arrayable<import('element-plus').FormItemProp>) => void;
+                clearValidate: (props?: import('element-plus/es/utils/typescript.mjs').Arrayable<import('element-plus').FormItemProp>) => void;
+                scrollToField: (prop: import('element-plus').FormItemProp) => void;
+                getField: (prop: import('element-plus').FormItemProp) => import('element-plus').FormItemContext | undefined;
+                fields: import('vue').Reactive<import('element-plus').FormItemContext[]>;
+                setInitialValues: (initModel: Record<string, any>) => void;
+            }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+                validate: (prop: import('element-plus').FormItemProp, isValid: boolean, message: string) => void;
+            }, string, {
+                labelWidth: string | number;
+                labelPosition: "left" | "right" | "top";
+                requireAsteriskPosition: "left" | "right";
+                labelSuffix: string;
+                showMessage: boolean;
+                validateOnRuleChange: boolean;
+                scrollIntoViewOptions: ScrollIntoViewOptions | boolean;
+            }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
+                beforeCreate?: (() => void) | (() => void)[];
+                created?: (() => void) | (() => void)[];
+                beforeMount?: (() => void) | (() => void)[];
+                mounted?: (() => void) | (() => void)[];
+                beforeUpdate?: (() => void) | (() => void)[];
+                updated?: (() => void) | (() => void)[];
+                activated?: (() => void) | (() => void)[];
+                deactivated?: (() => void) | (() => void)[];
+                beforeDestroy?: (() => void) | (() => void)[];
+                beforeUnmount?: (() => void) | (() => void)[];
+                destroyed?: (() => void) | (() => void)[];
+                unmounted?: (() => void) | (() => void)[];
+                renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+                renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+                errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
+            };
+            $forceUpdate: () => void;
+            $nextTick: typeof import('vue').nextTick;
+            $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
+        } & Readonly<{
+            labelWidth: string | number;
+            labelPosition: "left" | "right" | "top";
+            requireAsteriskPosition: "left" | "right";
+            labelSuffix: string;
+            showMessage: boolean;
+            validateOnRuleChange: boolean;
+            scrollIntoViewOptions: ScrollIntoViewOptions | boolean;
+        }> & Omit<Readonly<import('element-plus').FormProps> & Readonly<{
+            onValidate?: ((prop: import('element-plus').FormItemProp, isValid: boolean, message: string) => any) | undefined;
+        }>, "labelPosition" | "requireAsteriskPosition" | "labelWidth" | "labelSuffix" | "showMessage" | "validateOnRuleChange" | "scrollIntoViewOptions" | "validate" | "validateField" | "resetFields" | "clearValidate" | "scrollToField" | "getField" | "fields" | "setInitialValues"> & import('vue').ShallowUnwrapRef<{
+            validate: (callback?: import('element-plus').FormValidateCallback) => import('element-plus').FormValidationResult;
+            validateField: (props?: import('element-plus/es/utils/typescript.mjs').Arrayable<import('element-plus').FormItemProp>, callback?: import('element-plus').FormValidateCallback) => import('element-plus').FormValidationResult;
+            resetFields: (props?: import('element-plus/es/utils/typescript.mjs').Arrayable<import('element-plus').FormItemProp>) => void;
+            clearValidate: (props?: import('element-plus/es/utils/typescript.mjs').Arrayable<import('element-plus').FormItemProp>) => void;
+            scrollToField: (prop: import('element-plus').FormItemProp) => void;
+            getField: (prop: import('element-plus').FormItemProp) => import('element-plus').FormItemContext | undefined;
+            fields: import('vue').Reactive<import('element-plus').FormItemContext[]>;
+            setInitialValues: (initModel: Record<string, any>) => void;
+        }> & {} & import('vue').ComponentCustomProperties & {} & {
+            $slots: {
+                default?: (props: {}) => any;
+            };
+        }) | null;
+        refComponents: unknown;
+    };
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    formProps: {
+        type: import('vue').PropType<import('./types').VroElSchemaFormFormProps>;
+        default: () => {};
+    };
+    rowProps: {
+        type: import('vue').PropType<Partial<import('element-plus').RowProps>>;
+        default: () => {};
+    };
+    colProps: {
+        type: import('vue').PropType<Partial<import('element-plus').ColProps>>;
+        default: () => {};
+    };
+    formItemProps: {
+        type: import('vue').PropType<Partial<import('element-plus').FormItemProps>>;
+        default: () => {};
+    };
+    schema: {
+        type: import('vue').PropType<VroElSchemaFormSchema>;
+        default: () => {};
+    };
+}>, {
+    form: {
+        $: import('vue').ComponentInternalInstance;
+        $data: {};
+        $props: {
+            readonly model?: Record<string, any> | undefined;
+            readonly rules?: import('element-plus').FormRules | undefined;
+            readonly labelPosition?: "left" | "right" | "top" | undefined;
+            readonly requireAsteriskPosition?: "left" | "right" | undefined;
+            readonly labelWidth?: string | number | undefined;
+            readonly labelSuffix?: string | undefined;
+            readonly inline?: boolean | undefined;
+            readonly inlineMessage?: boolean | undefined;
+            readonly statusIcon?: boolean | undefined;
+            readonly showMessage?: boolean | undefined;
+            readonly validateOnRuleChange?: boolean | undefined;
+            readonly hideRequiredAsterisk?: boolean | undefined;
+            readonly scrollToError?: boolean | undefined;
+            readonly scrollIntoViewOptions?: (ScrollIntoViewOptions | boolean) | undefined;
+            readonly size?: import('element-plus').ComponentSize | undefined;
+            readonly disabled?: boolean | undefined;
+            readonly onValidate?: ((prop: import('element-plus').FormItemProp, isValid: boolean, message: string) => any) | undefined | undefined;
+        } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
+        $attrs: {
+            [x: string]: unknown;
+        };
+        $refs: {
+            [x: string]: unknown;
+        };
+        $slots: Readonly<{
+            [name: string]: import('vue').Slot<any> | undefined;
+        }>;
+        $root: import('vue').ComponentPublicInstance | null;
+        $parent: import('vue').ComponentPublicInstance | null;
+        $host: Element | null;
+        $emit: (event: "validate", prop: import('element-plus').FormItemProp, isValid: boolean, message: string) => void;
+        $el: any;
+        $options: import('vue').ComponentOptionsBase<Readonly<import('element-plus').FormProps> & Readonly<{
+            onValidate?: ((prop: import('element-plus').FormItemProp, isValid: boolean, message: string) => any) | undefined;
+        }>, {
+            validate: (callback?: import('element-plus').FormValidateCallback) => import('element-plus').FormValidationResult;
+            validateField: (props?: import('element-plus/es/utils/typescript.mjs').Arrayable<import('element-plus').FormItemProp>, callback?: import('element-plus').FormValidateCallback) => import('element-plus').FormValidationResult;
+            resetFields: (props?: import('element-plus/es/utils/typescript.mjs').Arrayable<import('element-plus').FormItemProp>) => void;
+            clearValidate: (props?: import('element-plus/es/utils/typescript.mjs').Arrayable<import('element-plus').FormItemProp>) => void;
+            scrollToField: (prop: import('element-plus').FormItemProp) => void;
+            getField: (prop: import('element-plus').FormItemProp) => import('element-plus').FormItemContext | undefined;
+            fields: import('vue').Reactive<import('element-plus').FormItemContext[]>;
+            setInitialValues: (initModel: Record<string, any>) => void;
+        }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+            validate: (prop: import('element-plus').FormItemProp, isValid: boolean, message: string) => void;
+        }, string, {
+            labelWidth: string | number;
+            labelPosition: "left" | "right" | "top";
+            requireAsteriskPosition: "left" | "right";
+            labelSuffix: string;
+            showMessage: boolean;
+            validateOnRuleChange: boolean;
+            scrollIntoViewOptions: ScrollIntoViewOptions | boolean;
+        }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
+            beforeCreate?: (() => void) | (() => void)[];
+            created?: (() => void) | (() => void)[];
+            beforeMount?: (() => void) | (() => void)[];
+            mounted?: (() => void) | (() => void)[];
+            beforeUpdate?: (() => void) | (() => void)[];
+            updated?: (() => void) | (() => void)[];
+            activated?: (() => void) | (() => void)[];
+            deactivated?: (() => void) | (() => void)[];
+            beforeDestroy?: (() => void) | (() => void)[];
+            beforeUnmount?: (() => void) | (() => void)[];
+            destroyed?: (() => void) | (() => void)[];
+            unmounted?: (() => void) | (() => void)[];
+            renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+            renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+            errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
+        };
+        $forceUpdate: () => void;
+        $nextTick: typeof import('vue').nextTick;
+        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
+    } & Readonly<{
+        labelWidth: string | number;
+        labelPosition: "left" | "right" | "top";
+        requireAsteriskPosition: "left" | "right";
+        labelSuffix: string;
+        showMessage: boolean;
+        validateOnRuleChange: boolean;
+        scrollIntoViewOptions: ScrollIntoViewOptions | boolean;
+    }> & Omit<Readonly<import('element-plus').FormProps> & Readonly<{
+        onValidate?: ((prop: import('element-plus').FormItemProp, isValid: boolean, message: string) => any) | undefined;
+    }>, "labelPosition" | "requireAsteriskPosition" | "labelWidth" | "labelSuffix" | "showMessage" | "validateOnRuleChange" | "scrollIntoViewOptions" | "validate" | "validateField" | "resetFields" | "clearValidate" | "scrollToField" | "getField" | "fields" | "setInitialValues"> & import('vue').ShallowUnwrapRef<{
+        validate: (callback?: import('element-plus').FormValidateCallback) => import('element-plus').FormValidationResult;
+        validateField: (props?: import('element-plus/es/utils/typescript.mjs').Arrayable<import('element-plus').FormItemProp>, callback?: import('element-plus').FormValidateCallback) => import('element-plus').FormValidationResult;
+        resetFields: (props?: import('element-plus/es/utils/typescript.mjs').Arrayable<import('element-plus').FormItemProp>) => void;
+        clearValidate: (props?: import('element-plus/es/utils/typescript.mjs').Arrayable<import('element-plus').FormItemProp>) => void;
+        scrollToField: (prop: import('element-plus').FormItemProp) => void;
+        getField: (prop: import('element-plus').FormItemProp) => import('element-plus').FormItemContext | undefined;
+        fields: import('vue').Reactive<import('element-plus').FormItemContext[]>;
+        setInitialValues: (initModel: Record<string, any>) => void;
+    }> & {} & import('vue').ComponentCustomProperties & {} & {
+        $slots: {
+            default?: (props: {}) => any;
+        };
+    };
+    validate: () => Promise<void>;
+    resetFields: () => void | undefined;
+    trigger: (ctx: {
+        confirm: (...args: any[]) => void;
+        hide: (reason?: any) => void;
+        block: () => void;
+    }) => any;
+    extractValues: () => Promise<Record<string, any>>;
+    validateField: (key: string) => Promise<boolean | undefined>;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "change-field": (...args: any[]) => void;
+    "input-field": (...args: any[]) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    formProps: {
+        type: import('vue').PropType<import('./types').VroElSchemaFormFormProps>;
+        default: () => {};
+    };
+    rowProps: {
+        type: import('vue').PropType<Partial<import('element-plus').RowProps>>;
+        default: () => {};
+    };
+    colProps: {
+        type: import('vue').PropType<Partial<import('element-plus').ColProps>>;
+        default: () => {};
+    };
+    formItemProps: {
+        type: import('vue').PropType<Partial<import('element-plus').FormItemProps>>;
+        default: () => {};
+    };
+    schema: {
+        type: import('vue').PropType<VroElSchemaFormSchema>;
+        default: () => {};
+    };
+}>> & Readonly<{
+    "onChange-field"?: ((...args: any[]) => any) | undefined;
+    "onInput-field"?: ((...args: any[]) => any) | undefined;
+}>, {
+    colProps: Partial<import('element-plus').ColProps>;
+    formItemProps: Partial<import('element-plus').FormItemProps>;
+    formProps: Partial<Omit<import('element-plus').FormProps, "rules" | "model">>;
+    rowProps: Partial<import('element-plus').RowProps>;
+    schema: VroElSchemaFormSchema;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
+    refForm: ({
+        $: import('vue').ComponentInternalInstance;
+        $data: {};
+        $props: {
+            readonly model?: Record<string, any> | undefined;
+            readonly rules?: import('element-plus').FormRules | undefined;
+            readonly labelPosition?: "left" | "right" | "top" | undefined;
+            readonly requireAsteriskPosition?: "left" | "right" | undefined;
+            readonly labelWidth?: string | number | undefined;
+            readonly labelSuffix?: string | undefined;
+            readonly inline?: boolean | undefined;
+            readonly inlineMessage?: boolean | undefined;
+            readonly statusIcon?: boolean | undefined;
+            readonly showMessage?: boolean | undefined;
+            readonly validateOnRuleChange?: boolean | undefined;
+            readonly hideRequiredAsterisk?: boolean | undefined;
+            readonly scrollToError?: boolean | undefined;
+            readonly scrollIntoViewOptions?: (ScrollIntoViewOptions | boolean) | undefined;
+            readonly size?: import('element-plus').ComponentSize | undefined;
+            readonly disabled?: boolean | undefined;
+            readonly onValidate?: ((prop: import('element-plus').FormItemProp, isValid: boolean, message: string) => any) | undefined | undefined;
+        } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
+        $attrs: {
+            [x: string]: unknown;
+        };
+        $refs: {
+            [x: string]: unknown;
+        };
+        $slots: Readonly<{
+            [name: string]: import('vue').Slot<any> | undefined;
+        }>;
+        $root: import('vue').ComponentPublicInstance | null;
+        $parent: import('vue').ComponentPublicInstance | null;
+        $host: Element | null;
+        $emit: (event: "validate", prop: import('element-plus').FormItemProp, isValid: boolean, message: string) => void;
+        $el: any;
+        $options: import('vue').ComponentOptionsBase<Readonly<import('element-plus').FormProps> & Readonly<{
+            onValidate?: ((prop: import('element-plus').FormItemProp, isValid: boolean, message: string) => any) | undefined;
+        }>, {
+            validate: (callback?: import('element-plus').FormValidateCallback) => import('element-plus').FormValidationResult;
+            validateField: (props?: import('element-plus/es/utils/typescript.mjs').Arrayable<import('element-plus').FormItemProp>, callback?: import('element-plus').FormValidateCallback) => import('element-plus').FormValidationResult;
+            resetFields: (props?: import('element-plus/es/utils/typescript.mjs').Arrayable<import('element-plus').FormItemProp>) => void;
+            clearValidate: (props?: import('element-plus/es/utils/typescript.mjs').Arrayable<import('element-plus').FormItemProp>) => void;
+            scrollToField: (prop: import('element-plus').FormItemProp) => void;
+            getField: (prop: import('element-plus').FormItemProp) => import('element-plus').FormItemContext | undefined;
+            fields: import('vue').Reactive<import('element-plus').FormItemContext[]>;
+            setInitialValues: (initModel: Record<string, any>) => void;
+        }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+            validate: (prop: import('element-plus').FormItemProp, isValid: boolean, message: string) => void;
+        }, string, {
+            labelWidth: string | number;
+            labelPosition: "left" | "right" | "top";
+            requireAsteriskPosition: "left" | "right";
+            labelSuffix: string;
+            showMessage: boolean;
+            validateOnRuleChange: boolean;
+            scrollIntoViewOptions: ScrollIntoViewOptions | boolean;
+        }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
+            beforeCreate?: (() => void) | (() => void)[];
+            created?: (() => void) | (() => void)[];
+            beforeMount?: (() => void) | (() => void)[];
+            mounted?: (() => void) | (() => void)[];
+            beforeUpdate?: (() => void) | (() => void)[];
+            updated?: (() => void) | (() => void)[];
+            activated?: (() => void) | (() => void)[];
+            deactivated?: (() => void) | (() => void)[];
+            beforeDestroy?: (() => void) | (() => void)[];
+            beforeUnmount?: (() => void) | (() => void)[];
+            destroyed?: (() => void) | (() => void)[];
+            unmounted?: (() => void) | (() => void)[];
+            renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+            renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+            errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
+        };
+        $forceUpdate: () => void;
+        $nextTick: typeof import('vue').nextTick;
+        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
+    } & Readonly<{
+        labelWidth: string | number;
+        labelPosition: "left" | "right" | "top";
+        requireAsteriskPosition: "left" | "right";
+        labelSuffix: string;
+        showMessage: boolean;
+        validateOnRuleChange: boolean;
+        scrollIntoViewOptions: ScrollIntoViewOptions | boolean;
+    }> & Omit<Readonly<import('element-plus').FormProps> & Readonly<{
+        onValidate?: ((prop: import('element-plus').FormItemProp, isValid: boolean, message: string) => any) | undefined;
+    }>, "labelPosition" | "requireAsteriskPosition" | "labelWidth" | "labelSuffix" | "showMessage" | "validateOnRuleChange" | "scrollIntoViewOptions" | "validate" | "validateField" | "resetFields" | "clearValidate" | "scrollToField" | "getField" | "fields" | "setInitialValues"> & import('vue').ShallowUnwrapRef<{
+        validate: (callback?: import('element-plus').FormValidateCallback) => import('element-plus').FormValidationResult;
+        validateField: (props?: import('element-plus/es/utils/typescript.mjs').Arrayable<import('element-plus').FormItemProp>, callback?: import('element-plus').FormValidateCallback) => import('element-plus').FormValidationResult;
+        resetFields: (props?: import('element-plus/es/utils/typescript.mjs').Arrayable<import('element-plus').FormItemProp>) => void;
+        clearValidate: (props?: import('element-plus/es/utils/typescript.mjs').Arrayable<import('element-plus').FormItemProp>) => void;
+        scrollToField: (prop: import('element-plus').FormItemProp) => void;
+        getField: (prop: import('element-plus').FormItemProp) => import('element-plus').FormItemContext | undefined;
+        fields: import('vue').Reactive<import('element-plus').FormItemContext[]>;
+        setInitialValues: (initModel: Record<string, any>) => void;
+    }> & {} & import('vue').ComponentCustomProperties & {} & {
+        $slots: {
+            default?: (props: {}) => any;
+        };
+    }) | null;
+    refComponents: unknown;
+}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/vro-el-schema-form/vro-el-schema-form.vue.js

@@ -0,0 +1,120 @@
+import { defineComponent as N, computed as b, ref as F, watchEffect as q, useTemplateRef as w, createBlock as P, openBlock as d, unref as v, mergeProps as c, withCtx as u, createVNode as I, createElementBlock as z, renderSlot as S, Fragment as A, renderList as B, resolveDynamicComponent as G, createSlots as H } from "vue";
+import J from "@daysnap/banana";
+import { isFunction as i, isString as O, filterEmptyValue as Q } from "@daysnap/utils";
+import { ElForm as W, ElRow as X, ElCol as Y, ElFormItem as Z } from "element-plus";
+import { useLocale as k } from "../locale/useLocale.js";
+import { datePickerValueFormat as ee } from "../utils/datePickerValueFormat.js";
+import "@vrojs/base";
+import { defineVroElSchemaFormFieldTrigger as re } from "./defineVroElSchemaFormFieldTrigger.js";
+import { vroElSchemaFormProps as ae } from "./types.js";
+import { vroElSchemaFormFieldManager as oe } from "./vroElSchemaFormFieldManager.js";
+const de = /* @__PURE__ */ N({
+  name: "VroElSchemaForm",
+  __name: "vro-el-schema-form",
+  props: ae,
+  emits: ["change-field", "input-field"],
+  setup(R, { expose: j, emit: x }) {
+    const E = x, l = R, D = b(() => ({
+      validateOnRuleChange: !1,
+      ...l.formProps
+    })), { locale: y } = k(), s = F({}), C = F({}), f = F({});
+    q(() => {
+      const { schema: e } = l;
+      f.value = {}, Object.entries(e).forEach(([o, r]) => {
+        let { hidden: a, value: t, rules: m, is: h } = r;
+        i(a) && (a = a(t, r, e)), h || (a = !0), a || (C.value[o] = t, f.value[o] = r), i(s) && (s.value = s(t, r, e)), s.value[o] = m;
+      });
+    });
+    const V = b(() => Object.entries(f.value).reduce((e, [o, r]) => {
+      let { props: a = {}, is: t, options: m, labelKey: h, valueKey: M } = r;
+      if (O(t)) {
+        const g = oe.get(t);
+        if (g) {
+          let _ = {};
+          O(t) && (_ = y.value.el.schemaForm[t]), t === "ElDatePicker" && (a.valueFormat = ee[a?.type ?? "date"]), t = g.is, a = Object.assign(
+            {},
+            g.props,
+            _,
+            Q({ options: m, labelKey: h, valueKey: M }),
+            a
+          ), a.disabled && (a.placeholder = "-", t === "ElDatePicker" && (a.startPlaceholder = "-", a.endPlaceholder = "-"));
+        }
+      }
+      return e[o] = { is: t, props: a }, e;
+    }, {})), K = async (e, o) => {
+      E("change-field", { key: e, value: o }), await l.schema[e]?.onChange?.(o, l.schema[e], l.schema);
+    }, L = async (e, o) => {
+      E("input-field", { key: e, value: o }), await l.schema[e]?.onInput?.(o, l.schema[e], l.schema);
+    }, p = w("refComponents"), n = w("refForm"), T = async () => {
+      const e = p.value?.filter((o) => i(o.validate)) ?? [];
+      await Promise.all([n.value, ...e].map((o) => o?.validate()));
+    }, U = async () => {
+      const e = p.value?.filter((r) => i(r.extractValues)) ?? [], o = await Promise.all(
+        e.map((r) => r.extractValues())
+      );
+      return o.push(J.extract(l.schema)), o.filter(Boolean).reduce((r, a) => ({ ...r, ...a }), {});
+    }, $ = re(async (e) => {
+      const o = p.value?.filter((r) => i(r.trigger)) ?? [];
+      await Promise.all(o.map((r) => r.trigger(e)));
+    });
+    return j({
+      get form() {
+        return n.value;
+      },
+      validate: T,
+      resetFields: () => n.value?.resetFields(),
+      trigger: $,
+      extractValues: U,
+      validateField: async (e) => n.value?.validateField(e)
+    }), (e, o) => (d(), P(v(W), c(D.value, {
+      ref_key: "refForm",
+      ref: n,
+      class: "vro-el-schema-form",
+      model: C.value,
+      rules: s.value
+    }), {
+      default: u(() => [
+        I(v(X), c({ gutter: 16 }, e.rowProps), {
+          default: u(() => [
+            (d(!0), z(A, null, B(f.value, (r, a) => (d(), P(v(Y), c({ key: a }, { ref_for: !0 }, { ...e.colProps, ...r.colProps }), {
+              default: u(() => [
+                I(v(Z), c({
+                  label: r.label,
+                  prop: a
+                }, { ref_for: !0 }, { ...e.formItemProps, ...r.formItemProps }), {
+                  default: u(() => [
+                    (d(), P(G(V.value?.[a]?.is), c({
+                      modelValue: r.value,
+                      "onUpdate:modelValue": (t) => r.value = t
+                    }, { ref_for: !0 }, V.value?.[a]?.props, {
+                      ref_for: !0,
+                      ref_key: "refComponents",
+                      ref: p,
+                      onChange: (t) => K(a, t),
+                      onInput: (t) => L(a, t)
+                    }), H({ _: 2 }, [
+                      B(r.slots, (t, m) => ({
+                        name: t,
+                        fn: u(() => [
+                          S(e.$slots, m, { item: r })
+                        ])
+                      }))
+                    ]), 1040, ["modelValue", "onUpdate:modelValue", "onChange", "onInput"]))
+                  ]),
+                  _: 2
+                }, 1040, ["label", "prop"])
+              ]),
+              _: 2
+            }, 1040))), 128)),
+            S(e.$slots, "default")
+          ]),
+          _: 3
+        }, 16)
+      ]),
+      _: 3
+    }, 16, ["model", "rules"]));
+  }
+});
+export {
+  de as default
+};

package/dist/vro-el-schema-form/vro-el-schema-form.vue2.js

@@ -0,0 +1,4 @@
+import f from "./vro-el-schema-form.vue.js";
+export {
+  f as default
+};

package/dist/vro-el-schema-form/vroElSchemaFormFieldManager.d.ts

@@ -0,0 +1,2 @@
+import { ComponentManager } from '@vrojs/base';
+export declare const vroElSchemaFormFieldManager: ComponentManager;

package/dist/vro-el-schema-form/vroElSchemaFormFieldManager.js

@@ -0,0 +1,32 @@
+import { ComponentManager as e } from "@vrojs/base";
+import { ElInput as r, ElSelect as o, ElRadioGroup as l, ElCheckboxGroup as a, ElDatePicker as d, ElInputNumber as t, ElTreeSelect as E, ElCascader as i, ElDivider as p } from "element-plus";
+import { VroElCheckboxGroup as m } from "../vro-el-checkbox-group/index.js";
+import { VroElFileUpload as c } from "../vro-el-file-upload/index.js";
+import { VroElImageUpload as u } from "../vro-el-image-upload/index.js";
+import { VroElRadioGroup as n } from "../vro-el-radio-group/index.js";
+import { VroElSelect as V } from "../vro-el-select/index.js";
+import { VroElTags as b } from "../vro-el-tags/index.js";
+import { VroElTree as f } from "../vro-el-tree/index.js";
+const s = new e();
+s.add("ElInput", r, {
+  clearable: !0,
+  showWordLimit: !0,
+  autosize: { minRows: 2 }
+}).add("ElSelect", o, {
+  clearable: !0,
+  filterable: !0
+}).add("ElRadioGroup", l).add("ElCheckboxGroup", a).add("ElDatePicker", d, {
+  type: "date",
+  clearable: !0
+}).add("ElInputNumber", t).add("ElTreeSelect", E).add("ElCascader", i, {
+  clearable: !0,
+  validateEvent: !1
+}).add("ElDivider", p, {
+  contentPosition: "center"
+}).add("VroElSelect", V, {
+  clearable: !0,
+  filterable: !0
+}).add("VroElCheckboxGroup", m).add("VroElRadioGroup", n).add("VroElImageUpload", u).add("VroElFileUpload", c).add("VroElTags", b).add("VroElTree", f);
+export {
+  s as vroElSchemaFormFieldManager
+};

package/dist/vro-el-schema-form-dialog/function-call.d.ts

@@ -0,0 +1,3 @@
+import { AppContext } from 'vue';
+import { VroElSchemaFormDialogProps } from './types';
+export declare function showVroElSchemaFormDialog<T = any>(props: Partial<VroElSchemaFormDialogProps>, appContext?: AppContext | null): Promise<T>;

package/dist/vro-el-schema-form-dialog/function-call.js

@@ -0,0 +1,17 @@
+import { showComponent as m } from "@vrojs/base";
+import { markRaw as i } from "vue";
+import { VroElWithConfig as t } from "../vro-el-with-config/index.js";
+import n from "./vro-el-schema-form-dialog.vue.js";
+function e(o, r = null) {
+  return m(
+    t,
+    {
+      ...o,
+      is: i(n)
+    },
+    r
+  );
+}
+export {
+  e as showVroElSchemaFormDialog
+};