@volverjs/form-vue 0.0.9 → 0.0.10-beta.10

package/dist/index.es.js

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