adverich-kun-ui 0.1.466 → 0.1.467

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

@@ -1,11 +1,11 @@
-import { reactive as O, ref as E, computed as g, unref as i, watch as N } from "vue";
-import { debounce as v } from "../../../../utils/utils.js";
-import { getValue as K, formatValue as T } from "../../../../utils/tableFormatters.js";
-function B(p, h, F) {
-  const c = O({
+import { reactive as I, ref as R, computed as p, unref as u, watch as K } from "vue";
+import { debounce as j } from "../../../../utils/utils.js";
+import { getValue as q, formatValue as x } from "../../../../utils/tableFormatters.js";
+function N(S, d, b, a = !1) {
+  const l = I({
     search: "",
     byColumn: {}
-  }), { items: m, customFilter: b, searchableKeys: V, headers: k } = p, R = E(!1), u = (e) => {
+  }), { items: h, customFilter: w, searchableKeys: A, headers: B } = S, V = R(!1), f = (e) => {
     if (e == null) return "";
     if (typeof e == "string") return e;
     if (typeof e == "number" || typeof e == "boolean") return String(e);
@@ -24,100 +24,83 @@ function B(p, h, F) {
     } catch {
       return "";
     }
-  }, d = (e, t) => {
-    const r = u(e).toLowerCase(), l = u(t).toLowerCase();
-    return l ? r ? r.includes(l) : !1 : !0;
-  }, f = g(() => F.value ?? []), I = g(() => {
-    const e = i(V);
-    return Array.isArray(e) && e.length ? e : f.value.map((t) => t == null ? void 0 : t.value).filter(Boolean);
-  }), S = (e, t) => {
-    console.log("[getDisplayValue] START → key:", t, "item:", e);
-    const r = f.value.find((o) => (o == null ? void 0 : o.value) === t);
-    if (console.log("[getDisplayValue] header encontrado:", r), !r) {
-      const o = e == null ? void 0 : e[t];
-      return console.log("[getDisplayValue] SIN header, devuelvo item[key]:", o), o;
-    }
-    let l, a;
-    try {
-      l = K(r, e), console.log("[getDisplayValue] raw value de getValue:", l);
-    } catch (o) {
-      console.error("[getDisplayValue] ERROR en getValue", { header: r, item: e, err: o });
-    }
-    try {
-      a = T(r, l), console.log("[getDisplayValue] shown value de formatValue:", a);
-    } catch (o) {
-      console.error("[getDisplayValue] ERROR en formatValue", { header: r, raw: l, err: o });
-    }
-    const s = u(a);
-    return console.log("[getDisplayValue] FINAL stringified:", s), s;
-  }, y = (e, t, r) => {
-    console.log("[matchesFilter] item:", e, "key:", t, "filter value:", r);
-    const l = S(e, t);
-    console.log("[matchesFilter] itemValue obtenido:", l);
-    const a = i(b);
-    if (typeof a == "function") {
-      console.log("[matchesFilter] customFilter detectado, llamando...");
-      const o = f.value.find((n) => (n == null ? void 0 : n.value) === t);
+  }, F = (e, r) => {
+    const t = f(e).toLowerCase(), o = f(r).toLowerCase();
+    return o ? t ? t.includes(o) : !1 : !0;
+  }, y = p(() => b.value ?? []), C = p(() => {
+    const e = u(A);
+    return Array.isArray(e) && e.length ? e : y.value.map((r) => r == null ? void 0 : r.value).filter(Boolean);
+  }), m = R(/* @__PURE__ */ new Map());
+  K(
+    () => u(h),
+    (e) => {
+      m.value.clear(), Array.isArray(e) && (e.forEach((r) => {
+        const t = {};
+        C.value.forEach((o) => {
+          const n = y.value.find((i) => i.value === o);
+          let s, c;
+          try {
+            s = n ? q(n, r) : r[o];
+          } catch (i) {
+            s = "", a && console.error("[useFilter] ERROR getValue", { item: r, key: o, err: i });
+          }
+          try {
+            c = n ? x(n, s) : s;
+          } catch (i) {
+            c = s, a && console.error("[useFilter] ERROR formatValue", { header: n, raw: s, err: i });
+          }
+          t[o] = f(c).toLowerCase();
+        }), m.value.set(r, t);
+      }), a && console.log("[useFilter] Cache reconstruida", m.value));
+    },
+    { immediate: !0, deep: !1 }
+  );
+  const E = (e, r) => {
+    var o;
+    const t = ((o = m.value.get(e)) == null ? void 0 : o[r]) ?? "";
+    return a && console.log("[getDisplayValue]", { item: e, key: r, val: t }), t;
+  }, g = (e, r, t) => {
+    const o = E(e, r), n = u(w);
+    if (typeof n == "function") {
+      const s = y.value.find((c) => (c == null ? void 0 : c.value) === r);
       try {
-        const n = a(e, t, r, o);
-        return console.log("[matchesFilter] customFilter result:", n), n;
-      } catch (n) {
-        return console.error("[matchesFilter] ERROR en customFilter", { item: e, key: t, value: r, header: o, err: n }), !1;
+        return n(e, r, t, s);
+      } catch (c) {
+        return a && console.error("[matchesFilter] ERROR customFilter", { item: e, key: r, value: t, header: s, err: c }), !1;
       }
     }
-    if (Array.isArray(r)) {
-      console.log("[matchesFilter] value es array, evaluando...");
-      const o = r.some((n) => d(l, n));
-      return console.log("[matchesFilter] array filter result:", o), o;
-    }
-    const s = d(l, r);
-    return console.log("[matchesFilter] default filter result:", s), s;
-  }, A = g(() => {
-    const e = i(m);
-    if (console.log("[filteredItems] recompute → items length:", Array.isArray(e) ? e.length : "NO ARRAY"), !Array.isArray(e)) return [];
-    const t = e.filter((r, l) => {
-      console.log(`
-[filteredItems] --- Evaluando item idx:`, l, r);
-      const a = c.search;
-      if (a) {
-        console.log("[filteredItems] search activo:", a);
-        const s = I.value;
-        console.log("[filteredItems] searchableKeys:", s);
-        const o = s.some((n) => y(r, n, a));
-        if (console.log("[filteredItems] resultado filtro global:", o), !o) return !1;
-      }
-      for (const s in c.byColumn) {
-        const o = c.byColumn[s];
-        if (o != null && o !== "" && (console.log("[filteredItems] columna con filtro:", s, "value:", o), !y(r, s, o)))
-          return console.log("[filteredItems] filtro por columna NO pasó"), !1;
+    return Array.isArray(t) ? t.some((s) => F(o, s)) : F(o, t);
+  }, L = p(() => {
+    const e = u(h);
+    return Array.isArray(e) ? e.filter((r) => {
+      const t = l.search;
+      if (t && !C.value.some((s) => g(r, s, t)))
+        return !1;
+      for (const o in l.byColumn) {
+        const n = l.byColumn[o];
+        if (n != null && n !== "" && !g(r, o, n)) return !1;
       }
-      return console.log("[filteredItems] item pasó todos los filtros ✅"), !0;
-    });
-    return console.log("[filteredItems] RESULT FINAL →", t), t;
-  }), C = v((e) => {
-    console.log("[setSearch] nuevo valor:", e), c.search = u(e).toLowerCase();
-  }, i(h) ?? 150), w = (e, t) => {
-    console.log("[setColumnFilter] key:", e, "value:", t), c.byColumn[e] = t;
+      return !0;
+    }) : [];
+  }), O = j((e) => {
+    l.search = f(e).toLowerCase(), a && console.log("[setSearch]", l.search);
+  }, u(d) ?? 150), D = (e, r) => {
+    l.byColumn[e] = r, a && console.log("[setColumnFilter]", e, r);
   };
-  function D(e) {
-    console.log("[applyColumnFilters] aplicando:", e);
-    for (const t in e)
-      w(t, e[t]);
-  }
-  const L = () => {
-    console.log("[clearFilters] reseteando filtros"), c.search = "", c.byColumn = {};
-  };
-  return N(() => i(m), (e, t) => {
-    console.log("[watch items] old:", t, "new:", e);
-  }, { deep: !0 }), {
-    modalFilter: R,
-    appliedFilters: c,
-    filteredItems: A,
-    setSearch: C,
-    applyColumnFilters: D,
-    clearFilters: L
+  return {
+    modalFilter: V,
+    appliedFilters: l,
+    filteredItems: L,
+    setSearch: O,
+    applyColumnFilters: (e) => {
+      for (const r in e) D(r, e[r]);
+      a && console.log("[applyColumnFilters]", e);
+    },
+    clearFilters: () => {
+      l.search = "", l.byColumn = {}, a && console.log("[clearFilters] filtros reseteados");
+    }
   };
 }
 export {
-  B as default
+  N as default
 };

package/package.json

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