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

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,38 +10,38 @@ 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, s, t) {
   const o = de(t) ? t : void 0;
-  if (!H(e) || !Q(s))
+  if (!Q(e) || !X(s))
     return o;
-  const u = Y(s);
+  const u = T(s);
   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 l = function(n) {
+        return n.map((i) => G(i) || q(i) ? i : J(i) ? l(i) : i[r]);
       };
-      if (K(e) && !ve.test(r) ? e = l(e) : e = e[r], C(e) || q(e))
+      if (J(e) && !ve.test(r) ? e = l(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, s, t) {
+  if (!Q(e) || !X(s))
     return;
-  const o = Y(s);
+  const o = T(s);
   if (o.length === 0)
     return;
   const u = o.length;
@@ -51,20 +51,20 @@ function X(e, s, t) {
       e[l] = t;
       return;
     }
-    if (l === "*" && K(e)) {
-      const a = o.slice(r + 1).join(".");
-      for (const f of e)
-        X(f, a, t);
+    if (l === "*" && J(e)) {
+      const n = o.slice(r + 1).join(".");
+      for (const i of e)
+        Y(i, n, t);
       return;
     }
-    C(e[l]) && (e[l] = {}), e = e[l];
+    G(e[l]) && (e[l] = {}), e = e[l];
   }
 }
-function Y(e) {
+function T(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 || {});
+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, s, t, o) => z({
   name: "VvFormField",
   props: {
@@ -96,72 +96,76 @@ 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({
+    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(f) {
+        a != null && a.formData && (Y(
+          Object(a.formData.value),
           String(u.name),
-          i
+          f
         ), l("update:modelValue", {
-          newValue: a.value,
-          formData: n == null ? void 0 : n.formData
+          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);
-    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 i = B(s, void 0);
+    i && i.fields.value.add(u.name);
+    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 f;
+      return (f = g.value) == null ? void 0 : f._errors;
+    }), v = w(() => g.value !== void 0), h = O(v, () => {
+      v.value ? (l("invalid", V.value), i && i.errors.value.set(
         u.name,
         {
-          _errors: m.value
+          _errors: V.value
         }
-      )) : (l("valid", a.value), f && f.errors.value.delete(
+      )) : (l("valid", n.value), i && i.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);
+        l("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 = (f) => {
+      n.value = f;
+    }, x = w(() => {
+      let f = c.value;
+      return typeof f == "function" && (f = f(a == null ? void 0 : a.formData)), Object.keys(f).reduce(
+        (_, W) => (_[W] = C(f[W]), _),
         {}
       );
-    }), E = k(() => ({
-      ...p.value,
-      name: p.value.name ?? u.name,
+    }), I = w(() => a != null && a.readonly.value ? !0 : x.value.readonly ?? u.readonly), 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: ((f) => {
         if ([
           d.text,
           d.number,
@@ -176,65 +180,67 @@ const me = (e, s, t, o) => z({
           d.month,
           d.week,
           d.color
-        ].includes(i))
-          return i;
+        ].includes(f))
+          return f;
       })(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 f;
+            return ((f = r.default) == null ? void 0 : f.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 f;
         switch (u.type) {
           case d.select:
-            i = O("VvSelect");
+            f = S("VvSelect");
             break;
           case d.checkbox:
-            i = O("VvCheckbox");
+            f = S("VvCheckbox");
             break;
           case d.radio:
-            i = O("VvRadio");
+            f = S("VvRadio");
             break;
           case d.textarea:
-            i = O("VvTextarea");
+            f = S("VvTextarea");
             break;
           case d.radioGroup:
-            i = O("VvRadioGroup");
+            f = S("VvRadioGroup");
             break;
           case d.checkboxGroup:
-            i = O("VvCheckboxGroup");
+            f = S("VvCheckboxGroup");
             break;
           case d.combobox:
-            i = O("VvCombobox");
+            f = S("VvCombobox");
             break;
           default:
-            i = O("VvInputText");
+            f = S("VvInputText");
         }
-        if (typeof i != "string")
-          return i;
+        if (typeof f != "string")
+          return f;
         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]: ${f} not found, the component will be loaded asynchronously. To avoid this warning, please set "lazyLoad" option.`
         );
       }
       return F(async () => {
@@ -256,12 +262,12 @@ 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, s = {}) => {
   const t = (r) => {
     let l = r;
     for (; l instanceof fe; )
@@ -269,51 +275,53 @@ const me = (e, s, t, o) => z({
     return l instanceof oe && (l = l._def.innerType), l;
   }, o = t(e);
   return {
-    ...(o instanceof J ? o._def.unknownKeys === "passthrough" : !1) ? s : {},
+    ...(o instanceof Z ? o._def.unknownKeys === "passthrough" : !1) ? s : {},
     ...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);
+          const n = s[r];
+          let i = t(l), a;
+          if (i instanceof ue && (a = i._def.defaultValue(), i = i._def.innerType), n === null && i instanceof le)
+            return [r, n];
+          if (i instanceof se) {
+            const c = l.safeParse(n);
             if (c.success)
-              return [r, c.data ?? n];
+              return [r, c.data ?? a];
           }
-          if (f instanceof ie && Array.isArray(a) && a.length) {
-            const c = t(f._def.type);
-            if (c instanceof J)
+          if (i instanceof ie && Array.isArray(n) && n.length) {
+            const c = t(i._def.type);
+            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 i instanceof Z ? [
             r,
-            R(
-              f,
-              a && typeof a == "object" ? a : n
+            K(
+              i,
+              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,
+  const u = $(), r = $(), l = w(() => r.value === k.invalid), n = $(), i = $(!1), a = async (v = n.value) => {
+    if (i.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 () => i.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 +338,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 +351,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 f = A(
             u.value
           );
-          v("invalid", i), (y = t == null ? void 0 : t.onInvalid) == null || y.call(t, i);
+          h("invalid", f), (y = t == null ? void 0 : t.onInvalid) == null || y.call(t, f);
           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 f = A(n.value);
+          h("valid", f), (x = t == null ? void 0 : t.onValid) == null || x.call(t, f), h("update:modelValue", f), (I = t == null ? void 0 : t.onUpdate) == null || I.call(t, f);
           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 f = A(n.value);
+          h("submit", f), (U = t == null ? void 0 : t.onSubmit) == null || U.call(t, f);
         }
-        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 f = A(
+              n.value
             );
-            v("update:modelValue", i), (W = t == null ? void 0 : t.onUpdate) == null || W.call(t, i);
+            h("update:modelValue", f), (N = t == null ? void 0 : t.onUpdate) == null || N.call(t, f);
           }
-          r.value === x.updated && (r.value = x.unknown);
+          r.value === k.updated && (r.value = k.unknown);
+        }
+      }), P(() => {
+        v.readonly && !i.value && (i.value = v.readonly);
+      }), O(
+        () => v.readonly,
+        (m) => {
+          i.value = m;
         }
+      ), O(i, (m) => {
+        m !== v.readonly && h("update:readonly", i.value);
       }), M(s, {
-        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: l,
+        readonly: i
       }), {
-        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: l,
+        isReadonly: i
       };
     },
     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 +451,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
         }
       );
     }
@@ -442,17 +480,18 @@ const me = (e, s, t, o) => z({
     errors: u,
     status: r,
     invalid: l,
-    formData: a,
-    validate: f,
-    submit: n,
-    ignoreUpdates: c,
-    stopUpdatesWatch: h,
+    readonly: i,
+    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, s) => z({
   name: "VvFormWrapper",
   props: {
     name: {
@@ -467,33 +506,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);
+    const r = B(e), l = B(s, void 0), n = $(/* @__PURE__ */ new Set()), i = $(/* @__PURE__ */ new Map()), { name: a } = H(o);
     M(s, {
-      name: I(n),
-      errors: f,
-      fields: a
-    }), A(
-      a,
-      (h) => {
-        l != null && l.fields && h.forEach((V) => {
-          l == null || l.fields.value.add(V);
+      name: E(a),
+      errors: i,
+      fields: n
+    }), O(
+      n,
+      (b) => {
+        l != null && l.fields && b.forEach((g) => {
+          l == null || l.fields.value.add(g);
         });
       },
       { deep: !0 }
-    ), A(
-      () => 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);
+    ), O(
+      () => new Map(i.value),
+      (b, g) => {
+        l != null && l.errors && (Array.from(g.keys()).forEach((V) => {
+          l.errors.value.delete(V);
+        }), Array.from(b.keys()).forEach((V) => {
+          const v = b.get(V);
+          v && l.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 ? i.value.size > 0 : !1);
+    return O(c, () => {
       c.value ? u("invalid") : u("valid");
     }), {
       formData: r == null ? void 0 : r.formData,
@@ -501,13 +540,13 @@ 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,
-      fieldsErrors: f
+      fields: n,
+      fieldsErrors: i
     };
   },
   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, {
@@ -528,7 +567,7 @@ const me = (e, s, t, o) => z({
       fieldsErrors: this.fieldsErrors
     })) ?? this.$slots.defalut;
   }
-}), ye = (e, s) => {
+}), be = (e, s) => {
   const t = z({
     name: "VvFormTemplate",
     props: {
@@ -538,66 +577,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;
+          var a;
           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,
+          let n;
+          const i = l.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: f,
               ..._
-            } = 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(
+              p(
                 s,
                 {
                   name: v,
-                  is: m,
-                  type: E,
-                  defaultValue: W,
-                  showValid: i,
+                  is: V,
+                  type: I,
+                  defaultValue: U,
+                  showValid: N,
                   props: _
                 },
-                b ?? Z ?? N
+                h ?? W ?? f
               )
-            ), c) : m ? (c.push(
-              w(
-                m,
+            ), c) : V ? (c.push(
+              p(
+                V,
                 _,
-                b ?? Z ?? N
+                h ?? W ?? f
               )
-            ), 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, {
+          return i.push(
+            (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,
@@ -605,13 +644,13 @@ const me = (e, s, t, o) => z({
               status: r == null ? void 0 : r.status.value,
               invalid: r == null ? void 0 : r.invalid.value
             })
-          ), f;
+          ), i;
         };
     }
   });
   return t;
-}, L = (e, s = {}) => {
-  const t = Symbol(), o = Symbol(), u = Symbol(), r = be(
+}, R = (e, s = {}) => {
+  const t = Symbol(), o = Symbol(), u = Symbol(), r = ye(
     t,
     o
   ), l = me(
@@ -619,54 +658,56 @@ const me = (e, s, t, o) => z({
     o,
     u,
     s
-  ), a = ye(t, l), {
-    VvForm: f,
-    errors: n,
+  ), n = be(t, l), {
+    VvForm: i,
+    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, s, n);
   return {
-    VvForm: f,
+    VvForm: i,
     VvFormWrapper: r,
     VvFormField: l,
-    VvFormTemplate: a,
+    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) => {
+}, D = Symbol(), ke = (e) => {
   let s = {};
-  return e.schema && (s = L(e.schema, e)), {
+  return e.schema && (s = R(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));
+      t.provide(D, 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));
     }
   };
-}, ke = (e, s = {}) => te() ? L(
+}, we = (e, s = {}) => te() ? R(
   e,
   {
-    ...U(T, {}),
+    ...B(D, {}),
     ...s
   }
-) : L(e, s), we = (e, s = {}) => L(e, s);
+) : R(e, s), Oe = (e, s = {}) => R(e, s);
 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
 };