@orchidui/core 1.8.1-107 → 1.8.1-109

package/dist/DataTable/useDataTable.js

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

package/package.json

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