adverich-kun-ui 0.1.340 → 0.1.342

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

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

package/package.json

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