adverich-kun-ui 0.1.614 → 0.1.618

package/AGENTS.md

@@ -356,17 +356,25 @@ const headers = [
 ```javascript
 const filters = [
   {
-    value: 'rol',            // Clave del filtro (debe coincidir con header.value)
+    value: 'rol',            // Clave del filtro (debe coincidir con header.value / row key)
     label: 'Rol',            // Etiqueta visible
     text: 'Rol',             // Texto alternativo
     name: 'roles',           // Nombre para textos genéricos
     items: [...],            // Lista de opciones para el filtro
+    'item-value': 'id',      // Clave de comparación (default: 'id')
     placeholderText: 'Seleccionar rol',
     textNoItem: 'No hay roles disponibles'
   }
 ]
 ```
 
+**Matching de filtros por columna:**
+
+- Selección múltiple dentro de un filtro: **OR** (pasa si coincide alguno de los valores seleccionados).
+- Varios filtros activos: **AND**.
+- Celda escalar: igualdad exacta (case-insensitive) contra `item-value`.
+- Celda array (relaciones M2M, p. ej. `price_lists`): **includes-any** — pasa si algún miembro del array tiene `item-value` (default `id`) entre los seleccionados.
+
 **Slots:**
 
 | Slot | Props | Descripción |

package/dist/AGENTS.md

@@ -356,17 +356,25 @@ const headers = [
 ```javascript
 const filters = [
   {
-    value: 'rol',            // Clave del filtro (debe coincidir con header.value)
+    value: 'rol',            // Clave del filtro (debe coincidir con header.value / row key)
     label: 'Rol',            // Etiqueta visible
     text: 'Rol',             // Texto alternativo
     name: 'roles',           // Nombre para textos genéricos
     items: [...],            // Lista de opciones para el filtro
+    'item-value': 'id',      // Clave de comparación (default: 'id')
     placeholderText: 'Seleccionar rol',
     textNoItem: 'No hay roles disponibles'
   }
 ]
 ```
 
+**Matching de filtros por columna:**
+
+- Selección múltiple dentro de un filtro: **OR** (pasa si coincide alguno de los valores seleccionados).
+- Varios filtros activos: **AND**.
+- Celda escalar: igualdad exacta (case-insensitive) contra `item-value`.
+- Celda array (relaciones M2M, p. ej. `price_lists`): **includes-any** — pasa si algún miembro del array tiene `item-value` (default `id`) entre los seleccionados.
+
 **Slots:**
 
 | Slot | Props | Descripción |

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

@@ -74,13 +74,13 @@ const E = { class: "w-full" }, I = { class: "flex justify-end px-1" }, K = { cla
                     "onUpdate:modelValue": (s) => i.value[e.value] = s,
                     items: e.items,
                     "z-index": "z-250",
-                    "item-value": "id",
+                    "item-value": e["item-value"] ?? "id",
                     "item-title": e.title ?? e.text,
-                    "item-text": "filter.text",
+                    "item-text": e.text,
                     label: e.label ?? "",
                     "text-no-items": e.textNoItem ?? `No hay ${e.name ?? "elementos"} disponibles`,
                     "placeholder-text": e.placeholderText ?? "Seleccionar"
-                  }, null, 8, ["modelValue", "onUpdate:modelValue", "items", "item-title", "label", "text-no-items", "placeholder-text"])
+                  }, null, 8, ["modelValue", "onUpdate:modelValue", "items", "item-value", "item-title", "item-text", "label", "text-no-items", "placeholder-text"])
                 ]),
                 _: 2
               }, 1024))), 256))

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

