@macrulez/vue-form-schema 0.1.1 → 0.1.5

package/dist/index.js

@@ -1,17 +1,23 @@
-import { watchEffect as T, ref as y, computed as V, onUnmounted as C } from "vue";
-import { g as h, s as x, u as F, e as O, p as D, m as U, d as I, c as W, f as X, h as k, V as _ } from "./MaskEngine-D22m29OM.js";
-import { a as se, b as re, r as ie } from "./MaskEngine-D22m29OM.js";
-const z = /^[\w\s\d.'"[\]()!<>=&|?:+\-*/%]+$/;
-function G(l, n) {
-  if (!z.test(l))
-    return console.warn(`[vue-form-schema] Blocked unsafe expression: "${l}"`), !0;
+import { g as S, k as R, u as q, e as $, p as ee, m as te, f as ne, d as se, h as ae, j as I, V as oe } from "./MaskEngine-BqJQYybS.js";
+import { a as xe, b as Le, c as je, i as Je, r as Pe, s as Be, l as De, n as He } from "./MaskEngine-BqJQYybS.js";
+import { computed as v, watchEffect as re, ref as b, onMounted as ie, watch as j, onUnmounted as le } from "vue";
+function ge(n) {
+  const s = v(() => n.touched && n.error.length > 0), t = v(() => s.value ? n.error[0] : null), e = v(() => n.touched ? n.error : []), r = v(() => n.field.required ?? !1), d = v(
+    () => typeof n.field.disabled == "boolean" ? n.field.disabled : !1
+  );
+  return { hasError: s, errorMessage: t, allErrors: e, isRequired: r, isDisabled: d };
+}
+const ue = /^[\w\s\d.'"[\]()!<>=&|?:+\-*/%]+$/;
+function ce(n, s) {
+  if (!ue.test(n))
+    return console.warn(`[vue-form-schema] Blocked unsafe expression: "${n}"`), !0;
   try {
-    return !!new Function("values", `"use strict"; return (${l})`)(n);
+    return !!new Function("values", `"use strict"; return (${n})`)(s);
   } catch {
     return !0;
   }
 }
-class H {
+class T {
   constructor() {
     this.stopHandle = null;
   }
@@ -19,260 +25,444 @@ class H {
    * Start reactively watching values and writing evaluated fields into
    * `resolvedFields`. Also handles clearOnHide side effect.
    */
-  start(n, e, t, a) {
-    this.stopHandle = T(() => {
-      const f = e.value, u = t.value, i = this.evaluateFields(n, f);
-      a && this.clearHiddenValues(n, i, f, e, u), t.value = i;
+  start(s, t, e, r) {
+    this.stopHandle = re(() => {
+      const d = t.value, u = e.value, c = this.evaluateFields(s, d);
+      r && this.clearHiddenValues(s, c, d, t, u), e.value = c;
     });
   }
   stop() {
-    var n;
-    (n = this.stopHandle) == null || n.call(this), this.stopHandle = null;
+    var s;
+    (s = this.stopHandle) == null || s.call(this), this.stopHandle = null;
   }
-  /** Recursively evaluate visible/disabled/required for each field */
-  evaluateFields(n, e) {
-    return n.map((t) => {
-      const a = this.resolveBoolean(t.visible, e, !0), f = this.resolveBoolean(t.disabled, e, !1);
+  /** Recursively evaluate visible/disabled/options for each field */
+  evaluateFields(s, t) {
+    return s.map((e) => {
+      const r = this.resolveBoolean(e.visible, t, !0), d = this.resolveBoolean(e.disabled, t, !1);
+      let u;
+      if (typeof e.options == "function") {
+        const m = e.options(t);
+        u = m instanceof Promise ? void 0 : m;
+      } else
+        u = e.options;
       return {
-        ...t,
-        visible: a,
-        disabled: f,
-        fields: t.fields ? this.evaluateFields(t.fields, e) : void 0
+        ...e,
+        visible: r,
+        disabled: d,
+        options: u,
+        fields: e.fields ? this.evaluateFields(e.fields, t) : void 0
       };
     });
   }
-  resolveBoolean(n, e, t) {
-    return n === void 0 ? t : typeof n == "boolean" ? n : typeof n == "function" ? n(e) : typeof n == "string" ? G(n, e) : t;
+  resolveBoolean(s, t, e) {
+    return s === void 0 ? e : typeof s == "boolean" ? s : typeof s == "function" ? s(t) : typeof s == "string" ? ce(s, t) : e;
   }
-  clearHiddenValues(n, e, t, a, f) {
-    for (let u = 0; u < n.length; u++) {
-      const i = n[u], p = e[u], r = this.wasVisible(f, i.name), o = p.visible;
-      if (r && !o) {
-        const m = h(t, i.name), b = i.defaultValue ?? null;
-        m !== b && (a.value = x(a.value, i.name, b));
+  clearHiddenValues(s, t, e, r, d) {
+    for (let u = 0; u < s.length; u++) {
+      const c = s[u], m = t[u], w = this.wasVisible(d, c.name), p = m.visible;
+      if (w && !p) {
+        const h = S(e, c.name), F = c.defaultValue ?? null;
+        h !== F && (r.value = R(r.value, c.name, F));
       }
-      i.fields && p.fields && this.clearHiddenValues(i.fields, p.fields, t, a, f);
+      c.fields && m.fields && this.clearHiddenValues(c.fields, m.fields, e, r, d);
     }
   }
-  wasVisible(n, e) {
-    const t = n.find((a) => a.name === e);
-    return t ? t.visible !== !1 : !0;
+  wasVisible(s, t) {
+    const e = s.find((r) => r.name === t);
+    return e ? e.visible !== !1 : !0;
   }
 }
-function te(l, n) {
-  return new H().evaluateFields(l, n);
+function be(n, s) {
+  return new T().evaluateFields(n, s);
 }
-function K(l, n, e) {
-  switch (l) {
+function fe(n, s, t) {
+  switch (n) {
     case "required":
-      return e ? (t, a) => k(t) ? e : null : k;
+      return t ? (e, r) => I(e) ? t : null : I;
     case "minLength":
-      return X(Number(n), e);
+      return ae(Number(s), t);
     case "maxLength":
-      return W(Number(n), e);
+      return se(Number(s), t);
     case "min":
-      return I(Number(n), e);
+      return ne(Number(s), t);
     case "max":
-      return U(Number(n), e);
+      return te(Number(s), t);
     case "pattern":
-      return D(new RegExp(String(n)), e);
+      return ee(new RegExp(String(s)), t);
     case "email":
-      return e ? (t, a) => O(t) ? e : null : O;
+      return t ? (e, r) => $(e) ? t : null : $;
     case "url":
-      return e ? (t, a) => F(t) ? e : null : F;
+      return t ? (e, r) => q(e) ? t : null : q;
     default:
-      return console.warn(`[vue-form-schema] Unknown validator rule: "${l}"`), null;
+      return console.warn(`[vue-form-schema] Unknown validator rule: "${n}"`), null;
   }
 }
-function N(l) {
-  const n = [];
-  for (const e of l.validators ?? []) {
-    const t = K(e.rule, e.value, e.message);
-    t && n.push(t);
+function C(n) {
+  const s = [];
+  for (const t of n.validators ?? []) {
+    const e = fe(t.rule, t.value, t.message);
+    e && s.push(e);
   }
   return {
-    type: l.type,
-    name: l.name,
-    label: l.label,
-    placeholder: l.placeholder,
-    defaultValue: l.default,
-    required: l.required,
-    disabled: l.disabled,
-    visible: l.visible,
-    mask: l.mask,
-    options: l.options,
-    validators: n.length ? n : void 0,
-    fields: l.fields ? l.fields.map(N) : void 0
+    type: n.type,
+    name: n.name,
+    label: n.label,
+    placeholder: n.placeholder,
+    defaultValue: n.default,
+    required: n.required,
+    disabled: n.disabled,
+    visible: n.visible,
+    mask: n.mask,
+    options: n.options,
+    validators: s.length ? s : void 0,
+    fields: n.fields ? n.fields.map(C) : void 0
   };
 }
-function Q(l) {
-  return l.map(N);
+function ve(n) {
+  return n.map(C);
 }
-function R(l) {
-  if (!Array.isArray(l) || l.length === 0) return !1;
-  for (const n of l) {
-    const e = n.validators;
-    if (Array.isArray(e) && e.some((t) => typeof t == "function"))
+function de(n) {
+  if (!Array.isArray(n) || n.length === 0) return !1;
+  for (const s of n) {
+    const t = s.validators;
+    if (Array.isArray(t) && t.some((e) => typeof e == "function"))
       return !1;
   }
-  return l.some((n) => {
-    const e = n;
-    if ("default" in e) return !0;
-    const t = e.validators;
-    return Array.isArray(t) && t.length > 0 && typeof t[0] == "object" && t[0] !== null && "rule" in t[0];
+  return n.some((s) => {
+    const t = s;
+    if ("default" in t) return !0;
+    const e = t.validators;
+    return Array.isArray(e) && e.length > 0 && typeof e[0] == "object" && e[0] !== null && "rule" in e[0];
   });
 }
-function Y(l) {
-  return R(l) ? Q(l) : l;
+function me(n) {
+  return de(n) ? ve(n) : n;
 }
-function g(l, n = {}) {
-  const e = {};
-  for (const t of l)
-    if (t.type === "group" && t.fields) {
-      const a = g(t.fields, n);
-      Object.assign(e, a);
-    } else if (t.type === "array") {
-      const a = h(n, t.name);
-      e[t.name] = a ?? t.defaultValue ?? [];
+function N(n, s = {}) {
+  const t = {};
+  for (const e of n)
+    if (e.type === "group" && e.fields) {
+      const r = N(e.fields, s);
+      Object.assign(t, r);
+    } else if (e.type === "array") {
+      const r = S(s, e.name);
+      t[e.name] = r ?? e.defaultValue ?? [];
     } else {
-      const a = h(n, t.name);
-      e[t.name] = a !== void 0 ? a : t.defaultValue ?? null;
+      const r = S(s, e.name);
+      t[e.name] = r !== void 0 ? r : e.defaultValue ?? null;
     }
-  for (const [t, a] of Object.entries(n))
-    t in e || (e[t] = a);
-  return e;
+  for (const [e, r] of Object.entries(s))
+    e in t || (t[e] = r);
+  return t;
 }
-function ne(l) {
+function pe(n) {
+  var M;
   const {
-    schema: n,
-    initialValues: e = {},
-    validateOn: t = "blur",
-    clearOnHide: a = !1,
-    onSubmit: f
-  } = l, u = Y(n), i = new _(), p = new H(), r = y(
-    g(u, e)
-  ), o = y({}), m = y({}), b = y(!1), v = y(u);
-  p.start(u, r, v, a ?? !1);
-  const S = V(() => v.value), L = V(() => {
-    const s = g(u, e);
-    return JSON.stringify(r.value) !== JSON.stringify(s);
-  }), j = V(() => {
-    const s = i.validateAll(v.value, r.value);
-    return Object.values(s).every((c) => c.length === 0);
-  });
-  function E(s) {
-    if (s) {
-      const c = i.validateField(
-        s,
-        h(r.value, s.name),
-        r.value
-      );
-      o.value = { ...o.value, [s.name]: c }, i.validateAsync(
-        s,
-        h(r.value, s.name),
-        r.value,
-        (d, P) => {
+    schema: s,
+    initialValues: t = {},
+    validateOn: e = "blur",
+    validateMode: r = "first",
+    clearOnHide: d = !1,
+    onSubmit: u,
+    persist: c = !1,
+    persistKey: m,
+    debug: w = !1
+  } = n, p = me(s), h = new oe(300, r), F = new T(), V = m ?? `vfs:${p.map((a) => a.name).join(",")}`;
+  function E() {
+    return typeof window > "u" || !c ? null : c === "local" ? window.localStorage : window.sessionStorage;
+  }
+  const o = b(
+    N(p, t)
+  ), f = b({}), g = b({}), A = b(!1), y = b(p), O = b({}), k = b({}), P = /* @__PURE__ */ new Set();
+  let x = !1;
+  F.start(p, o, y, d ?? !1);
+  async function B(a) {
+    if (typeof a.options != "function") return;
+    const i = a.options(o.value);
+    if (i instanceof Promise) {
+      O.value = { ...O.value, [a.name]: !0 };
+      try {
+        const l = await i;
+        k.value = { ...k.value, [a.name]: l };
+      } catch (l) {
+        console.warn(`[vue-form-schema] Failed to load options for "${a.name}"`, l);
+      } finally {
+        O.value = { ...O.value, [a.name]: !1 };
+      }
+    }
+  }
+  const D = p.filter((a) => typeof a.options == "function");
+  ie(async () => {
+    const a = E();
+    if (a)
+      try {
+        const i = a.getItem(V);
+        if (i) {
+          const l = JSON.parse(i);
           o.value = {
             ...o.value,
-            [d]: [...o.value[d] ?? [], ...P]
+            ...l
+          };
+        }
+      } catch {
+      }
+    await Promise.all(D.map((i) => B(i)));
+  }), c && j(
+    o,
+    (a) => {
+      var i;
+      if (!x)
+        try {
+          (i = E()) == null || i.setItem(V, JSON.stringify(a));
+        } catch {
+        }
+    },
+    { deep: !0 }
+  );
+  for (const a of D)
+    (M = a.optionsDeps) != null && M.length && j(
+      () => a.optionsDeps.map((i) => S(o.value, i)),
+      () => B(a)
+    );
+  w && j(
+    o,
+    (a) => {
+      console.group("[vue-form-schema] values changed"), console.log("values:", JSON.parse(JSON.stringify(a))), console.log("errors:", f.value), console.log("touched:", g.value), console.groupEnd();
+    },
+    { deep: !0 }
+  );
+  const W = v(
+    () => y.value.map((a) => ({
+      ...a,
+      options: k.value[a.name] ?? a.options,
+      optionsLoading: O.value[a.name] ?? !1
+    }))
+  ), X = v(() => {
+    const a = N(p, t);
+    return JSON.stringify(o.value) !== JSON.stringify(a);
+  }), _ = v(() => {
+    const a = h.validateAll(y.value, o.value);
+    return Object.values(a).every((i) => i.length === 0);
+  });
+  function H(a) {
+    if (a) {
+      const i = h.validateField(
+        a,
+        S(o.value, a.name),
+        o.value
+      );
+      f.value = { ...f.value, [a.name]: i }, h.validateAsync(
+        a,
+        S(o.value, a.name),
+        o.value,
+        (l, L) => {
+          f.value = {
+            ...f.value,
+            [l]: [...f.value[l] ?? [], ...L]
           };
         }
       );
     } else
-      o.value = i.validateAll(
-        v.value,
-        r.value
+      f.value = h.validateAll(
+        y.value,
+        o.value
       );
   }
-  function q(s, c) {
-    if (r.value = x(
-      r.value,
-      s,
-      c
-    ), t === "input") {
-      const d = A(v.value, s);
-      d && E(d);
-    }
+  function z(a, i) {
+    const l = J(y.value, a), L = l != null && l.transform ? l.transform(i, o.value) : i;
+    o.value = R(
+      o.value,
+      a,
+      L
+    ), (e === "input" || e === "eager" && P.has(a)) && l && H(l);
   }
-  function J(s) {
-    return h(r.value, s);
+  function G(a) {
+    return S(o.value, a);
   }
-  function $(s) {
-    if (m.value = { ...m.value, [s]: !0 }, t === "blur") {
-      const c = A(v.value, s);
-      c && E(c);
+  function Q(a) {
+    if (g.value = { ...g.value, [a]: !0 }, P.add(a), e === "blur" || e === "eager") {
+      const i = J(y.value, a);
+      i && H(i);
     }
   }
-  async function w() {
-    const s = {};
-    for (const d of v.value) B(d, s);
-    if (m.value = s, o.value = i.validateAll(
-      v.value,
-      r.value
-    ), !Object.values(o.value).some((d) => d.length > 0)) {
-      b.value = !0;
+  async function Y() {
+    const a = {};
+    for (const l of y.value) K(l, a);
+    if (g.value = a, f.value = h.validateAll(
+      y.value,
+      o.value
+    ), !Object.values(f.value).some((l) => l.length > 0)) {
+      A.value = !0;
       try {
-        await (f == null ? void 0 : f(r.value));
+        const l = U(y.value, o.value);
+        await (u == null ? void 0 : u(l));
       } finally {
-        b.value = !1;
+        A.value = !1;
       }
     }
   }
-  function M(s) {
-    const c = s ?? e;
-    r.value = g(
-      u,
-      c ?? {}
-    ), o.value = {}, m.value = {}, b.value = !1;
+  function Z(a) {
+    var l;
+    const i = a ?? t;
+    o.value = N(
+      p,
+      i ?? {}
+    ), f.value = {}, g.value = {}, A.value = !1, x = !0, (l = E()) == null || l.removeItem(V), Promise.resolve().then(() => {
+      x = !1;
+    });
   }
-  return C(() => {
-    p.stop(), i.destroy();
+  return le(() => {
+    F.stop(), h.destroy();
   }), {
-    fields: S,
-    values: r,
-    errors: o,
-    touched: m,
-    isDirty: L,
-    isValid: j,
-    isSubmitting: b,
-    submit: w,
-    reset: M,
-    setField: q,
-    getField: J,
+    fields: W,
+    values: o,
+    errors: f,
+    touched: g,
+    optionsLoading: O,
+    isDirty: X,
+    isValid: _,
+    isSubmitting: A,
+    submit: Y,
+    reset: Z,
+    setField: z,
+    getField: G,
     // expose touch for FormRenderer
     // @ts-expect-error - internal
-    touchField: $
+    touchField: Q
   };
 }
-function A(l, n) {
-  for (const e of l) {
-    if (e.name === n) return e;
+function J(n, s) {
+  for (const t of n) {
+    if (t.name === s) return t;
+    if (t.fields) {
+      const e = J(t.fields, s);
+      if (e) return e;
+    }
+  }
+}
+function K(n, s = {}) {
+  return s[n.name] = !0, n.fields && n.fields.forEach((t) => K(t, s)), s;
+}
+function U(n, s) {
+  const t = { ...s };
+  for (const e of n) {
+    if (e.parse) {
+      const r = S(t, e.name);
+      t[e.name] = e.parse(r);
+    }
     if (e.fields) {
-      const t = A(e.fields, n);
-      if (t) return t;
+      const r = U(e.fields, t);
+      Object.assign(t, r);
     }
   }
+  return t;
+}
+function Se(n, s) {
+  const t = n.map((o) => pe(o)), e = b(0), r = t.length, d = v(() => e.value === 0), u = v(() => e.value === r - 1), c = v(() => t[e.value]), m = v(
+    () => t.reduce(
+      (o, f) => ({ ...o, ...f.values.value }),
+      {}
+    )
+  ), w = v(() => t.every((o) => o.isValid.value)), p = v(() => t.some((o) => o.isSubmitting.value));
+  async function h() {
+    return await t[e.value].submit(), Object.values(t[e.value].errors.value).some(
+      (f) => f.length > 0
+    ) ? !1 : (u.value || e.value++, !0);
+  }
+  function F() {
+    d.value || e.value--;
+  }
+  function V(o) {
+    o >= 0 && o < r && (e.value = o);
+  }
+  async function E() {
+    for (const o of t)
+      if (await o.submit(), Object.values(o.errors.value).some((g) => g.length > 0)) return;
+    await (s == null ? void 0 : s(m.value));
+  }
+  return {
+    currentStep: e,
+    totalSteps: r,
+    isFirstStep: d,
+    isLastStep: u,
+    form: c,
+    steps: t,
+    values: m,
+    isValid: w,
+    isSubmitting: p,
+    next: h,
+    back: F,
+    goTo: V,
+    submit: E
+  };
+}
+function Fe(n) {
+  return { snapshot: v(() => ({
+    values: JSON.parse(JSON.stringify(n.values.value)),
+    errors: n.errors.value,
+    touched: n.touched.value,
+    isDirty: n.isDirty.value,
+    isValid: n.isValid.value,
+    isSubmitting: n.isSubmitting.value,
+    optionsLoading: n.optionsLoading.value,
+    fields: n.fields.value.map((t) => ({
+      name: t.name,
+      visible: t.visible,
+      disabled: t.disabled
+    }))
+  })) };
+}
+function Oe(...n) {
+  const s = /* @__PURE__ */ new Map();
+  for (const t of n)
+    for (const e of t)
+      s.set(e.name, e);
+  return Array.from(s.values());
+}
+function we(n, s) {
+  const t = new Set(s);
+  return n.filter((e) => !t.has(e.name));
+}
+function Ve(n, s) {
+  const t = new Set(s);
+  return n.filter((e) => t.has(e.name));
+}
+function Ee(n, s, t) {
+  return n.map((e) => e.name === s ? { ...e, ...t } : e);
 }
-function B(l, n = {}) {
-  return n[l.name] = !0, l.fields && l.fields.forEach((e) => B(e, n)), n;
+function Ae(n) {
+  return n;
 }
 export {
-  H as ConditionEvaluator,
-  _ as ValidationEngine,
-  se as applyMask,
-  re as bindMask,
-  O as email,
-  te as evaluateFieldConditions,
-  h as getByPath,
-  U as max,
-  W as maxLength,
-  I as min,
-  X as minLength,
-  Q as parseJSON,
-  D as pattern,
-  ie as removeMask,
-  k as required,
-  x as setByPath,
-  F as url,
-  ne as useForm
+  T as ConditionEvaluator,
+  oe as ValidationEngine,
+  xe as applyMask,
+  Le as bindMask,
+  je as createFormRegistry,
+  Ae as defineSchema,
+  $ as email,
+  be as evaluateFieldConditions,
+  Ee as extendField,
+  S as getByPath,
+  te as max,
+  se as maxLength,
+  Oe as mergeSchemas,
+  ne as min,
+  ae as minLength,
+  we as omitFields,
+  ve as parseJSON,
+  ee as pattern,
+  Ve as pickFields,
+  Je as provideRegistry,
+  Pe as removeMask,
+  I as required,
+  Be as sameAs,
+  R as setByPath,
+  q as url,
+  De as useFieldArray,
+  pe as useForm,
+  Fe as useFormDebug,
+  ge as useFormField,
+  Se as useMultiStepForm,
+  He as useRegistry
 };