adverich-kun-ui 0.1.390 → 0.1.391

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

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

package/package.json

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