@orchidui/core 1.8.1-111 → 1.8.1-113

package/dist/DataTable/useDataTable.js

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

package/package.json

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