adverich-kun-ui 0.1.558 → 0.1.559

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

@@ -1,20 +1,20 @@
-import { mergeModels as X, toRefs as ke, useModel as Fe, ref as S, watch as Y, computed as Z, onMounted as Pe, createElementBlock as n, openBlock as t, mergeProps as O, createCommentVNode as a, createElementVNode as T, renderSlot as r, createBlock as k, unref as s, toDisplayString as z, Fragment as _, withCtx as D, createVNode as F, normalizeClass as N, withDirectives as ee, vModelText as Ae, vShow as se, normalizeProps as p, guardReactiveProps as v, createSlots as oe, renderList as te, isRef as Re, nextTick as Me } from "vue";
-import { isMobile as m } from "../../../../utils/_platform.js";
+import { mergeModels as X, toRefs as Fe, useModel as Te, ref as b, watch as Y, computed as Z, onMounted as Pe, createElementBlock as a, openBlock as o, mergeProps as z, createCommentVNode as r, createElementVNode as S, renderSlot as n, createBlock as $, unref as s, toDisplayString as D, Fragment as _, withCtx as j, createVNode as F, normalizeClass as x, withDirectives as ee, vModelText as Ae, vShow as se, normalizeProps as u, guardReactiveProps as g, createSlots as te, renderList as oe, isRef as Ie, nextTick as Ee } from "vue";
+import { isMobile as p } from "../../../../utils/_platform.js";
 import le from "../../../KunIcon/src/components/KunIcon.vue.js";
