@orchidui/core 1.8.1-115 → 1.8.1-117

package/dist/DataTable/useDataTable.js

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

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-117",
   "type": "module",
   "scripts": {
     "build": "vite build"