adverich-kun-ui 0.1.245 → 0.1.246

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

@@ -1,67 +1,73 @@
-import { mergeModels as V, toRefs as ie, useModel as de, ref as pe, watch as j, computed as z, createElementBlock as c, openBlock as l, mergeProps as A, createCommentVNode as i, createElementVNode as D, renderSlot as a, createBlock as y, unref as s, normalizeClass as L, withDirectives as ce, vModelText as me, normalizeProps as d, guardReactiveProps as u, Fragment as ue, createVNode as R, createSlots as U, renderList as N, withCtx as K, isRef as he } from "vue";
-import { isMobile as w } from "../../../../utils/_platform.js";
-import ge from "./KunTableHeaders.vue.js";
-import fe from "./KunTableFooter.vue.js";
-import ye from "./KunTableRows.vue.js";
-import be from "./KunTableIterators.vue.js";
-import we from "../../../KunBtn/src/components/KunBtn.vue.js";
+import { mergeModels as V, toRefs as de, useModel as pe, ref as ce, watch as j, computed as z, createElementBlock as c, openBlock as o, mergeProps as A, createCommentVNode as i, createElementVNode as D, renderSlot as a, createBlock as y, unref as s, normalizeClass as L, withDirectives as ue, vModelText as me, normalizeProps as d, guardReactiveProps as f, Fragment as fe, createVNode as N, createSlots as R, renderList as U, withCtx as H, isRef as ge } from "vue";
+import { isMobile as b } 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 ve from "../../../KunCard/src/components/KunCard.vue.js";
+import $e from "../../../KunCard/src/components/KunCard.vue.js";
 import Ce from "../composables/useExpand.js";
-import $e from "../composables/useOptions.js";
-import ke from "../composables/useSelect.js";
+import ke from "../composables/useOptions.js";
+import Fe from "../composables/useSelect.js";
 import Pe from "../composables/useFilter.js";
 import Te from "../composables/KunTableProps.js";
