adverich-kun-ui 0.1.298 → 0.1.300

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

@@ -1,15 +1,15 @@
-import { mergeModels as I, toRefs as de, useModel as ce, ref as pe, watch as V, computed as x, createElementBlock as m, openBlock as l, mergeProps as A, createCommentVNode as d, createElementVNode as N, renderSlot as a, createBlock as b, unref as s, normalizeClass as j, withDirectives as ue, vModelText as me, normalizeProps as c, guardReactiveProps as g, Fragment as fe, createVNode as z, createSlots as D, renderList as K, withCtx as L, isRef as ge } from "vue";
+import { mergeModels as I, toRefs as ce, useModel as de, ref as pe, watch as V, computed as j, createElementBlock as m, openBlock as l, mergeProps as A, createCommentVNode as c, createElementVNode as x, renderSlot as a, createBlock as b, unref as s, normalizeClass as N, withDirectives as ue, vModelText as me, normalizeProps as d, guardReactiveProps as g, Fragment as fe, createVNode as z, createSlots as D, renderList as K, withCtx as L, isRef as ge } from "vue";
 import { isMobile as w } from "../../../../utils/_platform.js";
 import he from "./KunTableHeaders.vue.js";
 import ye from "./KunTableFooter.vue.js";
 import be from "./KunTableRows.vue.js";
 import we from "./KunTableIterators.vue.js";
 import ve from "../../../KunBtn/src/components/KunBtn.vue.js";
-import Se from "./KunTableFilter.vue.js";
-import Te from "../../../KunCard/src/components/KunCard.vue.js";
+import Te from "./KunTableFilter.vue.js";
+import Se from "../../../KunCard/src/components/KunCard.vue.js";
 import $e from "../composables/useExpand.js";
