adverich-kun-ui 0.1.501 → 0.1.503

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

@@ -1,17 +1,17 @@
-import { useSlots as O, useAttrs as W, computed as r, ref as E, createBlock as i, openBlock as l, resolveDynamicComponent as c, mergeProps as N, unref as T, withCtx as V, createElementVNode as x, normalizeClass as y, renderSlot as u, createCommentVNode as d, createVNode as F, createElementBlock as m, createTextVNode as D, toDisplayString as L, h as q } from "vue";
-import { RouterLink as H } from "vue-router";
-import K from "../../../KunLoaderCircular/src/components/KunLoaderCircular.vue.js";
-import P from "../../../KunIcon/src/components/KunIcon.vue.js";
-const R = { class: "absolute inset-0 flex items-center justify-center z-10" }, G = {
+import { useSlots as E, useAttrs as K, computed as a, ref as N, createBlock as u, openBlock as o, resolveDynamicComponent as c, mergeProps as T, unref as V, withCtx as F, createElementVNode as m, normalizeClass as v, renderSlot as d, createCommentVNode as f, createVNode as D, createElementBlock as g, createTextVNode as L, toDisplayString as q, h as H } from "vue";
+import { RouterLink as P } from "vue-router";
+import R from "../../../KunLoaderCircular/src/components/KunLoaderCircular.vue.js";
+import G from "../../../KunIcon/src/components/KunIcon.vue.js";
+const J = { class: "absolute inset-0 flex items-center justify-center z-10" }, M = {
   key: 0,
   class: "mr-2 flex items-center"
-}, J = {
+}, Q = {
   key: 1,
   class: "truncate flex items-center justify-center"
-}, M = {
+}, U = {
   key: 2,
   class: "ml-2 flex items-center"
-}, Z = {
+}, ee = {
   __name: "KunBtn",
   props: {
     text: String,
@@ -47,13 +47,14 @@ const R = { class: "absolute inset-0 flex items-center justify-center z-10" }, G
     iconSize: { type: String, default: null },
     focusColor: { type: String, default: null }
   },
-  setup(n, { expose: v }) {
-    const g = O(), a = W(), t = n, k = r(() => !!t.to || !!t.href), S = r(() => !k.value), $ = r(() => t.href ? "a" : t.to ? H : "button"), f = (e) => !e || e === !1 || e === !0 && !t.icon ? null : q(P, {
+  emits: ["click", "keydown", "keyup", "keypress"],
+  setup(n, { expose: k, emit: S }) {
+    const y = E(), l = K(), t = n, i = S, $ = a(() => !!t.to || !!t.href), w = a(() => !$.value), C = a(() => t.href ? "a" : t.to ? P : "button"), p = (e) => !e || e === !1 || e === !0 && !t.icon ? null : H(G, {
       icon: e,
-      size: z.value,
+      size: j.value,
       color: t.textColor ?? "text-font-color",
       disabled: t.disabled
-    }), w = r(() => t.href ? {
+    }), z = a(() => t.href ? {
       href: t.href,
       target: t.target ?? "_self",
       rel: t.target === "_blank" ? "noopener noreferrer" : null
@@ -63,7 +64,7 @@ const R = { class: "absolute inset-0 flex items-center justify-center z-10" }, G
     } : {
       type: "button",
       disabled: t.loading || t.disabled
-    }), C = (e) => {
+    }), B = (e) => {
       switch (e) {
         case "xxs":
           return "px-1 py-1 text-xs";
@@ -82,7 +83,7 @@ const R = { class: "absolute inset-0 flex items-center justify-center z-10" }, G
         default:
           return "px-3 py-2 text-sm";
       }
-    }, z = r(() => {
+    }, j = a(() => {
       if (t.iconSize) return t.iconSize;
       switch (t.size) {
         case "xxs":
@@ -102,7 +103,7 @@ const R = { class: "absolute inset-0 flex items-center justify-center z-10" }, G
         default:
           return "text-base";
       }
-    }), B = r(() => {
+    }), I = a(() => {
       const e = t.bgColor, s = t.textColor;
       switch (t.variant) {
         case "default":
@@ -120,27 +121,27 @@ const R = { class: "absolute inset-0 flex items-center justify-center z-10" }, G
         default:
           return `${e} ${s}`;
       }
-    }), j = r(() => !!t.text), h = r(() => {
-      var e, s, o;
-      return ((e = a.class) == null ? void 0 : e.includes("w-")) || ((s = a.class) == null ? void 0 : s.includes("min-w-")) || ((o = a.class) == null ? void 0 : o.includes("max-w-"));
-    }), I = r(() => {
-      var e, s, o;
-      return ((e = a.class) == null ? void 0 : e.includes("h-")) || ((s = a.class) == null ? void 0 : s.includes("min-h-")) || ((o = a.class) == null ? void 0 : o.includes("max-h-"));
-    }), p = r(() => {
+    }), A = a(() => !!t.text), h = a(() => {
+      var e, s, r;
+      return ((e = l.class) == null ? void 0 : e.includes("w-")) || ((s = l.class) == null ? void 0 : s.includes("min-w-")) || ((r = l.class) == null ? void 0 : r.includes("max-w-"));
+    }), O = a(() => {
+      var e, s, r;
+      return ((e = l.class) == null ? void 0 : e.includes("h-")) || ((s = l.class) == null ? void 0 : s.includes("min-h-")) || ((r = l.class) == null ? void 0 : r.includes("max-h-"));
+    }), x = a(() => {
       var s;
-      const e = ((s = t.text) == null ? void 0 : s.length) === 1 && !g.default && !t.icon;
-      return !!t.icon && !t.text && !g.default || e;
-    }), A = r(() => {
+      const e = ((s = t.text) == null ? void 0 : s.length) === 1 && !y.default && !t.icon;
+      return !!t.icon && !t.text && !y.default || e;
+    }), W = a(() => {
       const e = [
         "inline-flex items-center justify-center break-keep transition-all whitespace-nowrap",
-        p.value ? "" : C(t.size),
+        x.value ? "" : B(t.size),
         t.fontWeight,
         t.rounded,
         t.textAlign,
-        B.value,
+        I.value,
         "relative"
       ];
-      if (a.class && e.push(a.class), p.value)
+      if (l.class && e.push(l.class), x.value)
         switch (e.push("aspect-square justify-center items-center"), t.size) {
           case "xxs":
             e.push("p-1");
@@ -174,49 +175,53 @@ const R = { class: "absolute inset-0 flex items-center justify-center z-10" }, G
         "transition duration-100 ease-in-out",
         "cursor-pointer",
         t.focusColor ? `${t.focusColor}` : ""
-      ) : (e.push("pointer-events-none"), t.disabled && e.push("opacity-50 cursor-not-allowed")), j.value && !p.value && !h.value && e.push(t.minWidth), e.filter(Boolean);
-    }), b = E(null);
-    return v({
+      ) : (e.push("pointer-events-none"), t.disabled && e.push("opacity-50 cursor-not-allowed")), A.value && !x.value && !h.value && e.push(t.minWidth), e.filter(Boolean);
+    }), b = N(null);
+    return k({
       focus: () => {
         var e, s;
         return (s = (e = b.value) == null ? void 0 : e.focus) == null ? void 0 : s.call(e);
       }
-    }), (e, s) => (l(), i(c($.value), N({
+    }), (e, s) => (o(), u(c(C.value), T({
       ref_key: "rootEl",
       ref: b
-    }, w.value, {
-      class: A.value,
-      style: T(a).style,
-      disabled: S.value && (n.loading || n.disabled)
+    }, z.value, {
+      class: W.value,
+      style: V(l).style,
+      disabled: w.value && (n.loading || n.disabled),
+      onClick: s[0] || (s[0] = (r) => i("click", r)),
+      onKeydown: s[1] || (s[1] = (r) => i("keydown", r)),
+      onKeyup: s[2] || (s[2] = (r) => i("keyup", r)),
+      onKeypress: s[3] || (s[3] = (r) => i("keypress", r))
     }), {
-      default: V(() => [
-        x("div", {
-          class: y(["relative flex items-center justify-center", h.value ? "" : "w-full", I.value ? "" : "h-full"])
+      default: F(() => [
+        m("div", {
+          class: v(["relative flex items-center justify-center", h.value ? "" : "w-full", O.value ? "" : "h-full"])
         }, [
-          n.loading ? u(e.$slots, "loader", { key: 0 }, () => [
-            x("div", R, [
-              F(K, {
+          n.loading ? d(e.$slots, "loader", { key: 0 }, () => [
+            m("div", J, [
+              D(R, {
                 size: "20",
                 width: "5"
               })
             ])
-          ]) : d("", !0),
-          x("div", {
-            class: y([{ "opacity-50": n.loading }, "flex items-center justify-center w-full h-full"])
+          ]) : f("", !0),
+          m("div", {
+            class: v([{ "opacity-50": n.loading }, "flex items-center justify-center w-full h-full"])
           }, [
-            e.$slots.prepend || n.prependIcon ? (l(), m("span", G, [
-              u(e.$slots, "prepend"),
-              (l(), i(c(f(n.prependIcon))))
-            ])) : d("", !0),
-            n.text || e.$slots.default || n.icon ? (l(), m("span", J, [
-              n.icon && !n.text && !e.$slots.default ? (l(), i(c(f(n.icon)), { key: 0 })) : u(e.$slots, "default", { key: 1 }, () => [
-                D(L(n.text), 1)
+            e.$slots.prepend || n.prependIcon ? (o(), g("span", M, [
+              d(e.$slots, "prepend"),
+              (o(), u(c(p(n.prependIcon))))
+            ])) : f("", !0),
+            n.text || e.$slots.default || n.icon ? (o(), g("span", Q, [
+              n.icon && !n.text && !e.$slots.default ? (o(), u(c(p(n.icon)), { key: 0 })) : d(e.$slots, "default", { key: 1 }, () => [
+                L(q(n.text), 1)
               ])
-            ])) : d("", !0),
-            e.$slots.append || n.appendIcon ? (l(), m("span", M, [
-              u(e.$slots, "append"),
-              (l(), i(c(f(n.appendIcon))))
-            ])) : d("", !0)
+            ])) : f("", !0),
+            e.$slots.append || n.appendIcon ? (o(), g("span", U, [
+              d(e.$slots, "append"),
+              (o(), u(c(p(n.appendIcon))))
+            ])) : f("", !0)
           ], 2)
         ], 2)
       ]),
@@ -225,5 +230,5 @@ const R = { class: "absolute inset-0 flex items-center justify-center z-10" }, G
   }
 };
 export {
-  Z as default
+  ee as default
 };

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

@@ -1,4 +1,4 @@
-import { mergeModels as Q, toRefs as Se, useModel as be, ref as v, watch as q, computed as G, onMounted as Ce, createElementBlock as r, openBlock as l, mergeProps as O, createCommentVNode as u, createElementVNode as j, renderSlot as a, createBlock as b, unref as s, normalizeClass as C, withCtx as x, createVNode as T, withDirectives as J, vModelText as Te, vShow as X, normalizeProps as d, guardReactiveProps as g, Fragment as Fe, createSlots as Y, renderList as Z, toDisplayString as $e, isRef as ke, nextTick as Pe } from "vue";
+import { mergeModels as Q, toRefs as Se, useModel as be, ref as y, watch as q, computed as G, onMounted as Ce, createElementBlock as r, openBlock as l, mergeProps as O, createCommentVNode as u, createElementVNode as b, renderSlot as a, createBlock as C, unref as s, normalizeClass as T, withCtx as j, createVNode as F, withDirectives as J, vModelText as Te, vShow as X, normalizeProps as d, guardReactiveProps as g, Fragment as Fe, createSlots as Y, renderList as Z, toDisplayString as $e, isRef as ke, nextTick as Pe } from "vue";
 import { isMobile as m } from "../../../../utils/_platform.js";
 import _ from "../../../KunIcon/src/components/KunIcon.vue.js";
 import Me from "../../../../icons/IconFilter.vue.js";
@@ -8,19 +8,19 @@ import Re from "./KunTableFooter.vue.js";
 import Ee from "./KunTableRows.vue.js";
 import Be from "./KunTableIterators.vue.js";
 import Ve from "../../../KunBtn/src/components/KunBtn.vue.js";
-import Oe from "./KunTableFilter.vue.js";
-import je from "../composables/useExpand.js";
-import xe from "../composables/useOptions.js";
+import xe from "./KunTableFilter.vue.js";
+import Oe from "../composables/useExpand.js";
+import je from "../composables/useOptions.js";
 import ze from "../composables/useSelect.js";
 import De from "../composables/useFilter.js";
 import He from "../composables/KunTableProps.js";
-const Ne = ["placeholder"], Ke = { class: "flex-1 overflow-auto bg-surface" }, Le = { key: 0 }, Ue = { key: 5 }, We = {
+const Ne = { class: "w-full flex items-left" }, Ke = ["placeholder"], Le = { class: "flex-1 overflow-auto bg-surface" }, Ue = { key: 0 }, We = { key: 5 }, Qe = {
   key: 1,
   class: "h-full flex justify-center items-center"
-}, Qe = { class: "text-center text-4xl" }, qe = {
+}, qe = { class: "text-center text-4xl" }, Ge = {
   key: 1,
   class: "sticky bottom-0 z-10 print:hidden"
-}, Ge = "overflow-hidden 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", ms = {
+}, Je = "overflow-hidden h-full w-full flex flex-col border border-slate-200 dark:border-slate-800 rounded", Xe = "table-auto w-full h-fit text-sm text-left", fs = {
   __name: "KunTable",
   props: /* @__PURE__ */ Q(He(), {
     selectedItems: { type: Array, default: () => [] },
@@ -28,24 +28,24 @@ const Ne = ["placeholder"], Ke = { class: "flex-1 overflow-auto bg-surface" }, L
   }),
   emits: /* @__PURE__ */ Q(["update:page", "update:itemsPerPage", "update:sortBy", "update:search", "focusOnSearch"], ["update:selectedItems"]),
   setup(z, { emit: ee }) {
-    const S = ee, p = z, F = Se(p), se = be(z, "selectedItems"), {
+    const S = ee, p = z, $ = Se(p), se = be(z, "selectedItems"), {
       headers: D,
-      showExpand: $,
-      showSelect: k,
+      showExpand: k,
+      showSelect: P,
       rowClass: H,
       hideDefaultFooter: oe,
       hideDefaultHeader: te,
       tableClass: le,
       wrapperClass: ae,
       pageOptions: ne,
-      items: Xe,
+      items: Ye,
       searchable: N,
       debounceTime: re
-    } = F, w = v(p.search);
+    } = $, w = y(p.search);
     q(() => p.search, (e) => {
       e !== w.value && (w.value = e);
     });
-    const P = G(() => p.headers.map((e) => {
+    const M = G(() => p.headers.map((e) => {
       var t, c;
       const o = { ...e };
       if ((e.columnType === "function" || e.columnType == "objectFunction" || e.columnType == "simpleFunction") && typeof e.columnFunction == "string") {
@@ -61,59 +61,61 @@ const Ne = ["placeholder"], Ke = { class: "flex-1 overflow-auto bg-surface" }, L
         ), o.columnRowText = () => "");
       }
       return o;
-    })), { filteredItems: K, setSearch: ie, modalFilter: y, applyColumnFilters: ce, clearFilters: ue, appliedFilters: de } = De(F, re, P);
+    })), { filteredItems: K, setSearch: ie, modalFilter: v, applyColumnFilters: ce, clearFilters: ue, appliedFilters: de } = De($, re, M);
     q(w, (e) => {
       S("update:search", e), ie(e);
     });
-    const { options: i, paginatedItems: f, updateSort: pe } = xe(F, S, K), { isSelected: M, toggleSelect: A, toggleSelectAll: me, allSelected: fe, someSelected: he } = ze(f, se), { isExpanded: I, toggleExpand: R } = je(), h = G(() => ({
+    const { options: i, paginatedItems: f, updateSort: pe } = je($, S, K), { isSelected: A, toggleSelect: I, toggleSelectAll: me, allSelected: fe, someSelected: he } = ze(f, se), { isExpanded: R, toggleExpand: E } = Oe(), h = G(() => ({
       items: f.value,
       headers: D.value,
       page: i.page,
       itemsPerPage: i.itemsPerPage,
-      toggleSelect: A,
-      isSelected: M,
-      toggleExpand: R,
-      isExpanded: I,
+      toggleSelect: I,
+      isSelected: A,
+      toggleExpand: E,
+      isExpanded: R,
       sortBy: i.sortBy,
       hasActions: p.hasActions
-    })), ge = [Ge, ae.value], we = [Je, le.value];
+    })), ge = [Je, ae.value], we = [Xe, le.value];
     Ce(() => U());
-    const L = v(null), E = v(!0), B = v(!1);
-    function ye() {
-      ve();
-    }
+    const L = y(null), B = y(!0), V = y(!1);
     function ve() {
+      ye();
+    }
+    function ye() {
       m.value && (W(), Pe(() => {
         L.value.focus();
       }));
     }
     function U() {
-      m.value && (V.value = "w-fit", E.value = !1, B.value = !0, S("focusOnSearch", !1));
+      m.value && (x.value = "w-fit", B.value = !1, V.value = !0, S("focusOnSearch", !1));
     }
     function W() {
-      m.value && (V.value = "w-full border", B.value = !1, E.value = !0, S("focusOnSearch", !0));
+      m.value && (x.value = "w-full border", V.value = !1, B.value = !0, S("focusOnSearch", !0));
     }
-    const V = v("w-full border max-w-sm");
+    const x = y("w-full border max-w-sm");
     return (e, o) => (l(), r("div", O({ class: ge }, e.$attrs, { style: { "user-select": "text" } }), [
       s(N) || e.filterable || e.$slots.prependSearch || e.$slots.appendSearch ? (l(), r("div", {
         key: 0,
-        class: C(["p-2 bg-surface print:hidden", {
+        class: T(["p-2 bg-surface print:hidden", {
           "justify-start flex": e.searchPosition === "start",
           "justify-center flex": e.searchPosition === "center",
           "justify-end flex": e.searchPosition === "end"
         }])
       }, [
-        a(e.$slots, "prependSearch"),
-        e.filterable && e.filters.length ? (l(), b(Ve, {
+        b("div", Ne, [
+          a(e.$slots, "prependSearch")
+        ]),
+        e.filterable && e.filters.length ? (l(), C(Ve, {
           key: 0,
           class: "h-fit",
-          onClick: o[0] || (o[0] = (t) => y.value = !0),
+          onClick: o[0] || (o[0] = (t) => v.value = !0),
           rounded: "rounded-full",
           size: "xs",
           bgColor: "bg-green-200 dark:bg-green-800"
         }, {
-          default: x(() => [
-            T(_, {
+          default: j(() => [
+            F(_, {
               class: "h-fit",
               icon: Me,
               size: "text-lg"
@@ -123,44 +125,44 @@ const Ne = ["placeholder"], Ke = { class: "flex-1 overflow-auto bg-surface" }, L
         })) : u("", !0),
         s(N) ? (l(), r("div", {
           key: 1,
-          class: C(["rounded flex mx-2", [V.value]])
+          class: T(["rounded flex mx-2", [x.value]])
         }, [
-          J(j("input", {
+          J(b("input", {
             "onUpdate:modelValue": o[1] || (o[1] = (t) => w.value = t),
             type: "text",
             placeholder: e.searchPlaceholder,
-            class: C(["w-full text-sm", s(m) ? "px-1" : "px-2 py-1"]),
+            class: T(["w-full text-sm", s(m) ? "px-1" : "px-2 py-1"]),
             ref_key: "searchRef",
             ref: L,
             onFocus: W,
             onBlur: U
-          }, null, 42, Ne), [
+          }, null, 42, Ke), [
             [Te, w.value],
-            [X, E.value]
+            [X, B.value]
           ]),
-          J(T(_, {
+          J(F(_, {
             icon: Ae,
-            onClick: ye
+            onClick: ve
           }, null, 512), [
-            [X, B.value]
+            [X, V.value]
           ])
         ], 2)) : u("", !0),
         a(e.$slots, "appendSearch")
       ], 2)) : u("", !0),
-      j("div", Ke, [
+      b("div", Le, [
         s(f).length ? (l(), r("table", {
           key: 0,
-          class: C(we)
+          class: T(we)
         }, [
-          e.$slots.colgroup && !s(m) ? (l(), r("colgroup", Le, [
+          e.$slots.colgroup && !s(m) ? (l(), r("colgroup", Ue, [
             a(e.$slots, "colgroup", d(g(h.value)))
           ])) : u("", !0),
-          !s(te) && !s(m) ? (l(), b(Ie, {
+          !s(te) && !s(m) ? (l(), C(Ie, {
             key: 1,
             headers: s(D),
             "sort-by": s(i).sortBy,
-            "show-select": s(k),
-            "show-expand": s($),
+            "show-select": s(P),
+            "show-expand": s(k),
             "all-selected": s(fe),
             "some-selected": s(he),
             "thead-class": e.theadClass,
@@ -172,33 +174,33 @@ const Ne = ["placeholder"], Ke = { class: "flex-1 overflow-auto bg-surface" }, L
             onToggleSelectAll: s(me),
             customHeaders: e.customSlots
           }, 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", "customHeaders"])) : a(e.$slots, "thead", d(O({ key: 2 }, h.value))),
-          s(m) ? (l(), b(Be, {
+          s(m) ? (l(), C(Be, {
             key: 4,
             items: s(f),
-            headers: P.value,
+            headers: M.value,
             "row-class": s(H),
             "row-class-condition": e.rowClassCondition,
-            "is-selected": s(M),
-            "is-expanded": s(I),
-            "show-select": s(k),
-            "show-expand": s($),
+            "is-selected": s(A),
+            "is-expanded": s(R),
+            "show-select": s(P),
+            "show-expand": s(k),
             "has-actions": e.hasActions,
             "action-loading-map": e.actionLoadingMap,
-            onToggleExpand: s(R),
-            onToggleSelect: s(A),
+            onToggleExpand: s(E),
+            onToggleSelect: s(I),
             customSlots: e.customSlots
           }, Y({ _: 2 }, [
             Z(e.$slots, (t, c) => ({
               name: c,
-              fn: x((n) => [
+              fn: j((n) => [
                 a(e.$slots, c, d(g(n)))
               ])
             }))
           ]), 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(), r(Fe, { key: 3 }, [
             a(e.$slots, "body.prepend", d(g(h.value))),
-            T(Ee, {
+            F(Ee, {
               items: s(f),
-              headers: P.value,
+              headers: M.value,
               "tbody-class": e.tbodyClass,
               "row-class": s(H),
               "row-class-condition": e.rowClassCondition,
@@ -206,35 +208,35 @@ const Ne = ["placeholder"], Ke = { class: "flex-1 overflow-auto bg-surface" }, L
               "td-class": e.tdClass,
               "selected-class": e.selectedClass,
               "striped-class": e.stripedClass,
-              "is-selected": s(M),
-              "is-expanded": s(I),
-              "show-select": s(k),
-              "show-expand": s($),
+              "is-selected": s(A),
+              "is-expanded": s(R),
+              "show-select": s(P),
+              "show-expand": s(k),
               "has-actions": e.hasActions,
               "action-loading-map": e.actionLoadingMap,
-              onToggleExpand: s(R),
-              onToggleSelect: s(A),
+              onToggleExpand: s(E),
+              onToggleSelect: s(I),
               customSlots: e.customSlots
             }, Y({ _: 2 }, [
               Z(e.$slots, (t, c) => ({
                 name: c,
-                fn: x((n) => [
+                fn: j((n) => [
                   a(e.$slots, c, d(g(n)))
                 ])
               }))
             ]), 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"]),
             a(e.$slots, "body.append", d(g(h.value)))
           ], 64)),
-          e.$slots.tfoot ? (l(), r("tfoot", Ue, [
+          e.$slots.tfoot ? (l(), r("tfoot", We, [
             a(e.$slots, "tfoot", d(g(h.value)))
           ])) : u("", !0)
         ])) : u("", !0),
-        s(f).length ? u("", !0) : (l(), r("div", We, [
-          j("div", Qe, $e(e.noDataText), 1)
+        s(f).length ? u("", !0) : (l(), r("div", Qe, [
+          b("div", qe, $e(e.noDataText), 1)
         ]))
       ]),
-      s(oe) ? a(e.$slots, "footer", d(O({ key: 2 }, h.value))) : (l(), r("div", qe, [
-        T(Re, {
+      s(oe) ? a(e.$slots, "footer", d(O({ key: 2 }, h.value))) : (l(), r("div", Ge, [
+        F(Re, {
           "items-length": s(K).length,
           "items-per-page": s(i).itemsPerPage,
           "current-page": s(i).page,
@@ -243,11 +245,11 @@ const Ne = ["placeholder"], Ke = { class: "flex-1 overflow-auto bg-surface" }, L
           "onUpdate:page": o[3] || (o[3] = (t) => s(i).page = t)
         }, null, 8, ["items-length", "items-per-page", "current-page", "page-options"])
       ])),
-      e.filterable && s(y) ? (l(), b(Oe, {
+      e.filterable && s(v) ? (l(), C(xe, {
         key: 3,
         filters: e.filters,
-        modelValue: s(y),
-        "onUpdate:modelValue": o[4] || (o[4] = (t) => ke(y) ? y.value = t : null),
+        modelValue: s(v),
+        "onUpdate:modelValue": o[4] || (o[4] = (t) => ke(v) ? v.value = t : null),
         onApplyFilters: s(ce),
         onClearFilters: s(ue),
         activeFilters: s(de).byColumn
@@ -256,5 +258,5 @@ const Ne = ["placeholder"], Ke = { class: "flex-1 overflow-auto bg-surface" }, L
   }
 };
 export {
-  ms as default
+  fs as default
 };

package/dist/utils/tableFormatters.js

@@ -1,25 +1,21 @@
-function a(t, n) {
-  var r, c;
+function f(t, n) {
+  var o;
   if (!t || !t.value) return;
   if (t.columnType === "relation") {
-    const i = f(n, t.relationPath);
+    const i = a(n, t.relationPath);
     return u(i);
   }
   if (t.columnType === "function") {
-    const i = (r = t.columnFunction) == null ? void 0 : r.call(t, n, t);
-    return u(i);
-  }
-  if (t.columnFormat === "function") {
-    const i = (c = t.columnFunction) == null ? void 0 : c.call(t, n, t);
+    const i = (o = t.columnFunction) == null ? void 0 : o.call(t, n, t);
     return u(i);
   }
-  const o = n == null ? void 0 : n[t.value];
-  return u(o);
+  const e = n == null ? void 0 : n[t.value];
+  return u(e);
 }
-function l(t, n) {
-  return t.columnType === "toComplete" ? "" : n == null ? "Sin datos" : t.columnType === "dateTime" || t.columnType === "date" ? (e[t.columnType] || e.default)(n) : (e[t.columnFormat] || e.default)(n);
+function m(t, n) {
+  return t.columnType === "toComplete" ? "" : n == null ? "Sin datos" : t.columnType === "dateTime" || t.columnType === "date" ? (r[t.columnType] || r.default)(n) : (r[t.columnFormat] || r.default)(n);
 }
-const e = {
+const r = {
   default: (t) => t,
   // TEXTS
   text: (t) => String(t),
@@ -61,14 +57,14 @@ const e = {
       hourCycle: "h23"
     }).format(n);
   },
-  secondsToTime: (t) => m(t ?? 0)
+  secondsToTime: (t) => c(t ?? 0)
 };
-function f(t, n) {
-  return !t || !n ? t : n.split(".").reduce((o, r) => o == null ? void 0 : o[r], t);
+function a(t, n) {
+  return !t || !n ? t : n.split(".").reduce((e, o) => e == null ? void 0 : e[o], t);
 }
-function m(t) {
-  const n = Math.floor(t / 3600), o = Math.floor(t % 3600 / 60), r = t % 60;
-  return `${n} horas, ${o} minutos y ${r} segundos`;
+function c(t) {
+  const n = Math.floor(t / 3600), e = Math.floor(t % 3600 / 60), o = t % 60;
+  return `${n} horas, ${e} minutos y ${o} segundos`;
 }
 function u(t) {
   if (t != null && !(t === "null" || t === "undefined"))
@@ -79,8 +75,8 @@ function s(t) {
   return !isNaN(n.getTime());
 }
 export {
-  l as formatValue,
-  e as formatters,
-  f as getNestedValue,
-  a as getValue
+  m as formatValue,
+  r as formatters,
+  a as getNestedValue,
+  f as getValue
 };

package/package.json

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