@aiao/rxdb-react 0.0.16 → 0.0.18

package/README.md

@@ -1 +1,32 @@
-# rxdb-react
+# @aiao/rxdb-react
+
+React 框架集成库，为 React 应用提供 RxDB 支持。基于 React Hooks 实现响应式数据流。
+
+## 功能特性
+
+- **React Hooks 集成**: 使用 useRxdb、useCollection 等 Hooks
+- **组件库**: 提供数据展示、编辑、表单等常用组件
+- **TypeScript 支持**: 完整的类型定义
+
+## 安装
+
+```bash
+npm install @aiao/rxdb @aiao/rxdb-react
+# 或
+pnpm add @aiao/rxdb @aiao/rxdb-react
+```
+
+## 使用
+
+```tsx
+import { RxdbProvider } from '@aiao/rxdb-react';
+
+function App() {
+  return (
+    <RxdbProvider>
+      <YourApp />
+    </RxdbProvider>
+  );
+}
+```
+

package/dist/index.js

@@ -1,41 +1,41 @@
 import { isFunction as H, cloneDeep as J } from "@aiao/utils";
-import { useState as a, useRef as f, useMemo as P, useEffect as N, createContext as Q, useContext as U, useCallback as m } from "react";
+import { useState as l, useRef as a, useMemo as P, useEffect as N, createContext as Q, useContext as U, useCallback as m } from "react";
 import { jsx as W } from "react/jsx-runtime";
