adverich-kun-ui 0.1.341 → 0.1.342

package/dist/components/KunRelationMatrix/src/components/KunRelationMatrix.vue.js

@@ -1,8 +1,8 @@
-import { computed as c, watchEffect as N, toRaw as O, createElementBlock as m, openBlock as f, normalizeClass as K, createElementVNode as y, createVNode as w, renderSlot as b, createTextVNode as V, toDisplayString as g, Fragment as A, renderList as x, unref as u, withCtx as P } from "vue";
-import { getNestedValue as o } from "../../../../utils/tableFormatters.js";
-import j from "../../../KunVirtualScroller/src/components/KunVirtualScroller.vue.js";
-import B from "../../../KunCheckbox/src/components/KunCheckbox.vue.js";
-const E = { class: "sticky top-0 z-10 flex border-b text-sm font-semibold" }, M = { class: "p-2 border-r w-[16rem] shrink-0" }, R = { class: "flex border-b text-sm" }, T = { class: "p-2 border-r w-[16rem] shrink-0" }, _ = { class: "text-xs p-2" }, J = {
+import { computed as c, watchEffect as B, toRaw as D, createElementBlock as f, openBlock as y, normalizeClass as K, createElementVNode as g, createVNode as x, renderSlot as h, createTextVNode as p, toDisplayString as w, Fragment as I, renderList as A, unref as C, withCtx as E } from "vue";
+import { getNestedValue as i } from "../../../../utils/tableFormatters.js";
+import T from "../../../KunVirtualScroller/src/components/KunVirtualScroller.vue.js";
+import j from "../../../KunCheckbox/src/components/KunCheckbox.vue.js";
+const z = { class: "sticky top-0 z-10 flex border-b text-sm font-semibold bg-white" }, O = { class: "p-2 border-r w-[16rem] shrink-0" }, P = { class: "flex border-b text-sm" }, U = { class: "p-2 border-r w-[16rem] shrink-0" }, G = {
   __name: "KunRelationMatrix",
   props: {
     rows: Array,
@@ -28,87 +28,79 @@ const E = { class: "sticky top-0 z-10 flex border-b text-sm font-semibold" }, M
     // 'row' o 'column'
   },
   emits: ["update:modelValue"],
-  setup(s, { emit: L }) {
-    const e = s, $ = L, h = c(() => e.rowKey), d = c(() => e.columnKey), C = c(() => e.rowLabel), D = c(() => e.columnLabel), p = c(() => {
-      if (Object.keys(e.modelValue).length) return e.modelValue;
-      const r = e.relationDirection === "column" ? e.columns : e.rows, a = e.relationDirection === "column" ? e.columnKey : e.rowKey, l = {};
-      for (const t of r) {
-        const n = o(t, a), i = o(t, e.relationPath);
-        Array.isArray(i) && (l[n] = i.map((v) => o(v, e.relationKey)).filter(Boolean));
+  setup(u, { emit: L }) {
+    const l = u, $ = L, k = c(() => l.rowKey), b = c(() => l.columnKey), M = c(() => l.rowLabel), N = c(() => l.columnLabel), m = c(() => l.relationDirection === "column"), v = c(() => {
+      if (Object.keys(l.modelValue).length) return l.modelValue;
+      const a = m.value ? l.columns : l.rows, d = m.value ? l.columnKey : l.rowKey, e = {};
+      for (const t of a) {
+        const o = i(t, d), r = i(t, l.relationPath);
+        Array.isArray(r) && (e[o] = r.map((n) => i(n, l.relationKey)).filter((n) => n != null));
       }
-      return l;
+      return e;
     });
-    N(() => {
-      console.log("internalModel:", JSON.stringify(O(p.value), null, 2));
-    });
-    function k(r, a, l) {
-      const t = structuredClone(
-        e.modelValue && Object.keys(e.modelValue).length ? e.modelValue : p.value
-      );
-      Array.isArray(t[r]) || (t[r] = []), l ? t[r].includes(a) || t[r].push(a) : t[r] = t[r].filter((n) => n !== a), $("update:modelValue", t);
+    function S(a, d) {
+      var o, r, n, s;
+      const e = i(a, k.value), t = i(d, b.value);
+      return m.value ? ((r = (o = v.value) == null ? void 0 : o[t]) == null ? void 0 : r.includes(e)) || !1 : ((s = (n = v.value) == null ? void 0 : n[e]) == null ? void 0 : s.includes(t)) || !1;
     }
-    function S(r, a) {
-      const l = o(r, h.value), t = o(a, d.value);
-      if (e.relationDirection === "column") {
-        const i = o(a, e.relationPath);
-        return Array.isArray(i) ? i.some((v) => o(v, e.relationKey) === l) : !1;
-      }
-      const n = o(r, e.relationPath);
-      return Array.isArray(n) ? n.some((i) => o(i, e.relationKey) === t) : !1;
+    function V(a, d, e) {
+      const t = i(a, k.value), o = i(d, b.value), r = m.value ? o : t, n = m.value ? t : o, s = structuredClone(v.value);
+      Array.isArray(s[r]) || (s[r] = []), e ? s[r].includes(n) || s[r].push(n) : s[r] = s[r].filter((R) => R !== n), $("update:modelValue", s);
     }
-    return (r, a) => (f(), m("div", {
-      class: K(["overflow-auto", [s.border, s.rounded]])
+    return B(() => {
+      console.log("[KunRelationMatrix] internalModel:", D(v.value));
+    }), (a, d) => (y(), f("div", {
+      class: K(["overflow-auto", [u.border, u.rounded]])
     }, [
-      y("div", E, [
-        y("div", M, [
-          b(r.$slots, "row-header", {}, () => [
-            V(g(s.relationTitle), 1)
+      g("div", z, [
+        g("div", O, [
+          h(a.$slots, "row-header", {}, () => [
+            p(w(u.relationTitle), 1)
           ])
         ]),
-        (f(!0), m(A, null, x(s.columns, (l) => (f(), m("div", {
-          key: l[d.value],
+        (y(!0), f(I, null, A(u.columns, (e) => (y(), f("div", {
+          key: e[b.value],
           class: "p-2 border-r text-center w-[8rem] shrink-0"
         }, [
-          b(r.$slots, "column-header", { column: l }, () => [
-            V(g(u(o)(l, D.value)), 1)
+          h(a.$slots, "column-header", { column: e }, () => [
+            p(w(C(i)(e, N.value)), 1)
           ])
         ]))), 128))
       ]),
-      w(j, {
-        items: s.rows,
+      x(T, {
+        items: u.rows,
         estimatedItemHeight: 48
       }, {
-        default: P(({ item: l }) => [
-          y("div", R, [
-            y("div", T, [
-              b(r.$slots, "row-label", { row: l }, () => [
-                V(g(u(o)(l, C.value)), 1)
+        default: E(({ item: e }) => [
+          g("div", P, [
+            g("div", U, [
+              h(a.$slots, "row-label", { row: e }, () => [
+                p(w(C(i)(e, M.value)), 1)
               ])
             ]),
-            (f(!0), m(A, null, x(s.columns, (t) => (f(), m("div", {
-              key: t[d.value],
-              class: K(["p-2 border-r text-center w-[8rem] shrink-0", s.cellClass])
+            (y(!0), f(I, null, A(u.columns, (t) => (y(), f("div", {
+              key: t[b.value],
+              class: K(["p-2 border-r text-center w-[8rem] shrink-0", u.cellClass])
             }, [
-              b(r.$slots, "cell", {
-                row: l,
+              h(a.$slots, "cell", {
+                row: e,
                 column: t,
-                checked: S(l, t),
-                toggle: (n) => k(u(o)(l, h.value), u(o)(t, d.value), n)
+                checked: S(e, t),
+                toggle: (o) => V(e, t, o)
               }, () => [
-                w(B, {
-                  modelValue: S(l, t),
-                  "onUpdate:modelValue": (n) => k(u(o)(l, h.value), u(o)(t, d.value), n)
+                x(j, {
+                  modelValue: S(e, t),
+                  "onUpdate:modelValue": (o) => V(e, t, o)
                 }, null, 8, ["modelValue", "onUpdate:modelValue"])
               ])
             ], 2))), 128))
           ])
         ]),
         _: 3
-      }, 8, ["items"]),
-      y("pre", _, g(p.value), 1)
+      }, 8, ["items"])
     ], 2));
   }
 };
 export {
-  J as default
+  G as default
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "adverich-kun-ui",
-  "version": "0.1.341",
+  "version": "0.1.342",
   "type": "module",
   "description": "Una librería de componentes Vue.js con Tailwind CSS",
   "main": "dist/index.js",