adverich-kun-ui 0.1.233 → 0.1.234

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

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

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

@@ -1,5 +1,6 @@
 const t = () => ({
   items: { type: Array, default: () => [] },
+  selected: { type: Array, default: () => [] },
   headers: { type: Array, default: () => [] },
   hasActions: { type: Boolean, default: !1 },
   actionLabel: { type: String, default: "Acciones" },

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

@@ -1,34 +1,34 @@
-import { ref as f, computed as a, watch as S } from "vue";
-function x(g, u, c) {
-  const e = f([]), r = (l) => e.value.includes(l), d = (l) => {
-    const t = e.value.indexOf(l);
-    t === -1 ? e.value.push(l) : e.value.splice(t, 1), u == null || u("update:selectedItems", e.value);
-  }, o = () => {
-    e.value = [...c.value], u == null || u("update:selectedItems", e.value);
-  }, n = () => {
-    e.value = [], u == null || u("update:selectedItems", e.value);
-  }, h = () => {
-    v.value ? n() : o();
-  }, v = a(() => {
-    var l;
-    return ((l = c.value) == null ? void 0 : l.length) > 0 && e.value.length === c.value.length;
-  }), s = a(() => {
-    var l;
-    return ((l = c.value) == null ? void 0 : l.length) > 0 && e.value.length > 0 && e.value.length < c.value.length;
+import { computed as h, watch as p } from "vue";
+function w(x, n, o, l) {
+  const e = (u) => l.value.includes(u), f = (u) => {
+    const v = l.value.indexOf(u);
+    v === -1 ? l.value.push(u) : l.value.splice(v, 1), n == null || n("update:selectedItems", l.value);
+  }, c = () => {
+    l.value = [...o.value], n == null || n("update:selectedItems", l.value);
+  }, a = () => {
+    l.value = [], n == null || n("update:selectedItems", l.value);
+  }, S = () => {
+    r.value ? a() : c();
+  }, r = h(() => {
+    var u;
+    return ((u = o.value) == null ? void 0 : u.length) > 0 && l.value.length === o.value.length;
+  }), g = h(() => {
+    var u;
+    return ((u = o.value) == null ? void 0 : u.length) > 0 && l.value.length > 0 && l.value.length < o.value.length;
   });
-  return S(() => c, (l, t) => {
-    l !== t && n();
+  return p(() => o, (u, v) => {
+    u !== v && a();
   }, { deep: !0 }), {
-    selectedItems: e,
-    isSelected: r,
-    toggleSelect: d,
-    selectAll: o,
-    clearSelection: n,
-    toggleSelectAll: h,
-    allSelected: v,
-    someSelected: s
+    selectedItems: l,
+    isSelected: e,
+    toggleSelect: f,
+    selectAll: c,
+    clearSelection: a,
+    toggleSelectAll: S,
+    allSelected: r,
+    someSelected: g
   };
 }
 export {
-  x as default
+  w as default
 };

package/package.json

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