-const Fe = ["placeholder"], Ae = { key: 0 }, Ee = { key: 5 }, Be = { class: "h-full" }, Ie = {
+const Ae = ["placeholder"], Ee = { key: 0 }, Me = { key: 5 }, Be = { class: "h-full" }, Ie = {
   key: 1,
   class: "sticky bottom-0 z-10"
-}, Me = "overflow-auto h-full w-full flex flex-col border border-slate-200 dark:border-slate-800 rounded", Ve = "table-auto w-full h-fit text-sm text-left", Ge = {
+}, Ve = "overflow-auto h-full w-full flex flex-col border border-slate-200 dark:border-slate-800 rounded", je = "table-auto w-full h-fit text-sm text-left", Xe = {
   __name: "KunTable",
   props: /* @__PURE__ */ V(Te(), {
     selectedItems: { type: Array, default: () => [] },
     selectedItemsModifiers: {}
   }),
   emits: /* @__PURE__ */ V(["update:page", "update:itemsPerPage", "update:sortBy", "update:search"], ["update:selectedItems"]),
-  setup(E, { emit: O }) {
-    const B = O, r = E, S = ie(r), W = de(E, "selectedItems"), {
-      headers: b,
-      showExpand: v,
-      showSelect: C,
-      rowClass: I,
-      hideDefaultFooter: H,
+  setup(E, { emit: K }) {
+    const M = K, u = E, w = de(u), O = pe(E, "selectedItems"), {
+      headers: v,
+      showExpand: S,
+      showSelect: $,
+      rowClass: B,
+      hideDefaultFooter: W,
       hideDefaultHeader: Q,
       tableClass: q,
-      wrapperClass: x,
-      pageOptions: G,
-      items: J,
-      searchable: M,
-      debounceTime: X
-    } = S, h = pe(r.search);
-    j(() => r.search, (e) => {
-      e !== h.value && (h.value = e);
+      wrapperClass: G,
+      pageOptions: J,
+      items: X,
+      searchable: I,
+      debounceTime: Y
+    } = w, g = ce(u.search);
+    j(() => u.search, (e) => {
+      e !== g.value && (g.value = e);
     });
-    const { filteredItems: Y, setSearch: Z, modalFilter: g, applyColumnFilters: _, clearFilters: ee, appliedFilters: se } = Pe(S, X);
-    j(h, (e) => {
-      B("update:search", e), Z(e);
+    const { filteredItems: Z, setSearch: x, modalFilter: h, applyColumnFilters: _, clearFilters: ee, appliedFilters: se } = Pe(w, Y);
+    j(g, (e) => {
+      M("update:search", e), x(e);
     });
-    const { options: n, paginatedItems: p, updateSort: te } = $e(S, B, Y), { isSelected: $, toggleSelect: k, toggleSelectAll: le, allSelected: oe, someSelected: ae } = ke(p, W), { isExpanded: P, toggleExpand: T } = Ce(), m = z(() => ({
+    const { options: r, paginatedItems: p, updateSort: te } = ke(w, M, Z), { isSelected: C, toggleSelect: k, toggleSelectAll: le, allSelected: oe, someSelected: ae } = Fe(p, O), { isExpanded: F, toggleExpand: P } = Ce(), m = z(() => ({
       items: p.value,
-      headers: b.value,
-      page: n.page,
-      itemsPerPage: n.itemsPerPage,
+      headers: v.value,
+      page: r.page,
+      itemsPerPage: r.itemsPerPage,
       toggleSelect: k,
-      isSelected: $,
-      toggleExpand: T,
-      isExpanded: P,
-      sortBy: n.sortBy,
-      hasActions: r.hasActions
-    })), re = [Me, x.value], ne = [Ve, q.value];
-    return z(() => {
-      var t;
-      let e = ((t = r.headers) == null ? void 0 : t.length) || 0;
-      return r.showSelect && (e += 1), r.showExpand && (e += 1), r.hasActions && (e += 1), e;
-    }), (e, t) => (l(), c("div", A({ class: re }, e.$attrs, { style: { "user-select": "text" } }), [
-      s(M) || e.filterable || e.$slots.prependSearch || e.$slots.appendSearch ? (l(), c("div", {
+      isSelected: C,
+      toggleExpand: P,
+      isExpanded: F,
+      sortBy: r.sortBy,
+      hasActions: u.hasActions
+    })), re = [Ve, G.value], ne = [je, q.value], ie = z(() => u.headers.map((e) => {
+      var l;
+      const t = { ...e };
+      if (e.columnType === "function" && typeof e.columnFunction == "string") {
+        const n = (l = u.functionMap) == null ? void 0 : l[e.columnFunction];
+        typeof n == "function" ? t.columnFunction = n : (console.warn(
+          `[KunTable] No se encontró la función "${e.columnFunction}" en functionMap`
+        ), t.columnFunction = () => "");
+      }
+      return t;
+    }));
+    return (e, t) => (o(), c("div", A({ class: re }, e.$attrs, { style: { "user-select": "text" } }), [
+      s(I) || e.filterable || e.$slots.prependSearch || e.$slots.appendSearch ? (o(), c("div", {
         key: 0,
         class: L(["p-2 bg-slate-200 dark:bg-slate-800", {
           "justify-start flex": e.searchPosition === "start",
@@ -70,35 +76,35 @@ const Fe = ["placeholder"], Ae = { key: 0 }, Ee = { key: 5 }, Be = { class: "h-f
         }])
       }, [
         a(e.$slots, "prependSearch"),
-        e.filterable ? (l(), y(we, {
+        e.filterable ? (o(), y(ve, {
           key: 0,
-          onClick: t[0] || (t[0] = (o) => g.value = !0),
+          onClick: t[0] || (t[0] = (l) => h.value = !0),
           text: "Filtrar",
           bgColor: "bg-slate-300 dark:bg-slate-700"
         })) : i("", !0),
-        s(M) ? ce((l(), c("input", {
+        s(I) ? ue((o(), c("input", {
           key: 1,
-          "onUpdate:modelValue": t[1] || (t[1] = (o) => h.value = o),
+          "onUpdate:modelValue": t[1] || (t[1] = (l) => g.value = l),
           type: "text",
           placeholder: e.searchPlaceholder,
           class: "border mx-2 px-3 py-1 rounded w-full max-w-sm text-sm"
-        }, null, 8, Fe)), [
-          [me, h.value]
+        }, null, 8, Ae)), [
+          [me, g.value]
         ]) : i("", !0),
         a(e.$slots, "appendSearch")
       ], 2)) : i("", !0),
       D("table", {
         class: L(ne)
       }, [
-        e.$slots.colgroup && !s(w) ? (l(), c("colgroup", Ae, [
-          a(e.$slots, "colgroup", d(u(m.value)))
+        e.$slots.colgroup && !s(b) ? (o(), c("colgroup", Ee, [
+          a(e.$slots, "colgroup", d(f(m.value)))
         ])) : i("", !0),
-        !s(Q) && !s(w) ? (l(), y(ge, {
+        !s(Q) && !s(b) ? (o(), y(he, {
           key: 1,
-          headers: s(b),
-          "sort-by": s(n).sortBy,
-          "show-select": s(C),
-          "show-expand": s(v),
+          headers: s(v),
+          "sort-by": s(r).sortBy,
+          "show-select": s($),
+          "show-expand": s(S),
           "all-selected": s(oe),
           "some-selected": s(ae),
           "thead-class": e.theadClass,
@@ -109,83 +115,83 @@ const Fe = ["placeholder"], Ae = { key: 0 }, Ee = { key: 5 }, Be = { class: "h-f
           onSort: s(te),
           onToggleSelectAll: s(le)
         }, 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 }, m.value))),
-        s(p).length && !s(w) ? (l(), c(ue, { key: 3 }, [
-          a(e.$slots, "body.prepend", d(u(m.value))),
-          R(ye, {
+        s(p).length && !s(b) ? (o(), c(fe, { key: 3 }, [
+          a(e.$slots, "body.prepend", d(f(m.value))),
+          N(be, {
             items: s(p),
-            headers: s(b),
+            headers: ie.value,
             "tbody-class": e.tbodyClass,
-            "row-class": s(I),
+            "row-class": s(B),
             "tr-class": e.trClass,
             "td-class": e.tdClass,
             "selected-class": e.selectedClass,
             "striped-class": e.stripedClass,
-            "is-selected": s($),
-            "is-expanded": s(P),
-            "show-select": s(C),
-            "show-expand": s(v),
+            "is-selected": s(C),
+            "is-expanded": s(F),
+            "show-select": s($),
+            "show-expand": s(S),
             "has-actions": e.hasActions,
             "action-loading-map": e.actionLoadingMap,
-            onToggleExpand: s(T),
+            onToggleExpand: s(P),
             onToggleSelect: s(k),
             customSlots: e.customSlots
-          }, U({ _: 2 }, [
-            N(e.$slots, (o, f) => ({
-              name: f,
-              fn: K((F) => [
-                a(e.$slots, f, d(u(F)))
+          }, R({ _: 2 }, [
+            U(e.$slots, (l, n) => ({
+              name: n,
+              fn: H((T) => [
+                a(e.$slots, n, d(f(T)))
               ])
             }))
           ]), 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", d(u(m.value)))
-        ], 64)) : s(p).length && s(w) ? (l(), y(be, {
+          a(e.$slots, "body.append", d(f(m.value)))
+        ], 64)) : s(p).length && s(b) ? (o(), y(we, {
           key: 4,
           items: s(p),
-          headers: s(b),
-          "row-class": s(I),
-          "is-selected": s($),
-          "is-expanded": s(P),
-          "show-select": s(C),
-          "show-expand": s(v),
+          headers: s(v),
+          "row-class": s(B),
+          "is-selected": s(C),
+          "is-expanded": s(F),
+          "show-select": s($),
+          "show-expand": s(S),
           "has-actions": e.hasActions,
           "action-loading-map": e.actionLoadingMap,
-          onToggleExpand: s(T),
+          onToggleExpand: s(P),
           onToggleSelect: s(k)
-        }, U({ _: 2 }, [
-          N(e.$slots, (o, f) => ({
-            name: f,
-            fn: K((F) => [
-              a(e.$slots, f, d(u(F)))
+        }, R({ _: 2 }, [
+          U(e.$slots, (l, n) => ({
+            name: n,
+            fn: H((T) => [
+              a(e.$slots, n, d(f(T)))
             ])
           }))
         ]), 1032, ["items", "headers", "row-class", "is-selected", "is-expanded", "show-select", "show-expand", "has-actions", "action-loading-map", "onToggleExpand", "onToggleSelect"])) : i("", !0),
-        e.$slots.tfoot ? (l(), c("tfoot", Ee, [
-          a(e.$slots, "tfoot", d(u(m.value)))
+        e.$slots.tfoot ? (o(), c("tfoot", Me, [
+          a(e.$slots, "tfoot", d(f(m.value)))
         ])) : i("", !0)
       ]),
       D("div", Be, [
-        s(p).length ? i("", !0) : (l(), y(ve, {
+        s(p).length ? i("", !0) : (o(), y($e, {
           key: 0,
           class: "h-full flex justify-center items-center",
           title: e.noDataText,
           titleSize: "text-4xl"
         }, null, 8, ["title"]))
       ]),
-      s(H) ? a(e.$slots, "footer", d(A({ key: 2 }, m.value))) : (l(), c("div", Ie, [
-        R(fe, {
-          "items-length": s(J).length,
-          "items-per-page": s(n).itemsPerPage,
-          "current-page": s(n).page,
-          "page-options": s(G),
-          "onUpdate:itemsPerPage": t[2] || (t[2] = (o) => s(n).itemsPerPage = o),
-          "onUpdate:page": t[3] || (t[3] = (o) => s(n).page = o)
+      s(W) ? a(e.$slots, "footer", d(A({ key: 2 }, m.value))) : (o(), c("div", Ie, [
+        N(ye, {
+          "items-length": s(X).length,
+          "items-per-page": s(r).itemsPerPage,
+          "current-page": s(r).page,
+          "page-options": s(J),
+          "onUpdate:itemsPerPage": t[2] || (t[2] = (l) => s(r).itemsPerPage = l),
+          "onUpdate:page": t[3] || (t[3] = (l) => s(r).page = l)
         }, null, 8, ["items-length", "items-per-page", "current-page", "page-options"])
       ])),
-      e.filterable && s(g) ? (l(), y(Se, {
+      e.filterable && s(h) ? (o(), y(Se, {
         key: 3,
         filters: e.filters,
-        modelValue: s(g),
-        "onUpdate:modelValue": t[4] || (t[4] = (o) => he(g) ? g.value = o : null),
+        modelValue: s(h),
+        "onUpdate:modelValue": t[4] || (t[4] = (l) => ge(h) ? h.value = l : null),
         onApplyFilters: s(_),
         onClearFilters: s(ee),
         activeFilters: s(se).byColumn
@@ -194,5 +200,5 @@ const Fe = ["placeholder"], Ae = { key: 0 }, Ee = { key: 5 }, Be = { class: "h-f
   }
 };
 export {
-  Ge as default
+  Xe as default
 };

package/dist/components/KunTable/src/composables/KunTableProps.js

@@ -56,7 +56,8 @@ const t = () => ({
   // Slots control
   customSlots: { type: Object, default: () => ({}) },
   showTopSlot: { type: Boolean, default: !1 },
-  showBottomSlot: { type: Boolean, default: !1 }
+  showBottomSlot: { type: Boolean, default: !1 },
+  functionMap: { type: Object, default: () => ({}) }
 });
 export {
   t as default

package/package.json

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