@volverjs/form-vue 0.0.10-beta.4 → 0.0.10-beta.6

package/dist/index.es.js

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