adverich-kun-ui 0.1.313 → 0.1.315

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

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

package/dist/icons/IconFilter.vue.js

@@ -0,0 +1,20 @@
+import { createElementBlock as t, openBlock as o, createElementVNode as r } from "vue";
+import n from "../_virtual/_plugin-vue_export-helper.js";
+const c = {}, l = {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "1em",
+  height: "1em",
+  viewBox: "0 0 24 24"
+};
+function s(i, e) {
+  return o(), t("svg", l, e[0] || (e[0] = [
+    r("path", {
+      fill: "currentColor",
+      d: "M15 19.88c.04.3-.06.62-.29.83a.996.996 0 0 1-1.41 0L9.29 16.7a.99.99 0 0 1-.29-.83v-5.12L4.21 4.62a1 1 0 0 1 .17-1.4c.19-.14.4-.22.62-.22h14c.22 0 .43.08.62.22a1 1 0 0 1 .17 1.4L15 10.75zM7.04 5L11 10.06v5.52l2 2v-7.53L16.96 5z"
+    }, null, -1)
+  ]));
+}
+const f = /* @__PURE__ */ n(c, [["render", s]]);
+export {
+  f as default
+};

package/package.json

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