@volverjs/form-vue 1.0.0-beta.6 → 1.0.0-beta.7

package/dist/index.es.js

@@ -1,7 +1,7 @@
-import { defineComponent as z, computed as k, onMounted as D, onBeforeUnmount as j, inject as U, toRefs as P, watch as A, unref as $, provide as M, readonly as I, resolveComponent as O, defineAsyncComponent as F, h as w, ref as B, toRaw as S, isProxy as ee, withModifiers as re, getCurrentInstance as te } from "vue";
+import { defineComponent as z, computed as w, onMounted as P, onBeforeUnmount as j, inject as B, toRefs as H, watch as O, unref as C, provide as M, readonly as E, resolveComponent as S, defineAsyncComponent as F, h as p, ref as $, toRaw as A, isProxy as ee, withModifiers as re, getCurrentInstance as te } from "vue";
 import { watchIgnorable as ae, throttleFilter as ne } from "@vueuse/core";
-import { ZodObject as J, ZodDefault as ue, ZodNullable as le, ZodSchema as se, ZodArray as ie, ZodEffects as fe, ZodOptional as oe } from "zod";
-function K(e) {
+import { ZodObject as Z, ZodDefault as ue, ZodNullable as le, ZodSchema as se, ZodArray as ie, ZodEffects as fe, ZodOptional as oe } from "zod";
+function J(e) {
   return Array.isArray(e);
 }
 function de(e) {
@@ -10,62 +10,62 @@ function de(e) {
 function q(e) {
   return e === null;
 }
-function H(e) {
+function Q(e) {
   return typeof e == "object";
 }
-function Q(e) {
+function X(e) {
   return typeof e == "string";
 }
-function C(e) {
+function G(e) {
   return typeof e > "u";
 }
 const ve = /^[0-9]+$/, ce = ["__proto__", "prototype", "constructor"];
-function G(e, s, t) {
+function L(e, i, t) {
   const o = de(t) ? t : void 0;
-  if (!H(e) || !Q(s))
+  if (!Q(e) || !X(i))
     return o;
-  const u = Y(s);
+  const u = T(i);
   if (u.length !== 0) {
     for (const r of u) {
       if (r === "*")
         continue;
-      const l = function(a) {
-        return a.map((f) => C(f) || q(f) ? f : K(f) ? l(f) : f[r]);
+      const s = function(n) {
+        return n.map((f) => G(f) || q(f) ? f : J(f) ? s(f) : f[r]);
       };
-      if (K(e) && !ve.test(r) ? e = l(e) : e = e[r], C(e) || q(e))
+      if (J(e) && !ve.test(r) ? e = s(e) : e = e[r], G(e) || q(e))
         break;
     }
-    return C(e) ? o : e;
+    return G(e) ? o : e;
   }
 }
-function X(e, s, t) {
-  if (!H(e) || !Q(s))
+function Y(e, i, t) {
+  if (!Q(e) || !X(i))
     return;
-  const o = Y(s);
+  const o = T(i);
   if (o.length === 0)
     return;
   const u = o.length;
   for (let r = 0; r < u; r++) {
-    const l = o[r];
+    const s = o[r];
     if (r === u - 1) {
-      e[l] = t;
+      e[s] = t;
       return;
     }
-    if (l === "*" && K(e)) {
-      const a = o.slice(r + 1).join(".");
+    if (s === "*" && J(e)) {
+      const n = o.slice(r + 1).join(".");
       for (const f of e)
-        X(f, a, t);
+        Y(f, n, t);
       return;
     }
-    C(e[l]) && (e[l] = {}), e = e[l];
+    G(e[s]) && (e[s] = {}), e = e[s];
   }
 }
-function Y(e) {
-  const s = e.split(/[.]|(?:\[(\d|\*)\])/).filter((t) => !!t);
-  return s.some((t) => ce.indexOf(t) !== -1) ? [] : s;
+function T(e) {
+  const i = e.split(/[.]|(?:\[(\d|\*)\])/).filter((t) => !!t);
+  return i.some((t) => ce.indexOf(t) !== -1) ? [] : i;
 }
-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({
+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 || {}), k = /* @__PURE__ */ ((e) => (e.invalid = "invalid", e.valid = "valid", e.submitting = "submitting", e.updated = "updated", e.unknown = "unknown", e))(k || {});
+const me = (e, i, t, o) => z({
   name: "VvFormField",
   props: {
     type: {
@@ -96,72 +96,79 @@ const me = (e, s, t, o) => z({
     lazyLoad: {
       type: Boolean,
       default: !1
+    },
+    readonly: {
+      type: Boolean,
+      default: void 0
     }
   },
   emits: ["invalid", "valid", "update:formData", "update:modelValue"],
   expose: ["invalid", "invalidLabel", "errors"],
-  setup(u, { slots: r, emit: l }) {
-    const a = k({
+  setup(u, { slots: r, emit: s }) {
+    const n = w({
       get() {
-        if (n != null && n.formData)
-          return G(
-            Object(n.formData.value),
+        if (a != null && a.formData)
+          return L(
+            Object(a.formData.value),
             String(u.name)
           );
       },
-      set(i) {
-        n != null && n.formData && (X(
-          Object(n.formData.value),
+      set(l) {
+        a != null && a.formData && (Y(
+          Object(a.formData.value),
           String(u.name),
-          i
-        ), l("update:modelValue", {
-          newValue: a.value,
-          formData: n == null ? void 0 : n.formData
+          l
+        ), s("update:modelValue", {
+          newValue: n.value,
+          formData: a == null ? void 0 : a.formData
         }));
       }
     });
-    D(() => {
-      a.value === void 0 && u.defaultValue !== void 0 && (a.value = u.defaultValue);
+    P(() => {
+      n.value === void 0 && u.defaultValue !== void 0 && (n.value = u.defaultValue);
     }), j(() => {
-      b(), y();
+      h(), m();
     });
-    const f = U(s, void 0);
+    const f = B(i, 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 G(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 = A(v, () => {
-      v.value ? (l("invalid", m.value), f && f.errors.value.set(
+    const a = B(e), { props: c, name: b } = H(u), g = w(() => {
+      if (a != null && a.errors.value)
+        return L(a.errors.value, String(u.name));
+    }), V = w(() => {
+      var l;
+      return (l = g.value) == null ? void 0 : l._errors;
+    }), v = w(() => g.value !== void 0), h = O(v, () => {
+      v.value ? (s("invalid", V.value), f && f.errors.value.set(
         u.name,
         {
-          _errors: m.value
+          _errors: V.value
         }
-      )) : (l("valid", a.value), f && f.errors.value.delete(
+      )) : (s("valid", n.value), f && f.errors.value.delete(
         u.name
       ));
-    }), y = A(
-      () => n == null ? void 0 : n.formData,
+    }), m = O(
+      () => a == null ? void 0 : a.formData,
       () => {
-        l("update:formData", n == null ? void 0 : n.formData);
+        s("update:formData", a == null ? void 0 : a.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(
-        (N, _) => (N[_] = $(i[_]), N),
+    ), y = (l) => {
+      n.value = l;
+    }, x = w(() => {
+      let l = c.value;
+      return typeof l == "function" && (l = l(a == null ? void 0 : a.formData)), Object.keys(l).reduce(
+        (_, W) => (_[W] = C(l[W]), _),
         {}
       );
-    }), E = k(() => ({
-      ...p.value,
-      name: p.value.name ?? u.name,
+    }), I = w(() => {
+      const l = x.value.readonly ?? u.readonly;
+      return l === void 0 ? a == null ? void 0 : a.readonly.value : l;
+    }), U = w(() => ({
+      ...x.value,
+      name: x.value.name ?? u.name,
       invalid: v.value,
-      valid: u.showValid ? !!(!v.value && a.value) : void 0,
-      type: ((i) => {
+      valid: u.showValid ? !!(!v.value && n.value) : void 0,
+      type: ((l) => {
         if ([
           d.text,
           d.number,
@@ -176,65 +183,67 @@ const me = (e, s, t, o) => z({
           d.month,
           d.week,
           d.color
-        ].includes(i))
-          return i;
+        ].includes(l))
+          return l;
       })(u.type),
-      invalidLabel: m.value,
-      modelValue: a.value,
-      "onUpdate:modelValue": g
+      invalidLabel: V.value,
+      modelValue: n.value,
+      readonly: I.value,
+      "onUpdate:modelValue": y
     }));
     return M(t, {
-      name: I(h),
-      errors: I(V)
-    }), { component: k(() => {
+      name: E(b),
+      errors: E(g)
+    }), { component: w(() => {
       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,
+            var l;
+            return ((l = r.default) == null ? void 0 : l.call(r, {
+              modelValue: n.value,
+              onUpdate: y,
+              submit: a == null ? void 0 : a.submit,
+              validate: a == null ? void 0 : a.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
+              invalidLabel: V.value,
+              formData: a == null ? void 0 : a.formData.value,
+              formErrors: a == null ? void 0 : a.errors.value,
+              errors: g.value,
+              readonly: I.value
             })) ?? r.defalut;
           }
         };
       if (!((o == null ? void 0 : o.lazyLoad) ?? u.lazyLoad)) {
-        let i;
+        let l;
         switch (u.type) {
           case d.select:
-            i = O("VvSelect");
+            l = S("VvSelect");
             break;
           case d.checkbox:
-            i = O("VvCheckbox");
+            l = S("VvCheckbox");
             break;
           case d.radio:
-            i = O("VvRadio");
+            l = S("VvRadio");
             break;
           case d.textarea:
-            i = O("VvTextarea");
+            l = S("VvTextarea");
             break;
           case d.radioGroup:
-            i = O("VvRadioGroup");
+            l = S("VvRadioGroup");
             break;
           case d.checkboxGroup:
-            i = O("VvCheckboxGroup");
+            l = S("VvCheckboxGroup");
             break;
           case d.combobox:
-            i = O("VvCombobox");
+            l = S("VvCombobox");
             break;
           default:
-            i = O("VvInputText");
+            l = S("VvInputText");
         }
-        if (typeof i != "string")
-          return i;
+        if (typeof l != "string")
+          return l;
         console.warn(
-          `[form-vue warn]: ${i} not found, the component will be loaded asynchronously. To avoid this warning, please set "lazyLoad" option.`
+          `[form-vue warn]: ${l} not found, the component will be loaded asynchronously. To avoid this warning, please set "lazyLoad" option.`
         );
       }
       return F(async () => {
@@ -256,64 +265,66 @@ const me = (e, s, t, o) => z({
         }
         return import("@volverjs/ui-vue/vv-input-text");
       });
-    }), hasProps: E, invalid: v };
+    }), hasProps: U, 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);
+    return this.is ? p(this.is, this.hasProps, this.$slots) : this.type === d.custom ? p(this.component, null, this.$slots) : p(this.component, this.hasProps, this.$slots);
   }
-}), R = (e, s = {}) => {
+}), K = (e, i = {}) => {
   const t = (r) => {
-    let l = r;
-    for (; l instanceof fe; )
-      l = l.innerType();
-    return l instanceof oe && (l = l._def.innerType), l;
+    let s = r;
+    for (; s instanceof fe; )
+      s = s.innerType();
+    return s instanceof oe && (s = s._def.innerType), s;
   }, o = t(e);
   return {
-    ...(o instanceof J ? o._def.unknownKeys === "passthrough" : !1) ? s : {},
+    ...(o instanceof Z ? o._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];
+        ([r, s]) => {
+          const n = i[r];
+          let f = t(s), a;
+          if (f instanceof ue && (a = f._def.defaultValue(), f = f._def.innerType), n === null && f instanceof le)
+            return [r, n];
           if (f instanceof se) {
-            const c = l.safeParse(a);
+            const c = s.safeParse(n);
             if (c.success)
-              return [r, c.data ?? n];
+              return [r, c.data ?? a];
           }
-          if (f instanceof ie && Array.isArray(a) && a.length) {
+          if (f instanceof ie && Array.isArray(n) && n.length) {
             const c = t(f._def.type);
-            if (c instanceof J)
+            if (c instanceof Z)
               return [
                 r,
-                a.map(
-                  (h) => R(
+                n.map(
+                  (b) => K(
                     c,
-                    h && typeof h == "object" ? h : void 0
+                    b && typeof b == "object" ? b : void 0
                   )
-                ) ?? n
+                ) ?? a
               ];
           }
-          return f instanceof J ? [
+          return f instanceof Z ? [
             r,
-            R(
+            K(
               f,
-              a && typeof a == "object" ? a : n
+              n && typeof n == "object" ? n : a
             )
-          ] : [r, n];
+          ] : [r, a];
         }
       )
     )
   };
-}, he = (e, s, t, o) => {
-  const u = B(), r = B(), l = k(() => r.value === x.invalid), a = B(), 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,
+}, he = (e, i, t, o) => {
+  const u = $(), r = $(), s = w(() => r.value === k.invalid), n = $(), f = $(!1), a = async (v = n.value) => {
+    if (f.value)
+      return !0;
+    const h = await e.safeParseAsync(v);
+    return h.success ? (u.value = void 0, r.value = k.valid, n.value = h.data, !0) : (u.value = h.error.format(), r.value = k.invalid, !1);
+  }, c = async () => f.value || !await a() ? !1 : (r.value = k.submitting, !0), { ignoreUpdates: b, stop: g } = ae(
+    n,
     () => {
-      r.value = x.updated;
+      r.value = k.updated;
     },
     {
       deep: !0,
@@ -330,6 +341,10 @@ const me = (e, s, t, o) => z({
         type: Object,
         default: () => ({})
       },
+      readonly: {
+        type: Boolean,
+        default: (t == null ? void 0 : t.readonly) ?? !1
+      },
       tag: {
         type: String,
         default: "form"
@@ -339,74 +354,99 @@ 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 = R(
+    emits: [
+      "invalid",
+      "valid",
+      "submit",
+      "update:modelValue",
+      "update:readonly"
+    ],
+    expose: [
+      "submit",
+      "validate",
+      "errors",
+      "status",
+      "valid",
+      "invalid",
+      "readonly"
+    ],
+    setup(v, { emit: h }) {
+      return n.value = K(
         e,
-        S(m.modelValue)
-      ), A(
-        () => m.modelValue,
-        (b) => {
-          if (b) {
-            const y = ee(b) ? S(b) : b;
-            if (JSON.stringify(y) === JSON.stringify(S(a.value)))
+        A(v.modelValue)
+      ), O(
+        () => v.modelValue,
+        (m) => {
+          if (m) {
+            const y = ee(m) ? A(m) : m;
+            if (JSON.stringify(y) === JSON.stringify(A(n.value)))
               return;
-            a.value = typeof (y == null ? void 0 : y.clone) == "function" ? y.clone() : JSON.parse(JSON.stringify(y));
+            n.value = typeof (y == null ? void 0 : y.clone) == "function" ? y.clone() : JSON.parse(JSON.stringify(y));
           }
         },
         { deep: !0 }
-      ), A(r, async (b) => {
-        var y, g, p, E, W;
-        if (b === x.invalid) {
-          const i = S(
+      ), O(r, async (m) => {
+        var y, x, I, U, N;
+        if (m === k.invalid) {
+          const l = A(
             u.value
           );
-          v("invalid", i), (y = t == null ? void 0 : t.onInvalid) == null || y.call(t, i);
+          h("invalid", l), (y = t == null ? void 0 : t.onInvalid) == null || y.call(t, l);
           return;
         }
-        if (b === x.valid) {
-          const i = S(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 (m === k.valid) {
+          const l = A(n.value);
+          h("valid", l), (x = t == null ? void 0 : t.onValid) == null || x.call(t, l), h("update:modelValue", l), (I = t == null ? void 0 : t.onUpdate) == null || I.call(t, l);
           return;
         }
-        if (b === x.submitting) {
-          const i = S(a.value);
-          v("submit", i), (E = t == null ? void 0 : t.onSubmit) == null || E.call(t, i);
+        if (m === k.submitting) {
+          const l = A(n.value);
+          h("submit", l), (U = t == null ? void 0 : t.onSubmit) == null || U.call(t, l);
         }
-        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 = S(
-              a.value
+        if (m === k.updated) {
+          if ((u.value || t != null && t.continuosValidation || v.continuosValidation) && await a(), !n.value || !v.modelValue || JSON.stringify(n.value) !== JSON.stringify(v.modelValue)) {
+            const l = A(
+              n.value
             );
-            v("update:modelValue", i), (W = t == null ? void 0 : t.onUpdate) == null || W.call(t, i);
+            h("update:modelValue", l), (N = t == null ? void 0 : t.onUpdate) == null || N.call(t, l);
           }
-          r.value === x.updated && (r.value = x.unknown);
+          r.value === k.updated && (r.value = k.unknown);
+        }
+      }), P(() => {
+        v.readonly && !f.value && (f.value = v.readonly);
+      }), O(
+        () => v.readonly,
+        (m) => {
+          f.value = m;
         }
-      }), M(s, {
-        formData: a,
-        submit: n,
-        validate: f,
-        ignoreUpdates: c,
-        stopUpdatesWatch: h,
-        errors: I(u),
-        status: I(r),
-        invalid: l
+      ), O(f, (m) => {
+        m !== v.readonly && h("update:readonly", f.value);
+      }), M(i, {
+        formData: n,
+        submit: c,
+        validate: a,
+        ignoreUpdates: b,
+        stopUpdatesWatch: g,
+        errors: E(u),
+        status: E(r),
+        invalid: s,
+        readonly: f
       }), {
-        formData: a,
-        submit: n,
-        validate: f,
-        ignoreUpdates: c,
-        stopUpdatesWatch: h,
-        errors: I(u),
-        status: I(r),
-        invalid: l
+        formData: n,
+        submit: c,
+        validate: a,
+        ignoreUpdates: b,
+        stopUpdatesWatch: g,
+        errors: E(u),
+        status: E(r),
+        invalid: s,
+        isReadonly: f
       };
     },
     render() {
-      const m = () => {
-        var v, b;
-        return ((b = (v = this.$slots) == null ? void 0 : v.default) == null ? void 0 : b.call(v, {
+      const v = () => {
+        var h, m;
+        return ((m = (h = this.$slots) == null ? void 0 : h.default) == null ? void 0 : m.call(h, {
           formData: this.formData,
           submit: this.submit,
           validate: this.validate,
@@ -414,26 +454,27 @@ const me = (e, s, t, o) => z({
           stopUpdatesWatch: this.stopUpdatesWatch,
           errors: this.errors,
           status: this.status,
-          invalid: this.invalid
+          invalid: this.invalid,
+          readonly: this.isReadonly
         })) ?? this.$slots.default;
       };
-      return w(
+      return p(
         this.tag,
         {
           onSubmit: re(this.submit, ["prevent"])
         },
         (this.template ?? (t == null ? void 0 : t.template)) && o ? [
-          w(
+          p(
             o,
             {
               schema: this.template ?? (t == null ? void 0 : t.template)
             },
             {
-              default: m
+              default: v
             }
           )
         ] : {
-          default: m
+          default: v
         }
       );
     }
@@ -441,18 +482,19 @@ const me = (e, s, t, o) => z({
   return {
     errors: u,
     status: r,
-    invalid: l,
-    formData: a,
-    validate: f,
-    submit: n,
-    ignoreUpdates: c,
-    stopUpdatesWatch: h,
+    invalid: s,
+    readonly: f,
+    formData: n,
+    validate: a,
+    submit: c,
+    ignoreUpdates: b,
+    stopUpdatesWatch: g,
     /**
      * An hack to add types to the default slot
      */
     VvForm: V
   };
-}, be = (e, s) => z({
+}, ye = (e, i) => z({
   name: "VvFormWrapper",
   props: {
     name: {
@@ -467,33 +509,33 @@ const me = (e, s, t, o) => z({
   emits: ["invalid", "valid"],
   expose: ["fields", "invalid"],
   setup(o, { emit: u }) {
-    const r = U(e), l = U(s, void 0), a = B(/* @__PURE__ */ new Set()), f = B(/* @__PURE__ */ new Map()), { name: n } = P(o);
-    M(s, {
-      name: I(n),
+    const r = B(e), s = B(i, void 0), n = $(/* @__PURE__ */ new Set()), f = $(/* @__PURE__ */ new Map()), { name: a } = H(o);
+    M(i, {
+      name: E(a),
       errors: f,
-      fields: a
-    }), A(
-      a,
-      (h) => {
-        l != null && l.fields && h.forEach((V) => {
-          l == null || l.fields.value.add(V);
+      fields: n
+    }), O(
+      n,
+      (b) => {
+        s != null && s.fields && b.forEach((g) => {
+          s == null || s.fields.value.add(g);
         });
       },
       { deep: !0 }
-    ), A(
+    ), O(
       () => 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);
+      (b, g) => {
+        s != null && s.errors && (Array.from(g.keys()).forEach((V) => {
+          s.errors.value.delete(V);
+        }), Array.from(b.keys()).forEach((V) => {
+          const v = b.get(V);
+          v && s.errors.value.set(V, v);
         }));
       },
       { deep: !0 }
     );
-    const c = k(() => r != null && r.invalid.value ? f.value.size > 0 : !1);
-    return A(c, () => {
+    const c = w(() => r != null && r.invalid.value ? f.value.size > 0 : !1);
+    return O(c, () => {
       c.value ? u("invalid") : u("valid");
     }), {
       formData: r == null ? void 0 : r.formData,
@@ -501,16 +543,16 @@ const me = (e, s, t, o) => z({
       submit: r == null ? void 0 : r.submit,
       validate: r == null ? void 0 : r.validate,
       invalid: c,
-      fields: a,
+      fields: n,
       fieldsErrors: f
     };
   },
   render() {
     var o, u;
-    return this.tag ? w(this.tag, null, {
+    return this.tag ? p(this.tag, null, {
       default: () => {
-        var r, l;
-        return ((l = (r = this.$slots).default) == null ? void 0 : l.call(r, {
+        var r, s;
+        return ((s = (r = this.$slots).default) == null ? void 0 : s.call(r, {
           invalid: this.invalid,
           formData: this.formData,
           submit: this.submit,
@@ -528,7 +570,7 @@ const me = (e, s, t, o) => z({
       fieldsErrors: this.fieldsErrors
     })) ?? this.$slots.defalut;
   }
-}), ye = (e, s) => {
+}), be = (e, i) => {
   const t = z({
     name: "VvFormTemplate",
     props: {
@@ -538,66 +580,66 @@ const me = (e, s, t, o) => z({
       }
     },
     setup(o, { slots: u }) {
-      const r = U(e);
+      const r = B(e);
       if (r != null && r.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, {
-              vvIs: m,
+          var a;
+          const s = typeof o.schema == "function" ? o.schema(r) : o.schema;
+          let n;
+          const f = s.reduce((c, b) => {
+            const g = typeof b == "function" ? b(r) : b, {
+              vvIs: V,
               vvName: v,
-              vvSlots: b,
-              vvChildren: y,
-              vvIf: g,
-              vvElseIf: p,
-              vvType: E,
-              vvDefaultValue: W,
-              vvShowValid: i,
-              vvContent: N,
+              vvSlots: h,
+              vvChildren: m,
+              vvIf: y,
+              vvElseIf: x,
+              vvType: I,
+              vvDefaultValue: U,
+              vvShowValid: N,
+              vvContent: l,
               ..._
-            } = V;
-            if (g !== void 0) {
-              if (typeof g == "string" ? a = !!G(
+            } = g;
+            if (y !== void 0) {
+              if (typeof y == "string" ? n = !!L(
                 Object(r.formData.value),
-                g
-              ) : typeof g == "function" ? a = $(g(r)) : a = $(g), !a)
+                y
+              ) : typeof y == "function" ? n = C(y(r)) : n = C(y), !n)
                 return c;
-            } else if (p !== void 0 && a !== void 0) {
-              if (a || (typeof p == "string" ? a = !!G(
+            } else if (x !== void 0 && n !== void 0) {
+              if (n || (typeof x == "string" ? n = !!L(
                 Object(r.formData.value),
-                p
-              ) : typeof p == "function" ? a = $(p(r)) : a = $(p), !a))
+                x
+              ) : typeof x == "function" ? n = C(x(r)) : n = C(x), !n))
                 return c;
             } else
-              a = void 0;
-            const Z = y ? w(t, {
-              schema: y
+              n = void 0;
+            const W = m ? p(t, {
+              schema: m
             }) : void 0;
             return v ? (c.push(
-              w(
-                s,
+              p(
+                i,
                 {
                   name: v,
-                  is: m,
-                  type: E,
-                  defaultValue: W,
-                  showValid: i,
+                  is: V,
+                  type: I,
+                  defaultValue: U,
+                  showValid: N,
                   props: _
                 },
-                b ?? Z ?? N
+                h ?? W ?? l
               )
-            ), c) : m ? (c.push(
-              w(
-                m,
+            ), c) : V ? (c.push(
+              p(
+                V,
                 _,
-                b ?? Z ?? N
+                h ?? W ?? l
               )
-            ), c) : (y && c.push(Z), c);
+            ), c) : (m && c.push(W), c);
           }, []);
           return f.push(
-            (n = u == null ? void 0 : u.default) == null ? void 0 : n.call(u, {
+            (a = u == null ? void 0 : u.default) == null ? void 0 : a.call(u, {
               formData: r == null ? void 0 : r.formData.value,
               submit: r == null ? void 0 : r.submit,
               validate: r == null ? void 0 : r.validate,
@@ -610,63 +652,65 @@ const me = (e, s, t, o) => z({
     }
   });
   return t;
-}, L = (e, s = {}) => {
-  const t = Symbol(), o = Symbol(), u = Symbol(), r = be(
+}, R = (e, i = {}) => {
+  const t = Symbol(), o = Symbol(), u = Symbol(), r = ye(
     t,
     o
-  ), l = me(
+  ), s = me(
     t,
     o,
     u,
-    s
-  ), a = ye(t, l), {
+    i
+  ), n = be(t, s), {
     VvForm: f,
-    errors: n,
+    errors: a,
     status: c,
-    invalid: h,
+    invalid: b,
+    readonly: g,
     formData: V,
-    validate: m,
-    submit: v,
-    ignoreUpdates: b,
+    validate: v,
+    submit: h,
+    ignoreUpdates: m,
     stopUpdatesWatch: y
-  } = he(e, t, s, a);
+  } = he(e, t, i, n);
   return {
     VvForm: f,
     VvFormWrapper: r,
-    VvFormField: l,
-    VvFormTemplate: a,
+    VvFormField: s,
+    VvFormTemplate: n,
     formInjectionKey: t,
     formWrapperInjectionKey: o,
     formFieldInjectionKey: u,
-    errors: n,
+    errors: a,
     status: c,
-    invalid: h,
+    invalid: b,
+    readonly: g,
     formData: V,
-    validate: m,
-    submit: v,
-    ignoreUpdates: b,
+    validate: v,
+    submit: h,
+    ignoreUpdates: m,
     stopUpdatesWatch: y
   };
-}, T = Symbol(), xe = (e) => {
-  let s = {};
-  return e.schema && (s = L(e.schema, e)), {
-    ...s,
+}, D = Symbol(), ke = (e) => {
+  let i = {};
+  return e.schema && (i = R(e.schema, e)), {
+    ...i,
     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));
+      t.provide(D, e), o && (t.config.globalProperties.$vvForm = e, i != null && i.VvForm && t.component("VvForm", i.VvForm), i != null && i.VvFormWrapper && t.component("VvFormWrapper", i.VvFormWrapper), i != null && i.VvFormField && t.component("VvFormField", i.VvFormField), i != null && i.VvFormTemplate && t.component("VvFormTemplate", i.VvFormTemplate));
     }
   };
-}, ke = (e, s = {}) => te() ? L(
+}, we = (e, i = {}) => te() ? R(
   e,
   {
-    ...U(T, {}),
-    ...s
+    ...B(D, {}),
+    ...i
   }
-) : L(e, s), we = (e, s = {}) => L(e, s);
+) : R(e, i), Oe = (e, i = {}) => R(e, i);
 export {
   d as FormFieldType,
-  xe as createForm,
-  R as defaultObjectBySchema,
-  we as formFactory,
-  T as pluginInjectionKey,
-  ke as useForm
+  ke as createForm,
+  K as defaultObjectBySchema,
+  Oe as formFactory,
+  D as pluginInjectionKey,
+  we as useForm
 };