vlite3 1.4.30 → 1.4.32

package/components/Form/FormFields.vue2.js

@@ -1,18 +1,18 @@
-import { defineComponent as J, computed as K, ref as Q, openBlock as o, createElementBlock as u, normalizeClass as d, Fragment as b, renderList as W, withMemo as X, unref as m, createBlock as p, withCtx as U, resolveDynamicComponent as D, createTextVNode as A, toDisplayString as x, createCommentVNode as c, createElementVNode as Y, createVNode as Z, renderSlot as _, markRaw as ee } from "vue";
-import { isComponent as v, getNestedValue as V, resolveFieldType as te } from "./utils/form.utils.js";
+import { defineComponent as J, computed as K, shallowRef as Q, openBlock as o, createElementBlock as u, normalizeClass as v, Fragment as b, renderList as W, withMemo as X, unref as m, createBlock as p, withCtx as U, resolveDynamicComponent as D, createTextVNode as A, toDisplayString as x, createCommentVNode as i, createElementVNode as Y, createVNode as Z, renderSlot as _, markRaw as ee } from "vue";
+import { isComponent as h, getNestedValue as V, fieldRendersOwnErrorMessage as te, resolveFieldType as ae } from "./utils/form.utils.js";
 import B from "../Label.vue.js";
-import ae from "./FormField.vue.js";
-import { resolveI18nText as ne } from "../../utils/i18n.js";
-const se = {
+import ne from "./FormField.vue.js";
+import { resolveI18nText as se } from "../../utils/i18n.js";
+const re = {
   key: 0,
   class: "text-destructive ml-0.5"
-}, re = ["onFocusin", "onFocusout"], oe = ["for"], ue = {
+}, oe = ["onFocusin", "onFocusout"], ue = ["for"], le = {
   key: 0,
   class: "text-destructive ml-0.5"
-}, le = {
+}, ce = {
   key: 0,
   class: "text-destructive ml-0.5"
-}, he = /* @__PURE__ */ J({
+}, ge = /* @__PURE__ */ J({
   __name: "FormFields",
   props: {
     schema: {},
@@ -32,10 +32,10 @@ const se = {
     layout: { default: "vertical" }
   },
   emits: ["change", "addonAction"],
-  setup(n, { emit: q }) {
-    const r = n, k = q, E = K(() => {
+  setup(n, { emit: E }) {
+    const r = n, k = E, q = K(() => {
       if (r.className) return r.className;
-    }), s = (t) => te(t, {
+    }), s = (t) => ae(t, {
       values: r.values,
       globalValues: r.values,
       isUpdate: r.isUpdate
@@ -43,27 +43,27 @@ const se = {
       if (!r.excludeTypes || r.excludeTypes.length === 0) return !0;
       const a = s(t);
       return !a || !r.excludeTypes.includes(a);
-    }, F = (t) => V(r.values, t.name), h = (t) => r.errors[t.name] || "", $ = (t) => r.isFieldVisible ? r.isFieldVisible(t) : !0, C = (t) => r.isFieldDisabled ? r.isFieldDisabled(t) : t.disabled === !0, N = (t) => r.isFieldReadonly ? r.isFieldReadonly(t) : t.readonly === !0, l = (t) => t.labelI18n ? ne(
+    }, F = (t) => V(r.values, t.name), g = (t) => r.errors[t.name] || "", $ = (t) => r.isFieldVisible ? r.isFieldVisible(t) : !0, R = (t) => r.isFieldDisabled ? r.isFieldDisabled(t) : t.disabled === !0, C = (t) => r.isFieldReadonly ? r.isFieldReadonly(t) : t.readonly === !0, l = (t) => t.labelI18n ? se(
       t.labelI18n,
       typeof t.label == "string" ? t.label : void 0
-    ) ?? t.label : t.label, R = (t) => {
+    ) ?? t.label : t.label, L = (t) => {
       if (t)
-        return v(t) ? ee(t) : t;
+        return h(t) ? ee(t) : t;
     }, S = (t, a) => {
       k("change", t.name, a);
-    }, j = (t) => t.itemClass || "", P = (t, a) => {
+    }, j = (t) => t.itemClass || "", M = (t, a) => {
       k("change", t, a);
-    }, H = (t) => {
-      k("addonAction", t);
-    }, g = (t) => t && typeof t == "object" && t.name ? t.name : null, y = Q({}), M = (t) => {
-      y.value[t] = !0;
     }, O = (t) => {
-      y.value[t] = !1;
-    }, L = (t) => {
+      k("addonAction", t);
+    }, y = (t) => t && typeof t == "object" && t.name ? t.name : null, c = Q({}), P = (t) => {
+      c.value[t] || (c.value = { ...c.value, [t]: !0 });
+    }, H = (t) => {
+      c.value[t] && (c.value = { ...c.value, [t]: !1 });
+    }, N = (t) => {
       const a = F(t), e = s(t);
-      let i = a != null && a !== "" && !(Array.isArray(a) && a.length === 0);
+      let d = a != null && a !== "" && !(Array.isArray(a) && a.length === 0);
       const z = typeof a == "number" && !isNaN(a);
-      return e === "dateRangePicker" && a && typeof a == "object" && (i = !!(a.startDate || a.endDate || a.start || a.end)), T(t) || e === "number" ? y.value[t.name] || i || z : i || z;
+      return e === "dateRangePicker" && a && typeof a == "object" && (d = !!(a.startDate || a.endDate || a.start || a.end)), T(t) || e === "number" ? c.value[t.name] || d || z : d || z;
     }, T = (t) => {
       const a = s(t) || "text";
       return ["text", "email", "password", "tel", "url", "search", "textarea"].includes(a);
@@ -85,14 +85,14 @@ const se = {
       ].includes(a);
     }, f = (t) => {
       const a = l(t);
-      if (!(!a || v(a)))
+      if (!(!a || h(a)))
         return a;
     };
     return (t, a) => (o(), u("div", {
-      class: d([
+      class: v([
         n.layout === "inline" ? "flex flex-row flex-wrap items-end w-full " : "grid",
         n.variant === "floating" ? "gap-5 mt-1" : "gap-4",
-        E.value
+        q.value
       ])
     }, [
       (o(!0), u(b, null, W(n.schema, (e) => (o(), u(b, {
@@ -101,10 +101,10 @@ const se = {
         $(e) && I(e) ? X([
           e,
           F(e),
-          h(e),
+          g(e),
+          R(e),
           C(e),
-          N(e),
-          y.value[e.name],
+          c.value[e.name],
           n.variant,
           n.size,
           n.rounded,
@@ -112,12 +112,12 @@ const se = {
           n.showRequiredAsterisk,
           n.fieldLoading[e.name],
           s(e),
-          m(v)(s(e)) || s(e) === "customFields" ? n.values : null,
-          g(e.addonLeft) ? m(V)(n.values, g(e.addonLeft)) : null,
-          g(e.addonRight) ? m(V)(n.values, g(e.addonRight)) : null
+          m(h)(s(e)) || s(e) === "customFields" ? n.values : null,
+          y(e.addonLeft) ? m(V)(n.values, y(e.addonLeft)) : null,
+          y(e.addonRight) ? m(V)(n.values, y(e.addonRight)) : null
         ], () => (o(), u("div", {
           key: 0,
-          class: d([
+          class: v([
             "max-md:col-span-full! form-field-item relative",
             j(e),
             n.layout === "inline" ? " " : ""
@@ -130,35 +130,35 @@ const se = {
             class: "mb-2 block font-medium"
           }, {
             default: U(() => [
-              m(v)(l(e)) ? (o(), p(D(R(l(e))), { key: 0 })) : (o(), u(b, { key: 1 }, [
+              m(h)(l(e)) ? (o(), p(D(L(l(e))), { key: 0 })) : (o(), u(b, { key: 1 }, [
                 A(x(l(e)) + " ", 1),
-                e.required && n.showRequiredAsterisk ? (o(), u("span", se, "*")) : c("", !0)
+                e.required && n.showRequiredAsterisk ? (o(), u("span", re, "*")) : i("", !0)
               ], 64))
             ]),
             _: 2
-          }, 1032, ["for"])) : c("", !0),
+          }, 1032, ["for"])) : i("", !0),
           Y("div", {
-            class: d(["relative", [
+            class: v(["relative", [
               s(e) === "check" || s(e) === "switch" && e.props?.switchVariant === "basic" ? "w-auto" : "w-full",
               s(e) === "switch" || s(e) === "check" ? "mt-auto" : ""
             ]]),
-            onFocusin: (i) => M(e.name),
-            onFocusout: (i) => O(e.name)
+            onFocusin: (d) => P(e.name),
+            onFocusout: (d) => H(e.name)
           }, [
             w(e) && f(e) && !T(e) ? (o(), u("label", {
               key: 0,
               for: e.name,
-              class: d([
+              class: v([
                 "absolute transition-all duration-200 ease-in-out pointer-events-none z-20",
-                L(e) ? "-top-2.5 left-3 text-xs bg-background px-1 text-black shadow-[0_4px_4px_-4px_bg-background]" : `top-1/2 -translate-y-1/2 text-sm text-muted-foreground/70 ${G(e)}`
+                N(e) ? "-top-2.5 left-3 text-xs bg-background px-1 text-black shadow-[0_4px_4px_-4px_bg-background]" : `top-1/2 -translate-y-1/2 text-sm text-muted-foreground/70 ${G(e)}`
               ])
             }, [
-              m(v)(l(e)) ? (o(), p(D(R(l(e))), { key: 0 })) : (o(), u(b, { key: 1 }, [
+              m(h)(l(e)) ? (o(), p(D(L(l(e))), { key: 0 })) : (o(), u(b, { key: 1 }, [
                 A(x(l(e)) + " ", 1),
-                e.required ? (o(), u("span", ue, "*")) : c("", !0)
+                e.required ? (o(), u("span", le, "*")) : i("", !0)
               ], 64))
-            ], 10, oe)) : c("", !0),
-            Z(ae, {
+            ], 10, ue)) : i("", !0),
+            Z(ne, {
               field: r.variant === "floating" ? {
                 ...e,
                 placeholder: void 0,
@@ -166,23 +166,23 @@ const se = {
                 props: { ...e.props || {}, id: e.name }
               } : { ...e, props: { ...e.props || {}, id: e.name } },
               value: F(e),
-              floatingActive: L(e),
+              floatingActive: N(e),
               label: s(e) === "customFields" ? void 0 : w(e) ? f(e) : void 0,
               values: n.values,
               errors: n.errors,
               variant: n.variant,
               size: n.size,
               rounded: n.rounded,
-              disabled: C(e),
-              readonly: N(e),
-              error: h(e),
+              disabled: R(e),
+              readonly: C(e),
+              error: g(e),
               isUpdate: n.isUpdate,
               loading: n.fieldLoading[e.name],
-              onChange: (i) => S(e, i),
-              onAddonChange: P,
-              onAddonAction: H
+              onChange: (d) => S(e, d),
+              onAddonChange: M,
+              onAddonAction: O
             }, null, 8, ["field", "value", "floatingActive", "label", "values", "errors", "variant", "size", "rounded", "disabled", "readonly", "error", "isUpdate", "loading", "onChange"])
-          ], 42, re),
+          ], 42, oe),
           s(e) === "check" || s(e) === "switch" && e.props?.switchVariant === "basic" ? (o(), p(B, {
             key: 1,
             for: e.name,
@@ -190,22 +190,22 @@ const se = {
           }, {
             default: U(() => [
               A(x(l(e)) + " ", 1),
-              e.required ? (o(), u("span", le, "*")) : c("", !0)
+              e.required ? (o(), u("span", ce, "*")) : i("", !0)
             ]),
             _: 2
-          }, 1032, ["for"])) : c("", !0),
-          h(e) ? (o(), u("p", {
+          }, 1032, ["for"])) : i("", !0),
+          g(e) && !m(te)(s(e)) ? (o(), u("p", {
             key: 2,
-            class: d([
+            class: v([
               n.layout === "inline" ? "pt-2 capitalize bottom-0 left-0 mt-0 -text-fs-2.5 text-destructive whitespace-nowrap" : "mt-1 -text-fs-2.5 text-destructive"
             ])
-          }, x(h(e)), 3)) : c("", !0)
-        ], 2)), a, 0) : c("", !0)
+          }, x(g(e)), 3)) : i("", !0)
+        ], 2)), a, 0) : i("", !0)
       ], 64))), 128)),
       _(t.$slots, "default", {}, void 0, !0)
     ], 2));
   }
 });
 export {
-  he as default
+  ge as default
 };

package/components/Form/FormSkeleton.vue.js

@@ -1,50 +1,65 @@
-import { defineComponent as c, computed as p, openBlock as s, createElementBlock as d, Fragment as r, renderList as t, createElementVNode as e } from "vue";
-const m = { class: "form-skeleton w-full animate-pulse" }, f = {
+import { defineComponent as _, computed as x, openBlock as s, createElementBlock as t, Fragment as i, renderList as p, isMemoSame as f, createElementVNode as l } from "vue";
+const B = { class: "form-skeleton w-full animate-pulse" }, C = {
   key: 0,
   class: "space-y-6"
-}, v = { class: "form-group-body p-4.5 space-y-6" }, y = {
+}, E = { class: "form-group-body p-4.5 space-y-6" }, F = {
   key: 1,
   class: "space-y-6"
-}, w = /* @__PURE__ */ c({
+}, N = /* @__PURE__ */ _({
   __name: "FormSkeleton",
   props: {
     rows: { default: 4 },
     isGrouped: { type: Boolean, default: !1 }
   },
-  setup(u) {
-    const n = u, a = p(() => n.rows);
-    return (b, o) => (s(), d("div", m, [
-      u.isGrouped ? (s(), d("div", f, [
-        (s(), d(r, null, t(2, (l) => e("div", {
-          key: l,
-          class: "form-group border rounded overflow-hidden bg-body"
-        }, [
-          o[1] || (o[1] = e("div", { class: "form-group-header bg-muted/50 px-4 py-3 border-b flex flex-col gap-2" }, [
-            e("div", { class: "h-5 bg-muted rounded w-1/3" }),
-            e("div", { class: "h-3 bg-muted rounded w-1/2" })
-          ], -1)),
-          e("div", v, [
-            (s(), d(r, null, t(2, (i) => e("div", {
-              key: i,
-              class: "space-y-2"
-            }, [...o[0] || (o[0] = [
-              e("div", { class: "h-4 bg-muted rounded w-1/4" }, null, -1),
-              e("div", { class: "h-10 bg-muted rounded w-full" }, null, -1)
-            ])])), 64))
-          ])
-        ])), 64))
-      ])) : (s(), d("div", y, [
-        (s(!0), d(r, null, t(a.value, (l) => (s(), d("div", {
-          key: l,
-          class: "space-y-2"
-        }, [...o[2] || (o[2] = [
-          e("div", { class: "h-4 bg-muted rounded w-1/4" }, null, -1),
-          e("div", { class: "h-10 bg-muted rounded w-full" }, null, -1)
-        ])]))), 128))
+  setup(v) {
+    const k = v, y = x(() => k.rows);
+    return (G, e) => (s(), t("div", B, [
+      v.isGrouped ? (s(), t("div", C, [
+        (s(), t(i, null, p(2, (n, g, w, o) => {
+          const r = [n];
+          if (o && o.key === n && f(o, r)) return o;
+          const d = (s(), t("div", {
+            key: n,
+            class: "form-group border rounded overflow-hidden bg-body"
+          }, [
+            e[8] || (e[8] = l("div", { class: "form-group-header bg-muted/50 px-4 py-3 border-b flex flex-col gap-2" }, [
+              l("div", { class: "h-5 bg-muted rounded w-1/3" }),
+              l("div", { class: "h-3 bg-muted rounded w-1/2" })
+            ], -1)),
+            l("div", E, [
+              (s(), t(i, null, p(2, (m, S, L, u) => {
+                const a = [m];
+                if (u && u.key === m && f(u, a)) return u;
+                const b = (s(), t("div", {
+                  key: m,
+                  class: "space-y-2"
+                }, [
+                  e[6] || (e[6] = l("div", { class: "h-4 bg-muted rounded w-1/4" }, null, -1)),
+                  e[7] || (e[7] = l("div", { class: "h-10 bg-muted rounded w-full" }, null, -1))
+                ]));
+                return b.memo = a, b;
+              }, e, 0), 64))
+            ])
+          ]));
+          return d.memo = r, d;
+        }, e, 2), 64))
+      ])) : (s(), t("div", F, [
+        (s(!0), t(i, null, p(y.value, (n, g, w, o) => {
+          const r = [n, y.value];
+          if (o && o.key === n && f(o, r)) return o;
+          const d = (s(), t("div", {
+            key: n,
+            class: "space-y-2"
+          }, [
+            e[9] || (e[9] = l("div", { class: "h-4 bg-muted rounded w-1/4" }, null, -1)),
+            e[10] || (e[10] = l("div", { class: "h-10 bg-muted rounded w-full" }, null, -1))
+          ]));
+          return d.memo = r, d;
+        }, e, 4), 128))
       ]))
     ]));
   }
 });
 export {
-  w as default
+  N as default
 };

package/components/Form/TableView.vue.js

@@ -1,19 +1,19 @@
-import { defineComponent as b, computed as w, openBlock as o, createElementBlock as d, normalizeStyle as g, createCommentVNode as a, Fragment as s, renderList as m, normalizeClass as h, toDisplayString as i, createVNode as y, unref as f, withCtx as v, createBlock as x, createElementVNode as c } from "vue";
-import { VueDraggable as R } from "vue-draggable-plus";
-import k from "./TableRow.vue.js";
-const B = { class: "custom-fields-table border border-border rounded overflow-hidden bg-background min-w-0 max-w-full w-full" }, F = {
+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 = {
   key: 0,
   class: "w-10 flex-none p-3 border-r border-border"
-}, C = {
+}, D = {
   key: 1,
   class: "w-10 flex-none p-3 text-center border-r border-border"
-}, N = {
+}, T = {
   key: 2,
   class: "p-3 border-l border-border"
-}, V = {
+}, H = {
   key: 1,
   class: "flex flex-col items-center justify-center py-6 text-center bg-muted/5"
-}, p = { class: "text-sm font-medium text-foreground" }, D = { class: "text-xs text-muted-foreground mt-1" }, j = /* @__PURE__ */ b({
+}, E = { class: "text-sm font-medium text-foreground" }, j = { class: "text-xs text-muted-foreground mt-1" }, M = /* @__PURE__ */ y({
   __name: "TableView",
   props: {
     rows: {},
@@ -35,25 +35,25 @@ const B = { class: "custom-fields-table border border-border rounded overflow-hi
     onDragUpdate: { type: Function }
   },
   setup(e) {
-    const r = e, u = w(() => {
-      const t = [];
-      return r.draggable && !r.disabled && !r.readonly && t.push("2.5rem"), r.showRowNumbers && t.push("2.5rem"), t.push(...r.visibleSchemaFields.map(() => "minmax(0, 1fr)")), r.canRemoveRow && t.push("2.5rem"), t.join(" ");
+    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(" ");
     });
-    return (t, U) => (o(), d("div", B, [
-      e.columnHeaders.length > 1 ? (o(), d("div", {
+    return (a, h) => (o(), t("div", U, [
+      e.columnHeaders.length > 1 ? (o(), t("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: g({ gridTemplateColumns: u.value })
+        style: v({ gridTemplateColumns: w.value })
       }, [
-        e.draggable && !e.disabled && !e.readonly ? (o(), d("div", F)) : a("", !0),
-        e.showRowNumbers ? (o(), d("div", C, " # ")) : a("", !0),
-        (o(!0), d(s, null, m(e.columnHeaders, (n, l) => (o(), d("div", {
+        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: h(["p-3 min-w-0 truncate", { "border-l border-border": l > 0 }])
-        }, i(n), 3))), 128)),
-        e.canRemoveRow ? (o(), d("div", N)) : a("", !0)
-      ], 4)) : a("", !0),
-      y(f(R), {
+          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), {
         "model-value": e.rows,
         "onUpdate:modelValue": e.onDragUpdate,
         disabled: !e.draggable || e.disabled || e.readonly,
@@ -62,32 +62,48 @@ const B = { class: "custom-fields-table border border-border rounded overflow-hi
         "ghost-class": "opacity-50",
         class: "divide-y divide-border min-w-0"
       }, {
-        default: v(() => [
-          (o(!0), d(s, null, m(e.rows, (n, l) => (o(), x(k, {
-            key: n._id,
-            row: n,
-            "row-index": l,
-            fields: e.visibleSchemaFields,
-            draggable: e.draggable,
-            disabled: e.disabled,
-            readonly: e.readonly,
-            "is-update": e.isUpdate,
-            "show-row-numbers": e.showRowNumbers,
-            "can-remove-row": e.canRemoveRow,
-            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"]))), 128))
+        default: B(() => [
+          (o(!0), t(u, null, b(e.rows, (r, l, z, i) => {
+            const m = [
+              r,
+              l,
+              e.visibleSchemaFields,
+              e.disabled,
+              e.readonly,
+              e.isUpdate,
+              e.showRowNumbers,
+              e.canRemoveRow,
+              e.draggable,
+              e.helpers.getRowErrorsHash(l)
+            ];
+            if (i && i.key === r._id && F(i, m)) return i;
+            const c = (o(), N(S, {
+              key: r._id,
+              row: r,
+              "row-index": l,
+              fields: e.visibleSchemaFields,
+              draggable: e.draggable,
+              disabled: e.disabled,
+              readonly: e.readonly,
+              "is-update": e.isUpdate,
+              "show-row-numbers": e.showRowNumbers,
+              "can-remove-row": e.canRemoveRow,
+              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))
         ]),
         _: 1
       }, 8, ["model-value", "onUpdate:modelValue", "disabled"]),
-      e.rows.length === 0 ? (o(), d("div", V, [
-        c("p", p, i(e.emptyTitle), 1),
-        c("p", D, i(e.emptyDescription), 1)
-      ])) : a("", !0)
+      e.rows.length === 0 ? (o(), t("div", H, [
+        g("p", E, s(e.emptyTitle), 1),
+        g("p", j, s(e.emptyDescription), 1)
+      ])) : n("", !0)
     ]));
   }
 });
 export {
-  j as default
+  M as default
 };