adverich-kun-ui 0.1.389 → 0.1.390

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

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

package/package.json

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