@volverjs/form-vue 1.0.0-beta.3 → 1.0.0-beta.31

package/dist/index.es.js

@@ -1,328 +1,103 @@
-import { defineComponent as z, computed as k, onMounted as D, onBeforeUnmount as j, inject as U, toRefs as P, watch as I, unref as B, provide as M, readonly as S, resolveComponent as O, defineAsyncComponent as F, h as w, ref as C, toRaw as E, isProxy as ee, withModifiers as re, getCurrentInstance as te } from "vue";
-import { watchIgnorable as ae, throttleFilter as ne } from "@vueuse/core";
-import { ZodObject as K, ZodDefault as ue, ZodNullable as le, ZodSchema as se, ZodArray as ie, ZodEffects as fe, ZodOptional as oe } from "zod";
-function R(e) {
-  return Array.isArray(e);
-}
-function de(e) {
-  return typeof e < "u";
-}
-function q(e) {
-  return e === null;
-}
-function H(e) {
-  return typeof e == "object";
-}
-function Q(e) {
-  return typeof e == "string";
-}
-function G(e) {
-  return typeof e > "u";
-}
-const ve = /^[0-9]+$/, ce = ["__proto__", "prototype", "constructor"];
-function L(e, s, t) {
-  const o = de(t) ? t : void 0;
-  if (!H(e) || !Q(s))
-    return o;
-  const u = Y(s);
-  if (u.length !== 0) {
-    for (const r of u) {
-      if (r === "*")
-        continue;
-      const l = function(a) {
-        return a.map((f) => G(f) || q(f) ? f : R(f) ? l(f) : f[r]);
-      };
-      if (R(e) && !ve.test(r) ? e = l(e) : e = e[r], G(e) || q(e))
-        break;
-    }
-    return G(e) ? o : e;
-  }
-}
-function X(e, s, t) {
-  if (!H(e) || !Q(s))
-    return;
-  const o = Y(s);
-  if (o.length === 0)
-    return;
-  const u = o.length;
-  for (let r = 0; r < u; r++) {
-    const l = o[r];
-    if (r === u - 1) {
-      e[l] = t;
-      return;
-    }
-    if (l === "*" && R(e)) {
-      const a = o.slice(r + 1).join(".");
-      for (const f of e)
-        X(f, a, t);
-      return;
-    }
-    G(e[l]) && (e[l] = {}), e = e[l];
-  }
-}
-function Y(e) {
-  const s = e.split(/[.]|(?:\[(\d|\*)\])/).filter((t) => !!t);
-  return s.some((t) => ce.indexOf(t) !== -1) ? [] : s;
-}
-var d = /* @__PURE__ */ ((e) => (e.text = "text", e.number = "number", e.email = "email", e.password = "password", e.tel = "tel", e.url = "url", e.search = "search", e.date = "date", e.time = "time", e.datetimeLocal = "datetime-local", e.month = "month", e.week = "week", e.color = "color", e.select = "select", e.checkbox = "checkbox", e.radio = "radio", e.textarea = "textarea", e.radioGroup = "radioGroup", e.checkboxGroup = "checkboxGroup", e.combobox = "combobox", e.custom = "custom", e))(d || {}), x = /* @__PURE__ */ ((e) => (e.invalid = "invalid", e.valid = "valid", e.submitting = "submitting", e.updated = "updated", e.unknown = "unknown", e))(x || {});
-const me = (e, s, t, o) => z({
-  name: "VvFormField",
-  props: {
-    type: {
-      type: String,
-      validator: (u) => Object.values(d).includes(u),
-      default: d.custom
-    },
-    is: {
-      type: [Object, String],
-      default: void 0
-    },
-    name: {
-      type: [String, Number, Boolean, Symbol],
-      required: !0
-    },
-    props: {
-      type: [Object, Function],
-      default: () => ({})
-    },
-    showValid: {
-      type: Boolean,
-      default: !1
-    },
-    defaultValue: {
-      type: [String, Number, Boolean, Array, Object],
-      default: void 0
-    },
-    lazyLoad: {
-      type: Boolean,
-      default: !1
-    }
-  },
-  emits: ["invalid", "valid", "update:formData", "update:modelValue"],
-  expose: ["invalid", "invalidLabel", "errors"],
-  setup(u, { slots: r, emit: l }) {
-    const a = k({
-      get() {
-        if (n != null && n.formData)
-          return L(
-            Object(n.formData.value),
-            String(u.name)
-          );
-      },
-      set(i) {
-        n != null && n.formData && (X(
-          Object(n.formData.value),
-          String(u.name),
-          i
-        ), l("update:modelValue", {
-          newValue: a.value,
-          formData: n == null ? void 0 : n.formData
-        }));
-      }
-    });
-    D(() => {
-      a.value === void 0 && u.defaultValue !== void 0 && (a.value = u.defaultValue);
-    }), j(() => {
-      b(), y();
-    });
-    const f = U(s, void 0);
-    f && f.fields.value.add(u.name);
-    const n = U(e), { props: c, name: h } = P(u), V = k(() => {
-      if (n != null && n.errors.value)
-        return L(n.errors.value, String(u.name));
-    }), m = k(() => {
-      var i;
-      return (i = V.value) == null ? void 0 : i._errors;
-    }), v = k(() => V.value !== void 0), b = I(v, () => {
-      v.value ? (l("invalid", m.value), f && f.errors.value.set(
-        u.name,
-        {
-          _errors: m.value
-        }
-      )) : (l("valid", a.value), f && f.errors.value.delete(
-        u.name
-      ));
-    }), y = I(
-      () => n == null ? void 0 : n.formData,
-      () => {
-        l("update:formData", n == null ? void 0 : n.formData);
-      },
-      { deep: !0 }
-    ), g = (i) => {
-      a.value = i;
-    }, p = k(() => {
-      let i = c.value;
-      return typeof i == "function" && (i = i(n == null ? void 0 : n.formData)), Object.keys(i).reduce(
-        (_, $) => (_[$] = B(i[$]), _),
-        {}
-      );
-    }), A = k(() => ({
-      ...p.value,
-      name: p.value.name ?? u.name,
-      invalid: v.value,
-      valid: u.showValid ? !!(!v.value && a.value) : void 0,
-      type: ((i) => {
-        if ([
-          d.text,
-          d.number,
-          d.email,
-          d.password,
-          d.tel,
-          d.url,
-          d.search,
-          d.date,
-          d.time,
-          d.datetimeLocal,
-          d.month,
-          d.week,
-          d.color
-        ].includes(i))
-          return i;
-      })(u.type),
-      invalidLabel: m.value,
-      modelValue: a.value,
-      "onUpdate:modelValue": g
-    }));
-    return M(t, {
-      name: S(h),
-      errors: S(V)
-    }), { component: k(() => {
-      if (u.type === d.custom)
-        return {
-          render() {
-            var i;
-            return ((i = r.default) == null ? void 0 : i.call(r, {
-              modelValue: a.value,
-              onUpdate: g,
-              submit: n == null ? void 0 : n.submit,
-              validate: n == null ? void 0 : n.validate,
-              invalid: v.value,
-              invalidLabel: m.value,
-              formData: n == null ? void 0 : n.formData.value,
-              formErrors: n == null ? void 0 : n.errors.value,
-              errors: V.value
-            })) ?? r.defalut;
-          }
-        };
-      if (!((o == null ? void 0 : o.lazyLoad) ?? u.lazyLoad)) {
-        let i;
-        switch (u.type) {
-          case d.select:
-            i = O("VvSelect");
-            break;
-          case d.checkbox:
-            i = O("VvCheckbox");
-            break;
-          case d.radio:
-            i = O("VvRadio");
-            break;
-          case d.textarea:
-            i = O("VvTextarea");
-            break;
-          case d.radioGroup:
-            i = O("VvRadioGroup");
-            break;
-          case d.checkboxGroup:
-            i = O("VvCheckboxGroup");
-            break;
-          case d.combobox:
-            i = O("VvCombobox");
-            break;
-          default:
-            i = O("VvInputText");
-        }
-        if (typeof i != "string")
-          return i;
-        console.warn(
-          `[form-vue warn]: ${i} not found, the component will be loaded asynchronously. To avoid this warning, please set "lazyLoad" option.`
-        );
-      }
-      return F(async () => {
-        switch (o != null && o.sideEffects && await Promise.resolve(o.sideEffects(u.type)), u.type) {
-          case d.textarea:
-            return import("@volverjs/ui-vue/vv-textarea");
-          case d.radio:
-            return import("@volverjs/ui-vue/vv-radio");
-          case d.radioGroup:
-            return import("@volverjs/ui-vue/vv-radio-group");
-          case d.checkbox:
-            return import("@volverjs/ui-vue/vv-checkbox");
-          case d.checkboxGroup:
-            return import("@volverjs/ui-vue/vv-checkbox-group");
-          case d.select:
-            return import("@volverjs/ui-vue/vv-select");
-          case d.combobox:
-            return import("@volverjs/ui-vue/vv-combobox");
-        }
-        return import("@volverjs/ui-vue/vv-input-text");
-      });
-    }), hasProps: A, invalid: v };
-  },
-  render() {
-    return this.is ? w(this.is, this.hasProps, this.$slots) : this.type === d.custom ? w(this.component, null, this.$slots) : w(this.component, this.hasProps, this.$slots);
-  }
-}), J = (e, s = {}) => {
-  const t = (r) => {
-    let l = r;
-    for (; l instanceof fe; )
-      l = l.innerType();
-    return l instanceof oe && (l = l._def.innerType), l;
-  }, o = t(e);
+import { ref as C, computed as I, readonly as _, defineComponent as q, toRaw as U, watch as W, isProxy as ce, onMounted as j, provide as F, h as R, withModifiers as ue, toRefs as te, useId as ie, inject as N, onBeforeUnmount as J, unref as K, resolveComponent as L, defineAsyncComponent as ye, getCurrentInstance as he } from "vue";
+import { watchIgnorable as me, throttleFilter as be } from "@vueuse/core";
+import { ZodObject as H, ZodDefault as pe, ZodNullable as Ve, ZodSchema as ge, ZodArray as Oe, ZodRecord as we, ZodEffects as le, ZodOptional as ne, ZodError as xe } from "zod";
+var p = /* @__PURE__ */ ((r) => (r.text = "text", r.number = "number", r.email = "email", r.password = "password", r.tel = "tel", r.url = "url", r.search = "search", r.date = "date", r.time = "time", r.datetimeLocal = "datetime-local", r.month = "month", r.week = "week", r.color = "color", r.select = "select", r.checkbox = "checkbox", r.radio = "radio", r.textarea = "textarea", r.radioGroup = "radioGroup", r.checkboxGroup = "checkboxGroup", r.combobox = "combobox", r.custom = "custom", r))(p || {}), G = /* @__PURE__ */ ((r) => (r.invalid = "invalid", r.valid = "valid", r.submitting = "submitting", r.reset = "reset", r.updated = "updated", r.unknown = "unknown", r))(G || {});
+function X(r, i = {}) {
+  const e = (d) => {
+    let o = d;
+    for (; o instanceof le; )
+      o = o.innerType();
+    return o instanceof ne && (o = o._def.innerType), o;
+  }, c = (d) => {
+    let o = d;
+    for (; o instanceof le; )
+      o = o.innerType();
+    return o instanceof ne;
+  }, a = e(r);
   return {
-    ...(o instanceof K ? o._def.unknownKeys === "passthrough" : !1) ? s : {},
+    ...(a instanceof H ? a._def.unknownKeys === "passthrough" : !1) ? i : {},
     ...Object.fromEntries(
-      Object.entries(o.shape).map(
-        ([r, l]) => {
-          const a = s[r];
-          let f = t(l), n;
-          if (f instanceof ue && (n = f._def.defaultValue(), f = f._def.innerType), a === null && f instanceof le)
-            return [r, a];
-          if (f instanceof se) {
-            const c = l.safeParse(a);
-            if (c.success)
-              return [r, c.data ?? n];
+      Object.entries(a.shape).map(
+        ([d, o]) => {
+          const f = i[d], V = c(o);
+          let v = e(o), s;
+          if (v instanceof pe && (s = v._def.defaultValue(), v = v._def.innerType), f === null && v instanceof Ve)
+            return [d, f];
+          if (f == null && V)
+            return [d, s];
+          if (v instanceof ge) {
+            const h = o.safeParse(f);
+            if (h.success)
+              return [d, h.data ?? s];
           }
-          if (f instanceof ie && Array.isArray(a) && a.length) {
-            const c = t(f._def.type);
-            if (c instanceof K)
+          if (v instanceof Oe && Array.isArray(f) && f.length) {
+            const h = e(v._def.type);
+            if (h instanceof H)
               return [
-                r,
-                a.map(
-                  (h) => J(
-                    c,
-                    h && typeof h == "object" ? h : void 0
+                d,
+                f.map(
+                  (m) => X(
+                    h,
+                    m && typeof m == "object" ? m : void 0
                   )
-                ) ?? n
+                )
               ];
           }
-          return f instanceof K ? [
-            r,
-            J(
-              f,
-              a && typeof a == "object" ? a : n
+          if (v instanceof we && f) {
+            const h = e(v._def.valueType);
+            if (h instanceof H)
+              return [d, Object.keys(f).reduce((m, b) => (m[b] = X(h, f[b]), m), {})];
+          }
+          return v instanceof H ? [
+            d,
+            X(
+              v,
+              f && typeof f == "object" ? f : s
             )
-          ] : [r, n];
+          ] : [d, s];
         }
       )
     )
   };
-}, he = (e, s, t, o) => {
-  const u = C(), r = C(), l = k(() => r.value === x.invalid), a = C(), f = async (m = a.value) => {
-    const v = await e.safeParseAsync(m);
-    return v.success ? (u.value = void 0, r.value = x.valid, a.value = v.data, !0) : (u.value = v.error.format(), r.value = x.invalid, !1);
-  }, n = async () => await f() ? (r.value = x.submitting, !0) : !1, { ignoreUpdates: c, stop: h } = ae(
-    a,
+}
+function Ie(r, i, e, c, a) {
+  const t = C(), d = C(), o = I(() => d.value === G.invalid), f = C(), V = C(!1);
+  let v;
+  const s = (k) => {
+    const O = X(r, k);
+    if (e != null && e.class) {
+      const n = e.class;
+      return new n(O);
+    }
+    return O;
+  }, h = async (k = f.value, O) => {
+    if (v = O, V.value)
+      return !0;
+    const n = await r.safeParseAsync(k);
+    if (!n.success) {
+      if (d.value = G.invalid, !O)
+        return t.value = n.error.format(), !1;
+      const w = n.error.issues.filter(($) => O.has($.path.join(".")));
+      return w.length ? (t.value = new xe(w).format(), !1) : (t.value = void 0, !0);
+    }
+    return t.value = void 0, d.value = G.valid, f.value = s(n.data), !0;
+  }, m = () => {
+    t.value = void 0, d.value = void 0, v = void 0;
+  }, b = () => {
+    f.value = s(), m(), d.value = G.reset;
+  }, l = async () => V.value || !await h() ? !1 : (d.value = G.submitting, !0), { ignoreUpdates: x, stop: g } = me(
+    f,
     () => {
-      r.value = x.updated;
+      d.value = G.updated;
     },
     {
       deep: !0,
-      eventFilter: ne((t == null ? void 0 : t.updateThrottle) ?? 500)
+      eventFilter: be((e == null ? void 0 : e.updateThrottle) ?? 500)
     }
-  ), V = z({
+  ), E = _(t), A = _(d), B = q({
     name: "VvForm",
     props: {
-      continuosValidation: {
+      continuousValidation: {
         type: Boolean,
         default: !1
       },
@@ -330,6 +105,10 @@ const me = (e, s, t, o) => z({
         type: Object,
         default: () => ({})
       },
+      readonly: {
+        type: Boolean,
+        default: (e == null ? void 0 : e.readonly) ?? !1
+      },
       tag: {
         type: String,
         default: "form"
@@ -339,332 +118,939 @@ const me = (e, s, t, o) => z({
         default: void 0
       }
     },
-    emits: ["invalid", "valid", "submit", "update:modelValue"],
-    expose: ["submit", "validate", "errors", "status", "valid", "invalid"],
-    setup(m, { emit: v }) {
-      return a.value = J(
-        e,
-        E(m.modelValue)
-      ), I(
-        () => m.modelValue,
-        (b) => {
-          if (b) {
-            const y = ee(b) ? E(b) : b;
-            a.value = typeof (y == null ? void 0 : y.clone) == "function" ? y.clone() : JSON.parse(JSON.stringify(y));
+    emits: [
+      "invalid",
+      "submit",
+      "update:modelValue",
+      "update:readonly",
+      "valid",
+      "reset"
+    ],
+    expose: [
+      "errors",
+      "invalid",
+      "readonly",
+      "status",
+      "submit",
+      "tag",
+      "template",
+      "valid",
+      "validate",
+      "clear",
+      "reset"
+    ],
+    slots: Object,
+    setup(k, { emit: O }) {
+      return f.value = s(U(k.modelValue)), W(
+        () => k.modelValue,
+        (n) => {
+          if (n) {
+            const w = ce(n) ? U(n) : n;
+            if (JSON.stringify(w) === JSON.stringify(U(f.value)))
+              return;
+            f.value = typeof (w == null ? void 0 : w.clone) == "function" ? w.clone() : JSON.parse(JSON.stringify(w));
           }
         },
         { deep: !0 }
-      ), I(r, async (b) => {
-        var y, g, p, A, W;
-        if (b === x.invalid) {
-          const i = E(
-            u.value
+      ), W(d, async (n) => {
+        var w, $, M, T, P, ee;
+        if (n === G.invalid) {
+          const u = U(t.value);
+          O("invalid", u), (w = e == null ? void 0 : e.onInvalid) == null || w.call(
+            e,
+            u
           );
-          v("invalid", i), (y = t == null ? void 0 : t.onInvalid) == null || y.call(t, i);
           return;
         }
-        if (b === x.valid) {
-          const i = E(a.value);
-          v("valid", i), (g = t == null ? void 0 : t.onValid) == null || g.call(t, i), v("update:modelValue", i), (p = t == null ? void 0 : t.onUpdate) == null || p.call(t, i);
+        if (n === G.valid) {
+          const u = U(f.value);
+          O("valid", u), ($ = e == null ? void 0 : e.onValid) == null || $.call(e, u), O("update:modelValue", u), (M = e == null ? void 0 : e.onUpdate) == null || M.call(e, u);
+          return;
+        }
+        if (n === G.submitting) {
+          const u = U(f.value);
+          O("submit", u), (T = e == null ? void 0 : e.onSubmit) == null || T.call(e, u);
           return;
         }
-        if (b === x.submitting) {
-          const i = E(a.value);
-          v("submit", i), (A = t == null ? void 0 : t.onSubmit) == null || A.call(t, i);
+        if (n === G.reset) {
+          const u = U(f.value);
+          O("reset", u), (P = e == null ? void 0 : e.onReset) == null || P.call(e, u);
+          return;
         }
-        if (b === x.updated) {
-          if ((u.value || t != null && t.continuosValidation || m.continuosValidation) && await f(), !a.value || !m.modelValue || JSON.stringify(a.value) !== JSON.stringify(m.modelValue)) {
-            const i = E(
-              a.value
-            );
-            v("update:modelValue", i), (W = t == null ? void 0 : t.onUpdate) == null || W.call(t, i);
+        if (n === G.updated) {
+          if ((t.value || e != null && e.continuousValidation || k.continuousValidation) && await h(void 0, v), !f.value || !k.modelValue || JSON.stringify(f.value) !== JSON.stringify(k.modelValue)) {
+            const u = U(f.value);
+            O("update:modelValue", u), (ee = e == null ? void 0 : e.onUpdate) == null || ee.call(e, u);
           }
-          r.value === x.updated && (r.value = x.unknown);
+          d.value === G.updated && (d.value = G.unknown);
         }
-      }), M(s, {
-        formData: a,
-        submit: n,
-        validate: f,
-        ignoreUpdates: c,
-        stopUpdatesWatch: h,
-        errors: S(u),
-        status: S(r),
-        invalid: l
+      }), j(() => {
+        V.value = k.readonly;
+      }), W(
+        () => k.readonly,
+        (n) => {
+          V.value = n;
+        }
+      ), W(V, (n) => {
+        n !== k.readonly && O("update:readonly", V.value);
+      }), F(i, {
+        clear: m,
+        errors: E,
+        formData: f,
+        ignoreUpdates: x,
+        invalid: o,
+        readonly: V,
+        reset: b,
+        status: A,
+        stopUpdatesWatch: g,
+        submit: l,
+        validate: h,
+        wrappers: a
       }), {
-        formData: a,
-        submit: n,
-        validate: f,
-        ignoreUpdates: c,
-        stopUpdatesWatch: h,
-        errors: S(u),
-        status: S(r),
-        invalid: l
+        clear: m,
+        errors: E,
+        formData: f,
+        ignoreUpdates: x,
+        invalid: o,
+        isReadonly: V,
+        reset: b,
+        status: A,
+        stopUpdatesWatch: g,
+        submit: l,
+        validate: h,
+        wrappers: a
       };
     },
     render() {
-      const m = () => {
-        var v, b;
-        return ((b = (v = this.$slots) == null ? void 0 : v.default) == null ? void 0 : b.call(v, {
-          formData: this.formData,
-          submit: this.submit,
-          validate: this.validate,
-          ignoreUpdates: this.ignoreUpdates,
-          stopUpdatesWatch: this.stopUpdatesWatch,
-          errors: this.errors,
-          status: this.status,
-          invalid: this.invalid
+      const k = () => {
+        var O, n;
+        return ((n = (O = this.$slots) == null ? void 0 : O.default) == null ? void 0 : n.call(O, {
+          errors: E.value,
+          formData: f.value,
+          invalid: o.value,
+          readonly: V.value,
+          status: A.value,
+          wrappers: a,
+          clear: m,
+          ignoreUpdates: x,
+          reset: b,
+          stopUpdatesWatch: g,
+          submit: l,
+          validate: h
         })) ?? this.$slots.default;
       };
-      return w(
+      return R(
         this.tag,
         {
-          onSubmit: re(this.submit, ["prevent"])
+          onSubmit: ue(this.submit, ["prevent"]),
+          onReset: ue(this.reset, ["prevent"])
         },
-        (this.template ?? (t == null ? void 0 : t.template)) && o ? [
-          w(
-            o,
+        (this.template ?? (e == null ? void 0 : e.template)) && c ? [
+          R(
+            c,
             {
-              schema: this.template ?? (t == null ? void 0 : t.template)
+              schema: this.template ?? (e == null ? void 0 : e.template)
             },
             {
-              default: m
+              default: k
             }
           )
         ] : {
-          default: m
+          default: k
         }
       );
     }
   });
   return {
-    errors: u,
-    status: r,
-    invalid: l,
-    formData: a,
-    validate: f,
-    submit: n,
-    ignoreUpdates: c,
-    stopUpdatesWatch: h,
-    /**
-     * An hack to add types to the default slot
-     */
-    VvForm: V
+    clear: m,
+    errors: t,
+    formData: f,
+    ignoreUpdates: x,
+    invalid: o,
+    readonly: V,
+    reset: b,
+    status: d,
+    wrappers: a,
+    stopUpdatesWatch: g,
+    submit: l,
+    validate: h,
+    VvForm: B
   };
-}, be = (e, s) => z({
-  name: "VvFormWrapper",
-  props: {
-    name: {
-      type: String,
-      required: !0
-    },
-    tag: {
-      type: String,
-      default: void 0
+}
+function re(r) {
+  return Array.isArray(r);
+}
+function ke(r) {
+  return typeof r < "u";
+}
+function se(r) {
+  return r === null;
+}
+function fe(r) {
+  return typeof r == "object";
+}
+function oe(r) {
+  return typeof r == "string";
+}
+function Y(r) {
+  return typeof r > "u";
+}
+const Se = /^[0-9]+$/, Ee = ["__proto__", "prototype", "constructor"];
+function Z(r, i, e) {
+  const c = ke(e) ? e : void 0;
+  if (!fe(r) || !oe(i))
+    return c;
+  const a = ve(i);
+  if (a.length !== 0) {
+    for (const t of a) {
+      if (t === "*")
+        continue;
+      const d = function(o) {
+        return o.map((f) => Y(f) || se(f) ? f : re(f) ? d(f) : f[t]);
+      };
+      if (re(r) && !Se.test(t) ? r = d(r) : r = r[t], Y(r) || se(r))
+        break;
     }
-  },
-  emits: ["invalid", "valid"],
-  expose: ["fields", "invalid"],
-  setup(o, { emit: u }) {
-    const r = U(e), l = U(s, void 0), a = C(/* @__PURE__ */ new Set()), f = C(/* @__PURE__ */ new Map()), { name: n } = P(o);
-    M(s, {
-      name: S(n),
-      errors: f,
-      fields: a
-    }), I(
-      a,
-      (h) => {
-        l != null && l.fields && h.forEach((V) => {
-          l == null || l.fields.value.add(V);
+    return Y(r) ? c : r;
+  }
+}
+function ae(r, i, e) {
+  if (!fe(r) || !oe(i))
+    return;
+  const c = ve(i);
+  if (c.length === 0)
+    return;
+  const a = c.length;
+  for (let t = 0; t < a; t++) {
+    const d = c[t];
+    if (t === a - 1) {
+      r[d] = e;
+      return;
+    }
+    if (d === "*" && re(r)) {
+      const o = c.slice(t + 1).join(".");
+      for (const f of r)
+        ae(f, o, e);
+      return;
+    }
+    Y(r[d]) && (r[d] = {}), r = r[d];
+  }
+}
+function ve(r) {
+  const i = r.split(/[.]|(?:\[(\d|\*)\])/).filter((e) => !!e);
+  return i.some((e) => Ee.indexOf(e) !== -1) ? [] : i;
+}
+function Ae(r, i, e, c) {
+  return q({
+    name: "VvFormField",
+    props: {
+      type: {
+        type: String,
+        validator: (a) => Object.values(p).includes(a),
+        default: p.custom
+      },
+      is: {
+        type: [Object, String],
+        default: void 0
+      },
+      name: {
+        type: [String, Number, Boolean, Symbol],
+        required: !0
+      },
+      props: {
+        type: [Object, Function],
+        default: () => ({})
+      },
+      showValid: {
+        type: Boolean,
+        default: !1
+      },
+      defaultValue: {
+        type: [String, Number, Boolean, Array, Object],
+        default: void 0
+      },
+      lazyLoad: {
+        type: Boolean,
+        default: !1
+      },
+      readonly: {
+        type: Boolean,
+        default: void 0
+      }
+    },
+    emits: [
+      "invalid",
+      "update:formData",
+      "update:modelValue",
+      "valid"
+    ],
+    expose: [
+      "component",
+      "errors",
+      "hasProps",
+      "invalid",
+      "invalidLabel",
+      "is",
+      "type"
+    ],
+    slots: Object,
+    setup(a, { slots: t, emit: d }) {
+      const { props: o, name: f } = te(a), V = ie(), v = N(i, void 0);
+      v && v.fields.value.set(V, a.name);
+      const s = N(r), h = I({
+        get() {
+          if (s != null && s.formData)
+            return Z(
+              new Object(s.formData.value),
+              String(a.name)
+            );
+        },
+        set(n) {
+          s != null && s.formData && (ae(
+            new Object(s.formData.value),
+            String(a.name),
+            n
+          ), d("update:modelValue", {
+            newValue: h.value,
+            formData: s == null ? void 0 : s.formData
+          }));
+        }
+      });
+      j(() => {
+        h.value === void 0 && a.defaultValue !== void 0 && (h.value = a.defaultValue);
+      }), J(() => {
+        v && v.fields.value.delete(V);
+      });
+      const m = I(() => {
+        if (s != null && s.errors.value)
+          return Z(s.errors.value, String(a.name));
+      }), b = I(() => {
+        var n;
+        return (n = m.value) == null ? void 0 : n._errors;
+      }), l = I(() => m.value !== void 0), x = W(l, () => {
+        if (l.value) {
+          d("invalid", m.value), v && v.errors.value.set(
+            String(a.name),
+            m.value
+          );
+          return;
+        }
+        d("valid", h.value), v && v.errors.value.delete(
+          a.name
+        );
+      }), g = W(
+        () => s == null ? void 0 : s.formData,
+        () => {
+          d("update:formData", s == null ? void 0 : s.formData);
+        },
+        { deep: !0 }
+      );
+      J(() => {
+        x(), g();
+      });
+      const E = (n) => {
+        n instanceof InputEvent && (n = n.target.value), h.value = n;
+      }, A = I(() => {
+        let n = o.value;
+        return typeof n == "function" && (n = n(s == null ? void 0 : s.formData)), Object.keys(n).reduce(
+          (w, $) => (w[$] = K(n[$]), w),
+          {}
+        );
+      }), B = I(() => s != null && s.readonly.value ? !0 : A.value.readonly ?? a.readonly), k = I(() => ({
+        ...A.value,
+        name: A.value.name ?? a.name,
+        invalid: l.value,
+        valid: a.showValid ? !!(!l.value && h.value) : void 0,
+        type: ((n) => {
+          if ([
+            p.color,
+            p.date,
+            p.datetimeLocal,
+            p.email,
+            p.month,
+            p.number,
+            p.password,
+            p.search,
+            p.tel,
+            p.text,
+            p.time,
+            p.url,
+            p.week
+          ].includes(n))
+            return n;
+        })(a.type),
+        invalidLabel: b.value,
+        modelValue: h.value,
+        readonly: B.value,
+        "onUpdate:modelValue": E
+      }));
+      return F(e, {
+        name: _(f),
+        errors: _(m)
+      }), { component: I(() => {
+        if (a.type === p.custom)
+          return {
+            render() {
+              var n;
+              return ((n = t.default) == null ? void 0 : n.call(t, {
+                errors: m.value,
+                formData: s == null ? void 0 : s.formData.value,
+                formErrors: s == null ? void 0 : s.errors.value,
+                invalid: l.value,
+                invalidLabel: b.value,
+                modelValue: h.value,
+                readonly: B.value,
+                onUpdate: E,
+                submit: s == null ? void 0 : s.submit,
+                validate: s == null ? void 0 : s.validate
+              })) ?? t.default;
+            }
+          };
+        if (!((c == null ? void 0 : c.lazyLoad) ?? a.lazyLoad)) {
+          let n;
+          switch (a.type) {
+            case p.select:
+              n = L("VvSelect");
+              break;
+            case p.checkbox:
+              n = L("VvCheckbox");
+              break;
+            case p.radio:
+              n = L("VvRadio");
+              break;
+            case p.textarea:
+              n = L("VvTextarea");
+              break;
+            case p.radioGroup:
+              n = L("VvRadioGroup");
+              break;
+            case p.checkboxGroup:
+              n = L("VvCheckboxGroup");
+              break;
+            case p.combobox:
+              n = L("VvCombobox");
+              break;
+            default:
+              n = L("VvInputText");
+          }
+          if (typeof n != "string")
+            return n;
+          console.warn(
+            `[@volverjs/form-vue]: ${n} not found, the component will be loaded asynchronously. To avoid this warning, please set "lazyLoad" option.`
+          );
+        }
+        return ye(async () => {
+          switch (c != null && c.sideEffects && await Promise.resolve(c.sideEffects(a.type)), a.type) {
+            case p.textarea:
+              return import("@volverjs/ui-vue/vv-textarea");
+            case p.radio:
+              return import("@volverjs/ui-vue/vv-radio");
+            case p.radioGroup:
+              return import("@volverjs/ui-vue/vv-radio-group");
+            case p.checkbox:
+              return import("@volverjs/ui-vue/vv-checkbox");
+            case p.checkboxGroup:
+              return import("@volverjs/ui-vue/vv-checkbox-group");
+            case p.select:
+              return import("@volverjs/ui-vue/vv-select");
+            case p.combobox:
+              return import("@volverjs/ui-vue/vv-combobox");
+          }
+          return import("@volverjs/ui-vue/vv-input-text");
         });
+      }), hasProps: k, invalid: l };
+    },
+    render() {
+      return this.is ? R(this.is, this.hasProps, this.$slots) : this.type === p.custom ? R(this.component, null, this.$slots) : R(this.component, this.hasProps, this.$slots);
+    }
+  });
+}
+function Ge(r, i, e) {
+  return q({
+    name: "VvFormFieldsGroup",
+    props: {
+      is: {
+        type: [Object, String],
+        default: void 0
       },
-      { deep: !0 }
-    ), I(
-      () => new Map(f.value),
-      (h, V) => {
-        l != null && l.errors && (Array.from(V.keys()).forEach((m) => {
-          l.errors.value.delete(m);
-        }), Array.from(h.keys()).forEach((m) => {
-          const v = h.get(m);
-          v && l.errors.value.set(m, v);
-        }));
+      names: {
+        type: [Array, Object],
+        required: !0
       },
-      { deep: !0 }
-    );
-    const c = k(() => r != null && r.invalid.value ? f.value.size > 0 : !1);
-    return I(c, () => {
-      c.value ? u("invalid") : u("valid");
-    }), {
-      formData: r == null ? void 0 : r.formData,
-      errors: r == null ? void 0 : r.errors,
-      submit: r == null ? void 0 : r.submit,
-      validate: r == null ? void 0 : r.validate,
-      invalid: c,
-      fields: a,
-      fieldsErrors: f
-    };
-  },
-  render() {
-    var o, u;
-    return this.tag ? w(this.tag, null, {
-      default: () => {
-        var r, l;
-        return ((l = (r = this.$slots).default) == null ? void 0 : l.call(r, {
-          invalid: this.invalid,
+      props: {
+        type: [Object, Function],
+        default: () => ({})
+      },
+      showValid: {
+        type: Boolean,
+        default: !1
+      },
+      defaultValues: {
+        type: [Object],
+        default: void 0
+      },
+      readonly: {
+        type: Boolean,
+        default: void 0
+      }
+    },
+    emits: [
+      "invalid",
+      "update:formData",
+      "update:modelValue",
+      "valid"
+    ],
+    expose: [
+      "component",
+      "errors",
+      "hasProps",
+      "invalid",
+      "invalidLabels",
+      "is"
+    ],
+    slots: Object,
+    setup(c, { slots: a, emit: t }) {
+      const { props: d, names: o, defaultValues: f } = te(c), V = ie(), v = I(() => Array.isArray(o.value) ? o.value : Object.values(o.value)), s = I(() => Array.isArray(o.value) ? o.value : Object.keys(o.value)), h = I(() => Array.isArray(o.value) ? o.value.reduce((u, y) => (u[String(y)] = y, u), {}) : o.value), m = I(() => Object.keys(h.value).reduce((u, y) => (u[String(h.value[y])] = y, u), {})), b = N(i, void 0);
+      b && v.value.forEach((u) => {
+        b.fields.value.set(`${V}-${u}`, u);
+      });
+      const l = N(r), x = I({
+        get() {
+          return l != null && l.formData ? s.value.reduce((u, y) => (u[y] = Z(
+            new Object(l.formData.value),
+            h.value[y]
+          ), u), {}) : {};
+        },
+        set(u) {
+          l != null && l.formData && (s.value.forEach((y) => {
+            ae(
+              new Object(l.formData.value),
+              h.value[y],
+              u == null ? void 0 : u[y]
+            );
+          }), t("update:modelValue", {
+            newValue: x.value,
+            formData: l == null ? void 0 : l.formData
+          }));
+        }
+      });
+      j(() => {
+        f.value && v.value.forEach((u) => {
+          var y, S;
+          ((y = f.value) == null ? void 0 : y[u]) !== void 0 && x.value[u] === void 0 && (x.value = {
+            ...x.value,
+            [u]: (S = f.value) == null ? void 0 : S[u]
+          });
+        });
+      }), J(() => {
+        b && v.value.forEach((u) => {
+          b.fields.value.delete(
+            `${V}-${u}`
+          );
+        });
+      });
+      const g = I(() => {
+        if (!(l != null && l.errors.value))
+          return;
+        const u = v.value.reduce((y, S) => {
+          if (!l.errors.value)
+            return y;
+          const z = Z(l.errors.value, String(S));
+          return z === void 0 || (y[String(S)] = z), y;
+        }, {});
+        if (Object.keys(u).length !== 0)
+          return u;
+      }), E = I(() => {
+        if (!g.value)
+          return;
+        const u = Object.keys(g.value).reduce((y, S) => {
+          var z;
+          return (z = g.value) != null && z[S] && (y[m.value[S]] = g.value[S]._errors), y;
+        }, {});
+        if (Object.keys(u).length !== 0)
+          return u;
+      }), A = I(() => g.value !== void 0), B = I(() => s.value.reduce((u, y) => {
+        var S;
+        return u[y] = !!((S = g.value) != null && S[m.value[y]]), u;
+      }, {})), k = W(A, () => {
+        if (A.value) {
+          t("invalid", g.value), b && v.value.forEach((u) => {
+            var y, S;
+            if (!((y = g.value) != null && y[u])) {
+              b.errors.value.delete(
+                u
+              );
+              return;
+            }
+            b.errors.value.set(
+              u,
+              (S = g.value) == null ? void 0 : S[u]
+            );
+          });
+          return;
+        }
+        t("valid", x.value), b && v.value.forEach((u) => {
+          b.errors.value.delete(
+            u
+          );
+        });
+      }), O = W(
+        () => l == null ? void 0 : l.formData,
+        () => {
+          t("update:formData", l == null ? void 0 : l.formData);
+        },
+        { deep: !0 }
+      );
+      J(() => {
+        k(), O();
+      });
+      const n = (u) => {
+        x.value = u;
+      }, w = (u, y) => {
+        y instanceof InputEvent && (y = y.target.value), s.value.includes(u) && (x.value = {
+          ...x.value,
+          [u]: y
+        });
+      }, $ = I(() => {
+        let u = d.value;
+        return typeof u == "function" && (u = u(l == null ? void 0 : l.formData)), Object.keys(u).reduce(
+          (y, S) => (y[S] = K(u[S]), y),
+          {}
+        );
+      }), M = I(() => l != null && l.readonly.value ? !0 : $.value.readonly ?? c.readonly), T = I(() => s.value.reduce((u, y) => (u[`onUpdate:${y}`] = (S) => {
+        w(y, S);
+      }, u), {
+        "onUpdate:modelValue": n
+      })), P = I(() => ({
+        ...T.value,
+        ...$.value,
+        names: $.value.name ?? v.value,
+        invalid: A.value,
+        invalids: B.value,
+        valid: c.showValid ? !!(!A.value && x.value) : void 0,
+        invalidLabels: E.value,
+        modelValue: x.value,
+        readonly: M.value
+      }));
+      return F(e, {
+        names: _(o),
+        errors: _(g)
+      }), { component: I(() => ({
+        render() {
+          var u;
+          return ((u = a.default) == null ? void 0 : u.call(a, {
+            errors: g.value,
+            formData: l == null ? void 0 : l.formData.value,
+            formErrors: l == null ? void 0 : l.errors.value,
+            invalid: A.value,
+            invalids: B.value,
+            invalidLabels: E.value,
+            modelValue: x.value,
+            onUpdate: n,
+            onUpdateField: w,
+            readonly: M.value,
+            submit: l == null ? void 0 : l.submit,
+            validate: l == null ? void 0 : l.validate
+          })) ?? a.default;
+        }
+      })), hasProps: P, invalid: A };
+    },
+    render() {
+      return this.is ? R(this.is, this.hasProps, this.$slots) : R(this.component, null, this.$slots);
+    }
+  });
+}
+function $e(r, i) {
+  return q({
+    name: "VvFormWrapper",
+    props: {
+      name: {
+        type: String,
+        required: !0
+      },
+      tag: {
+        type: String,
+        default: void 0
+      }
+    },
+    emits: ["invalid", "valid"],
+    expose: [
+      "clear",
+      "errors",
+      "fields",
+      "fieldsErrors",
+      "formData",
+      "invalid",
+      "reset",
+      "submit",
+      "tag",
+      "validate",
+      "validateWrapper"
+    ],
+    slots: Object,
+    setup(e, { emit: c }) {
+      const a = N(r), t = N(i, void 0), d = C(/* @__PURE__ */ new Map()), o = C(/* @__PURE__ */ new Map()), { name: f } = te(e), V = I(() => a != null && a.invalid.value ? o.value.size > 0 : !1);
+      W(V, () => {
+        V.value ? c("invalid") : c("valid");
+      });
+      const v = {
+        name: _(f),
+        errors: o,
+        invalid: _(V),
+        fields: d
+      };
+      F(i, v), W(
+        d,
+        (h, m) => {
+          t != null && t.fields && m.forEach((b, l) => {
+            h.has(l) || t == null || t.fields.value.delete(l);
+          }), t != null && t.fields && h.forEach((b, l) => {
+            t != null && t.fields.value.has(l) || t == null || t.fields.value.set(l, b);
+          });
+        },
+        { deep: !0 }
+      ), W(
+        o,
+        (h, m) => {
+          t != null && t.errors && (Array.from(m.keys()).forEach((b) => {
+            t.errors.value.delete(b);
+          }), Array.from(h.keys()).forEach((b) => {
+            const l = h.get(b);
+            l && t.errors.value.set(b, l);
+          }));
+        },
+        { deep: !0 }
+      ), j(() => {
+        if (!(a != null && a.wrappers) || !f.value) {
+          console.warn("[@volverjs/form-vue]: Invalid wrapper registration state");
+          return;
+        }
+        if (a.wrappers.has(f.value)) {
+          console.warn(`[@volverjs/form-vue]: wrapper name "${f.value}" is already used`);
+          return;
+        }
+        a.wrappers.set(f.value, v);
+      }), J(() => {
+        a != null && a.wrappers && f.value && a.wrappers.delete(f.value);
+      });
+      const s = () => (a == null ? void 0 : a.validate(void 0, new Set(d.value.values()))) ?? Promise.resolve(!0);
+      return {
+        errors: a == null ? void 0 : a.errors,
+        fields: d,
+        fieldsErrors: o,
+        formData: a == null ? void 0 : a.formData,
+        invalid: V,
+        clear: a == null ? void 0 : a.clear,
+        reset: a == null ? void 0 : a.reset,
+        submit: a == null ? void 0 : a.submit,
+        validate: a == null ? void 0 : a.validate,
+        validateWrapper: s
+      };
+    },
+    render() {
+      const e = () => {
+        var c, a;
+        return (a = (c = this.$slots).default) == null ? void 0 : a.call(c, {
+          errors: this.errors,
+          fieldsErrors: this.fieldsErrors,
           formData: this.formData,
+          invalid: this.invalid,
+          clear: this.clear,
+          reset: this.reset,
           submit: this.submit,
           validate: this.validate,
-          errors: this.errors,
-          fieldsErrors: this.fieldsErrors
-        })) ?? this.$slots.defalut;
-      }
-    }) : ((u = (o = this.$slots).default) == null ? void 0 : u.call(o, {
-      invalid: this.invalid,
-      formData: this.formData,
-      submit: this.submit,
-      validate: this.validate,
-      errors: this.errors,
-      fieldsErrors: this.fieldsErrors
-    })) ?? this.$slots.defalut;
-  }
-}), ye = (e, s) => {
-  const t = z({
+          validateWrapper: this.validateWrapper
+        });
+      };
+      return this.tag ? R(this.tag, null, {
+        default: e
+      }) : e();
+    }
+  });
+}
+function Re(r, i) {
+  const e = q({
     name: "VvFormTemplate",
     props: {
       schema: {
         type: [Array, Function],
         required: !0
+      },
+      scope: {
+        type: Object,
+        default: () => ({})
       }
     },
-    setup(o, { slots: u }) {
-      const r = U(e);
-      if (r != null && r.formData)
+    slots: Object,
+    setup(c, { slots: a }) {
+      const t = N(r);
+      if (t != null && t.formData)
         return () => {
-          var n;
-          const l = typeof o.schema == "function" ? o.schema(r) : o.schema;
-          let a;
-          const f = l.reduce((c, h) => {
-            const V = typeof h == "function" ? h(r) : h, {
+          var V;
+          const d = typeof c.schema == "function" ? c.schema(
+            t,
+            c.scope
+          ) : c.schema;
+          let o;
+          const f = d.reduce((v, s) => {
+            const h = typeof s == "function" ? s(t, c.scope) : s, {
               vvIs: m,
-              vvName: v,
-              vvSlots: b,
-              vvChildren: y,
+              vvName: b,
+              vvSlots: l,
+              vvChildren: x,
               vvIf: g,
-              vvElseIf: p,
+              vvElseIf: E,
               vvType: A,
-              vvDefaultValue: W,
-              vvShowValid: i,
-              vvContent: _,
-              ...$
-            } = V;
+              vvDefaultValue: B,
+              vvShowValid: k,
+              vvContent: O,
+              ...n
+            } = h;
             if (g !== void 0) {
-              if (typeof g == "string" ? a = !!L(
-                Object(r.formData.value),
+              if (typeof g == "string" ? o = !!Z(
+                new Object(t.formData.value),
                 g
-              ) : typeof g == "function" ? a = B(g(r)) : a = B(g), !a)
-                return c;
-            } else if (p !== void 0 && a !== void 0) {
-              if (a || (typeof p == "string" ? a = !!L(
-                Object(r.formData.value),
-                p
-              ) : typeof p == "function" ? a = B(p(r)) : a = B(p), !a))
-                return c;
+              ) : typeof g == "function" ? o = K(g(t)) : o = K(g), !o)
+                return v;
+            } else if (E !== void 0 && o !== void 0) {
+              if (o || (typeof E == "string" ? o = !!Z(
+                new Object(t.formData.value),
+                E
+              ) : typeof E == "function" ? o = K(E(t)) : o = K(E), !o))
+                return v;
             } else
-              a = void 0;
-            const Z = y ? w(t, {
-              schema: y
-            }) : void 0;
-            return v ? (c.push(
-              w(
-                s,
+              o = void 0;
+            let w;
+            return x && (typeof m == "string" ? w = R(e, {
+              schema: x
+            }) : w = {
+              default: ($) => R(e, {
+                schema: x,
+                scope: $
+              })
+            }), b ? (v.push(
+              R(
+                i,
                 {
-                  name: v,
+                  name: b,
                   is: m,
                   type: A,
-                  defaultValue: W,
-                  showValid: i,
-                  props: $
+                  defaultValue: B,
+                  showValid: k,
+                  props: n
                 },
-                b ?? Z ?? _
+                l ?? w ?? O
               )
-            ), c) : m ? (c.push(
-              w(
+            ), v) : m ? (v.push(
+              R(
                 m,
-                $,
-                b ?? Z ?? _
+                n,
+                l ?? w ?? O
               )
-            ), c) : (y && c.push(Z), c);
+            ), v) : (w && ("default" in w ? v.push(w.default(c.scope)) : v.push(w)), v);
           }, []);
           return f.push(
-            (n = u == null ? void 0 : u.default) == null ? void 0 : n.call(u, {
-              formData: r == null ? void 0 : r.formData.value,
-              submit: r == null ? void 0 : r.submit,
-              validate: r == null ? void 0 : r.validate,
-              errors: r == null ? void 0 : r.errors.value,
-              status: r == null ? void 0 : r.status.value,
-              invalid: r == null ? void 0 : r.invalid.value
+            (V = a == null ? void 0 : a.default) == null ? void 0 : V.call(a, {
+              errors: t == null ? void 0 : t.errors.value,
+              formData: t == null ? void 0 : t.formData.value,
+              invalid: t == null ? void 0 : t.invalid.value,
+              status: t == null ? void 0 : t.status.value,
+              submit: t == null ? void 0 : t.submit,
+              validate: t == null ? void 0 : t.validate,
+              clear: t == null ? void 0 : t.clear,
+              reset: t == null ? void 0 : t.reset
             })
           ), f;
         };
     }
   });
-  return t;
-}, N = (e, s = {}) => {
-  const t = Symbol(), o = Symbol(), u = Symbol(), r = be(
-    t,
-    o
-  ), l = me(
-    t,
-    o,
-    u,
-    s
-  ), a = ye(t, l), {
-    VvForm: f,
-    errors: n,
-    status: c,
-    invalid: h,
-    formData: V,
-    validate: m,
-    submit: v,
+  return e;
+}
+function D(r, i = {}) {
+  const e = Symbol("formInjectionKey"), c = Symbol("formWrapperInjectionKey"), a = Symbol("formFieldInjectionKey"), t = Symbol("formFieldsGroupInjectionKey"), d = $e(
+    e,
+    c
+  ), o = Ae(
+    e,
+    c,
+    a,
+    i
+  ), f = Ge(
+    e,
+    c,
+    t
+  ), V = Re(e, o), v = /* @__PURE__ */ new Map(), {
+    clear: s,
+    errors: h,
+    formData: m,
     ignoreUpdates: b,
-    stopUpdatesWatch: y
-  } = he(e, t, s, a);
+    invalid: l,
+    readonly: x,
+    reset: g,
+    status: E,
+    stopUpdatesWatch: A,
+    submit: B,
+    validate: k,
+    VvForm: O
+  } = Ie(r, e, i, V, v);
   return {
-    VvForm: f,
-    VvFormWrapper: r,
-    VvFormField: l,
-    VvFormTemplate: a,
-    formInjectionKey: t,
-    formWrapperInjectionKey: o,
-    formFieldInjectionKey: u,
-    errors: n,
-    status: c,
-    invalid: h,
-    formData: V,
-    validate: m,
-    submit: v,
+    clear: s,
+    errors: h,
+    formData: m,
+    formFieldInjectionKey: a,
+    formInjectionKey: e,
+    formWrapperInjectionKey: c,
     ignoreUpdates: b,
-    stopUpdatesWatch: y
+    invalid: l,
+    readonly: x,
+    reset: g,
+    status: E,
+    stopUpdatesWatch: A,
+    submit: B,
+    validate: k,
+    wrappers: v,
+    VvForm: O,
+    VvFormField: o,
+    VvFormFieldsGroup: f,
+    VvFormTemplate: V,
+    VvFormWrapper: d
   };
-}, T = Symbol(), xe = (e) => {
-  let s = {};
-  return e.schema && (s = N(e.schema, e)), {
-    ...s,
-    install(t, { global: o = !1 } = {}) {
-      t.provide(T, e), o && (t.config.globalProperties.$vvForm = e, s != null && s.VvForm && t.component("VvForm", s.VvForm), s != null && s.VvFormWrapper && t.component("VvFormWrapper", s.VvFormWrapper), s != null && s.VvFormField && t.component("VvFormField", s.VvFormField), s != null && s.VvFormTemplate && t.component("VvFormTemplate", s.VvFormTemplate));
+}
+const de = Symbol("pluginInjectionKey");
+function Le(r) {
+  let i = {};
+  return r.schema && (i = D(r.schema, r)), {
+    ...i,
+    install(e, { global: c = !1 } = {}) {
+      e.provide(de, r), c && (e.config.globalProperties.$vvForm = r, i != null && i.VvForm && e.component("VvForm", i.VvForm), i != null && i.VvFormWrapper && e.component("VvFormWrapper", i.VvFormWrapper), i != null && i.VvFormField && e.component("VvFormField", i.VvFormField), i != null && i.VvFormFieldsGroup && e.component("VvFormFieldsGroup", i.VvFormFieldsGroup), i != null && i.VvFormTemplate && e.component("VvFormTemplate", i.VvFormTemplate));
     }
   };
-}, ke = (e, s = {}) => te() ? N(
-  e,
-  {
-    ...U(T, {}),
-    ...s
+}
+const Q = /* @__PURE__ */ new Map();
+function _e(r, i = {}) {
+  if (i.scope && Q.has(i.scope))
+    return Q.get(i.scope);
+  if (!he()) {
+    const c = D(r, i);
+    return i.scope && Q.set(i.scope, c), c;
   }
-) : N(e, s), we = (e, s = {}) => N(e, s);
+  const e = D(
+    r,
+    {
+      ...N(de, {}),
+      ...i
+    }
+  );
+  return i.scope && Q.set(i.scope, e), e;
+}
+function Ne(r, i = {}) {
+  return D(r, i);
+}
 export {
-  d as FormFieldType,
-  xe as createForm,
-  J as defaultObjectBySchema,
-  we as formFactory,
-  T as pluginInjectionKey,
-  ke as useForm
+  p as FormFieldType,
+  Le as createForm,
+  X as defaultObjectBySchema,
+  Ne as formType,
+  de as pluginInjectionKey,
+  _e as useForm
 };