adverich-kun-ui 0.1.246 → 0.1.248

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

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

package/package.json

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