@ray-js/runtime 1.7.56-beta.7 → 1.7.56-beta.8

package/lib/index.d.ts

@@ -2,6 +2,7 @@ import * as runtime from '@ray-core/runtime';
 export { lifecycle } from './lifecycle';
 export { PageInstance } from './PageInstance';
 export { PageInstanceContext } from './PageInstanceContext';
+export { useAsyncState } from './useAsyncState';
 export { useAppEvent } from './useAppEvent';
 export { usePageEvent } from './usePageEvent';
 export { withPageLifecycle } from './withPageLifecycle';

package/lib/index.js

@@ -2,6 +2,7 @@ import * as runtime from '@ray-core/runtime';
 export { lifecycle } from './lifecycle';
 export { PageInstance } from './PageInstance';
 export { PageInstanceContext } from './PageInstanceContext';
+export { useAsyncState } from './useAsyncState';
 export { useAppEvent } from './useAppEvent';
 // 页面事件
 export { usePageEvent } from './usePageEvent';

package/lib/useAsyncState/index.d.ts

@@ -0,0 +1,5 @@
+/**
+ * 异步 State Hook
+ * 利用对象引用变化强制触发更新，即使 value 相同
+ */
+export declare function useAsyncState<T>(initialValue: T): [T, (value: T | ((prev: T) => T)) => Promise<T>];

package/lib/useAsyncState/index.js

@@ -0,0 +1,35 @@
+import "core-js/modules/web.dom-collections.iterator.js";
+import { useState, useRef } from 'react';
+import { useNativeEffect } from '@ray-core/runtime';
+
+/**
+ * 异步 State Hook
+ * 利用对象引用变化强制触发更新，即使 value 相同
+ */
+export function useAsyncState(initialValue) {
+  // 包装在对象中，通过创建新对象强制触发更新
+  const [state, setState] = useState(() => ({
+    value: initialValue
+  }));
+  const pendingResolvers = useRef([]);
+  // 此时 state.value 已经是最新的，可以正确 resolve Promise
+  useNativeEffect(() => {
+    if (pendingResolvers.current.length > 0) {
+      const resolvers = [...pendingResolvers.current];
+      pendingResolvers.current = [];
+      resolvers.forEach(res => res(state.value));
+    }
+  }, [state]);
+  return [state.value, value => {
+    return new Promise(resolve => {
+      pendingResolvers.current.push(resolve);
+      setState(prev => {
+        const nextValue = typeof value === 'function' ? value(prev.value) : value;
+        // 总是创建新对象，即使 value 相同
+        return {
+          value: nextValue
+        };
+      });
+    });
+  }];
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ray-js/runtime",
-  "version": "1.7.56-beta.7",
+  "version": "1.7.56-beta.8",
   "description": "Ray cross runtime",
   "keywords": [
     "ray"
@@ -27,13 +27,13 @@
     "@ray-core/runtime": "^0.4.9"
   },
   "devDependencies": {
-    "@ray-js/cli": "1.7.56-beta.7",
-    "@ray-js/types": "1.7.56-beta.7",
+    "@ray-js/cli": "1.7.56-beta.8",
+    "@ray-js/types": "1.7.56-beta.8",
     "typescript": "^5.8.3"
   },
   "publishConfig": {
     "access": "public",
     "registry": "https://registry.npmjs.org"
   },
-  "gitHead": "4af5e87574c24597a6da1112bc3c40bf27df713c"
+  "gitHead": "8f42d569ceece3840cdbf9aa4a223abcd06b0915"
 }