adverich-kun-ui 0.1.188 → 0.1.189

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

@@ -48,7 +48,7 @@ const H = "fixed inset-0 z-250 flex", U = /* @__PURE__ */ x({
       c();
     });
     function d(o) {
-      console.log(o), o.stopPropagation(), o.key === "Escape" && (console.log("y se"), t.persistent || (console.log("y seeee"), s("update:modelValue", !1)));
+      o.stopPropagation(), o.key === "Escape" && (t.persistent || s("update:modelValue", !1));
     }
     return f(() => {
       window.addEventListener("keydown", d);

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

@@ -1,8 +1,8 @@
-import { toRefs as re, ref as ne, watch as ie, computed as L, createElementBlock as n, openBlock as l, mergeProps as A, createCommentVNode as m, createElementVNode as E, renderSlot as a, createBlock as y, unref as e, normalizeClass as M, withDirectives as de, vModelText as pe, normalizeProps as i, guardReactiveProps as u, Fragment as ce, createVNode as B, createSlots as N, renderList as R, withCtx as U, isRef as me } from "vue";
-import { isMobile as w } from "../../../../utils/_platform.js";
+import { toRefs as ne, ref as ie, watch as L, computed as M, createElementBlock as i, openBlock as l, mergeProps as E, createCommentVNode as m, createElementVNode as B, renderSlot as a, createBlock as w, unref as s, normalizeClass as N, withDirectives as de, vModelText as pe, normalizeProps as d, guardReactiveProps as u, Fragment as ce, createVNode as V, createSlots as R, renderList as U, withCtx as D, isRef as me } from "vue";
+import { isMobile as v } from "../../../../utils/_platform.js";
 import ue from "./KunTableHeaders.vue.js";
-import ge from "./KunTableFooter.vue.js";
-import he from "./KunTableRows.vue.js";
+import he from "./KunTableFooter.vue.js";
+import ge from "./KunTableRows.vue.js";
 import fe from "./KunTableIterators.vue.js";
 import be from "../../../KunBtn/src/components/KunBtn.vue.js";
 import ye from "./KunTableFilter.vue.js";
@@ -18,170 +18,174 @@ const Pe = ["placeholder"], Te = { key: 0 }, Fe = { key: 5 }, Ae = ["colspan"],
 }, Ve = "overflow-auto 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", qe = {
   __name: "KunTable",
   props: ke(),
-  emits: ["update:page", "update:itemsPerPage", "update:sortBy", "update:selectedItems"],
-  setup(D, { emit: I }) {
-    const V = I, d = D, f = re(d), {
-      headers: b,
-      showExpand: v,
-      showSelect: C,
+  emits: ["update:page", "update:itemsPerPage", "update:sortBy", "update:selectedItems", "update:search"],
+  setup(I, { emit: K }) {
+    const C = K, r = I, b = ne(r), {
+      headers: y,
+      showExpand: S,
+      showSelect: $,
       rowClass: j,
-      hideDefaultFooter: K,
-      hideDefaultHeader: O,
-      tableClass: W,
-      wrapperClass: x,
-      pageOptions: H,
-      items: Q,
+      hideDefaultFooter: O,
+      hideDefaultHeader: W,
+      tableClass: x,
+      wrapperClass: H,
+      pageOptions: Q,
+      items: q,
       searchable: z,
-      debounceTime: q
-    } = f, S = ne(""), { filteredItems: G, setSearch: J, modalFilter: g, applyColumnFilters: X, clearFilters: Y, appliedFilters: Z } = $e(f, q);
-    ie(S, (s) => {
-      J(s);
+      debounceTime: G
+    } = b, h = ie(r.search);
+    L(() => r.search, (e) => {
+      e !== h.value && (h.value = e);
     });
-    const { options: r, paginatedItems: p, updateSort: _ } = Ce(f, V, G), { isSelected: $, toggleSelect: k, toggleSelectAll: ee, allSelected: se, someSelected: te } = Se(f, V, p), { isExpanded: P, toggleExpand: T } = ve(), c = L(() => ({
+    const { filteredItems: J, setSearch: X, modalFilter: g, applyColumnFilters: Y, clearFilters: Z, appliedFilters: _ } = $e(b, G);
+    L(h, (e) => {
+      C("update:search", e), X(e);
+    });
+    const { options: n, paginatedItems: p, updateSort: ee } = Ce(b, C, J), { isSelected: k, toggleSelect: P, toggleSelectAll: se, allSelected: te, someSelected: le } = Se(b, C, p), { isExpanded: T, toggleExpand: F } = ve(), c = M(() => ({
       items: p.value,
-      headers: b.value,
-      page: r.page,
-      itemsPerPage: r.itemsPerPage,
-      toggleSelect: k,
-      isSelected: $,
-      toggleExpand: T,
-      isExpanded: P,
-      sortBy: r.sortBy,
-      hasActions: d.hasActions
-    })), le = [Ve, x.value], oe = [je, W.value], ae = L(() => {
+      headers: y.value,
+      page: n.page,
+      itemsPerPage: n.itemsPerPage,
+      toggleSelect: P,
+      isSelected: k,
+      toggleExpand: F,
+      isExpanded: T,
+      sortBy: n.sortBy,
+      hasActions: r.hasActions
+    })), oe = [Ve, H.value], ae = [je, x.value], re = M(() => {
       var t;
-      let s = ((t = d.headers) == null ? void 0 : t.length) || 0;
-      return d.showSelect && (s += 1), d.showExpand && (s += 1), d.hasActions && (s += 1), s;
+      let e = ((t = r.headers) == null ? void 0 : t.length) || 0;
+      return r.showSelect && (e += 1), r.showExpand && (e += 1), r.hasActions && (e += 1), e;
     });
-    return (s, t) => (l(), n("div", A({ class: le }, s.$attrs, { style: { "user-select": "text" } }), [
-      e(z) || s.filterable || s.$slots.prependSearch || s.$slots.appendSearch ? (l(), n("div", {
+    return (e, t) => (l(), i("div", E({ class: oe }, e.$attrs, { style: { "user-select": "text" } }), [
+      s(z) || e.filterable || e.$slots.prependSearch || e.$slots.appendSearch ? (l(), i("div", {
         key: 0,
-        class: M(["p-2 bg-slate-200 dark:bg-slate-800", {
-          "justify-start flex": s.searchPosition === "start",
-          "justify-center flex": s.searchPosition === "center",
-          "justify-end flex": s.searchPosition === "end"
+        class: N(["p-2 bg-slate-200 dark:bg-slate-800", {
+          "justify-start flex": e.searchPosition === "start",
+          "justify-center flex": e.searchPosition === "center",
+          "justify-end flex": e.searchPosition === "end"
         }])
       }, [
-        a(s.$slots, "prependSearch"),
-        s.filterable ? (l(), y(be, {
+        a(e.$slots, "prependSearch"),
+        e.filterable ? (l(), w(be, {
           key: 0,
           onClick: t[0] || (t[0] = (o) => g.value = !0),
           text: "Filtrar",
           bgColor: "bg-slate-300 dark:bg-slate-700"
         })) : m("", !0),
-        e(z) ? de((l(), n("input", {
+        s(z) ? de((l(), i("input", {
           key: 1,
-          "onUpdate:modelValue": t[1] || (t[1] = (o) => S.value = o),
+          "onUpdate:modelValue": t[1] || (t[1] = (o) => h.value = o),
           type: "text",
-          placeholder: s.searchPlaceholder,
+          placeholder: e.searchPlaceholder,
           class: "border mx-2 px-3 py-1 rounded w-full max-w-sm text-sm"
         }, null, 8, Pe)), [
-          [pe, S.value]
+          [pe, h.value]
         ]) : m("", !0),
-        a(s.$slots, "appendSearch")
+        a(e.$slots, "appendSearch")
       ], 2)) : m("", !0),
-      E("table", {
-        class: M(oe)
+      B("table", {
+        class: N(ae)
       }, [
-        s.$slots.colgroup && !e(w) ? (l(), n("colgroup", Te, [
-          a(s.$slots, "colgroup", i(u(c.value)))
+        e.$slots.colgroup && !s(v) ? (l(), i("colgroup", Te, [
+          a(e.$slots, "colgroup", d(u(c.value)))
         ])) : m("", !0),
-        !e(O) && !e(w) ? (l(), y(ue, {
+        !s(W) && !s(v) ? (l(), w(ue, {
           key: 1,
-          headers: e(b),
-          "sort-by": e(r).sortBy,
-          "show-select": e(C),
-          "show-expand": e(v),
-          "all-selected": e(se),
-          "some-selected": e(te),
-          "thead-class": s.theadClass,
-          "tr-class": s.trClass,
-          "th-class": s.thClass,
-          "has-actions": s.hasActions,
-          "action-label": s.actionLabel,
-          onSort: e(_),
-          onToggleSelectAll: e(ee)
-        }, 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(s.$slots, "thead", i(A({ key: 2 }, c.value))),
-        e(p).length && !e(w) ? (l(), n(ce, { key: 3 }, [
-          a(s.$slots, "body.prepend", i(u(c.value))),
-          B(he, {
-            items: e(p),
-            headers: e(b),
-            "tbody-class": s.tbodyClass,
-            "row-class": e(j),
-            "tr-class": s.trClass,
-            "td-class": s.tdClass,
-            "selected-class": s.selectedClass,
-            "striped-class": s.stripedClass,
-            "is-selected": e($),
-            "is-expanded": e(P),
-            "show-select": e(C),
-            "show-expand": e(v),
-            "has-actions": s.hasActions,
-            "action-loading-map": s.actionLoadingMap,
-            onToggleExpand: e(T),
-            onToggleSelect: e(k)
-          }, N({ _: 2 }, [
-            R(s.$slots, (o, h) => ({
-              name: h,
-              fn: U((F) => [
-                a(s.$slots, h, i(u(F)))
+          headers: s(y),
+          "sort-by": s(n).sortBy,
+          "show-select": s($),
+          "show-expand": s(S),
+          "all-selected": s(te),
+          "some-selected": s(le),
+          "thead-class": e.theadClass,
+          "tr-class": e.trClass,
+          "th-class": e.thClass,
+          "has-actions": e.hasActions,
+          "action-label": e.actionLabel,
+          onSort: s(ee),
+          onToggleSelectAll: s(se)
+        }, 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(E({ key: 2 }, c.value))),
+        s(p).length && !s(v) ? (l(), i(ce, { key: 3 }, [
+          a(e.$slots, "body.prepend", d(u(c.value))),
+          V(ge, {
+            items: s(p),
+            headers: s(y),
+            "tbody-class": e.tbodyClass,
+            "row-class": s(j),
+            "tr-class": e.trClass,
+            "td-class": e.tdClass,
+            "selected-class": e.selectedClass,
+            "striped-class": e.stripedClass,
+            "is-selected": s(k),
+            "is-expanded": s(T),
+            "show-select": s($),
+            "show-expand": s(S),
+            "has-actions": e.hasActions,
+            "action-loading-map": e.actionLoadingMap,
+            onToggleExpand: s(F),
+            onToggleSelect: s(P)
+          }, R({ _: 2 }, [
+            U(e.$slots, (o, f) => ({
+              name: f,
+              fn: D((A) => [
+                a(e.$slots, f, d(u(A)))
               ])
             }))
           ]), 1032, ["items", "headers", "tbody-class", "row-class", "tr-class", "td-class", "selected-class", "striped-class", "is-selected", "is-expanded", "show-select", "show-expand", "has-actions", "action-loading-map", "onToggleExpand", "onToggleSelect"]),
-          a(s.$slots, "body.append", i(u(c.value)))
-        ], 64)) : e(p).length && e(w) ? (l(), y(fe, {
+          a(e.$slots, "body.append", d(u(c.value)))
+        ], 64)) : s(p).length && s(v) ? (l(), w(fe, {
           key: 4,
-          items: e(p),
-          headers: e(b),
-          "row-class": e(j),
-          "is-selected": e($),
-          "is-expanded": e(P),
-          "show-select": e(C),
-          "show-expand": e(v),
-          "has-actions": s.hasActions,
-          "action-loading-map": s.actionLoadingMap,
-          onToggleExpand: e(T),
-          onToggleSelect: e(k)
-        }, N({ _: 2 }, [
-          R(s.$slots, (o, h) => ({
-            name: h,
-            fn: U((F) => [
-              a(s.$slots, h, i(u(F)))
+          items: s(p),
+          headers: s(y),
+          "row-class": s(j),
+          "is-selected": s(k),
+          "is-expanded": s(T),
+          "show-select": s($),
+          "show-expand": s(S),
+          "has-actions": e.hasActions,
+          "action-loading-map": e.actionLoadingMap,
+          onToggleExpand: s(F),
+          onToggleSelect: s(P)
+        }, R({ _: 2 }, [
+          U(e.$slots, (o, f) => ({
+            name: f,
+            fn: D((A) => [
+              a(e.$slots, f, d(u(A)))
             ])
           }))
-        ]), 1032, ["items", "headers", "row-class", "is-selected", "is-expanded", "show-select", "show-expand", "has-actions", "action-loading-map", "onToggleExpand", "onToggleSelect"])) : (l(), n("tr", Fe, [
-          E("td", { colspan: ae.value }, [
-            B(we, {
+        ]), 1032, ["items", "headers", "row-class", "is-selected", "is-expanded", "show-select", "show-expand", "has-actions", "action-loading-map", "onToggleExpand", "onToggleSelect"])) : (l(), i("tr", Fe, [
+          B("td", { colspan: re.value }, [
+            V(we, {
               class: "h-full flex justify-center items-center",
               title: "No hay elementos disponibles",
               titleSize: "text-4xl"
             })
           ], 8, Ae)
         ])),
-        s.$slots.tfoot ? (l(), n("tfoot", Ee, [
-          a(s.$slots, "tfoot", i(u(c.value)))
+        e.$slots.tfoot ? (l(), i("tfoot", Ee, [
+          a(e.$slots, "tfoot", d(u(c.value)))
         ])) : m("", !0)
       ]),
-      t[5] || (t[5] = E("div", { class: "h-full" }, null, -1)),
-      e(K) ? a(s.$slots, "footer", i(A({ key: 2 }, c.value))) : (l(), n("div", Be, [
-        B(ge, {
-          "items-length": e(Q).length,
-          "items-per-page": e(r).itemsPerPage,
-          "current-page": e(r).page,
-          "page-options": e(H),
-          "onUpdate:itemsPerPage": t[2] || (t[2] = (o) => e(r).itemsPerPage = o),
-          "onUpdate:page": t[3] || (t[3] = (o) => e(r).page = o)
+      t[5] || (t[5] = B("div", { class: "h-full" }, null, -1)),
+      s(O) ? a(e.$slots, "footer", d(E({ key: 2 }, c.value))) : (l(), i("div", Be, [
+        V(he, {
+          "items-length": s(q).length,
+          "items-per-page": s(n).itemsPerPage,
+          "current-page": s(n).page,
+          "page-options": s(Q),
+          "onUpdate:itemsPerPage": t[2] || (t[2] = (o) => s(n).itemsPerPage = o),
+          "onUpdate:page": t[3] || (t[3] = (o) => s(n).page = o)
         }, null, 8, ["items-length", "items-per-page", "current-page", "page-options"])
       ])),
-      s.filterable && e(g) ? (l(), y(ye, {
+      e.filterable && s(g) ? (l(), w(ye, {
         key: 3,
-        filters: s.filters,
-        modelValue: e(g),
+        filters: e.filters,
+        modelValue: s(g),
         "onUpdate:modelValue": t[4] || (t[4] = (o) => me(g) ? g.value = o : null),
-        onApplyFilters: e(X),
-        onClearFilters: e(Y),
-        activeFilters: e(Z).byColumn
+        onApplyFilters: s(Y),
+        onClearFilters: s(Z),
+        activeFilters: s(_).byColumn
       }, null, 8, ["filters", "modelValue", "onApplyFilters", "onClearFilters", "activeFilters"])) : m("", !0)
     ], 16));
   }

package/dist/components/KunTable/src/composables/KunTableProps.js

@@ -18,6 +18,10 @@ const t = () => ({
   mutliSort: Boolean,
   pageOptions: { type: Array, default: () => [5, 10, 25, 50, 100] },
   searchable: { type: Boolean, default: !1 },
+  search: {
+    type: String,
+    default: ""
+  },
   searchableKeys: { type: Array, default: null },
   searchPosition: {
     type: String,

package/package.json

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