vlite3 1.4.40 → 1.5.0

package/components/Form/TableView.vue.js

@@ -1,19 +1,17 @@
-import { defineComponent as y, computed as f, openBlock as o, createElementBlock as t, normalizeStyle as v, createCommentVNode as n, Fragment as u, renderList as b, normalizeClass as R, toDisplayString as s, createVNode as x, unref as k, withCtx as B, isMemoSame as F, createBlock as N, createElementVNode as g } from "vue";
-import { VueDraggable as C } from "vue-draggable-plus";
-import S from "./TableRow.vue.js";
-const U = { class: "custom-fields-table border border-border rounded overflow-hidden bg-background min-w-0 max-w-full w-full" }, V = {
+import { defineComponent as k, computed as R, openBlock as d, createElementBlock as a, normalizeClass as u, unref as t, normalizeStyle as x, createCommentVNode as s, Fragment as g, renderList as y, toDisplayString as c, createVNode as B, withCtx as T, isMemoSame as N, createBlock as S, createElementVNode as h } from "vue";
+import { useBreakpoints as z, breakpointsTailwind as C } from "@vueuse/core";
+import { VueDraggable as F } from "vue-draggable-plus";
+import U from "./TableRow.vue.js";
+const V = {
   key: 0,
   class: "w-10 flex-none p-3 border-r border-border"
 }, D = {
   key: 1,
   class: "w-10 flex-none p-3 text-center border-r border-border"
-}, T = {
+}, H = {
   key: 2,
   class: "p-3 border-l border-border"
-}, H = {
-  key: 1,
-  class: "flex flex-col items-center justify-center py-6 text-center bg-muted/5"
-}, E = { class: "text-sm font-medium text-foreground" }, j = { class: "text-xs text-muted-foreground mt-1" }, M = /* @__PURE__ */ y({
+}, E = { class: "text-sm font-medium text-foreground" }, K = { class: "text-xs text-muted-foreground mt-1" }, q = /* @__PURE__ */ k({
   __name: "TableView",
   props: {
     rows: {},
@@ -30,80 +28,104 @@ const U = { class: "custom-fields-table border border-border rounded overflow-hi
     helpers: {},
     emptyTitle: {},
     emptyDescription: {},
-    onFieldChange: { type: Function },
-    onRemoveRow: { type: Function },
-    onDragUpdate: { type: Function }
+    variant: { default: "outline" },
+    size: { default: "md" },
+    rounded: { default: "md" },
+    rowTitleKey: { default: void 0 },
+    onFieldChange: {},
+    onRemoveRow: {},
+    onDragUpdate: {}
   },
   setup(e) {
-    const d = e, w = f(() => {
-      const a = [];
-      return d.draggable && !d.disabled && !d.readonly && a.push("2.5rem"), d.showRowNumbers && a.push("2.5rem"), a.push(...d.visibleSchemaFields.map(() => "minmax(0, 1fr)")), d.canRemoveRow && a.push("2.5rem"), a.join(" ");
+    const o = e, r = z(C).smaller("md"), f = R(() => {
+      const l = [];
+      return o.draggable && !o.disabled && !o.readonly && l.push("2.5rem"), o.showRowNumbers && l.push("2.5rem"), l.push(...o.visibleSchemaFields.map(() => "minmax(0, 1fr)")), o.canRemoveRow && l.push("2.5rem"), l.join(" ");
     });
-    return (a, h) => (o(), t("div", U, [
-      e.columnHeaders.length > 1 ? (o(), t("div", {
+    return (l, v) => (d(), a("div", {
+      class: u([
+        "custom-fields-table min-w-0 max-w-full w-full",
+        t(r) ? "is-stacked bg-transparent" : "border border-border rounded overflow-hidden bg-background"
+      ])
+    }, [
+      !t(r) && e.columnHeaders.length > 1 ? (d(), a("div", {
         key: 0,
         class: "grid border-b border-border bg-muted/50 text-gray-800 text-xs font-semibold uppercase tracking-wider min-w-0",
-        style: v({ gridTemplateColumns: w.value })
+        style: x({ gridTemplateColumns: f.value })
       }, [
-        e.draggable && !e.disabled && !e.readonly ? (o(), t("div", V)) : n("", !0),
-        e.showRowNumbers ? (o(), t("div", D, " # ")) : n("", !0),
-        (o(!0), t(u, null, b(e.columnHeaders, (r, l) => (o(), t("div", {
-          key: l,
-          class: R(["p-3 min-w-0 truncate", { "border-l border-border": l > 0 }])
-        }, s(r), 3))), 128)),
-        e.canRemoveRow ? (o(), t("div", T)) : n("", !0)
-      ], 4)) : n("", !0),
-      x(k(C), {
+        e.draggable && !e.disabled && !e.readonly ? (d(), a("div", V)) : s("", !0),
+        e.showRowNumbers ? (d(), a("div", D, " # ")) : s("", !0),
+        (d(!0), a(g, null, y(e.columnHeaders, (n, i) => (d(), a("div", {
+          key: i,
+          class: u(["p-3 min-w-0 truncate", { "border-l border-border": i > 0 }])
+        }, c(n), 3))), 128)),
+        e.canRemoveRow ? (d(), a("div", H)) : s("", !0)
+      ], 4)) : s("", !0),
+      B(t(F), {
         "model-value": e.rows,
         "onUpdate:modelValue": e.onDragUpdate,
         disabled: !e.draggable || e.disabled || e.readonly,
         animation: 150,
         handle: ".drag-handle",
         "ghost-class": "opacity-50",
-        class: "divide-y divide-border min-w-0"
+        class: u(["min-w-0", t(r) ? "space-y-3" : "divide-y divide-border"])
       }, {
-        default: B(() => [
-          (o(!0), t(u, null, b(e.rows, (r, l, z, i) => {
-            const m = [
-              r,
-              l,
+        default: T(() => [
+          (d(!0), a(g, null, y(e.rows, (n, i, A, m) => {
+            const b = [
+              n,
+              i,
               e.visibleSchemaFields,
+              e.columnHeaders,
               e.disabled,
               e.readonly,
               e.isUpdate,
               e.showRowNumbers,
               e.canRemoveRow,
               e.draggable,
-              e.helpers.getRowErrorsHash(l)
+              t(r),
+              e.variant,
+              e.size,
+              e.rounded,
+              e.rowTitleKey,
+              e.helpers.getRowErrorsHash(i)
             ];
-            if (i && i.key === r._id && F(i, m)) return i;
-            const c = (o(), N(S, {
-              key: r._id,
-              row: r,
-              "row-index": l,
+            if (m && m.key === n._id && N(m, b)) return m;
+            const w = (d(), S(U, {
+              key: n._id,
+              row: n,
+              "row-index": i,
               fields: e.visibleSchemaFields,
+              "column-headers": e.columnHeaders,
               draggable: e.draggable,
               disabled: e.disabled,
               readonly: e.readonly,
               "is-update": e.isUpdate,
               "show-row-numbers": e.showRowNumbers,
               "can-remove-row": e.canRemoveRow,
+              "is-stacked": t(r),
+              variant: e.variant,
+              size: e.size,
+              rounded: e.rounded,
+              "row-title-key": e.rowTitleKey,
               helpers: e.helpers,
               "on-field-change": e.onFieldChange,
               "on-remove-row": e.onRemoveRow
-            }, null, 8, ["row", "row-index", "fields", "draggable", "disabled", "readonly", "is-update", "show-row-numbers", "can-remove-row", "helpers", "on-field-change", "on-remove-row"]));
-            return c.memo = m, c;
-          }, h, 0), 128))
+            }, null, 8, ["row", "row-index", "fields", "column-headers", "draggable", "disabled", "readonly", "is-update", "show-row-numbers", "can-remove-row", "is-stacked", "variant", "size", "rounded", "row-title-key", "helpers", "on-field-change", "on-remove-row"]));
+            return w.memo = b, w;
+          }, v, 0), 128))
         ]),
         _: 1
-      }, 8, ["model-value", "onUpdate:modelValue", "disabled"]),
-      e.rows.length === 0 ? (o(), t("div", H, [
-        g("p", E, s(e.emptyTitle), 1),
-        g("p", j, s(e.emptyDescription), 1)
-      ])) : n("", !0)
-    ]));
+      }, 8, ["model-value", "onUpdate:modelValue", "disabled", "class"]),
+      e.rows.length === 0 ? (d(), a("div", {
+        key: 1,
+        class: u(["flex flex-col items-center justify-center py-6 text-center bg-muted/5", t(r) ? "border border-border rounded" : ""])
+      }, [
+        h("p", E, c(e.emptyTitle), 1),
+        h("p", K, c(e.emptyDescription), 1)
+      ], 2)) : s("", !0)
+    ], 2));
   }
 });
 export {
-  M as default
+  q as default
 };

package/components/Form/composables/useForm.js

@@ -1,101 +1,105 @@
-import { shallowRef as g, computed as ae, watch as le } from "vue";
-import { deepClone as A, initializeFormValues as se, cleanSubmitValues as ie, getNestedValue as K, evaluateConditional as j, setNestedValue as I, collectFileFields as re, filterNullCustomFields as oe } from "../utils/form.utils.js";
+import { shallowRef as V, computed as ae, watch as le } from "vue";
+import { deepClone as A, initializeFormValues as se, cleanSubmitValues as ie, getNestedValue as Q, evaluateConditional as j, setNestedValue as I, collectFileFields as re, filterNullCustomFields as oe } from "../utils/form.utils.js";
 import { useFileUpload as ne } from "./useFileUpload.js";
 import { resolveI18nText as ue } from "../../../utils/i18n.js";
 function he(M) {
-  let { schema: Q, values: b, isUpdate: F = !1, folderId: C, onSubmit: R } = M;
-  const { handleUploadFile: O } = ne(), o = g(b ? A(b) : {}), m = g({}), D = g(!1), z = g(!1), E = g({}), x = g(Q), N = g(
-    b ? A(b) : {}
+  let { schema: X, values: F, isUpdate: h = !1, folderId: C, onSubmit: R } = M;
+  const { handleUploadFile: O } = ne(), i = V(F ? A(F) : {}), y = V({}), D = V(!1), z = V(!1), E = V({}), x = V(X), N = V(
+    F ? A(F) : {}
   ), S = (e, t) => {
     if (t) {
-      if (m.value[e] === t) return;
-      m.value = { ...m.value, [e]: t };
+      if (y.value[e] === t) return;
+      y.value = { ...y.value, [e]: t };
       return;
     }
-    if (!(e in m.value)) return;
-    const r = { ...m.value };
-    delete r[e], m.value = r;
-  }, h = (e, t) => {
+    if (!(e in y.value)) return;
+    const n = { ...y.value };
+    delete n[e], y.value = n;
+  }, w = (e, t) => {
     E.value[e] !== t && (E.value = { ...E.value, [e]: t });
   }, U = ae(() => {
     const e = x.value;
     return e ? Array.isArray(e[0]) ? e.flat() : e : [];
   }), P = async (e) => {
     try {
-      const t = await se(x.value, e, o.value, F);
-      o.value = t, N.value = A(t), z.value = !1;
+      const t = await se(x.value, e, i.value, h);
+      i.value = t, N.value = A(t), z.value = !1;
     } catch (t) {
       console.error("[useForm] Initialization error:", t);
     }
   };
-  P(b), le(
-    () => b,
+  P(F), le(
+    () => F,
     (e) => {
       e && P(e);
     },
     { deep: !0 }
   );
   const T = () => ({
-    values: o.value,
-    globalValues: o.value,
-    isUpdate: F
-  }), W = (e) => K(o.value, e), X = (e) => m.value[e] || "", H = (e, t) => {
+    values: i.value,
+    globalValues: i.value,
+    isUpdate: h
+  }), W = (e) => Q(i.value, e), Y = (e) => y.value[e] || "", H = (e, t) => {
     S(e, t);
   }, k = () => {
-    Object.keys(m.value).length !== 0 && (m.value = {});
-  }, $ = (e) => e.when ? j(e.when, T()) : !0, L = (e) => j(e.disabled, T()), G = (e) => j(e.readonly, T()), B = async (e, t = "") => {
-    const r = t ? `${t}.${e.name}` : e.name, s = W(r);
-    let i = "";
-    const l = typeof e.label == "string" ? e.label : e.name, c = ue(e.labelI18n, l) ?? l;
+    Object.keys(y.value).length !== 0 && (y.value = {});
+  }, $ = (e) => e.when ? j(e.when, T()) : !0, L = (e) => j(e.disabled, T()), G = (e) => j(e.readonly, T()), B = async (e, t = "", n = i.value) => {
+    const u = t ? `${t}.${e.name}` : e.name, l = W(u);
+    let a = "";
+    const d = typeof e.label == "string" ? e.label : e.name, s = ue(e.labelI18n, d) ?? d;
     if (e.required) {
-      const a = typeof s == "string" && /<\/?[a-z][^>]*>/i.test(s) && s.replace(/<[^>]*>/g, "").replace(/&nbsp;/gi, " ").trim() === "";
-      (s == null || s === "" || Array.isArray(s) && s.length === 0 || a) && (i = `${c} is required`);
+      const c = typeof l == "string" && /<\/?[a-z][^>]*>/i.test(l) && l.replace(/<[^>]*>/g, "").replace(/&nbsp;/gi, " ").trim() === "";
+      (l == null || l === "" || Array.isArray(l) && l.length === 0 || c) && (a = `${s} is required`);
     }
-    if (!i && e.maxFileSize) {
-      const a = e.maxFileSize * 1024 * 1024;
-      if (s != null && s !== "") {
-        const v = Array.isArray(s) ? s : [s];
-        for (const p of v) {
-          const y = p instanceof File ? p.size : p?.fileSize || p?.file?.size || p?.size;
-          if (y !== void 0 && y > a) {
-            i = `${c} size must be less than ${e.maxFileSize}MB`;
+    if (!a && e.maxFileSize) {
+      const c = e.maxFileSize * 1024 * 1024;
+      if (l != null && l !== "") {
+        const g = Array.isArray(l) ? l : [l];
+        for (const p of g) {
+          const r = p instanceof File ? p.size : p?.fileSize || p?.file?.size || p?.size;
+          if (r !== void 0 && r > c) {
+            a = `${s} size must be less than ${e.maxFileSize}MB`;
             break;
           }
         }
       }
     }
-    if (!i && (e.type === "file" || e.type === "fileUploader") && (e.props?.multiple || e.maxFiles)) {
-      const a = e.maxFiles || e.props?.maxFiles;
-      a && Array.isArray(s) && s.length > a && (i = `Maximum ${a} files allowed`);
+    if (!a && (e.type === "file" || e.type === "fileUploader") && (e.props?.multiple || e.maxFiles)) {
+      const c = e.maxFiles || e.props?.maxFiles;
+      c && Array.isArray(l) && l.length > c && (a = `Maximum ${c} files allowed`);
     }
-    if (!i && e.validation) {
-      h(r, !0);
+    if (!a && e.validation) {
+      w(u, !0);
       try {
-        i = await e.validation({
-          value: s,
-          values: o.value,
-          globalValues: o.value,
-          isUpdate: F
+        a = await e.validation({
+          value: l,
+          values: n,
+          globalValues: i.value,
+          isUpdate: h
         });
-      } catch (a) {
-        console.error(`[useForm] Validation error in field ${r}:`, a), i = "Validation failed";
+      } catch (c) {
+        console.error(`[useForm] Validation error in field ${u}:`, c), a = "Validation failed";
       } finally {
-        h(r, !1);
+        w(u, !1);
       }
     }
-    if (S(r, i), e.type === "customFields" && e.props?.schema) {
-      const a = e.props.schema, v = Array.isArray(s) ? s : [];
+    if (S(u, a), e.type === "customFields" && e.props?.schema) {
+      const c = e.props.schema, g = Array.isArray(l) ? l : [];
       let p = !1;
-      for (let y = 0; y < v.length; y++) {
-        const u = { values: v[y] || {}, globalValues: o.value, isUpdate: F };
-        for (const n of a) {
-          const V = !n.when || j(n.when, u), d = j(n.disabled, u);
-          V && !d ? await B(n, `${r}.${y}`) && (p = !0) : S(`${r}.${y}.${n.name}`, "");
+      for (let r = 0; r < g.length; r++) {
+        const f = g[r] || {}, o = { values: f, globalValues: i.value, isUpdate: h };
+        for (const m of c) {
+          const v = !m.when || j(m.when, o), K = j(m.disabled, o);
+          v && !K ? await B(
+            m,
+            `${u}.${r}`,
+            f
+          ) && (p = !0) : S(`${u}.${r}.${m.name}`, "");
         }
       }
-      p && !i && (i = "Please fix errors in the list.", S(r, i));
+      p && !a && (a = "Please fix errors in the list.", S(u, a));
     }
-    return i;
+    return a;
   }, J = async () => {
     k();
     let e = !0;
@@ -104,151 +108,151 @@ function he(M) {
       await B(t) && (e = !1);
     }
     return e;
-  }, Y = async (e, t, r) => {
-    const s = U.value.filter((l) => l.name === e);
-    let i = s.find((l) => $(l));
-    if (!i && s.length > 0 && (i = s[0]), i && (!$(i) || L(i) || G(i))) {
+  }, Z = async (e, t, n) => {
+    const u = U.value.filter((a) => a.name === e);
+    let l = u.find((a) => $(a));
+    if (!l && u.length > 0 && (l = u[0]), l && (!$(l) || L(l) || G(l))) {
       console.warn(`[vlite3/useForm] Blocked attempted update to disabled/readonly/hidden field: ${e}`);
       return;
     }
-    if (o.value = I(o.value, e, t), z.value = !0, S(e, ""), i?.updateValues) {
-      h(e, !0);
+    if (i.value = I(i.value, e, t), z.value = !0, S(e, ""), l?.updateValues) {
+      w(e, !0);
       try {
-        const l = await i.updateValues({
+        const a = await l.updateValues({
           value: t,
           // Exposing the explicitly requested value
-          values: o.value,
-          globalValues: o.value,
-          data: r,
-          isUpdate: F,
+          values: i.value,
+          globalValues: i.value,
+          data: n,
+          isUpdate: h,
           updateError: H
         });
-        l && typeof l == "object" && (o.value = { ...o.value, ...l });
-      } catch (l) {
-        console.error(`[useForm] Error in updateValues for ${e}:`, l);
+        a && typeof a == "object" && (i.value = { ...i.value, ...a });
+      } catch (a) {
+        console.error(`[useForm] Error in updateValues for ${e}:`, a);
       } finally {
-        h(e, !1);
+        w(e, !1);
       }
     }
-  }, Z = async () => {
-    const e = A(o.value), t = re(x.value, e, o.value, F), r = (l, c) => {
-      let a = null;
-      l instanceof File ? a = l : l && typeof l == "object" && l.file instanceof File && (a = l.file);
-      const v = {
-        ...typeof l == "object" ? l : {},
-        fileName: l?.fileName || a?.name || c.split("/").pop() || "unknown",
-        fileUrl: c,
-        fileType: l?.fileType || a?.type || "application/octet-stream",
-        fileSize: l?.fileSize || a?.size || 0
+  }, _ = async () => {
+    const e = A(i.value), t = re(x.value, e, i.value, h), n = (a, d) => {
+      let s = null;
+      a instanceof File ? s = a : a && typeof a == "object" && a.file instanceof File && (s = a.file);
+      const c = {
+        ...typeof a == "object" ? a : {},
+        fileName: a?.fileName || s?.name || d.split("/").pop() || "unknown",
+        fileUrl: d,
+        fileType: a?.fileType || s?.type || "application/octet-stream",
+        fileSize: a?.fileSize || s?.size || 0
       };
-      return delete v.file, delete v.base64, v;
-    }, s = t.map(async (l) => {
-      const { name: c, value: a, field: v } = l;
-      if (l.type === "thumbnailSelector") {
-        const f = a, u = Array.isArray(f.images) ? f.images : [], n = f.thumbnail;
-        h(c, !0);
+      return delete c.file, delete c.base64, c;
+    }, u = t.map(async (a) => {
+      const { name: d, value: s, field: c } = a;
+      if (a.type === "thumbnailSelector") {
+        const r = s, f = Array.isArray(r.images) ? r.images : [], o = r.thumbnail;
+        w(d, !0);
         try {
-          const V = await Promise.all(
-            u.map(async (w) => {
-              if (w.startsWith("data:image/")) {
-                const q = await (await fetch(w)).blob(), te = new File([q], `thumbnail-${Date.now()}.${q.type.split("/")[1] || "jpg"}`, { type: q.type });
-                return await O(te, C) || w;
+          const m = await Promise.all(
+            f.map(async (b) => {
+              if (b.startsWith("data:image/")) {
+                const q = await (await fetch(b)).blob(), te = new File([q], `thumbnail-${Date.now()}.${q.type.split("/")[1] || "jpg"}`, { type: q.type });
+                return await O(te, C) || b;
               }
-              return w;
+              return b;
             })
           );
-          let d = n;
-          if (n && n.startsWith("data:image/")) {
-            const w = u.indexOf(n);
-            w !== -1 && V[w] && (d = V[w]);
+          let v = o;
+          if (o && o.startsWith("data:image/")) {
+            const b = f.indexOf(o);
+            b !== -1 && m[b] && (v = m[b]);
           }
-          return { name: c, value: { images: V, thumbnail: d } };
+          return { name: d, value: { images: m, thumbnail: v } };
         } finally {
-          h(c, !1);
+          w(d, !1);
         }
       }
-      const p = v.returnFileObject === !0, y = Array.isArray(a) ? a.some(
-        (f) => f instanceof File || f && typeof f == "object" && f.file instanceof File
-      ) : a instanceof File || a && typeof a == "object" && a.file instanceof File;
-      y && h(c, !0);
+      const g = c.returnFileObject === !0, p = Array.isArray(s) ? s.some(
+        (r) => r instanceof File || r && typeof r == "object" && r.file instanceof File
+      ) : s instanceof File || s && typeof s == "object" && s.file instanceof File;
+      p && w(d, !0);
       try {
-        if (Array.isArray(a)) {
-          const f = a.map(async (n) => {
-            if (n instanceof File || n && typeof n == "object" && n.file instanceof File) {
-              const d = await O(n, C);
-              return d ? p ? r(n, d) : d : null;
+        if (Array.isArray(s)) {
+          const r = s.map(async (o) => {
+            if (o instanceof File || o && typeof o == "object" && o.file instanceof File) {
+              const v = await O(o, C);
+              return v ? g ? n(o, v) : v : null;
             }
-            if (n && typeof n == "object") {
-              const d = { ...n };
-              return delete d.file, delete d.base64, d;
+            if (o && typeof o == "object") {
+              const v = { ...o };
+              return delete v.file, delete v.base64, v;
             }
-            return n;
-          }), u = await Promise.all(f);
-          return { name: c, value: u };
+            return o;
+          }), f = await Promise.all(r);
+          return { name: d, value: f };
         } else {
-          if (a instanceof File || a && typeof a == "object" && a.file instanceof File) {
-            const u = await O(a, C);
-            if (u)
-              return { name: c, value: p ? r(a, u) : u };
-          } else if (a && typeof a == "object") {
-            const u = { ...a };
-            return delete u.file, delete u.base64, { name: c, value: u };
+          if (s instanceof File || s && typeof s == "object" && s.file instanceof File) {
+            const f = await O(s, C);
+            if (f)
+              return { name: d, value: g ? n(s, f) : f };
+          } else if (s && typeof s == "object") {
+            const f = { ...s };
+            return delete f.file, delete f.base64, { name: d, value: f };
           }
           return null;
         }
       } finally {
-        y && h(c, !1);
+        p && w(d, !1);
       }
     });
-    return (await Promise.all(s)).forEach((l) => {
-      l && (Object.assign(e, I(e, l.name, l.value)), o.value = I(o.value, l.name, l.value));
+    return (await Promise.all(u)).forEach((a) => {
+      a && (Object.assign(e, I(e, a.name, a.value)), i.value = I(i.value, a.name, a.value));
     }), e;
-  }, _ = (e) => {
+  }, ee = (e) => {
     const t = { ...e };
-    for (const r of U.value)
-      if ($(r) && r.type === "customFields" && r.props?.schema) {
-        const s = K(t, r.name);
-        if (Array.isArray(s)) {
-          const i = oe(s, r.props.schema);
-          Object.assign(t, I(t, r.name, i));
+    for (const n of U.value)
+      if ($(n) && n.type === "customFields" && n.props?.schema) {
+        const u = Q(t, n.name);
+        if (Array.isArray(u)) {
+          const l = oe(u, n.props.schema);
+          Object.assign(t, I(t, n.name, l));
         }
       }
     return t;
   };
   return {
-    formValues: o,
-    errors: m,
+    formValues: i,
+    errors: y,
     isSubmitting: D,
     isDirty: z,
     fieldLoading: E,
-    handleFieldChange: Y,
+    handleFieldChange: Z,
     validateField: B,
     validateAll: J,
     isFieldVisible: $,
     isFieldDisabled: L,
     isFieldReadonly: G,
     getFieldValue: W,
-    getFieldError: X,
+    getFieldError: Y,
     setFieldError: H,
     clearErrors: k,
     resetForm: () => {
-      o.value = A(N.value), k(), z.value = !1;
+      i.value = A(N.value), k(), z.value = !1;
     },
     handleSubmit: async () => {
       if (await J()) {
         D.value = !0;
         try {
-          let t = await Z();
-          t = _(t), t = await ie(
+          let t = await _();
+          t = ee(t), t = await ie(
             t,
             x.value,
             M.emitFields,
             void 0,
-            o.value,
-            F
+            i.value,
+            h
           ), R && await R({
             values: t,
-            isUpdate: F
+            isUpdate: h
           }), z.value = !1, N.value = A(t);
         } catch (t) {
           throw console.error("[useForm] Submit error:", t), t;
@@ -259,7 +263,7 @@ function he(M) {
     },
     flatSchema: U,
     reinitialize: async (e, t) => {
-      e !== void 0 && (x.value = e), t !== void 0 && (b = t), await P(t !== void 0 ? t : b);
+      e !== void 0 && (x.value = e), t !== void 0 && (F = t), await P(t !== void 0 ? t : F);
     }
   };
 }

package/components/Form/index.vue.d.ts

@@ -22,6 +22,9 @@ interface Props {
     errors?: Record<string, string>;
     isUpdate?: boolean;
     layout?: 'table' | 'accordion';
+    /** Row key for accordion + stacked-mobile card titles (e.g. `'label'`). */
+    rowTitleKey?: string;
+    /** @deprecated Use `rowTitleKey`. Alias kept for backward compatibility. */
     accordionTitleKey?: string;
 }
 declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
@@ -42,10 +45,11 @@ declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, imp
     modelValue: Record<string, any>[];
     errors: Record<string, string>;
     showRowNumbers: boolean;
-    accordionTitleKey: string;
+    rowTitleKey: string;
     headers: string[];
     minRows: number;
     maxRows: number;
     addButtonText: string;
+    accordionTitleKey: string;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 export default _default;

package/components/Form/index.vue.js

@@ -1,7 +1,7 @@
 import o from "./index.vue2.js";
 /* empty css           */
 import t from "../../_virtual/_plugin-vue_export-helper.js";
-const r = /* @__PURE__ */ t(o, [["__scopeId", "data-v-0138ffcc"]]);
+const s = /* @__PURE__ */ t(o, [["__scopeId", "data-v-63b24d19"]]);
 export {
-  r as default
+  s as default
 };