@orchidui/core 1.8.1-115 → 1.8.1-116

package/dist/DataTable/useDataTable.js

@@ -1,79 +1,79 @@
-import { ref as s } from "vue";
+import { ref as n } from "vue";
 function j(w) {
-  const { id: B, name: _, localDb: I, options: g } = w, C = s(B), n = s(_), f = s(I), m = s([]), a = s([]), r = s({
+  const { id: B, name: _, localDb: I, options: y } = w, C = n(B), s = n(_), f = n(I), L = n([]), l = n([]), r = n({
     page: 1,
     per_page: 10
-  }), y = s({
+  }), b = n({
     total: 0,
     last_page: 0
-  }), b = s(!1);
-  let v = null;
-  const p = async () => {
-    b.value = !0, v && clearTimeout(v), v = setTimeout(async () => {
-      let t = f.value.table(n.value);
-      const l = T();
-      l.filter && Object.entries(l.filter).forEach(([c, o]) => {
-        o && Array.isArray(o) ? t = t.filter((d) => {
-          const u = d[c];
-          return o.some((D) => typeof D == "string" && typeof u == "string" ? u.toLowerCase().includes(D.toLowerCase()) : u === D);
-        }) : o && typeof o == "string" ? t = t.filter((d) => {
-          const u = d[c];
-          return typeof u == "string" && u.toLowerCase().includes(o.toLowerCase());
-        }) : o != null && (t = t.filter((d) => d[c] === o));
-      }), l.sortBy && l.sortBy.length > 0 && l.sortBy.forEach((c) => {
-        t = t.sortBy(c.column), c.direction === "desc" && (t = t.reverse());
+  }), v = n(!1);
+  let D = null;
+  const g = async () => {
+    v.value = !0, D && clearTimeout(D), D = setTimeout(async () => {
+      let e = f.value.table(s.value);
+      const a = T();
+      console.log("filterOptions", a), a.filter && Object.entries(a.filter).forEach(([c, u]) => {
+        u && (Array.isArray(u) ? e = e.filter((d) => {
+          const o = d[c];
+          return o == null ? !1 : u.some((p) => p == null ? !1 : typeof p == "string" && typeof o == "string" ? o.toLowerCase().includes(p.toLowerCase()) : o === p);
+        }) : typeof u == "string" ? e = e.filter((d) => {
+          const o = d[c];
+          return typeof o != "string" ? !1 : o.toLowerCase().includes(u.toLowerCase());
+        }) : e = e.filter((d) => d[c] === u));
+      }), a.sortBy && a.sortBy.length > 0 && a.sortBy.forEach((c) => {
+        e = e.sortBy(c.column), c.direction === "desc" && (e = e.reverse());
       });
-      const e = (parseInt(r.value.page) - 1) * parseInt(r.value.per_page), i = await t.offset(e).limit(parseInt(r.value.per_page)).toArray();
-      m.value = i;
-      const L = await t.count();
-      y.value = {
-        total: L,
-        last_page: Math.ceil(L / parseInt(r.value.per_page))
-      }, b.value = !1;
+      const t = (parseInt(r.value.page) - 1) * parseInt(r.value.per_page), i = await e.offset(t).limit(parseInt(r.value.per_page)).toArray();
+      L.value = i;
+      const m = await e.count();
+      console.log("totalField", m), b.value = {
+        total: m,
+        last_page: Math.ceil(parseInt(m) / parseInt(r.value.per_page))
+      }, v.value = !1;
     }, 500);
   }, T = () => {
-    const t = {}, l = (g == null ? void 0 : g.filterable_fields) ?? [];
-    return Object.entries(r.value).forEach(([e, i]) => {
-      l.includes(e) && i !== void 0 && i !== null && i !== "" && (t[e] = i);
+    const e = {}, a = (y == null ? void 0 : y.filterable_fields) ?? [];
+    return Object.entries(r.value).forEach(([t, i]) => {
+      a.includes(t) && i !== void 0 && i !== null && i !== "" && (e[t] = i);
     }), {
-      filter: t,
-      sortBy: a.value,
-      pagination: y.value
+      filter: e,
+      sortBy: l.value,
+      pagination: b.value
     };
   };
   return {
     // State
-    sortBy: a,
-    localData: m,
+    sortBy: l,
+    localData: L,
     dataTableId: C,
-    dbTablename: n,
-    paginationData: y,
-    isLoading: b,
+    dbTablename: s,
+    paginationData: b,
+    isLoading: v,
     // Methods
-    toggleSort: (t) => {
-      const l = a.value.find((e) => e.column === t);
-      l ? l.direction === "asc" ? a.value = a.value.map(
-        (e) => e.column === t ? { ...e, direction: "desc" } : e
-      ) : a.value = a.value.filter((e) => e.column !== t) : a.value = [...a.value, { column: t, direction: "asc" }], p();
+    toggleSort: (e) => {
+      const a = l.value.find((t) => t.column === e);
+      a ? a.direction === "asc" ? l.value = l.value.map(
+        (t) => t.column === e ? { ...t, direction: "desc" } : t
+      ) : l.value = l.value.filter((t) => t.column !== e) : l.value = [...l.value, { column: e, direction: "asc" }], g();
     },
-    bulkPutLocalData: async (t) => {
-      await f.value.table(n.value).bulkPut(t);
+    bulkPutLocalData: async (e) => {
+      await f.value.table(s.value).bulkPut(e);
     },
-    bulkDeleteLocalData: async (t) => {
-      await f.value.table(n.value).bulkDelete(t);
+    bulkDeleteLocalData: async (e) => {
+      await f.value.table(s.value).bulkDelete(e);
     },
     getLocalDataUpdatedAt: async () => {
-      const t = await f.value.table(n.value).orderBy("updated_at").reverse().limit(1).first();
-      return t == null ? void 0 : t.updated_at;
+      const e = await f.value.table(s.value).orderBy("updated_at").reverse().limit(1).first();
+      return e == null ? void 0 : e.updated_at;
     },
-    getLocalDataIds: async () => await f.value.table(n.value).toCollection().primaryKeys(),
-    syncLocalData: p,
+    getLocalDataIds: async () => await f.value.table(s.value).toCollection().primaryKeys(),
+    syncLocalData: g,
     // Setters
-    setFilter: (t) => {
-      r.value = { ...t }, p();
+    setFilter: (e) => {
+      r.value = { ...e }, g();
     },
-    setSortBy: (t) => {
-      a.value = { ...t }, p();
+    setSortBy: (e) => {
+      l.value = { ...e }, g();
     }
   };
 }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@orchidui/core",
   "description": "Orchid UI, Library Vue 3 tailwind css",
-  "version": "1.8.1-115",
+  "version": "1.8.1-116",
   "type": "module",
   "scripts": {
     "build": "vite build"