adverich-kun-ui 0.1.340 → 0.1.341

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 { 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 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 = {
+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 = {
   __name: "KunRelationMatrix",
   props: {
     rows: Array,
@@ -28,81 +28,87 @@ 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(() => {
+  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 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));
+      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));
       }
-      return r;
+      return l;
     });
-    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);
+    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 K(l, a) {
-      const r = n(l, g.value), t = n(a, d.value);
+    function S(r, a) {
+      const l = o(r, h.value), t = o(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 i = o(a, e.relationPath);
+        return Array.isArray(i) ? i.some((v) => o(v, e.relationKey) === l) : !1;
       }
-      const o = n(l, e.relationPath);
-      return Array.isArray(o) ? o.some((s) => n(s, e.relationKey) === t) : !1;
+      const n = o(r, e.relationPath);
+      return Array.isArray(n) ? n.some((i) => o(i, e.relationKey) === t) : !1;
     }
-    return (l, a) => (f(), m("div", {
-      class: S(["overflow-auto", [i.border, i.rounded]])
+    return (r, a) => (f(), m("div", {
+      class: K(["overflow-auto", [s.border, s.rounded]])
     }, [
-      y("div", T, [
-        y("div", j, [
-          b(l.$slots, "row-header", {}, () => [
-            h(v(i.relationTitle), 1)
+      y("div", E, [
+        y("div", M, [
+          b(r.$slots, "row-header", {}, () => [
+            V(g(s.relationTitle), 1)
           ])
         ]),
-        (f(!0), m(w, null, A(i.columns, (r) => (f(), m("div", {
-          key: r[d.value],
+        (f(!0), m(A, null, x(s.columns, (l) => (f(), m("div", {
+          key: l[d.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)
+          b(r.$slots, "column-header", { column: l }, () => [
+            V(g(u(o)(l, D.value)), 1)
           ])
         ]))), 128))
       ]),
-      V(P, {
-        items: i.rows,
+      w(j, {
+        items: s.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: P(({ item: l }) => [
+          y("div", R, [
+            y("div", T, [
+              b(r.$slots, "row-label", { row: l }, () => [
+                V(g(u(o)(l, C.value)), 1)
               ])
             ]),
-            (f(!0), m(w, null, A(i.columns, (t) => (f(), m("div", {
+            (f(!0), m(A, null, x(s.columns, (t) => (f(), m("div", {
               key: t[d.value],
-              class: S(["p-2 border-r text-center w-[8rem] shrink-0", i.cellClass])
+              class: K(["p-2 border-r text-center w-[8rem] shrink-0", s.cellClass])
             }, [
-              b(l.$slots, "cell", {
-                row: r,
+              b(r.$slots, "cell", {
+                row: l,
                 column: t,
-                checked: K(r, t),
-                toggle: (o) => k(u(n)(r, g.value), u(n)(t, d.value), o)
+                checked: S(l, t),
+                toggle: (n) => k(u(o)(l, h.value), u(o)(t, d.value), n)
               }, () => [
-                V(B, {
-                  modelValue: K(r, t),
-                  "onUpdate:modelValue": (o) => k(u(n)(r, g.value), u(n)(t, d.value), o)
+                w(B, {
+                  modelValue: S(l, t),
+                  "onUpdate:modelValue": (n) => k(u(o)(l, h.value), u(o)(t, d.value), n)
                 }, null, 8, ["modelValue", "onUpdate:modelValue"])
               ])
             ], 2))), 128))
           ])
         ]),
         _: 3
-      }, 8, ["items"])
+      }, 8, ["items"]),
+      y("pre", _, g(p.value), 1)
     ], 2));
   }
 };
 export {
-  F as default
+  J as default
 };

package/package.json

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