-import xe from "../../../../icons/IconFilter.vue.js";
-import Ie from "../../../../icons/IconSearch.vue.js";
-import Ee from "./KunTableHeaders.vue.js";
-import Be from "./KunTableFooter.vue.js";
-import He from "./KunTableRows.vue.js";
-import Ve from "./KunTableIterators.vue.js";
-import Oe from "../../../KunBtn/src/components/KunBtn.vue.js";
-import ze from "./KunTableFilter.vue.js";
-import De from "../composables/useExpand.js";
-import Ne from "../composables/useOptions.js";
-import je from "../composables/useSelect.js";
-import Ke from "../composables/useFilter.js";
-import Le from "../composables/KunTableProps.js";
-const Ue = {
+import Be from "../../../../icons/IconFilter.vue.js";
+import Me from "../../../../icons/IconSearch.vue.js";
+import He from "./KunTableHeaders.vue.js";
+import Ve from "./KunTableFooter.vue.js";
+import Oe from "./KunTableRows.vue.js";
+import Re from "./KunTableIterators.vue.js";
+import ze from "../../../KunBtn/src/components/KunBtn.vue.js";
+import De from "./KunTableFilter.vue.js";
+import je from "../composables/useExpand.js";
+import xe from "../composables/useOptions.js";
+import Le from "../composables/useSelect.js";
+import Ue from "../composables/useFilter.js";
+import Ne from "../composables/KunTableProps.js";
+const Ke = {
   key: 0,
   class: "p-2 bg-surface print:hidden flex w-full justify-between"
 }, We = {
@@ -29,252 +29,244 @@ const Ue = {
 }, es = { class: "text-center text-4xl" }, ss = {
   key: 1,
   class: "sticky bottom-0 z-10 print:hidden"
-}, os = "overflow-hidden h-full w-full flex flex-col border border-slate-200 dark:border-slate-800 rounded", ts = "table-auto w-full h-fit text-sm text-left", Ss = {
+}, ts = "overflow-hidden h-full w-full flex flex-col border border-slate-200 dark:border-slate-800 rounded", os = "table-auto w-full h-fit text-sm text-left", Ss = {
   __name: "KunTable",
-  props: /* @__PURE__ */ X(Le(), {
+  props: /* @__PURE__ */ X(Ne(), {
     selectedItems: { type: Array, default: () => [] },
     selectedItemsModifiers: {}
   }),
   emits: /* @__PURE__ */ X(["update:page", "update:itemsPerPage", "update:sortBy", "update:search", "focusOnSearch"], ["update:selectedItems"]),
-  setup(j, { emit: ne }) {
-    const C = ne, f = j, P = ke(f), w = Fe(j, "selectedItems"), {
-      headers: K,
-      showExpand: A,
-      showSelect: R,
-      rowClass: L,
-      hideDefaultFooter: ae,
-      hideDefaultHeader: re,
+  setup(L, { emit: ae }) {
+    const C = ae, m = L, T = Fe(m), v = Te(L, "selectedItems"), {
+      headers: U,
+      showExpand: P,
+      showSelect: A,
+      rowClass: N,
+      hideDefaultFooter: re,
+      hideDefaultHeader: ne,
       tableClass: ie,
       wrapperClass: ce,
-      pageOptions: ue,
+      pageOptions: de,
       items: ls,
-      searchable: U,
-      debounceTime: de
-    } = P, y = S(f.search);
-    Y(() => f.search, (e) => {
+      searchable: K,
+      debounceTime: ue
+    } = T, y = b(m.search);
+    Y(() => m.search, (e) => {
       e !== y.value && (y.value = e);
     });
-    const M = Z(() => f.headers.map((e) => {
-      var l, d;
-      const o = { ...e };
+    const I = Z(() => m.headers.map((e) => {
+      var l;
+      const t = { ...e };
       if (e.columnType === "function" && typeof e.columnFunction == "string") {
-        const i = (l = f.functionMap) == null ? void 0 : l[e.columnFunction];
-        typeof i == "function" ? o.columnFunction = i : (console.log(`columnType: ${e.columnType}`), console.log(`columnFunction: ${e.columnFunction}`), console.warn(
-          `[KunTable] No se encontró la función "${e.columnFunction}" en functionMap`
-        ), o.columnFunction = () => "");
+        const d = (l = m.functionMap) == null ? void 0 : l[e.columnFunction];
+        typeof d == "function" ? t.columnFunction = d : t.columnFunction = () => "";
       }
-      if (e.columnFormat === "function" && typeof e.columnRowText == "string") {
-        const i = (d = f.functionMap) == null ? void 0 : d[e.columnRowText];
-        typeof i == "function" ? o.columnRowText = i : (console.log(`columnType: ${e.columnType}`), console.log(`columnFunction: ${e.columnFunction}`), console.log(`columnRowText: ${e.columnRowText}`), console.warn(
-          `[KunTable] No se encontró la función "${e.columnRowText}" en functionMap`
-        ), o.columnRowText = () => "");
-      }
-      return o;
-    })), { filteredItems: g, setSearch: pe, modalFilter: b, applyColumnFilters: me, clearFilters: fe, appliedFilters: ge } = Ke(P, de, M);
+      return t;
+    })), { filteredItems: f, setSearch: pe, modalFilter: w, applyColumnFilters: me, clearFilters: fe, appliedFilters: he } = Ue(T, ue, I);
     Y(y, (e) => {
       C("update:search", e), pe(e);
     });
-    const { options: c, paginatedItems: u, updateSort: he } = Ne(P, C, g), { isSelected: x, toggleSelect: I, toggleSelectAll: ve, allSelected: we, someSelected: ye, moreThanPaginated: be, clearSelection: W, selectCompleteAll: Q } = je(u, w, g), { isExpanded: E, toggleExpand: B } = De(), h = Z(() => ({
-      items: u.value,
-      headers: K.value,
-      page: c.page,
-      itemsPerPage: c.itemsPerPage,
-      toggleSelect: I,
-      isSelected: x,
-      toggleExpand: B,
-      isExpanded: E,
-      sortBy: c.sortBy,
-      hasActions: f.hasActions
-    })), Se = [os, ce.value], Te = [ts, ie.value];
+    const { options: i, paginatedItems: c, updateSort: ge } = xe(T, C, f), { isSelected: E, toggleSelect: B, toggleSelectAll: ve, allSelected: ye, someSelected: we, moreThanPaginated: be, clearSelection: W, selectCompleteAll: Q } = Le(c, v, f), { isExpanded: M, toggleExpand: H } = je(), h = Z(() => ({
+      items: c.value,
+      headers: U.value,
+      page: i.page,
+      itemsPerPage: i.itemsPerPage,
+      toggleSelect: B,
+      isSelected: E,
+      toggleExpand: H,
+      isExpanded: M,
+      sortBy: i.sortBy,
+      hasActions: m.hasActions
+    })), Se = [ts, ce.value], Ce = [os, ie.value];
     Pe(() => G());
-    const q = S(null), H = S(!0), $ = S(!1);
-    function Ce() {
+    const q = b(null), V = b(!0), k = b(!1);
+    function ke() {
       $e();
     }
     function $e() {
-      m.value && (J(), Me(() => {
+      p.value && (J(), Ee(() => {
         q.value.focus();
       }));
     }
     function G() {
-      m.value && (V.value = "w-fit", H.value = !1, $.value = !0, C("focusOnSearch", !1));
+      p.value && (O.value = "w-fit", V.value = !1, k.value = !0, C("focusOnSearch", !1));
     }
     function J() {
-      m.value && (V.value = "w-full border", $.value = !1, H.value = !0, C("focusOnSearch", !0));
+      p.value && (O.value = "w-full border", k.value = !1, V.value = !0, C("focusOnSearch", !0));
     }
-    const V = S("w-full border max-w-sm");
-    return (e, o) => (t(), n("div", O({ class: Se }, e.$attrs, { style: { "user-select": "text" } }), [
-      s(U) || e.filterable || e.$slots.prependHeader || e.$slots.prependSearch || e.$slots.appendSearch ? (t(), n("div", Ue, [
-        $.value || !s(m) ? (t(), n("div", We, [
-          r(e.$slots, "prependHeader")
-        ])) : a("", !0),
-        w.value.length ? (t(), n("div", Qe, [
-          T("span", qe, "Se han seleccionado " + z(w.value.length) + " registros.", 1),
-          s(u).length !== s(g).length ? (t(), n(_, { key: 0 }, [
-            s(u).length === w.value.length ? (t(), n("span", {
+    const O = b("w-full border max-w-sm");
+    return (e, t) => (o(), a("div", z({ class: Se }, e.$attrs, { style: { "user-select": "text" } }), [
+      s(K) || e.filterable || e.$slots.prependHeader || e.$slots.prependSearch || e.$slots.appendSearch ? (o(), a("div", Ke, [
+        k.value || !s(p) ? (o(), a("div", We, [
+          n(e.$slots, "prependHeader")
+        ])) : r("", !0),
+        v.value.length ? (o(), a("div", Qe, [
+          S("span", qe, "Se han seleccionado " + D(v.value.length) + " registros.", 1),
+          s(c).length !== s(f).length ? (o(), a(_, { key: 0 }, [
+            s(c).length === v.value.length ? (o(), a("span", {
               key: 0,
-              onClick: o[0] || (o[0] = (...l) => s(Q) && s(Q)(...l)),
+              onClick: t[0] || (t[0] = (...l) => s(Q) && s(Q)(...l)),
               class: "bg-secondary hover:!bg-blue-500 rounded cursor-pointer px-2 ml-2"
-            }, " Seleccionar todos los " + z(s(g).length) + " registros ", 1)) : a("", !0),
-            s(g).length === w.value.length ? (t(), n("span", {
+            }, " Seleccionar todos los " + D(s(f).length) + " registros ", 1)) : r("", !0),
+            s(f).length === v.value.length ? (o(), a("span", {
               key: 1,
-              onClick: o[1] || (o[1] = (...l) => s(W) && s(W)(...l)),
+              onClick: t[1] || (t[1] = (...l) => s(W) && s(W)(...l)),
               class: "bg-secondary hover:!bg-blue-500 rounded cursor-pointer px-2 ml-2"
-            }, " Anular selección ")) : a("", !0)
-          ], 64)) : a("", !0)
-        ])) : a("", !0),
-        T("div", Ge, [
-          r(e.$slots, "prependSearch"),
-          e.filterable && e.filters.length ? (t(), k(Oe, {
+            }, " Anular selección ")) : r("", !0)
+          ], 64)) : r("", !0)
+        ])) : r("", !0),
+        S("div", Ge, [
+          n(e.$slots, "prependSearch"),
+          e.filterable && e.filters.length ? (o(), $(ze, {
             key: 0,
             class: "h-fit",
-            onClick: o[2] || (o[2] = (l) => b.value = !0),
+            onClick: t[2] || (t[2] = (l) => w.value = !0),
             rounded: "rounded-full",
             size: "xs",
             bgColor: "bg-green-200 dark:bg-green-800"
           }, {
-            default: D(() => [
+            default: j(() => [
               F(le, {
                 class: "h-fit",
-                icon: xe,
+                icon: Be,
                 size: "text-lg"
               })
             ]),
             _: 1
-          })) : a("", !0),
-          s(U) ? (t(), n("div", {
+          })) : r("", !0),
+          s(K) ? (o(), a("div", {
             key: 1,
-            class: N(["rounded flex mx-2", [V.value]])
+            class: x(["rounded flex mx-2", [O.value]])
           }, [
-            ee(T("input", {
-              "onUpdate:modelValue": o[3] || (o[3] = (l) => y.value = l),
+            ee(S("input", {
+              "onUpdate:modelValue": t[3] || (t[3] = (l) => y.value = l),
               type: "text",
               placeholder: e.searchPlaceholder,
-              class: N(["w-full text-sm", s(m) ? "px-1" : "px-2 py-1"]),
+              class: x(["w-full text-sm", s(p) ? "px-1" : "px-2 py-1"]),
               ref_key: "searchRef",
               ref: q,
               onFocus: J,
               onBlur: G
             }, null, 42, Je), [
               [Ae, y.value],
-              [se, H.value]
+              [se, V.value]
             ]),
             ee(F(le, {
-              icon: Ie,
-              onClick: Ce
+              icon: Me,
+              onClick: ke
             }, null, 512), [
-              [se, $.value]
+              [se, k.value]
             ])
-          ], 2)) : a("", !0),
-          r(e.$slots, "appendSearch")
+          ], 2)) : r("", !0),
+          n(e.$slots, "appendSearch")
         ])
-      ])) : a("", !0),
-      T("div", Xe, [
-        s(u).length ? (t(), n("table", {
+      ])) : r("", !0),
+      S("div", Xe, [
+        s(c).length ? (o(), a("table", {
           key: 0,
-          class: N(Te)
+          class: x(Ce)
         }, [
-          e.$slots.colgroup && !s(m) ? (t(), n("colgroup", Ye, [
-            r(e.$slots, "colgroup", p(v(h.value)))
-          ])) : a("", !0),
-          !s(re) && !s(m) ? (t(), k(Ee, {
+          e.$slots.colgroup && !s(p) ? (o(), a("colgroup", Ye, [
+            n(e.$slots, "colgroup", u(g(h.value)))
+          ])) : r("", !0),
+          !s(ne) && !s(p) ? (o(), $(He, {
             key: 1,
-            headers: s(K),
-            "sort-by": s(c).sortBy,
-            "show-select": s(R),
-            "show-expand": s(A),
-            "all-selected": s(we),
+            headers: s(U),
+            "sort-by": s(i).sortBy,
+            "show-select": s(A),
+            "show-expand": s(P),
+            "all-selected": s(ye),
             "more-than-paginated": s(be),
-            "some-selected": s(ye),
+            "some-selected": s(we),
             "thead-class": e.theadClass,
             "tr-class": e.trClass,
             "th-class": e.thClass,
             "has-actions": e.hasActions,
             "action-label": e.actionLabel,
-            onSort: s(he),
+            onSort: s(ge),
             onToggleSelectAll: s(ve),
             customHeaders: e.customSlots
-          }, null, 8, ["headers", "sort-by", "show-select", "show-expand", "all-selected", "more-than-paginated", "some-selected", "thead-class", "tr-class", "th-class", "has-actions", "action-label", "onSort", "onToggleSelectAll", "customHeaders"])) : r(e.$slots, "thead", p(O({ key: 2 }, h.value))),
-          s(m) ? (t(), k(Ve, {
+          }, null, 8, ["headers", "sort-by", "show-select", "show-expand", "all-selected", "more-than-paginated", "some-selected", "thead-class", "tr-class", "th-class", "has-actions", "action-label", "onSort", "onToggleSelectAll", "customHeaders"])) : n(e.$slots, "thead", u(z({ key: 2 }, h.value))),
+          s(p) ? (o(), $(Re, {
             key: 4,
-            items: s(u),
-            headers: M.value,
-            "row-class": s(L),
+            items: s(c),
+            headers: I.value,
+            "row-class": s(N),
             "row-class-condition": e.rowClassCondition,
-            "is-selected": s(x),
-            "is-expanded": s(E),
-            "show-select": s(R),
-            "show-expand": s(A),
+            "is-selected": s(E),
+            "is-expanded": s(M),
+            "show-select": s(A),
+            "show-expand": s(P),
             "has-actions": e.hasActions,
             "action-loading-map": e.actionLoadingMap,
-            onToggleExpand: s(B),
-            onToggleSelect: s(I),
+            onToggleExpand: s(H),
+            onToggleSelect: s(B),
             customSlots: e.customSlots
-          }, oe({ _: 2 }, [
-            te(e.$slots, (l, d) => ({
+          }, te({ _: 2 }, [
+            oe(e.$slots, (l, d) => ({
               name: d,
-              fn: D((i) => [
-                r(e.$slots, d, p(v(i)))
+              fn: j((R) => [
+                n(e.$slots, d, u(g(R)))
               ])
             }))
-          ]), 1032, ["items", "headers", "row-class", "row-class-condition", "is-selected", "is-expanded", "show-select", "show-expand", "has-actions", "action-loading-map", "onToggleExpand", "onToggleSelect", "customSlots"])) : (t(), n(_, { key: 3 }, [
-            r(e.$slots, "body.prepend", p(v(h.value))),
-            F(He, {
-              items: s(u),
-              headers: M.value,
+          ]), 1032, ["items", "headers", "row-class", "row-class-condition", "is-selected", "is-expanded", "show-select", "show-expand", "has-actions", "action-loading-map", "onToggleExpand", "onToggleSelect", "customSlots"])) : (o(), a(_, { key: 3 }, [
+            n(e.$slots, "body.prepend", u(g(h.value))),
+            F(Oe, {
+              items: s(c),
+              headers: I.value,
               "tbody-class": e.tbodyClass,
-              "row-class": s(L),
+              "row-class": s(N),
               "row-class-condition": e.rowClassCondition,
               "tr-class": e.trClass,
               "td-class": e.tdClass,
               "selected-class": e.selectedClass,
               "striped-class": e.stripedClass,
-              "is-selected": s(x),
-              "is-expanded": s(E),
-              "show-select": s(R),
-              "show-expand": s(A),
+              "is-selected": s(E),
+              "is-expanded": s(M),
+              "show-select": s(A),
+              "show-expand": s(P),
               "has-actions": e.hasActions,
               "action-loading-map": e.actionLoadingMap,
-              onToggleExpand: s(B),
-              onToggleSelect: s(I),
+              onToggleExpand: s(H),
+              onToggleSelect: s(B),
               customSlots: e.customSlots
-            }, oe({ _: 2 }, [
-              te(e.$slots, (l, d) => ({
+            }, te({ _: 2 }, [
+              oe(e.$slots, (l, d) => ({
                 name: d,
-                fn: D((i) => [
-                  r(e.$slots, d, p(v(i)))
+                fn: j((R) => [
+                  n(e.$slots, d, u(g(R)))
                 ])
               }))
             ]), 1032, ["items", "headers", "tbody-class", "row-class", "row-class-condition", "tr-class", "td-class", "selected-class", "striped-class", "is-selected", "is-expanded", "show-select", "show-expand", "has-actions", "action-loading-map", "onToggleExpand", "onToggleSelect", "customSlots"]),
-            r(e.$slots, "body.append", p(v(h.value)))
+            n(e.$slots, "body.append", u(g(h.value)))
           ], 64)),
-          e.$slots.tfoot ? (t(), n("tfoot", Ze, [
-            r(e.$slots, "tfoot", p(v(h.value)))
-          ])) : a("", !0)
-        ])) : a("", !0),
-        s(u).length ? a("", !0) : (t(), n("div", _e, [
-          T("div", es, z(e.noDataText), 1)
+          e.$slots.tfoot ? (o(), a("tfoot", Ze, [
+            n(e.$slots, "tfoot", u(g(h.value)))
+          ])) : r("", !0)
+        ])) : r("", !0),
+        s(c).length ? r("", !0) : (o(), a("div", _e, [
+          S("div", es, D(e.noDataText), 1)
         ]))
       ]),
-      s(ae) ? r(e.$slots, "footer", p(O({ key: 2 }, h.value))) : (t(), n("div", ss, [
-        F(Be, {
-          "items-length": s(g).length,
-          "items-per-page": s(c).itemsPerPage,
-          "current-page": s(c).page,
-          "page-options": s(ue),
-          "onUpdate:itemsPerPage": o[4] || (o[4] = (l) => s(c).itemsPerPage = l),
-          "onUpdate:page": o[5] || (o[5] = (l) => s(c).page = l)
+      s(re) ? n(e.$slots, "footer", u(z({ key: 2 }, h.value))) : (o(), a("div", ss, [
+        F(Ve, {
+          "items-length": s(f).length,
+          "items-per-page": s(i).itemsPerPage,
+          "current-page": s(i).page,
+          "page-options": s(de),
+          "onUpdate:itemsPerPage": t[4] || (t[4] = (l) => s(i).itemsPerPage = l),
+          "onUpdate:page": t[5] || (t[5] = (l) => s(i).page = l)
         }, null, 8, ["items-length", "items-per-page", "current-page", "page-options"])
       ])),
-      e.filterable && s(b) ? (t(), k(ze, {
+      e.filterable && s(w) ? (o(), $(De, {
         key: 3,
         filters: e.filters,
-        modelValue: s(b),
-        "onUpdate:modelValue": o[6] || (o[6] = (l) => Re(b) ? b.value = l : null),
+        modelValue: s(w),
+        "onUpdate:modelValue": t[6] || (t[6] = (l) => Ie(w) ? w.value = l : null),
         onApplyFilters: s(me),
         onClearFilters: s(fe),
-        activeFilters: s(ge).byColumn
-      }, null, 8, ["filters", "modelValue", "onApplyFilters", "onClearFilters", "activeFilters"])) : a("", !0)
+        activeFilters: s(he).byColumn
+      }, null, 8, ["filters", "modelValue", "onApplyFilters", "onClearFilters", "activeFilters"])) : r("", !0)
     ], 16));
   }
 };

package/package.json

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