@volverjs/form-vue 1.0.0-beta.11 → 1.0.0-beta.13

package/dist/index.es.js

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