-import Ce from "../composables/useOptions.js";
-import Fe from "../composables/useSelect.js";
+import Fe from "../composables/useOptions.js";
+import Ce from "../composables/useSelect.js";
 import ke from "../composables/useFilter.js";
 import Pe from "../composables/KunTableProps.js";
 const Ae = ["placeholder"], Me = { key: 0 }, Ee = { key: 5 }, Re = { class: "h-full" }, Be = {
@@ -23,9 +23,9 @@ const Ae = ["placeholder"], Me = { key: 0 }, Ee = { key: 5 }, Re = { class: "h-f
   }),
   emits: /* @__PURE__ */ I(["update:page", "update:itemsPerPage", "update:sortBy", "update:search"], ["update:selectedItems"]),
   setup(M, { emit: U }) {
-    const E = U, p = M, v = de(p), H = ce(M, "selectedItems"), {
-      headers: S,
-      showExpand: T,
+    const E = U, p = M, v = ce(p), H = de(M, "selectedItems"), {
+      headers: T,
+      showExpand: S,
       showSelect: $,
       rowClass: R,
       hideDefaultFooter: O,
@@ -44,21 +44,21 @@ const Ae = ["placeholder"], Me = { key: 0 }, Ee = { key: 5 }, Re = { class: "h-f
     V(h, (e) => {
       E("update:search", e), Z(e);
     });
-    const { options: r, paginatedItems: u, updateSort: te } = Ce(v, E, Y), { isSelected: C, toggleSelect: F, toggleSelectAll: oe, allSelected: le, someSelected: ae } = Fe(u, H), { isExpanded: k, toggleExpand: P } = $e(), f = x(() => ({
+    const { options: r, paginatedItems: u, updateSort: te } = Fe(v, E, Y), { isSelected: F, toggleSelect: C, toggleSelectAll: oe, allSelected: le, someSelected: ae } = Ce(u, H), { isExpanded: k, toggleExpand: P } = $e(), f = j(() => ({
       items: u.value,
-      headers: S.value,
+      headers: T.value,
       page: r.page,
       itemsPerPage: r.itemsPerPage,
-      toggleSelect: F,
-      isSelected: C,
+      toggleSelect: C,
+      isSelected: F,
       toggleExpand: P,
       isExpanded: k,
       sortBy: r.sortBy,
       hasActions: p.hasActions
-    })), ne = [Ie, q.value], re = [Ve, Q.value], ie = x(() => p.headers.map((e) => {
+    })), ne = [Ie, q.value], re = [Ve, Q.value], ie = j(() => p.headers.map((e) => {
       var o, i;
       const t = { ...e };
-      if (e.columnType === "function" && typeof e.columnFunction == "string") {
+      if ((e.columnType === "function" || e.columnType == "objectFunction" || e.columnType == "simpleFunction") && typeof e.columnFunction == "string") {
         const n = (o = p.functionMap) == null ? void 0 : o[e.columnFunction];
         typeof n == "function" ? t.columnFunction = n : (console.warn(
           `[KunTable] No se encontró la función "${e.columnFunction}" en functionMap`
@@ -75,7 +75,7 @@ const Ae = ["placeholder"], Me = { key: 0 }, Ee = { key: 5 }, Re = { class: "h-f
     return (e, t) => (l(), m("div", A({ class: ne }, e.$attrs, { style: { "user-select": "text" } }), [
       s(B) || e.filterable || e.$slots.prependSearch || e.$slots.appendSearch ? (l(), m("div", {
         key: 0,
-        class: j(["p-2 bg-slate-200 dark:bg-slate-800 print:hidden", {
+        class: N(["p-2 bg-slate-200 dark:bg-slate-800 print:hidden", {
           "justify-start flex": e.searchPosition === "start",
           "justify-center flex": e.searchPosition === "center",
           "justify-end flex": e.searchPosition === "end"
@@ -87,7 +87,7 @@ const Ae = ["placeholder"], Me = { key: 0 }, Ee = { key: 5 }, Re = { class: "h-f
           onClick: t[0] || (t[0] = (o) => y.value = !0),
           text: "Filtros",
           bgColor: "bg-green-200 dark:bg-green-800 px-2"
-        })) : d("", !0),
+        })) : c("", !0),
         s(B) ? ue((l(), m("input", {
           key: 1,
           "onUpdate:modelValue": t[1] || (t[1] = (o) => h.value = o),
@@ -96,21 +96,21 @@ const Ae = ["placeholder"], Me = { key: 0 }, Ee = { key: 5 }, Re = { class: "h-f
           class: "border mx-2 px-3 py-1 rounded w-full max-w-sm text-sm"
         }, null, 8, Ae)), [
           [me, h.value]
-        ]) : d("", !0),
+        ]) : c("", !0),
         a(e.$slots, "appendSearch")
-      ], 2)) : d("", !0),
-      N("table", {
-        class: j(re)
+      ], 2)) : c("", !0),
+      x("table", {
+        class: N(re)
       }, [
         e.$slots.colgroup && !s(w) ? (l(), m("colgroup", Me, [
-          a(e.$slots, "colgroup", c(g(f.value)))
-        ])) : d("", !0),
+          a(e.$slots, "colgroup", d(g(f.value)))
+        ])) : c("", !0),
         !s(W) && !s(w) ? (l(), b(he, {
           key: 1,
-          headers: s(S),
+          headers: s(T),
           "sort-by": s(r).sortBy,
           "show-select": s($),
-          "show-expand": s(T),
+          "show-expand": s(S),
           "all-selected": s(le),
           "some-selected": s(ae),
           "thead-class": e.theadClass,
@@ -120,9 +120,9 @@ const Ae = ["placeholder"], Me = { key: 0 }, Ee = { key: 5 }, Re = { class: "h-f
           "action-label": e.actionLabel,
           onSort: s(te),
           onToggleSelectAll: s(oe)
-        }, null, 8, ["headers", "sort-by", "show-select", "show-expand", "all-selected", "some-selected", "thead-class", "tr-class", "th-class", "has-actions", "action-label", "onSort", "onToggleSelectAll"])) : a(e.$slots, "thead", c(A({ key: 2 }, f.value))),
+        }, null, 8, ["headers", "sort-by", "show-select", "show-expand", "all-selected", "some-selected", "thead-class", "tr-class", "th-class", "has-actions", "action-label", "onSort", "onToggleSelectAll"])) : a(e.$slots, "thead", d(A({ key: 2 }, f.value))),
         s(u).length && !s(w) ? (l(), m(fe, { key: 3 }, [
-          a(e.$slots, "body.prepend", c(g(f.value))),
+          a(e.$slots, "body.prepend", d(g(f.value))),
           z(be, {
             items: s(u),
             headers: ie.value,
@@ -132,58 +132,58 @@ const Ae = ["placeholder"], Me = { key: 0 }, Ee = { key: 5 }, Re = { class: "h-f
             "td-class": e.tdClass,
             "selected-class": e.selectedClass,
             "striped-class": e.stripedClass,
-            "is-selected": s(C),
+            "is-selected": s(F),
             "is-expanded": s(k),
             "show-select": s($),
-            "show-expand": s(T),
+            "show-expand": s(S),
             "has-actions": e.hasActions,
             "action-loading-map": e.actionLoadingMap,
             onToggleExpand: s(P),
-            onToggleSelect: s(F),
+            onToggleSelect: s(C),
             customSlots: e.customSlots
           }, D({ _: 2 }, [
             K(e.$slots, (o, i) => ({
               name: i,
               fn: L((n) => [
-                a(e.$slots, i, c(g(n)))
+                a(e.$slots, i, d(g(n)))
               ])
             }))
           ]), 1032, ["items", "headers", "tbody-class", "row-class", "tr-class", "td-class", "selected-class", "striped-class", "is-selected", "is-expanded", "show-select", "show-expand", "has-actions", "action-loading-map", "onToggleExpand", "onToggleSelect", "customSlots"]),
-          a(e.$slots, "body.append", c(g(f.value)))
+          a(e.$slots, "body.append", d(g(f.value)))
         ], 64)) : s(u).length && s(w) ? (l(), b(we, {
           key: 4,
           items: s(u),
-          headers: s(S),
+          headers: s(T),
           "row-class": s(R),
-          "is-selected": s(C),
+          "is-selected": s(F),
           "is-expanded": s(k),
           "show-select": s($),
-          "show-expand": s(T),
+          "show-expand": s(S),
           "has-actions": e.hasActions,
           "action-loading-map": e.actionLoadingMap,
           onToggleExpand: s(P),
-          onToggleSelect: s(F)
+          onToggleSelect: s(C)
         }, D({ _: 2 }, [
           K(e.$slots, (o, i) => ({
             name: i,
             fn: L((n) => [
-              a(e.$slots, i, c(g(n)))
+              a(e.$slots, i, d(g(n)))
             ])
           }))
-        ]), 1032, ["items", "headers", "row-class", "is-selected", "is-expanded", "show-select", "show-expand", "has-actions", "action-loading-map", "onToggleExpand", "onToggleSelect"])) : d("", !0),
+        ]), 1032, ["items", "headers", "row-class", "is-selected", "is-expanded", "show-select", "show-expand", "has-actions", "action-loading-map", "onToggleExpand", "onToggleSelect"])) : c("", !0),
         e.$slots.tfoot ? (l(), m("tfoot", Ee, [
-          a(e.$slots, "tfoot", c(g(f.value)))
-        ])) : d("", !0)
+          a(e.$slots, "tfoot", d(g(f.value)))
+        ])) : c("", !0)
       ]),
-      N("div", Re, [
-        s(u).length ? d("", !0) : (l(), b(Te, {
+      x("div", Re, [
+        s(u).length ? c("", !0) : (l(), b(Se, {
           key: 0,
           class: "h-full flex justify-center items-center",
           title: e.noDataText,
           titleSize: "text-4xl"
         }, null, 8, ["title"]))
       ]),
-      s(O) ? a(e.$slots, "footer", c(A({ key: 2 }, f.value))) : (l(), m("div", Be, [
+      s(O) ? a(e.$slots, "footer", d(A({ key: 2 }, f.value))) : (l(), m("div", Be, [
         z(ye, {
           "items-length": s(J).length,
           "items-per-page": s(r).itemsPerPage,
@@ -193,7 +193,7 @@ const Ae = ["placeholder"], Me = { key: 0 }, Ee = { key: 5 }, Re = { class: "h-f
           "onUpdate:page": t[3] || (t[3] = (o) => s(r).page = o)
         }, null, 8, ["items-length", "items-per-page", "current-page", "page-options"])
       ])),
-      e.filterable && s(y) ? (l(), b(Se, {
+      e.filterable && s(y) ? (l(), b(Te, {
         key: 3,
         filters: e.filters,
         modelValue: s(y),
@@ -201,7 +201,7 @@ const Ae = ["placeholder"], Me = { key: 0 }, Ee = { key: 5 }, Re = { class: "h-f
         onApplyFilters: s(_),
         onClearFilters: s(ee),
         activeFilters: s(se).byColumn
-      }, null, 8, ["filters", "modelValue", "onApplyFilters", "onClearFilters", "activeFilters"])) : d("", !0)
+      }, null, 8, ["filters", "modelValue", "onApplyFilters", "onClearFilters", "activeFilters"])) : c("", !0)
     ], 16));
   }
 };

package/dist/utils/tableFormatters.js

@@ -10,6 +10,7 @@ function a(t, n) {
     return i(u);
   }
   if (t.columnFormat === "function") {
+    console.log(t);
     const u = (c = t.columnFunction) == null ? void 0 : c.call(t, n, t);
     return i(u);
   }

package/package.json

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