@@ -1,13 +1,13 @@
-import { reactive as P, ref as b, computed as g, unref as f, watch as S } from "vue";
-import { debounce as z } from "../../../../utils/utils.js";
-import { getValue as O, formatValue as D } from "../../../../utils/tableFormatters.js";
-function Q(F, E, L, i = !1) {
-  const u = P({
+import { reactive as H, ref as S, computed as V, unref as f, watch as O } from "vue";
+import { debounce as J } from "../../../../utils/utils.js";
+import { getValue as E, formatValue as N } from "../../../../utils/tableFormatters.js";
+function Y(d, L, M, i = !1) {
+  const u = H({
     search: "",
     // Búsqueda global
     byColumn: {}
     // Mapa columna -> valor
-  }), { items: m, customFilter: M, searchableKeys: j, headers: G } = F, T = b(!1), y = (e) => {
+  }), { items: m, customFilter: j, searchableKeys: x, headers: Q } = d, T = S(!1), h = (e) => {
     if (e == null) return "";
     if (typeof e == "string") return e;
     if (typeof e == "number" || typeof e == "boolean") return String(e);
@@ -26,90 +26,92 @@ function Q(F, E, L, i = !1) {
     } catch {
       return "";
     }
-  }, w = (e, r) => {
-    const o = y(e).toLowerCase(), t = y(r).toLowerCase();
-    return t ? o === t : !0;
-  }, p = g(() => L.value ?? []), A = g(() => {
-    const e = f(j);
+  }, K = (e, r) => {
+    const a = h(e).toLowerCase(), t = h(r).toLowerCase();
+    return t ? a === t : !0;
+  }, p = V(() => M.value ?? []), g = V(() => {
+    const e = f(x);
     return Array.isArray(e) && e.length ? e : p.value.map((r) => r == null ? void 0 : r.value).filter(Boolean);
-  }), C = b(/* @__PURE__ */ new Map());
-  function R() {
+  }), C = S(/* @__PURE__ */ new Map());
+  function A() {
     C.value.clear();
     const e = f(m);
     Array.isArray(e) && (e.forEach((r) => {
-      const o = {};
-      A.value.forEach((t) => {
+      const a = {};
+      g.value.forEach((t) => {
         const n = p.value.find((l) => l.value === t);
-        let s, c;
+        let o, c;
         try {
-          s = n ? O(n, r) : r[t];
+          o = n ? E(n, r) : r[t];
         } catch (l) {
-          s = "", i && console.error("[useFilter] ERROR getValue", { item: r, key: t, err: l });
+          o = "", i && console.error("[useFilter] ERROR getValue", { item: r, key: t, err: l });
         }
         try {
-          c = n ? D(n, s) : s;
+          c = n ? N(n, o) : o;
         } catch (l) {
-          c = s, i && console.error("[useFilter] ERROR formatValue", { header: n, raw: s, err: l });
+          c = o, i && console.error("[useFilter] ERROR formatValue", { header: n, raw: o, err: l });
         }
-        o[t] = y(c).toLowerCase();
-      }), C.value.set(r, o);
+        a[t] = h(c).toLowerCase();
+      }), C.value.set(r, a);
     }), i && console.log("[useFilter] Cache reconstruida", C.value));
   }
-  S(() => f(m), () => R(), { immediate: !0 }), S(() => {
+  O(() => f(m), () => A(), { immediate: !0 }), O(() => {
     var e;
     return (e = f(m)) == null ? void 0 : e.length;
-  }, () => R());
-  const x = (e, r, o) => {
-    const t = V(e, r), n = f(M);
+  }, () => A());
+  const I = (e, r, a) => {
+    const t = w(e, r), n = f(j);
     if (typeof n == "function") {
-      const a = p.value.find((h) => (h == null ? void 0 : h.value) === r);
+      const s = p.value.find((y) => (y == null ? void 0 : y.value) === r);
       try {
-        return n(e, r, o, a);
-      } catch (h) {
-        return i && console.error("[matchesFilter] ERROR customFilter", { item: e, key: r, value: o, header: a, err: h }), !1;
+        return n(e, r, a, s);
+      } catch (y) {
+        return i && console.error("[matchesFilter] ERROR customFilter", { item: e, key: r, value: a, header: s, err: y }), !1;
       }
     }
-    const s = f(F.filters) ?? F.filters, c = Array.isArray(s) ? s.find((a) => a.value === r) : void 0, l = (c == null ? void 0 : c["item-value"]) ?? "id", d = (a) => a != null && typeof a == "object" ? a[l] : a;
-    return Array.isArray(o) ? o.some((a) => w(t, d(a))) : w(t, d(o));
-  }, K = g(() => {
+    const o = f(d.filters) ?? d.filters, c = Array.isArray(o) ? o.find((s) => s.value === r) : void 0, l = (c == null ? void 0 : c["item-value"]) ?? "id", F = (s) => s != null && typeof s == "object" ? s[l] : s, R = (s) => s != null && typeof s == "object" && !Array.isArray(s) ? s[l] : s, b = (Array.isArray(a) ? a : [a]).map(F), G = Array.isArray(t) ? t.map(R) : [t];
+    return b.some(
+      (s) => G.some((y) => K(y, s))
+    );
+  }, q = V(() => {
     const e = f(m);
     return Array.isArray(e) ? e.filter((r) => {
-      const o = u.search;
-      if (o) {
-        const t = o.split(/\s+/).filter((n) => n.length > 0);
+      const a = u.search;
+      if (a) {
+        const t = a.split(/\s+/).filter((n) => n.length > 0);
         if (t.length > 0) {
           const n = C.value.get(r);
           if (n) {
             if (!t.every((c) => Object.values(n).some((l) => l.includes(c)))) return !1;
           } else {
-            const s = A.value;
-            if (!t.every((l) => s.some((d) => {
-              const a = V(r, d);
-              return y(a).toLowerCase().includes(l);
+            const o = g.value;
+            if (!t.every((l) => o.some((F) => {
+              const R = w(r, F);
+              return h(R).toLowerCase().includes(l);
             }))) return !1;
           }
         }
       }
       for (const t in u.byColumn) {
-        const n = u.byColumn[t], s = Array.isArray(n) && n.length === 0;
-        if (n != null && n !== "" && !s && !x(r, t, n)) return !1;
+        const n = u.byColumn[t], o = Array.isArray(n) && n.length === 0;
+        if (n != null && n !== "" && !o && !I(r, t, n)) return !1;
       }
       return !0;
     }) : [];
-  }), I = z((e) => {
-    u.search = y(e).toLowerCase(), i && console.log("[setSearch]", u.search);
-  }, f(E) ?? 150), q = (e, r) => {
+  }), B = J((e) => {
+    u.search = h(e).toLowerCase(), i && console.log("[setSearch]", u.search);
+  }, f(L) ?? 150), P = (e, r) => {
     u.byColumn[e] = r, i && console.log("[setColumnFilter]", e, r);
-  }, v = (e) => {
-    for (const r in e) q(r, e[r]);
+  }, z = (e) => {
+    for (const r in e) P(r, e[r]);
     i && console.log("[applyColumnFilters]", e);
-  }, B = () => {
+  }, D = () => {
     u.search = "", u.byColumn = {}, i && console.log("[clearFilters] filtros reseteados");
-  }, V = (e, r) => {
+  }, w = (e, r) => {
     if (Object.prototype.hasOwnProperty.call(e, r)) return e[r];
-    const o = p.value.find((t) => (t == null ? void 0 : t.value) === r);
+    const a = p.value.find((t) => (t == null ? void 0 : t.value) === r);
     try {
-      return o ? O(o, e) : e[r];
+      return a ? E(a, e) : e[r];
     } catch (t) {
       return i && console.error("[useFilter] ERROR getRawValue", { item: e, key: r, err: t }), null;
     }
@@ -117,14 +119,14 @@ function Q(F, E, L, i = !1) {
   return {
     modalFilter: T,
     appliedFilters: u,
-    filteredItems: K,
-    setSearch: I,
-    applyColumnFilters: v,
-    clearFilters: B,
+    filteredItems: q,
+    setSearch: B,
+    applyColumnFilters: z,
+    clearFilters: D,
     // 👇 Exponemos también por si querés refrescar manualmente
-    refreshCache: R
+    refreshCache: A
   };
 }
 export {
-  Q as default
+  Y as default
 };

package/package.json

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