adverich-kun-ui 0.1.607 → 0.1.608

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

@@ -1,12 +1,12 @@
-import { toRefs as Re, useModel as Ee, ref as w, watch as se, computed as te, onMounted as Me, openBlock as l, createElementBlock as a, mergeProps as O, unref as s, renderSlot as i, createCommentVNode as r, createElementVNode as b, toDisplayString as z, Fragment as oe, createBlock as F, withCtx as D, createVNode as T, normalizeClass as U, withDirectives as le, vModelText as Be, vShow as ae, normalizeProps as d, guardReactiveProps as h, createSlots as re, renderList as ne, isRef as Ve, mergeModels as ie, nextTick as He } from "vue";
-import { isMobile as u, mdAndUp as Ke } from "../../../../utils/_platform.js";
+import { toRefs as Ee, useModel as Me, ref as w, watch as se, computed as te, onMounted as Be, openBlock as l, createElementBlock as a, mergeProps as O, unref as s, renderSlot as i, createCommentVNode as r, createElementVNode as S, toDisplayString as z, Fragment as oe, createBlock as F, withCtx as D, createVNode as T, normalizeClass as j, withDirectives as le, vModelText as Ve, vShow as ae, normalizeProps as d, guardReactiveProps as h, createSlots as re, renderList as ne, isRef as He, mergeModels as ie, nextTick as Ke } from "vue";
+import { isMobile as u } from "../../../../utils/_platform.js";
 import ce from "../../../KunIcon/src/components/KunIcon.vue.js";
 import Le from "../../../../icons/IconFilter.vue.js";
 import Oe from "../../../../icons/IconSearch.vue.js";
 import ze from "./KunTableHeaders.vue.js";
 import De from "./KunTableFooter.vue.js";
-import Ue from "./KunTableRows.vue.js";
-import je from "./KunTableIterators.vue.js";
+import je from "./KunTableRows.vue.js";
+import Ue from "./KunTableIterators.vue.js";
 import xe from "../../../KunBtn/src/components/KunBtn.vue.js";
 import Ne from "./KunTableFilter.vue.js";
 import We from "../composables/useExpand.js";
@@ -37,8 +37,8 @@ const Ye = {
     selectedItemsModifiers: {}
   }),
   emits: /* @__PURE__ */ ie(["update:page", "update:itemsPerPage", "update:sortBy", "update:search", "focusOnSearch"], ["update:selectedItems"]),
-  setup(j, { emit: de }) {
-    const S = de, p = j, P = Re(p), A = Ee(j, "selectedItems"), {
+  setup(U, { emit: de }) {
+    const b = de, p = U, P = Ee(p), A = Me(U, "selectedItems"), {
       headers: x,
       showExpand: I,
       showSelect: R,
@@ -51,7 +51,8 @@ const Ye = {
       pageOptions: ge,
       items: us,
       searchable: W,
-      debounceTime: ye
+      debounceTime: ye,
+      hideSelected: ve
     } = P, g = w(p.search);
     se(() => p.search, (e) => {
       e !== g.value && (g.value = e);
@@ -64,22 +65,22 @@ const Ye = {
         typeof n == "function" ? t.columnFunction = n : t.columnFunction = () => "";
       }
       return t;
-    })), { filteredItems: y, setSearch: ve, modalFilter: v, applyColumnFilters: we, clearFilters: be, appliedFilters: Se } = Ge(P, ye, k);
+    })), { filteredItems: y, setSearch: we, modalFilter: v, applyColumnFilters: Se, clearFilters: be, appliedFilters: ke } = Ge(P, ye, k);
     se(g, (e) => {
-      S("update:search", e), ve(e);
+      b("update:search", e), we(e);
     });
-    const { options: c, paginatedItems: m, updateSort: ke } = Qe(P, S, y, k), C = (e, t = -1) => Je(e, ue.value, t), Q = (e, t = -1) => C(e, t) ?? `kun-table-row-${t}`, q = (e, t = -1) => {
+    const { options: c, paginatedItems: m, updateSort: Ce } = Qe(P, b, y, k), C = (e, t = -1) => Je(e, ue.value, t), Q = (e, t = -1) => C(e, t) ?? `kun-table-row-${t}`, q = (e, t = -1) => {
       var n;
       const o = C(e, t);
       return o === null ? !1 : ((n = p.actionLoadingMap) == null ? void 0 : n[o]) || !1;
     }, {
       isSelected: E,
       toggleSelect: M,
-      toggleSelectAll: Ce,
+      toggleSelectAll: $e,
       allSelected: G,
       allFilteredSelected: J,
-      someSelected: $e,
-      moreThanPaginated: Fe,
+      someSelected: Fe,
+      moreThanPaginated: Te,
       clearSelection: X,
       selectCompleteAll: Y
     } = qe(m, A, y, C), { isExpanded: B, toggleExpand: V } = We(), f = te(() => ({
@@ -94,31 +95,31 @@ const Ye = {
       sortBy: c.sortBy,
       hasActions: p.hasActions,
       getRowKey: C
-    })), Te = [cs, he.value], Pe = [ds, fe.value];
-    Me(() => _());
+    })), Pe = [cs, he.value], Ae = [ds, fe.value];
+    Be(() => _());
     const Z = w(null), H = w(!0), $ = w(!1);
