@anjianshi/utils 2.8.3 → 2.8.5

package/env-react/hooks.d.ts

@@ -1,8 +1,4 @@
 /**
- * 生成一个 ref，存储指定值并同步更新
- */
-export declare function useRefOfValue<T>(value: T): import("react").RefObject<T>;
-/**
- * 在 useState() 基础上，额外返回一个与 state 值同步的 ref
+ * 生成一个 state 以及与其值同步的 ref
  */
 export declare function useStateWithRef<T>(initialValue: T | (() => T)): readonly [T, import("react").Dispatch<import("react").SetStateAction<T>>, import("react").RefObject<T>];

package/env-react/hooks.js

@@ -1,17 +1,16 @@
-import { useRef } from 'react';
+import { useRef, useCallback } from 'react';
 /**
- * 生成一个 ref，存储指定值并同步更新
- */
-export function useRefOfValue(value) {
-    const ref = useRef(value);
-    ref.current = value;
-    return ref;
-}
-/**
- * 在 useState() 基础上，额外返回一个与 state 值同步的 ref
+ * 生成一个 state 以及与其值同步的 ref
  */
 export function useStateWithRef(initialValue) {
     const [state, setState] = useState(initialValue);
-    const ref = useRefOfValue(state);
-    return [state, setState, ref];
+    const ref = useRef(state);
+    const setStateWithRef = useCallback((value) => {
+        setState(prevState => {
+            const newValue = typeof value === 'function' ? value(prevState) : value;
+            ref.current = newValue;
+            return newValue;
+        });
+    }, []);
+    return [state, setStateWithRef, ref];
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@anjianshi/utils",
-  "version": "2.8.3",
+  "version": "2.8.5",
   "description": "Common JavaScript Utils",
   "homepage": "https://github.com/anjianshi/js-packages/utils",
   "bugs": {
@@ -34,8 +34,8 @@
     "@anjianshi/presets-eslint-base": "6.0.0",
     "@anjianshi/presets-eslint-node": "6.0.0",
     "@anjianshi/presets-eslint-react": "6.0.0",
-    "@anjianshi/presets-prettier": "3.0.4",
     "@anjianshi/presets-eslint-typescript": "6.0.0",
+    "@anjianshi/presets-prettier": "3.0.4",
     "@anjianshi/presets-typescript": "3.2.4"
   },
   "peerDependencies": {