adverich-kun-ui 0.1.287 → 0.1.289

package/dist/components/KunTable/src/components/KunTableRow.vue.js

@@ -1,6 +1,6 @@
-import { computed as u, createElementBlock as s, openBlock as l, normalizeClass as a, createCommentVNode as r, renderSlot as g, createElementVNode as w, withModifiers as S, Fragment as f, renderList as h, createBlock as B, resolveDynamicComponent as $, unref as d, createTextVNode as A, toDisplayString as E } from "vue";
-import { getValue as x, formatValue as T } from "../../../../utils/tableFormatters.js";
-const V = { key: 0 }, N = { key: 1 }, j = ["checked"], D = "hover:bg-slate-300 dark:hover:bg-slate-600 border-t border-slate-300 dark:border-slate-700", F = "bg-slate-100 dark:bg-slate-900", C = "px-3 py-2 whitespace-nowrap text-sm text-black dark:text-white", z = {
+import { computed as k, createElementBlock as s, openBlock as l, normalizeClass as o, createCommentVNode as r, renderSlot as u, createElementVNode as y, withModifiers as v, Fragment as w, renderList as S, createBlock as h, resolveDynamicComponent as B, unref as c, createTextVNode as $, toDisplayString as A } from "vue";
+import { getValue as x, formatValue as E } from "../../../../utils/tableFormatters.js";
+const T = { key: 0 }, V = { key: 1 }, N = ["checked"], j = "hover:bg-slate-300 dark:hover:bg-slate-600 border-t border-slate-300 dark:border-slate-700", D = "bg-slate-100 dark:bg-slate-900", F = "px-3 py-2 whitespace-nowrap text-sm text-black dark:text-white", z = {
   __name: "KunTableRow",
   props: {
     item: Object,
@@ -21,77 +21,86 @@ const V = { key: 0 }, N = { key: 1 }, j = ["checked"], D = "hover:bg-slate-300 d
     customSlots: Object
   },
   emits: ["toggle-expand", "toggle-select", "row-click"],
-  setup(e, { emit: b }) {
-    const n = e, c = b, v = u(() => [
+  setup(e, { emit: C }) {
+    const n = e, m = C, b = k(() => [
+      j,
       D,
-      F,
       n.rowClass,
       n.trClass,
       n.stripedClass,
       n.isSelected ? n.selectedClass : ""
-    ]), m = u(() => [C, n.tdClass]), y = u(() => ["text-center", n.actionsAlign]);
-    return (o, i) => (l(), s("tr", {
-      class: a(v.value),
-      onClick: i[2] || (i[2] = (t) => c("row-click", { item: e.item, index: e.index, event: t }))
+    ]);
+    function d(a = null, i = null) {
+      return typeof n.tdClass == "function" ? n.tdClass({
+        item: n.item,
+        header: a,
+        value: i,
+        index: n.index
+      }) : n.tdClass;
+    }
+    const f = k(() => ["text-center", n.actionsAlign]);
+    return (a, i) => (l(), s("tr", {
+      class: o(b.value),
+      onClick: i[2] || (i[2] = (t) => m("row-click", { item: e.item, index: e.index, event: t }))
     }, [
       e.showExpand ? (l(), s("td", {
         key: 0,
-        class: a(m.value)
+        class: o(d(e.item, "expand"))
       }, [
-        o.$slots.expandIcon ? g(o.$slots, "expand-icon", {
+        a.$slots.expandIcon ? u(a.$slots, "expand-icon", {
           key: 0,
           item: e.item,
           index: e.index
         }) : (l(), s("button", {
           key: 1,
-          onClick: i[0] || (i[0] = (t) => c("toggle-expand", e.item))
+          onClick: i[0] || (i[0] = (t) => m("toggle-expand", e.item))
         }, [
-          e.isExpanded ? (l(), s("span", V, "−")) : (l(), s("span", N, "+"))
+          e.isExpanded ? (l(), s("span", T, "−")) : (l(), s("span", V, "+"))
         ]))
       ], 2)) : r("", !0),
       e.showSelect ? (l(), s("td", {
         key: 1,
-        class: a([m.value, "h-full w-10 flex flex-col items-center justify-center"])
+        class: o([d(e.item, "checkbox"), "h-full w-10 flex flex-col items-center justify-center"])
       }, [
-        w("input", {
+        y("input", {
           type: "checkbox",
           checked: e.isSelected,
-          onChange: i[1] || (i[1] = S((t) => c("toggle-select", e.item), ["stop"])),
+          onChange: i[1] || (i[1] = v((t) => m("toggle-select", e.item), ["stop"])),
           class: "h-5 w-5 text-blue-600 transition-all duration-200 ease-in-out rounded"
-        }, null, 40, j)
+        }, null, 40, N)
       ], 2)) : r("", !0),
-      (l(!0), s(f, null, h(e.headers, (t) => {
-        var k;
+      (l(!0), s(w, null, S(e.headers, (t) => {
+        var g;
         return l(), s("td", {
           key: t.value,
-          class: a([
-            C,
-            typeof e.tdClass == "function" ? e.tdClass(e.item, t) : e.tdClass,
+          class: o([
+            F,
+            d(e.item, t),
             t.align === "right" ? "text-right" : t.align === "left" ? "text-left" : "text-center"
           ])
         }, [
-          (k = e.customSlots) != null && k[`item.${t.value}`] ? (l(), B($(e.customSlots[`item.${t.value}`]), {
+          (g = e.customSlots) != null && g[`item.${t.value}`] ? (l(), h(B(e.customSlots[`item.${t.value}`]), {
             key: 0,
             item: e.item,
-            value: d(x)(t, e.item),
+            value: c(x)(t, e.item),
             index: e.index,
             header: t
-          }, null, 8, ["item", "value", "index", "header"])) : g(o.$slots, `item.${t.value}`, {
+          }, null, 8, ["item", "value", "index", "header"])) : u(a.$slots, `item.${t.value}`, {
             key: 1,
             item: e.item,
-            value: d(x)(t, e.item),
+            value: c(x)(t, e.item),
             index: e.index,
             header: t
           }, () => [
-            A(E(d(T)(t, d(x)(t, e.item))), 1)
+            $(A(c(E)(t, c(x)(t, e.item))), 1)
           ])
         ], 2);
       }), 128)),
       e.hasActions ? (l(), s("td", {
         key: 2,
-        class: a([m.value, y.value])
+        class: o([d(e.item, "actions"), f.value])
       }, [
-        g(o.$slots, "item.actions", {
+        u(a.$slots, "item.actions", {
           item: e.item,
           index: e.index,
           loading: e.loading

package/package.json

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