adverich-kun-ui 0.1.237 → 0.1.238

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

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

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

@@ -1,5 +1,5 @@
-import { computed as r, watch as S } from "vue";
-function x(g, i, n, u) {
+import { computed as r, watch as g } from "vue";
+function i(n, u) {
   const a = (l) => u.value.includes(l), h = (l) => {
     const o = u.value.indexOf(l);
     o === -1 ? u.value.push(l) : u.value.splice(o, 1);
@@ -12,11 +12,11 @@ function x(g, i, n, u) {
   }, c = r(() => {
     var l;
     return ((l = n.value) == null ? void 0 : l.length) > 0 && u.value.length === n.value.length;
-  }), t = r(() => {
+  }), S = r(() => {
     var l;
     return ((l = n.value) == null ? void 0 : l.length) > 0 && u.value.length > 0 && u.value.length < n.value.length;
   });
-  return S(() => n, (l, o) => {
+  return g(() => n, (l, o) => {
     l !== o && e();
   }, { deep: !0 }), {
     selectedItems: u,
@@ -26,9 +26,9 @@ function x(g, i, n, u) {
     clearSelection: e,
     toggleSelectAll: f,
     allSelected: c,
-    someSelected: t
+    someSelected: S
   };
 }
 export {
-  x as default
+  i as default
 };

package/package.json

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