@volverjs/form-vue 1.0.0-beta.32 → 1.0.0-beta.34

package/dist/index.es.js

@@ -1,92 +1,92 @@
-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 { ref as C, computed as I, readonly as L, defineComponent as W, h as $, withModifiers as ae, toRaw as _, watch as U, isProxy as ce, onMounted as j, provide as F, toRefs as te, useId as ie, inject as P, onBeforeUnmount as J, unref as K, resolveComponent as N, 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";
+import { ZodObject as H, ZodDefault as pe, ZodNullable as Ve, ZodSchema as ge, ZodArray as we, ZodRecord as Oe, 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;
+    let f = d;
+    for (; f instanceof le; )
+      f = f.innerType();
+    return f instanceof ne && (f = f._def.innerType), f;
   }, c = (d) => {
-    let o = d;
-    for (; o instanceof le; )
-      o = o.innerType();
-    return o instanceof ne;
-  }, a = e(r);
+    let f = d;
+    for (; f instanceof le; )
+      f = f.innerType();
+    return f instanceof ne;
+  }, t = e(r);
   return {
-    ...(a instanceof H ? a._def.unknownKeys === "passthrough" : !1) ? i : {},
+    ...(t instanceof H ? t._def.unknownKeys === "passthrough" : !1) ? i : {},
     ...Object.fromEntries(
-      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];
+      Object.entries(t.shape).map(
+        ([d, f]) => {
+          const o = i[d], w = c(f);
+          let v = e(f), n;
+          if (v instanceof pe && (n = v._def.defaultValue(), v = v._def.innerType), o === null && v instanceof Ve)
+            return [d, o];
+          if (o == null && w)
+            return [d, n];
           if (v instanceof ge) {
-            const h = o.safeParse(f);
+            const h = f.safeParse(o);
             if (h.success)
-              return [d, h.data ?? s];
+              return [d, h.data ?? n];
           }
-          if (v instanceof Oe && Array.isArray(f) && f.length) {
+          if (v instanceof we && Array.isArray(o) && o.length) {
             const h = e(v._def.type);
             if (h instanceof H)
               return [
                 d,
-                f.map(
-                  (m) => X(
+                o.map(
+                  (V) => X(
                     h,
-                    m && typeof m == "object" ? m : void 0
+                    V && typeof V == "object" ? V : void 0
                   )
                 )
               ];
           }
-          if (v instanceof we && f) {
+          if (v instanceof Oe && o) {
             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 [d, Object.keys(o).reduce((V, m) => (V[m] = X(h, o[m]), V), {})];
           }
           return v instanceof H ? [
             d,
             X(
               v,
-              f && typeof f == "object" ? f : s
+              o && typeof o == "object" ? o : n
             )
-          ] : [d, s];
+          ] : [d, n];
         }
       )
     )
   };
 }
-function Ie(r, i, e, c, a) {
-  const t = C(), d = C(), o = I(() => d.value === G.invalid), f = C(), V = C(!1);
+function Ie(r, i, e, c, t) {
+  const u = C(), d = C(), f = I(() => d.value === G.invalid), o = C(), w = C(!1);
   let v;
-  const s = (k) => {
-    const O = X(r, k);
+  const n = (S) => {
+    const O = X(r, S);
     if (e != null && e.class) {
-      const n = e.class;
-      return new n(O);
+      const l = e.class;
+      return new l(O);
     }
     return O;
-  }, h = async (k = f.value, O) => {
-    if (v = O, V.value)
+  }, h = async (S = o.value, O) => {
+    if (v = O, w.value)
       return !0;
-    const n = await r.safeParseAsync(k);
-    if (!n.success) {
+    const l = await r.safeParseAsync(S);
+    if (!l.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 u.value = l.error.format(), !1;
+      const x = l.error.issues.filter((R) => O.has(R.path.join(".")));
+      return x.length ? (u.value = new xe(x).format(), !1) : (u.value = void 0, !0);
     }
-    return t.value = void 0, d.value = G.valid, f.value = s(n.data), !0;
+    return u.value = void 0, d.value = G.valid, o.value = n(l.data), !0;
+  }, V = () => {
+    u.value = void 0, d.value = void 0, v = void 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,
+    o.value = n(), V(), d.value = G.reset;
+  }, s = async () => w.value || !await h() ? !1 : (d.value = G.submitting, !0), { ignoreUpdates: g, stop: b } = me(
+    o,
     () => {
       d.value = G.updated;
     },
@@ -94,7 +94,7 @@ function Ie(r, i, e, c, a) {
       deep: !0,
       eventFilter: be((e == null ? void 0 : e.updateThrottle) ?? 500)
     }
-  ), E = _(t), A = _(d), B = q({
+  ), E = L(u), A = L(d), B = W({
     name: "VvForm",
     props: {
       continuousValidation: {
@@ -140,139 +140,139 @@ function Ie(r, i, e, c, a) {
       "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)))
+    setup(S, { emit: O }) {
+      return o.value = n(_(S.modelValue)), U(
+        () => S.modelValue,
+        (l) => {
+          if (l) {
+            const x = ce(l) ? _(l) : l;
+            if (JSON.stringify(x) === JSON.stringify(_(o.value)))
               return;
-            f.value = typeof (w == null ? void 0 : w.clone) == "function" ? w.clone() : JSON.parse(JSON.stringify(w));
+            o.value = typeof (x == null ? void 0 : x.clone) == "function" ? x.clone() : JSON.parse(JSON.stringify(x));
           }
         },
         { deep: !0 }
-      ), 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(
+      ), U(d, async (l) => {
+        var x, R, Z, q, T, ee;
+        if (l === G.invalid) {
+          const a = _(u.value);
+          O("invalid", a), (x = e == null ? void 0 : e.onInvalid) == null || x.call(
             e,
-            u
+            a
           );
           return;
         }
-        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);
+        if (l === G.valid) {
+          const a = _(o.value);
+          O("valid", a), (R = e == null ? void 0 : e.onValid) == null || R.call(e, a), O("update:modelValue", a), (Z = e == null ? void 0 : e.onUpdate) == null || Z.call(e, a);
           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);
+        if (l === G.submitting) {
+          const a = _(o.value);
+          O("submit", a), (q = e == null ? void 0 : e.onSubmit) == null || q.call(e, a);
           return;
         }
-        if (n === G.reset) {
-          const u = U(f.value);
-          O("reset", u), (P = e == null ? void 0 : e.onReset) == null || P.call(e, u);
+        if (l === G.reset) {
+          const a = _(o.value);
+          O("reset", a), (T = e == null ? void 0 : e.onReset) == null || T.call(e, a);
           return;
         }
-        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);
+        if (l === G.updated) {
+          if ((u.value || e != null && e.continuousValidation || S.continuousValidation) && await h(void 0, v), !o.value || !S.modelValue || JSON.stringify(o.value) !== JSON.stringify(S.modelValue)) {
+            const a = _(o.value);
+            O("update:modelValue", a), (ee = e == null ? void 0 : e.onUpdate) == null || ee.call(e, a);
           }
           d.value === G.updated && (d.value = G.unknown);
         }
       }), j(() => {
-        V.value = k.readonly;
-      }), W(
-        () => k.readonly,
-        (n) => {
-          V.value = n;
+        w.value = S.readonly;
+      }), U(
+        () => S.readonly,
+        (l) => {
+          w.value = l;
         }
-      ), W(V, (n) => {
-        n !== k.readonly && O("update:readonly", V.value);
+      ), U(w, (l) => {
+        l !== S.readonly && O("update:readonly", w.value);
       }), F(i, {
-        clear: m,
+        clear: V,
         errors: E,
-        formData: f,
-        ignoreUpdates: x,
-        invalid: o,
-        readonly: V,
-        reset: b,
+        formData: o,
+        ignoreUpdates: g,
+        invalid: f,
+        readonly: w,
+        reset: m,
         status: A,
-        stopUpdatesWatch: g,
-        submit: l,
+        stopUpdatesWatch: b,
+        submit: s,
         validate: h,
-        wrappers: a
+        wrappers: t
       }), {
-        clear: m,
+        clear: V,
         errors: E,
-        formData: f,
-        ignoreUpdates: x,
-        invalid: o,
-        isReadonly: V,
-        reset: b,
+        formData: o,
+        ignoreUpdates: g,
+        invalid: f,
+        isReadonly: w,
+        reset: m,
         status: A,
-        stopUpdatesWatch: g,
-        submit: l,
+        stopUpdatesWatch: b,
+        submit: s,
         validate: h,
-        wrappers: a
+        wrappers: t
       };
     },
     render() {
-      const k = () => {
-        var O, n;
-        return ((n = (O = this.$slots) == null ? void 0 : O.default) == null ? void 0 : n.call(O, {
+      const S = () => {
+        var O, l;
+        return ((l = (O = this.$slots) == null ? void 0 : O.default) == null ? void 0 : l.call(O, {
           errors: E.value,
-          formData: f.value,
-          invalid: o.value,
-          readonly: V.value,
+          formData: o.value,
+          invalid: f.value,
+          readonly: w.value,
           status: A.value,
-          wrappers: a,
-          clear: m,
-          ignoreUpdates: x,
-          reset: b,
-          stopUpdatesWatch: g,
-          submit: l,
+          wrappers: t,
+          clear: V,
+          ignoreUpdates: g,
+          reset: m,
+          stopUpdatesWatch: b,
+          submit: s,
           validate: h
         })) ?? this.$slots.default;
       };
-      return R(
+      return $(
         this.tag,
         {
-          onSubmit: ue(this.submit, ["prevent"]),
-          onReset: ue(this.reset, ["prevent"])
+          onSubmit: ae(this.submit, ["prevent"]),
+          onReset: ae(this.reset, ["prevent"])
         },
         (this.template ?? (e == null ? void 0 : e.template)) && c ? [
-          R(
+          $(
             c,
             {
               schema: this.template ?? (e == null ? void 0 : e.template)
             },
             {
-              default: k
+              default: S
             }
           )
         ] : {
-          default: k
+          default: S
         }
       );
     }
   });
   return {
-    clear: m,
-    errors: t,
-    formData: f,
-    ignoreUpdates: x,
-    invalid: o,
-    readonly: V,
-    reset: b,
+    clear: V,
+    errors: u,
+    formData: o,
+    ignoreUpdates: g,
+    invalid: f,
+    readonly: w,
+    reset: m,
     status: d,
-    wrappers: a,
-    stopUpdatesWatch: g,
-    submit: l,
+    wrappers: t,
+    stopUpdatesWatch: b,
+    submit: s,
     validate: h,
     VvForm: B
   };
@@ -280,57 +280,57 @@ function Ie(r, i, e, c, a) {
 function re(r) {
   return Array.isArray(r);
 }
-function ke(r) {
-  return typeof r < "u";
+function Se(r) {
+  return !1;
 }
 function se(r) {
   return r === null;
 }
-function fe(r) {
+function oe(r) {
   return typeof r == "object";
 }
-function oe(r) {
+function fe(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))
+const ke = /^[0-9]+$/, Ee = ["__proto__", "prototype", "constructor"];
+function M(r, i, e) {
+  const c = Se() ? e : void 0;
+  if (!oe(r) || !fe(i))
     return c;
-  const a = ve(i);
-  if (a.length !== 0) {
-    for (const t of a) {
-      if (t === "*")
+  const t = ve(i);
+  if (t.length !== 0) {
+    for (const u of t) {
+      if (u === "*")
         continue;
-      const d = function(o) {
-        return o.map((f) => Y(f) || se(f) ? f : re(f) ? d(f) : f[t]);
+      const d = function(f) {
+        return f.map((o) => Y(o) || se(o) ? o : re(o) ? d(o) : o[u]);
       };
-      if (re(r) && !Se.test(t) ? r = d(r) : r = r[t], Y(r) || se(r))
+      if (re(r) && !ke.test(u) ? r = d(r) : r = r[u], Y(r) || se(r))
         break;
     }
     return Y(r) ? c : r;
   }
 }
-function ae(r, i, e) {
-  if (!fe(r) || !oe(i))
+function ue(r, i, e) {
+  if (!oe(r) || !fe(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) {
+  const t = c.length;
+  for (let u = 0; u < t; u++) {
+    const d = c[u];
+    if (u === t - 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);
+      const f = c.slice(u + 1).join(".");
+      for (const o of r)
+        ue(o, f, e);
       return;
     }
     Y(r[d]) && (r[d] = {}), r = r[d];
@@ -341,12 +341,12 @@ function ve(r) {
   return i.some((e) => Ee.indexOf(e) !== -1) ? [] : i;
 }
 function Ae(r, i, e, c) {
-  return q({
+  return W({
     name: "VvFormField",
     props: {
       type: {
         type: String,
-        validator: (a) => Object.values(p).includes(a),
+        validator: (t) => Object.values(p).includes(t),
         default: p.custom
       },
       is: {
@@ -394,74 +394,74 @@ function Ae(r, i, e, c) {
       "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({
+    setup(t, { slots: u, emit: d }) {
+      const { props: f, name: o } = te(t), w = ie(), v = P(i, void 0);
+      v && v.fields.value.set(w, t.name);
+      const n = P(r), h = I({
         get() {
-          if (s != null && s.formData)
-            return Z(
-              new Object(s.formData.value),
-              String(a.name)
+          if (n != null && n.formData)
+            return M(
+              new Object(n.formData.value),
+              String(t.name)
             );
         },
-        set(n) {
-          s != null && s.formData && (ae(
-            new Object(s.formData.value),
-            String(a.name),
-            n
+        set(l) {
+          n != null && n.formData && (ue(
+            new Object(n.formData.value),
+            String(t.name),
+            l
           ), d("update:modelValue", {
             newValue: h.value,
-            formData: s == null ? void 0 : s.formData
+            formData: n == null ? void 0 : n.formData
           }));
         }
       });
       j(() => {
-        h.value === void 0 && a.defaultValue !== void 0 && (h.value = a.defaultValue);
+        h.value === void 0 && t.defaultValue !== void 0 && (h.value = t.defaultValue);
       }), J(() => {
-        v && v.fields.value.delete(V);
+        v && v.fields.value.delete(w);
       });
-      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
+      const V = I(() => {
+        if (n != null && n.errors.value)
+          return M(n.errors.value, String(t.name));
+      }), m = I(() => {
+        var l;
+        return (l = V.value) == null ? void 0 : l._errors;
+      }), s = I(() => V.value !== void 0), g = U(s, (l) => {
+        if (l) {
+          d("invalid", V.value), v && v.errors.value.set(
+            String(t.name),
+            V.value
           );
           return;
         }
         d("valid", h.value), v && v.errors.value.delete(
-          a.name
+          t.name
         );
-      }), g = W(
-        () => s == null ? void 0 : s.formData,
+      }), b = U(
+        () => n == null ? void 0 : n.formData,
         () => {
-          d("update:formData", s == null ? void 0 : s.formData);
+          d("update:formData", n == null ? void 0 : n.formData);
         },
         { deep: !0 }
       );
       J(() => {
-        x(), g();
+        g(), b();
       });
-      const E = (n) => {
-        n instanceof InputEvent && (n = n.target.value), h.value = n;
+      const E = (l) => {
+        l instanceof InputEvent && (l = l.target.value), h.value = l;
       }, 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),
+        let l = f.value;
+        return typeof l == "function" && (l = l(n == null ? void 0 : n.formData)), Object.keys(l).reduce(
+          (x, R) => (x[R] = K(l[R]), x),
           {}
         );
-      }), B = I(() => s != null && s.readonly.value ? !0 : A.value.readonly ?? a.readonly), k = I(() => ({
+      }), B = I(() => n != null && n.readonly.value || v != null && v.readonly.value ? !0 : A.value.readonly ?? t.readonly), S = I(() => ({
         ...A.value,
-        name: A.value.name ?? a.name,
-        invalid: l.value,
-        valid: a.showValid ? !!(!l.value && h.value) : void 0,
-        type: ((n) => {
+        name: A.value.name ?? t.name,
+        invalid: s.value,
+        valid: t.showValid ? !!(!s.value && h.value) : void 0,
+        type: ((l) => {
           if ([
             p.color,
             p.date,
@@ -476,71 +476,71 @@ function Ae(r, i, e, c) {
             p.time,
             p.url,
             p.week
-          ].includes(n))
-            return n;
-        })(a.type),
-        invalidLabel: b.value,
+          ].includes(l))
+            return l;
+        })(t.type),
+        invalidLabel: m.value,
         modelValue: h.value,
         readonly: B.value,
         "onUpdate:modelValue": E
       }));
       return F(e, {
-        name: _(f),
-        errors: _(m)
+        name: L(o),
+        errors: L(V)
       }), { component: I(() => {
-        if (a.type === p.custom)
+        if (t.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,
+              var l;
+              return ((l = u.default) == null ? void 0 : l.call(u, {
+                errors: V.value,
+                formData: n == null ? void 0 : n.formData.value,
+                formErrors: n == null ? void 0 : n.errors.value,
+                invalid: s.value,
+                invalidLabel: m.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;
+                submit: n == null ? void 0 : n.submit,
+                validate: n == null ? void 0 : n.validate
+              })) ?? u.default;
             }
           };
-        if (!((c == null ? void 0 : c.lazyLoad) ?? a.lazyLoad)) {
-          let n;
-          switch (a.type) {
+        if (!((c == null ? void 0 : c.lazyLoad) ?? t.lazyLoad)) {
+          let l;
+          switch (t.type) {
             case p.select:
-              n = L("VvSelect");
+              l = N("VvSelect");
               break;
             case p.checkbox:
-              n = L("VvCheckbox");
+              l = N("VvCheckbox");
               break;
             case p.radio:
-              n = L("VvRadio");
+              l = N("VvRadio");
               break;
             case p.textarea:
-              n = L("VvTextarea");
+              l = N("VvTextarea");
               break;
             case p.radioGroup:
-              n = L("VvRadioGroup");
+              l = N("VvRadioGroup");
               break;
             case p.checkboxGroup:
-              n = L("VvCheckboxGroup");
+              l = N("VvCheckboxGroup");
               break;
             case p.combobox:
-              n = L("VvCombobox");
+              l = N("VvCombobox");
               break;
             default:
-              n = L("VvInputText");
+              l = N("VvInputText");
           }
-          if (typeof n != "string")
-            return n;
+          if (typeof l != "string")
+            return l;
           console.warn(
-            `[@volverjs/form-vue]: ${n} not found, the component will be loaded asynchronously. To avoid this warning, please set "lazyLoad" option.`
+            `[@volverjs/form-vue]: ${l} 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) {
+          switch (c != null && c.sideEffects && await Promise.resolve(c.sideEffects(t.type)), t.type) {
             case p.textarea:
               return import("@volverjs/ui-vue/vv-textarea");
             case p.radio:
@@ -558,15 +558,15 @@ function Ae(r, i, e, c) {
           }
           return import("@volverjs/ui-vue/vv-input-text");
         });
-      }), hasProps: k, invalid: l };
+      }), hasProps: S, invalid: s };
     },
     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);
+      return this.is ? $(this.is, this.hasProps, this.$slots) : this.type === p.custom ? $(this.component, null, this.$slots) : $(this.component, this.hasProps, this.$slots);
     }
   });
 }
 function Ge(r, i, e) {
-  return q({
+  return W({
     name: "VvFormFieldsGroup",
     props: {
       is: {
@@ -609,159 +609,159 @@ function Ge(r, i, e) {
       "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);
+    setup(c, { slots: t, emit: u }) {
+      const { props: d, names: f, defaultValues: o } = te(c), w = ie(), v = I(() => Array.isArray(f.value) ? f.value : Object.values(f.value)), n = I(() => Array.isArray(f.value) ? f.value : Object.keys(f.value)), h = I(() => Array.isArray(f.value) ? f.value.reduce((a, y) => (a[String(y)] = y, a), {}) : f.value), V = I(() => Object.keys(h.value).reduce((a, y) => (a[String(h.value[y])] = y, a), {})), m = P(i, void 0);
+      m && v.value.forEach((a) => {
+        m.fields.value.set(`${w}-${a}`, a);
       });
-      const l = N(r), x = I({
+      const s = P(r), g = I({
         get() {
-          return l != null && l.formData ? s.value.reduce((u, y) => (u[y] = Z(
-            new Object(l.formData.value),
+          return s != null && s.formData ? n.value.reduce((a, y) => (a[y] = M(
+            new Object(s.formData.value),
             h.value[y]
-          ), u), {}) : {};
+          ), a), {}) : {};
         },
-        set(u) {
-          l != null && l.formData && (s.value.forEach((y) => {
-            ae(
-              new Object(l.formData.value),
+        set(a) {
+          s != null && s.formData && (n.value.forEach((y) => {
+            ue(
+              new Object(s.formData.value),
               h.value[y],
-              u == null ? void 0 : u[y]
+              a == null ? void 0 : a[y]
             );
-          }), t("update:modelValue", {
-            newValue: x.value,
-            formData: l == null ? void 0 : l.formData
+          }), u("update:modelValue", {
+            newValue: g.value,
+            formData: s == null ? void 0 : s.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]
+        o.value && v.value.forEach((a) => {
+          var y, k;
+          ((y = o.value) == null ? void 0 : y[a]) !== void 0 && g.value[a] === void 0 && (g.value = {
+            ...g.value,
+            [a]: (k = o.value) == null ? void 0 : k[a]
           });
         });
       }), J(() => {
-        b && v.value.forEach((u) => {
-          b.fields.value.delete(
-            `${V}-${u}`
+        m && v.value.forEach((a) => {
+          m.fields.value.delete(
+            `${w}-${a}`
           );
         });
       });
-      const g = I(() => {
-        if (!(l != null && l.errors.value))
+      const b = I(() => {
+        if (!(s != null && s.errors.value))
           return;
-        const u = v.value.reduce((y, S) => {
-          if (!l.errors.value)
+        const a = v.value.reduce((y, k) => {
+          if (!s.errors.value)
             return y;
-          const z = Z(l.errors.value, String(S));
-          return z === void 0 || (y[String(S)] = z), y;
+          const z = M(s.errors.value, String(k));
+          return z === void 0 || (y[String(k)] = z), y;
         }, {});
-        if (Object.keys(u).length !== 0)
-          return u;
+        if (Object.keys(a).length !== 0)
+          return a;
       }), E = I(() => {
-        if (!g.value)
+        if (!b.value)
           return;
-        const u = Object.keys(g.value).reduce((y, S) => {
+        const a = Object.keys(b.value).reduce((y, k) => {
           var z;
-          return (z = g.value) != null && z[S] && (y[m.value[S]] = g.value[S]._errors), y;
+          return (z = b.value) != null && z[k] && (y[V.value[k]] = b.value[k]._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 (Object.keys(a).length !== 0)
+          return a;
+      }), A = I(() => b.value !== void 0), B = I(() => n.value.reduce((a, y) => {
+        var k;
+        return a[y] = !!((k = b.value) != null && k[V.value[y]]), a;
+      }, {})), S = U(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
+          u("invalid", b.value), m && v.value.forEach((a) => {
+            var y, k;
+            if (!((y = b.value) != null && y[a])) {
+              m.errors.value.delete(
+                a
               );
               return;
             }
-            b.errors.value.set(
-              u,
-              (S = g.value) == null ? void 0 : S[u]
+            m.errors.value.set(
+              a,
+              (k = b.value) == null ? void 0 : k[a]
             );
           });
           return;
         }
-        t("valid", x.value), b && v.value.forEach((u) => {
-          b.errors.value.delete(
-            u
+        u("valid", g.value), m && v.value.forEach((a) => {
+          m.errors.value.delete(
+            a
           );
         });
-      }), O = W(
-        () => l == null ? void 0 : l.formData,
+      }), O = U(
+        () => s == null ? void 0 : s.formData,
         () => {
-          t("update:formData", l == null ? void 0 : l.formData);
+          u("update:formData", s == null ? void 0 : s.formData);
         },
         { deep: !0 }
       );
       J(() => {
-        k(), O();
+        S(), 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
+      const l = (a) => {
+        g.value = a;
+      }, x = (a, y) => {
+        y instanceof InputEvent && (y = y.target.value), n.value.includes(a) && (g.value = {
+          ...g.value,
+          [a]: 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),
+      }, R = I(() => {
+        let a = d.value;
+        return typeof a == "function" && (a = a(s == null ? void 0 : s.formData)), Object.keys(a).reduce(
+          (y, k) => (y[k] = K(a[k]), 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,
+      }), Z = I(() => s != null && s.readonly.value ? !0 : R.value.readonly ?? c.readonly), q = I(() => n.value.reduce((a, y) => (a[`onUpdate:${y}`] = (k) => {
+        x(y, k);
+      }, a), {
+        "onUpdate:modelValue": l
+      })), T = I(() => ({
+        ...q.value,
+        ...R.value,
+        names: R.value.name ?? v.value,
         invalid: A.value,
         invalids: B.value,
-        valid: c.showValid ? !!(!A.value && x.value) : void 0,
+        valid: c.showValid ? !!(!A.value && g.value) : void 0,
         invalidLabels: E.value,
-        modelValue: x.value,
-        readonly: M.value
+        modelValue: g.value,
+        readonly: Z.value
       }));
       return F(e, {
-        names: _(o),
-        errors: _(g)
+        names: L(f),
+        errors: L(b)
       }), { 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,
+          var a;
+          return ((a = t.default) == null ? void 0 : a.call(t, {
+            errors: b.value,
+            formData: s == null ? void 0 : s.formData.value,
+            formErrors: s == null ? void 0 : s.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;
+            modelValue: g.value,
+            onUpdate: l,
+            onUpdateField: x,
+            readonly: Z.value,
+            submit: s == null ? void 0 : s.submit,
+            validate: s == null ? void 0 : s.validate
+          })) ?? t.default;
         }
-      })), hasProps: P, invalid: A };
+      })), hasProps: T, invalid: A };
     },
     render() {
-      return this.is ? R(this.is, this.hasProps, this.$slots) : R(this.component, null, this.$slots);
+      return this.is ? $(this.is, this.hasProps, this.$slots) : $(this.component, null, this.$slots);
     }
   });
 }
-function $e(r, i) {
-  return q({
+function Re(r, i) {
+  return W({
     name: "VvFormWrapper",
     props: {
       name: {
@@ -771,6 +771,10 @@ function $e(r, i) {
       tag: {
         type: String,
         default: void 0
+      },
+      readonly: {
+        type: Boolean,
+        default: !1
       }
     },
     emits: ["invalid", "valid"],
@@ -781,6 +785,7 @@ function $e(r, i) {
       "fieldsErrors",
       "formData",
       "invalid",
+      "readonly",
       "reset",
       "submit",
       "tag",
@@ -789,72 +794,81 @@ function $e(r, i) {
     ],
     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 t = P(r), u = P(i, void 0), d = C(/* @__PURE__ */ new Map()), f = C(/* @__PURE__ */ new Map()), { name: o } = te(e), w = I(() => t != null && t.invalid.value ? f.value.size > 0 : !1);
+      U(w, (m) => {
+        if (m) {
+          c("invalid");
+          return;
+        }
+        c("valid");
       });
-      const v = {
-        name: _(f),
-        errors: o,
-        invalid: _(V),
+      const v = I(() => (t == null ? void 0 : t.readonly.value) || e.readonly), n = {
+        name: L(o),
+        errors: f,
+        invalid: L(w),
+        readonly: L(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);
-          });
+      F(i, n);
+      const h = I(() => new Map(d.value));
+      U(
+        h,
+        (m, s) => {
+          u != null && u.fields && (s.forEach((g, b) => {
+            m.has(b) || u == null || u.fields.value.delete(b);
+          }), m.forEach((g, b) => {
+            u != null && u.fields.value.has(b) || u == null || u.fields.value.set(b, g);
+          }));
         },
         { 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);
-          }));
+      ), U(
+        f,
+        (m) => {
+          u != null && u.errors && d.value.forEach((s) => {
+            if (m.has(s) || u.errors.value.delete(s), m.has(s)) {
+              const g = m.get(s);
+              g && u.errors.value.set(s, g);
+            }
+          });
         },
         { deep: !0 }
       ), j(() => {
-        if (!(a != null && a.wrappers) || !f.value) {
+        if (!(t != null && t.wrappers) || !o.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`);
+        if (t.wrappers.has(o.value)) {
+          console.warn(`[@volverjs/form-vue]: wrapper name "${o.value}" is already used`);
           return;
         }
-        a.wrappers.set(f.value, v);
+        t.wrappers.set(o.value, n);
       }), J(() => {
-        a != null && a.wrappers && f.value && a.wrappers.delete(f.value);
+        t != null && t.wrappers && o.value && t.wrappers.delete(o.value);
       });
-      const s = () => (a == null ? void 0 : a.validate(void 0, new Set(d.value.values()))) ?? Promise.resolve(!0);
+      const V = () => (t == null ? void 0 : t.validate(void 0, new Set(d.value.values()))) ?? Promise.resolve(!0);
       return {
-        errors: a == null ? void 0 : a.errors,
+        errors: t == null ? void 0 : t.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
+        fieldsErrors: f,
+        formData: t == null ? void 0 : t.formData,
+        invalid: w,
+        readonly: v,
+        clear: t == null ? void 0 : t.clear,
+        reset: t == null ? void 0 : t.reset,
+        submit: t == null ? void 0 : t.submit,
+        validate: t == null ? void 0 : t.validate,
+        validateWrapper: V
       };
     },
     render() {
       const e = () => {
-        var c, a;
-        return (a = (c = this.$slots).default) == null ? void 0 : a.call(c, {
+        var c, t;
+        return (t = (c = this.$slots).default) == null ? void 0 : t.call(c, {
           errors: this.errors,
           fieldsErrors: this.fieldsErrors,
           formData: this.formData,
           invalid: this.invalid,
+          readonly: this.readonly,
           clear: this.clear,
           reset: this.reset,
           submit: this.submit,
@@ -862,14 +876,14 @@ function $e(r, i) {
           validateWrapper: this.validateWrapper
         });
       };
-      return this.tag ? R(this.tag, null, {
+      return this.tag ? $(this.tag, null, {
         default: e
       }) : e();
     }
   });
 }
-function Re(r, i) {
-  const e = q({
+function $e(r, i) {
+  const e = W({
     name: "VvFormTemplate",
     props: {
       schema: {
@@ -882,142 +896,142 @@ function Re(r, i) {
       }
     },
     slots: Object,
-    setup(c, { slots: a }) {
-      const t = N(r);
-      if (t != null && t.formData)
+    setup(c, { slots: t }) {
+      const u = P(r);
+      if (u != null && u.formData)
         return () => {
-          var V;
+          var w;
           const d = typeof c.schema == "function" ? c.schema(
-            t,
+            u,
             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: b,
-              vvSlots: l,
-              vvChildren: x,
-              vvIf: g,
+          let f;
+          const o = d.reduce((v, n) => {
+            const h = typeof n == "function" ? n(u, c.scope) : n, {
+              vvIs: V,
+              vvName: m,
+              vvSlots: s,
+              vvChildren: g,
+              vvIf: b,
               vvElseIf: E,
               vvType: A,
               vvDefaultValue: B,
-              vvShowValid: k,
+              vvShowValid: S,
               vvContent: O,
-              ...n
+              ...l
             } = h;
-            if (g !== void 0) {
-              if (typeof g == "string" ? o = !!Z(
-                new Object(t.formData.value),
-                g
-              ) : typeof g == "function" ? o = K(g(t)) : o = K(g), !o)
+            if (b !== void 0) {
+              if (typeof b == "string" ? f = !!M(
+                new Object(u.formData.value),
+                b
+              ) : typeof b == "function" ? f = K(b(u)) : f = K(b), !f)
                 return v;
-            } else if (E !== void 0 && o !== void 0) {
-              if (o || (typeof E == "string" ? o = !!Z(
-                new Object(t.formData.value),
+            } else if (E !== void 0 && f !== void 0) {
+              if (f || (typeof E == "string" ? f = !!M(
+                new Object(u.formData.value),
                 E
-              ) : typeof E == "function" ? o = K(E(t)) : o = K(E), !o))
+              ) : typeof E == "function" ? f = K(E(u)) : f = K(E), !f))
                 return v;
             } else
-              o = void 0;
-            let w;
-            return x && (typeof m == "string" ? w = R(e, {
-              schema: x
-            }) : w = {
-              default: ($) => R(e, {
-                schema: x,
-                scope: $
+              f = void 0;
+            let x;
+            return g && (typeof V == "string" ? x = $(e, {
+              schema: g
+            }) : x = {
+              default: (R) => $(e, {
+                schema: g,
+                scope: R
               })
-            }), b ? (v.push(
-              R(
+            }), m ? (v.push(
+              $(
                 i,
                 {
-                  name: b,
-                  is: m,
+                  name: m,
+                  is: V,
                   type: A,
                   defaultValue: B,
-                  showValid: k,
-                  props: n
+                  showValid: S,
+                  props: l
                 },
-                l ?? w ?? O
+                s ?? x ?? O
               )
-            ), v) : m ? (v.push(
-              R(
-                m,
-                n,
-                l ?? w ?? O
+            ), v) : V ? (v.push(
+              $(
+                V,
+                l,
+                s ?? x ?? O
               )
-            ), v) : (w && ("default" in w ? v.push(w.default(c.scope)) : v.push(w)), v);
+            ), v) : (x && ("default" in x ? v.push(x.default(c.scope)) : v.push(x)), v);
           }, []);
-          return f.push(
-            (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
+          return o.push(
+            (w = t == null ? void 0 : t.default) == null ? void 0 : w.call(t, {
+              errors: u == null ? void 0 : u.errors.value,
+              formData: u == null ? void 0 : u.formData.value,
+              invalid: u == null ? void 0 : u.invalid.value,
+              status: u == null ? void 0 : u.status.value,
+              submit: u == null ? void 0 : u.submit,
+              validate: u == null ? void 0 : u.validate,
+              clear: u == null ? void 0 : u.clear,
+              reset: u == null ? void 0 : u.reset
             })
-          ), f;
+          ), o;
         };
     }
   });
   return e;
 }
 function D(r, i = {}) {
-  const e = Symbol("formInjectionKey"), c = Symbol("formWrapperInjectionKey"), a = Symbol("formFieldInjectionKey"), t = Symbol("formFieldsGroupInjectionKey"), d = $e(
+  const e = Symbol("formInjectionKey"), c = Symbol("formWrapperInjectionKey"), t = Symbol("formFieldInjectionKey"), u = Symbol("formFieldsGroupInjectionKey"), d = Re(
     e,
     c
-  ), o = Ae(
+  ), f = Ae(
     e,
     c,
-    a,
+    t,
     i
-  ), f = Ge(
+  ), o = Ge(
     e,
     c,
-    t
-  ), V = Re(e, o), v = /* @__PURE__ */ new Map(), {
-    clear: s,
+    u
+  ), w = $e(e, f), v = /* @__PURE__ */ new Map(), {
+    clear: n,
     errors: h,
-    formData: m,
-    ignoreUpdates: b,
-    invalid: l,
-    readonly: x,
-    reset: g,
+    formData: V,
+    ignoreUpdates: m,
+    invalid: s,
+    readonly: g,
+    reset: b,
     status: E,
     stopUpdatesWatch: A,
     submit: B,
-    validate: k,
+    validate: S,
     VvForm: O
-  } = Ie(r, e, i, V, v);
+  } = Ie(r, e, i, w, v);
   return {
-    clear: s,
+    clear: n,
     errors: h,
-    formData: m,
-    formFieldInjectionKey: a,
+    formData: V,
+    formFieldInjectionKey: t,
     formInjectionKey: e,
     formWrapperInjectionKey: c,
-    ignoreUpdates: b,
-    invalid: l,
-    readonly: x,
-    reset: g,
+    ignoreUpdates: m,
+    invalid: s,
+    readonly: g,
+    reset: b,
     status: E,
     stopUpdatesWatch: A,
     submit: B,
-    validate: k,
+    validate: S,
     wrappers: v,
     VvForm: O,
-    VvFormField: o,
-    VvFormFieldsGroup: f,
-    VvFormTemplate: V,
+    VvFormField: f,
+    VvFormFieldsGroup: o,
+    VvFormTemplate: w,
     VvFormWrapper: d
   };
 }
 const de = Symbol("pluginInjectionKey");
-function Le(r) {
+function _e(r) {
   let i = {};
   return r.schema && (i = D(r.schema, r)), {
     ...i,
@@ -1027,7 +1041,7 @@ function Le(r) {
   };
 }
 const Q = /* @__PURE__ */ new Map();
-function _e(r, i = {}) {
+function Ne(r, i = {}) {
   if (i.scope && Q.has(i.scope))
     return Q.get(i.scope);
   if (!he()) {
@@ -1037,20 +1051,20 @@ function _e(r, i = {}) {
   const e = D(
     r,
     {
-      ...N(de, {}),
+      ...P(de, {}),
       ...i
     }
   );
   return i.scope && Q.set(i.scope, e), e;
 }
-function Ne(r, i = {}) {
+function Pe(r, i = {}) {
   return D(r, i);
 }
 export {
   p as FormFieldType,
-  Le as createForm,
+  _e as createForm,
   X as defaultObjectBySchema,
-  Ne as formType,
+  Pe as formType,
   de as pluginInjectionKey,
-  _e as useForm
+  Ne as useForm
 };