vlite3 1.4.4 → 1.4.6

package/components/Form/CustomFields.vue2.js

@@ -1,261 +0,0 @@
-import { defineComponent as I, computed as m, shallowRef as ee, watch as te, openBlock as n, createElementBlock as d, createElementVNode as p, createBlock as k, withCtx as N, createTextVNode as ae, toDisplayString as v, createCommentVNode as i, Fragment as V, renderList as C, normalizeClass as F, createVNode as $, unref as le, isMemoSame as re } from "vue";
-import { VueDraggable as se } from "vue-draggable-plus";
-import oe from "./FormField.vue.js";
-import E from "../Button.vue.js";
-import ne from "../Label.vue.js";
-import de from "../Icon.vue.js";
-import { $t as w } from "../../utils/i18n.js";
-import { setNestedValue as T, resolveFieldType as ue, evaluateConditional as U } from "./utils/form.utils.js";
-const ie = { class: "custom-fields-wrapper" }, ce = { class: "flex justify-between items-center mb-2" }, me = { class: "custom-fields-table border border-border rounded overflow-hidden bg-background" }, be = {
-  key: 0,
-  class: "flex border-b border-border bg-muted/50 text-gray-800 text-xs font-semibold uppercase tracking-wider"
-}, fe = {
-  key: 0,
-  class: "w-10 flex-none p-3 border-r border-border"
-}, ve = {
-  key: 1,
-  class: "w-10 flex-none p-3 text-center border-r border-border"
-}, ye = {
-  key: 2,
-  class: "w-10 flex-none p-3"
-}, ge = {
-  key: 1,
-  class: "w-10 flex-none flex items-center justify-center text-xs text-muted-foreground border-r border-border bg-muted/20"
-}, he = {
-  key: 2,
-  class: "w-10 flex-none flex items-center justify-center border-l border-border bg-muted/20"
-}, pe = {
-  key: 1,
-  class: "flex flex-col items-center justify-center py-6 text-center bg-muted/5"
-}, we = { class: "text-sm font-medium text-foreground" }, xe = { class: "text-xs text-muted-foreground mt-1" }, je = /* @__PURE__ */ I({
-  __name: "CustomFields",
-  props: {
-    name: {},
-    modelValue: { default: () => [] },
-    schema: {},
-    headers: { default: () => [] },
-    variant: { default: "outline" },
-    size: { default: "md" },
-    rounded: { default: "md" },
-    disabled: { type: Boolean, default: !1 },
-    readonly: { type: Boolean, default: !1 },
-    draggable: { type: Boolean, default: !1 },
-    minRows: { default: 0 },
-    maxRows: {},
-    addButtonText: { default: "Add Row" },
-    textI18n: {},
-    label: {},
-    labelI18n: {},
-    showRowNumbers: { type: Boolean, default: !1 },
-    values: {},
-    errors: { default: () => ({}) },
-    isUpdate: { type: Boolean, default: !1 }
-  },
-  emits: ["update:modelValue", "change"],
-  setup(r, { emit: S }) {
-    const t = r, B = S, j = m(() => t.labelI18n ? w(t.labelI18n) : t.label), z = m(() => {
-      const e = w("vlite.customFields.emptyTitle");
-      return e !== "vlite.customFields.emptyTitle" ? e : "No items added";
-    }), A = m(() => {
-      const e = w("vlite.customFields.emptyDescription");
-      return e !== "vlite.customFields.emptyDescription" ? e : "Add a new item to get started";
-    }), s = ee([]), D = () => `row_${Date.now()}_${Math.random().toString(36).substr(2, 9)}`;
-    te(
-      () => t.modelValue,
-      (e) => {
-        Array.isArray(e) ? s.value = e.map((a, o) => {
-          const l = s.value[o];
-          return {
-            ...a,
-            _id: l?._id || D()
-          };
-        }) : s.value = [];
-      },
-      { immediate: !0, deep: !0 }
-    );
-    const H = () => {
-      const e = {};
-      for (const a of t.schema) {
-        const o = typeof a.value == "function" ? a.value() : a.value;
-        let l = null;
-        (a.props?.multiple || a.type === "multiSelect" || a.type === "tags") && (l = []), e[a.name] = o ?? l;
-      }
-      return { ...e, _id: D() };
-    }, L = () => {
-      if (t.disabled || t.readonly || t.maxRows && s.value.length >= t.maxRows) return;
-      const e = [...s.value, H()];
-      s.value = e, y(e);
-    }, M = (e) => {
-      if (t.disabled || t.readonly || s.value.length <= t.minRows) return;
-      const a = [...s.value];
-      a.splice(e, 1), s.value = a, y(a);
-    }, G = async (e, a, o) => {
-      const l = [...s.value];
-      l[e] = {
-        ...l[e],
-        [a]: o.value
-      };
-      const h = t.schema.find((c) => c.name === a);
-      if (h && h.updateValues)
-        try {
-          const c = l[e];
-          let b = { ...t.values || {} };
-          t.name && (b = T(b, t.name, l));
-          const f = await h.updateValues({
-            value: o.value,
-            values: c,
-            // strictly local row scope
-            globalValues: b,
-            // strictly global root scope
-            data: o.data,
-            isUpdate: t.isUpdate
-          });
-          f && typeof f == "object" && (l[e] = { ...l[e], ...f });
-        } catch (c) {
-          console.error(`[CustomFields] Error in updateValues for ${a}:`, c);
-        }
-      s.value = l, y(l);
-    }, O = (e) => {
-      s.value = e, y(e);
-    }, y = (e) => {
-      const a = e.map(({ _id: o, ...l }) => l);
-      B("update:modelValue", a), B("change", a);
-    }, W = (e, a) => s.value[e]?.[a], q = m(() => !(t.disabled || t.readonly || t.maxRows && s.value.length >= t.maxRows)), x = m(() => t.disabled || t.readonly ? !1 : s.value.length > t.minRows), R = m(() => t.headers && t.headers.length > 0 ? t.headers : t.schema.map((e) => e.labelI18n ? w(e.labelI18n) : e.label || e.name)), J = m(() => t.schema.slice(0, R.value.length)), g = (e) => {
-      let a = { ...t.values || {} };
-      return t.name && (a = T(a, t.name, s.value)), {
-        values: s.value[e] || {},
-        globalValues: a,
-        isUpdate: t.isUpdate
-      };
-    }, K = (e, a) => ue(e, g(a)), P = (e, a) => t.disabled ? !0 : U(a.disabled, g(e)), Q = (e, a) => t.readonly ? !0 : U(a.readonly, g(e)), X = (e, a) => a.when ? U(a.when, g(e)) : !0, Y = (e) => {
-      if (!t.errors || !t.name) return "";
-      const a = `${t.name}.${e}.`;
-      return Object.keys(t.errors).filter((o) => o.startsWith(a)).map((o) => t.errors[o]).join(",");
-    };
-    return (e, a) => (n(), d("div", ie, [
-      p("div", ce, [
-        j.value ? (n(), k(ne, {
-          key: 0,
-          class: "text-sm font-medium text-foreground"
-        }, {
-          default: N(() => [
-            ae(v(j.value), 1)
-          ]),
-          _: 1
-        })) : i("", !0),
-        r.readonly ? i("", !0) : (n(), k(E, {
-          key: 1,
-          type: "button",
-          variant: "outline",
-          size: "xs",
-          rounded: "full",
-          icon: "lucide:plus",
-          disabled: !q.value,
-          onClick: L
-        }, null, 8, ["disabled"]))
-      ]),
-      p("div", me, [
-        R.value.length > 1 ? (n(), d("div", be, [
-          r.draggable && !r.disabled && !r.readonly ? (n(), d("div", fe)) : i("", !0),
-          r.showRowNumbers ? (n(), d("div", ve, " # ")) : i("", !0),
-          (n(!0), d(V, null, C(R.value, (o, l) => (n(), d("div", {
-            key: l,
-            class: F(["flex-1 p-3 min-w-0 truncate", { "border-l border-border": l > 0 }])
-          }, v(o), 3))), 128)),
-          x.value ? (n(), d("div", ye)) : i("", !0)
-        ])) : i("", !0),
-        $(le(se), {
-          "model-value": s.value,
-          "onUpdate:modelValue": O,
-          disabled: !r.draggable || r.disabled || r.readonly,
-          animation: 150,
-          handle: ".drag-handle",
-          "ghost-class": "opacity-50",
-          class: "divide-y divide-border"
-        }, {
-          default: N(() => [
-            (n(!0), d(V, null, C(s.value, (o, l, h, c) => {
-              const b = [
-                o,
-                r.disabled,
-                r.readonly,
-                r.isUpdate,
-                r.showRowNumbers,
-                x.value,
-                r.draggable,
-                l,
-                Y(l)
-              ];
-              if (c && c.key === o._id && re(c, b)) return c;
-              const f = (n(), d("div", {
-                key: o._id,
-                class: "flex group bg-white transition-colors"
-              }, [
-                r.draggable && !r.disabled && !r.readonly ? (n(), d("div", {
-                  key: 0,
-                  class: F([
-                    "w-10 flex-none flex items-center justify-center border-r border-border bg-muted/5 drag-handle transition-colors",
-                    r.disabled ? "cursor-not-allowed opacity-50" : "cursor-grab active:cursor-grabbing hover:bg-muted/10 text-muted-foreground hover:text-foreground"
-                  ])
-                }, [
-                  $(de, {
-                    icon: "lucide:grip-vertical",
-                    class: "w-4 h-4"
-                  })
-                ], 2)) : i("", !0),
-                r.showRowNumbers ? (n(), d("div", ge, v(l + 1), 1)) : i("", !0),
-                (n(!0), d(V, null, C(J.value, (u, Z) => (n(), d("div", {
-                  key: u.name,
-                  class: F(["flex-1 min-w-0 relative", { "border-l border-border": Z > 0 }])
-                }, [
-                  X(l, u) ? (n(), k(oe, {
-                    key: 0,
-                    field: {
-                      ...u,
-                      props: {
-                        ...K(u, l) === "multiSelect" ? { showControls: !1, wrap: !1 } : {},
-                        ...u.props || {}
-                      },
-                      label: void 0
-                    },
-                    value: W(l, u.name),
-                    values: s.value[l] || {},
-                    errors: r.errors,
-                    error: r.name && r.errors ? r.errors[`${r.name}.${l}.${u.name}`] : "",
-                    variant: "transparent",
-                    size: "sm",
-                    rounded: "none",
-                    disabled: P(l, u),
-                    readonly: Q(l, u),
-                    isUpdate: r.isUpdate,
-                    class: "w-full h-full min-h-[40px]",
-                    onChange: (_) => G(l, u.name, _)
-                  }, null, 8, ["field", "value", "values", "errors", "error", "disabled", "readonly", "isUpdate", "onChange"])) : i("", !0)
-                ], 2))), 128)),
-                x.value ? (n(), d("div", he, [
-                  $(E, {
-                    type: "button",
-                    variant: "ghost",
-                    size: "xs",
-                    icon: "lucide:trash-2",
-                    disabled: r.disabled || r.readonly,
-                    onClick: (u) => M(l)
-                  }, null, 8, ["disabled", "onClick"])
-                ])) : i("", !0)
-              ]));
-              return f.memo = b, f;
-            }, a, 0), 128))
-          ]),
-          _: 1
-        }, 8, ["model-value", "disabled"]),
-        s.value.length === 0 ? (n(), d("div", pe, [
-          p("p", we, v(z.value), 1),
-          p("p", xe, v(A.value), 1)
-        ])) : i("", !0)
-      ])
-    ]));
-  }
-});
-export {
-  je as default
-};