adverich-kun-ui 0.1.508 → 0.1.509

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

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

package/package.json

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