-    function Ae() {
-      Ie();
-    }
     function Ie() {
-      u.value && (ee(), He(() => {
+      Re();
+    }
+    function Re() {
+      u.value && (ee(), Ke(() => {
         Z.value.focus();
       }));
     }
     function _() {
-      u.value && (K.value = "w-fit", H.value = !1, $.value = !0, S("focusOnSearch", !1));
+      u.value && (K.value = "w-fit", H.value = !1, $.value = !0, b("focusOnSearch", !1));
     }
     function ee() {
-      u.value && (K.value = "w-full border", $.value = !1, H.value = !0, S("focusOnSearch", !0));
+      u.value && (K.value = "w-full border", $.value = !1, H.value = !0, b("focusOnSearch", !0));
     }
     const K = w("w-full border max-w-sm");
-    return (e, t) => (l(), a("div", O({ class: Te }, e.$attrs, { style: { "user-select": "text" } }), [
+    return (e, t) => (l(), a("div", O({ class: Pe }, e.$attrs, { style: { "user-select": "text" } }), [
       s(W) || e.filterable || e.$slots.prependHeader || e.$slots.prependSearch || e.$slots.appendSearch ? (l(), a("div", Ye, [
         $.value || !s(u) ? (l(), a("div", Ze, [
           i(e.$slots, "prependHeader")
         ])) : r("", !0),
-        A.value.length && s(Ke) ? (l(), a("div", _e, [
-          b("span", es, "Se han seleccionado " + z(A.value.length) + " registros.", 1),
+        A.value.length && !s(ve) ? (l(), a("div", _e, [
+          S("span", es, "Se han seleccionado " + z(A.value.length) + " registros.", 1),
           s(m).length !== s(y).length ? (l(), a(oe, { key: 0 }, [
             s(G) && !s(J) ? (l(), a("span", {
               key: 0,
@@ -132,7 +133,7 @@ const Ye = {
             }, " Anular selección ")) : r("", !0)
           ], 64)) : r("", !0)
         ])) : r("", !0),
-        b("div", ss, [
+        S("div", ss, [
           i(e.$slots, "prependSearch"),
           e.filterable && e.filters.length ? (l(), F(xe, {
             key: 0,
@@ -153,24 +154,24 @@ const Ye = {
           })) : r("", !0),
           s(W) ? (l(), a("div", {
             key: 1,
-            class: U(["rounded flex mx-2", [K.value]])
+            class: j(["rounded flex mx-2", [K.value]])
           }, [
-            le(b("input", {
+            le(S("input", {
               "onUpdate:modelValue": t[3] || (t[3] = (o) => g.value = o),
               type: "text",
               placeholder: e.searchPlaceholder,
-              class: U(["w-full text-sm", s(u) ? "px-1" : "px-2 py-1"]),
+              class: j(["w-full text-sm", s(u) ? "px-1" : "px-2 py-1"]),
               ref_key: "searchRef",
               ref: Z,
               onFocus: ee,
               onBlur: _
             }, null, 42, ts), [
-              [Be, g.value],
+              [Ve, g.value],
               [ae, H.value]
             ]),
             le(T(ce, {
               icon: Oe,
-              onClick: Ae
+              onClick: Ie
             }, null, 512), [
               [ae, $.value]
             ])
@@ -178,10 +179,10 @@ const Ye = {
           i(e.$slots, "appendSearch")
         ])
       ])) : r("", !0),
-      b("div", os, [
+      S("div", os, [
         s(m).length ? (l(), a("table", {
           key: 0,
-          class: U(Pe)
+          class: j(Ae)
         }, [
           e.$slots.colgroup && !s(u) ? (l(), a("colgroup", ls, [
             i(e.$slots, "colgroup", d(h(f.value)))
@@ -193,18 +194,18 @@ const Ye = {
             "show-select": s(R),
             "show-expand": s(I),
             "all-selected": s(G),
-            "more-than-paginated": s(Fe),
-            "some-selected": s($e),
+            "more-than-paginated": s(Te),
+            "some-selected": s(Fe),
             "thead-class": e.theadClass,
             "tr-class": e.trClass,
             "th-class": e.thClass,
             "has-actions": e.hasActions,
             "action-label": e.actionLabel,
-            onSort: s(ke),
-            onToggleSelectAll: s(Ce),
+            onSort: s(Ce),
+            onToggleSelectAll: s($e),
             customHeaders: e.customSlots
           }, null, 8, ["headers", "sort-by", "show-select", "show-expand", "all-selected", "more-than-paginated", "some-selected", "thead-class", "tr-class", "th-class", "has-actions", "action-label", "onSort", "onToggleSelectAll", "customHeaders"])) : i(e.$slots, "thead", d(O({ key: 2 }, f.value))),
-          s(u) ? (l(), F(je, {
+          s(u) ? (l(), F(Ue, {
             key: 4,
             items: s(m),
             headers: k.value,
@@ -230,7 +231,7 @@ const Ye = {
             }))
           ]), 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(), a(oe, { key: 3 }, [
             i(e.$slots, "body.prepend", d(h(f.value))),
-            T(Ue, {
+            T(je, {
               items: s(m),
               headers: k.value,
               "tbody-class": e.tbodyClass,
@@ -266,7 +267,7 @@ const Ye = {
           ])) : r("", !0)
         ])) : r("", !0),
         s(m).length ? r("", !0) : (l(), a("div", rs, [
-          b("div", ns, z(e.noDataText), 1)
+          S("div", ns, z(e.noDataText), 1)
         ]))
       ]),
       s(pe) ? i(e.$slots, "footer", d(O({ key: 2 }, f.value))) : (l(), a("div", is, [
@@ -283,10 +284,10 @@ const Ye = {
         key: 3,
         filters: e.filters,
         modelValue: s(v),
-        "onUpdate:modelValue": t[6] || (t[6] = (o) => Ve(v) ? v.value = o : null),
-        onApplyFilters: s(we),
+        "onUpdate:modelValue": t[6] || (t[6] = (o) => He(v) ? v.value = o : null),
+        onApplyFilters: s(Se),
         onClearFilters: s(be),
-        activeFilters: s(Se).byColumn
+        activeFilters: s(ke).byColumn
       }, null, 8, ["filters", "modelValue", "onApplyFilters", "onClearFilters", "activeFilters"])) : r("", !0)
     ], 16));
   }

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

@@ -63,6 +63,7 @@ const t = () => ({
   // --- Visualización y Estilos ---
   hideDefaultHeader: { type: Boolean, default: !1 },
   hideDefaultFooter: { type: Boolean, default: !1 },
+  hideSelected: { type: Boolean, default: !1 },
   // Clases personalizadas
   wrapperClass: { type: String, default: "" },
   tableClass: { type: String, default: "" },

package/dist/utils/_platform.js

@@ -1,4 +1,4 @@
-import { computed as i, ref as x } from "vue";
+import { computed as i, ref as c } from "vue";
 const s = typeof window < "u";
 function f() {
   var t, a, u, r, v;
@@ -8,7 +8,7 @@ function f() {
   let o = "Unknown OS", d = "Unknown Version";
   return /Mac/.test(l) ? (o = "Mac OS", d = (a = (t = l.match(/Mac OS X (\d+[\._]\d+[\._]\d+)/)) == null ? void 0 : t[1]) == null ? void 0 : a.replace(/_/g, ".")) : /iPhone|iPad|iPod/.test(l) ? (o = "iOS", d = ((u = l.match(/OS (\d+)[._](\d+)[._]?(\d+)?/)) == null ? void 0 : u.slice(1, 4).join(".")) || "Unknown") : /Windows/.test(l) ? (o = "Windows", d = (r = l.match(/Windows NT (\d+\.\d+)/)) == null ? void 0 : r[1]) : /Android/.test(l) ? (o = "Android", d = (v = l.match(/Android (\d+\.\d+)/)) == null ? void 0 : v[1]) : /Linux/.test(l) && (o = "Linux"), { os: o, osVersion: d };
 }
-const e = x(s ? window.innerWidth : 1024), m = x(s ? window.innerHeight : 768), w = f(), h = i(
+const e = c(s ? window.innerWidth : 1024), m = c(s ? window.innerHeight : 768), w = f(), h = i(
   () => w.os === "iOS" || w.os === "Android" || m.value > e.value
 ), n = {
   xs: 475,
@@ -26,7 +26,7 @@ i(() => e.value >= n.xl && e.value < n.xxl);
 i(() => e.value >= n.xxl);
 i(() => e.value >= n.xs);
 i(() => e.value >= n.sm);
-const S = i(() => e.value >= n.md);
+i(() => e.value >= n.md);
 i(() => e.value >= n.lg);
 i(() => e.value >= n.xl);
 i(() => e.value >= n.xxl);
@@ -36,16 +36,15 @@ i(() => e.value < n.lg);
 i(() => e.value < n.xl);
 i(() => e.value < n.xxl);
 i(() => e.value < n.xxl);
-function c() {
+function x() {
   s && (e.value = window.innerWidth, m.value = window.innerHeight);
 }
-s && (window.addEventListener("resize", c), window.addEventListener("beforeunload", () => {
-  window.removeEventListener("resize", c);
+s && (window.addEventListener("resize", x), window.addEventListener("beforeunload", () => {
+  window.removeEventListener("resize", x);
 }));
 export {
   h as isMobile,
   w as kunOS,
-  S as mdAndUp,
   m as screenHeight,
   e as screenWidth
 };

package/package.json

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