adverich-kun-ui 0.1.337 → 0.1.338

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

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

package/package.json

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