-const s = (r, e, c, g) => {
-  const [D, p] = a(c), [y, l] = a(void 0), [B, d] = a(!0), [u, C] = a(void 0), [I, b] = a(!1), o = f(void 0), i = f(!0), M = P(() => H(g) ? g() : g, [g]);
+const s = (r, e, c, h) => {
+  const [D, p] = l(c), [y, d] = l(void 0), [B, u] = l(!0), [i, C] = l(void 0), [I, b] = l(!1), o = a(void 0), f = a(!0), M = P(() => H(h) ? h() : h, [h]);
   return N(() => {
-    i.current = !0, o.current && (o.current.unsubscribe(), o.current = void 0);
-    const h = r[e];
-    if (!h || typeof h != "function") {
+    f.current = !0, o.current && (o.current.unsubscribe(), o.current = void 0);
+    const g = r[e];
+    if (!g || typeof g != "function") {
       const t = new Error(`Method "${String(e)}" not found on EntityType`);
       Promise.resolve().then(() => {
-        i.current && (l(t), d(!1));
+        f.current && (d(t), u(!1));
       });
       return;
     }
     try {
-      o.current = h(M).subscribe({
+      o.current = g(M).subscribe({
         next: (t) => {
-          i.current && (d(!1), b(!0), l(void 0), Array.isArray(t) ? C(t.length === 0) : C(t == null), p(t));
+          f.current && (u(!1), b(!0), d(void 0), Array.isArray(t) ? C(t.length === 0) : C(t == null), p(t));
         },
         error: (t) => {
-          i.current && (d(!1), b(!1), l(t), console.error(`RxDB query error in ${String(e)}:`, t));
+          f.current && (u(!1), b(!1), d(t), console.error(`RxDB query error in ${String(e)}:`, t));
         }
       });
     } catch (t) {
       const x = t instanceof Error ? t : new Error(String(t));
       Promise.resolve().then(() => {
-        i.current && (d(!1), l(x));
+        f.current && (u(!1), d(x));
       });
     }
     return () => {
-      i.current = !1, o.current && (o.current.unsubscribe(), o.current = void 0);
+      f.current = !1, o.current && (o.current.unsubscribe(), o.current = void 0);
     };
   }, [r, e, M]), {
     value: D,
     error: y,
     isLoading: B,
-    isEmpty: u,
+    isEmpty: i,
     hasValue: I
   };
 }, re = (r, e) => s(r, "get", void 0, e), te = (r, e) => s(r, "findOne", void 0, e), ne = (r, e) => s(r, "findOneOrFail", void 0, e), se = (r, e) => s(r, "find", [], e), oe = (r, e) => s(r, "findByCursor", [], e), ce = (r, e) => s(r, "findAll", [], e), ue = (r, e) => s(r, "count", 0, e), ie = (r, e) => s(r, "findDescendants", [], e), fe = (r, e) => s(r, "countDescendants", 0, e), ae = (r, e) => s(r, "findAncestors", [], e), le = (r, e) => s(r, "countAncestors", 0, e), de = (r, e) => s(r, "findNeighbors", [], e), ge = (r, e) => s(r, "countNeighbors", 0, e), he = (r, e) => s(r, "findPaths", [], e);
@@ -53,24 +53,24 @@ function X() {
 }
 const { RxDBProvider: ve, useRxDB: Y } = X();
 function pe(r, e) {
-  const c = Y(), [g, D] = a([]), p = f([]), y = m(
+  const c = Y(), [h, D] = l([]), p = a([]), y = m(
     (n) => {
       const F = typeof n == "function" ? n(p.current) : n;
       p.current = F, D(F);
     },
     []
-  ), [l, B] = a(!1), d = f(!1), u = m((n) => {
-    d.current = n, B(n);
-  }, []), [C, I] = a(!0), b = f(!0), o = m((n) => {
+  ), [d, B] = l(!1), u = a(!1), i = m((n) => {
+    u.current = n, B(n);
+  }, []), [C, I] = l(!0), b = a(!0), o = m((n) => {
     b.current = n, I(n);
-  }, []), [i, M] = a(!1), h = f(!1), t = f(!1), x = f([]), O = P(() => H(e) ? e() : e, [e]), E = P(() => JSON.stringify(O), [O]), A = P(() => g.flat(), [g]), V = P(
-    () => A.length === 0 && !l && i,
-    [A.length, l, i]
+  }, []), [f, M] = l(!1), g = a(!1), t = a(!1), x = a([]), O = P(() => H(e) ? e() : e, [e]), E = P(() => JSON.stringify(O), [O]), A = P(() => h.flat(), [h]), V = P(
+    () => A.length === 0 && !d && f,
+    [A.length, d, f]
   ), R = m(() => {
     x.current.forEach((n) => n.unsubscribe()), x.current = [];
   }, []), v = m(() => {
-    if (d.current || !b.current || !t.current) return;
-    u(!0);
+    if (u.current || !b.current || !t.current) return;
+    i(!0);
     const n = p.current, F = n.length, S = n.length > 0 ? n[n.length - 1] : void 0, q = S && S.length > 0 ? S[S.length - 1] : void 0, L = J(O);
     q && (L.after = q);
     const K = c.entityManager.getRepository(r).findByCursor(L).subscribe({
@@ -81,33 +81,33 @@ function pe(r, e) {
           return G[F] = z, G;
         });
         const $ = L.limit || 100;
-        z.length < $ && o(!1), u(!1);
+        z.length < $ && o(!1), i(!1);
       },
       error: () => {
-        t.current && u(!1);
+        t.current && i(!1);
       },
       complete: () => {
-        t.current && u(!1);
+        t.current && i(!1);
       }
     });
     x.current.push(K);
-  }, [r, O, c, o, u, y]), k = m(() => {
+  }, [r, O, c, o, i, y]), k = m(() => {
     if (!t.current) {
       console.warn("Cannot refresh: component is unmounted");
       return;
     }
-    R(), y([]), u(!1), o(!0), v();
-  }, [R, v, o, u, y]);
-  N(() => (t.current = !0, h.current || (h.current = !0, M(!0), v()), () => {
-    t.current = !1, R();
+    R(), y([]), i(!1), o(!0), v();
+  }, [R, v, o, i, y]);
+  N(() => (t.current = !0, g.current || (g.current = !0, M(!0), v()), () => {
+    t.current = !1, g.current = !1, u.current = !1, R();
   }), [R, v]);
-  const w = f(E);
+  const w = a(E);
   return N(() => {
-    h.current && w.current !== E && (w.current = E, R(), p.current = [], d.current = !1, b.current = !0, D([]), B(!1), I(!0), v());
+    g.current && w.current !== E && (w.current = E, R(), p.current = [], u.current = !1, b.current = !0, D([]), B(!1), I(!0), v());
   }, [E, R, v]), {
     value: A,
     isEmpty: V,
-    isLoading: l,
+    isLoading: d,
     hasMore: C,
     loadMore: v,
     refresh: k

package/dist/useInfiniteScroll.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useInfiniteScroll.d.ts","sourceRoot":"","sources":["../src/useInfiniteScroll.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AAK1D,KAAK,UAAU,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC;AAEnC,MAAM,WAAW,sBAAsB,CAAC,CAAC;IACvC,KAAK,EAAE,CAAC,EAAE,CAAC;IACX,OAAO,EAAE,OAAO,CAAC;IACjB,SAAS,EAAE,OAAO,CAAC;IACnB,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED;;;;;;;;;;;;;;;GAeG;AACH,wBAAgB,iBAAiB,CAAC,CAAC,SAAS,UAAU,EACpD,UAAU,EAAE,CAAC,EACb,OAAO,EAAE,UAAU,CAAC,gBAAgB,CAAC,CAAC,EAAE,qBAAqB,CAAC,CAAC,GAC9D,sBAAsB,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,CAyJzC"}
+{"version":3,"file":"useInfiniteScroll.d.ts","sourceRoot":"","sources":["../src/useInfiniteScroll.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AAK1D,KAAK,UAAU,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC;AAEnC,MAAM,WAAW,sBAAsB,CAAC,CAAC;IACvC,KAAK,EAAE,CAAC,EAAE,CAAC;IACX,OAAO,EAAE,OAAO,CAAC;IACjB,SAAS,EAAE,OAAO,CAAC;IACnB,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED;;;;;;;;;;;;;;;GAeG;AACH,wBAAgB,iBAAiB,CAAC,CAAC,SAAS,UAAU,EACpD,UAAU,EAAE,CAAC,EACb,OAAO,EAAE,UAAU,CAAC,gBAAgB,CAAC,CAAC,EAAE,qBAAqB,CAAC,CAAC,GAC9D,sBAAsB,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,CA2JzC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aiao/rxdb-react",
-  "version": "0.0.16",
+  "version": "0.0.18",
   "type": "module",
   "main": "./dist/index.js",
   "module": "./dist/index.js",
@@ -15,14 +15,17 @@
     }
   },
   "dependencies": {
-    "@aiao/rxdb": "0.0.16",
-    "@aiao/utils": "0.0.16"
+    "@aiao/rxdb": "0.0.18",
+    "@aiao/utils": "0.0.18"
   },
   "peerDependencies": {
     "react": ">=19.0.0",
     "react-dom": ">=19.0.0",
     "rxjs": "^7.8.0"
   },
+  "publishConfig": {
+    "access": "public"
+  },
   "nx": {
     "name": "rxdb-react",
     "tags": [

package/src/useInfiniteScroll.ts

@@ -155,6 +155,8 @@ export function useInfiniteScroll<T extends EntityType>(
 
     return () => {
       isMounted.current = false;
+      isInitializedRef.current = false;
+      isLoadingRef.current = false;
       clearSubscriptions();
     };
   }, [clearSubscriptions, loadMore]);