@anjianshi/utils 2.8.2 → 2.8.4

package/env-react/emotion-register-globals.d.ts

@@ -0,0 +1,7 @@
+/**
+ * 把 emotion 的 css 函数注册为全局变量，就不用每次使用都手动引入了
+ */
+import { css as cssValue } from '@emotion/react';
+declare global {
+    var css: typeof cssValue;
+}

package/env-react/emotion-register-globals.js

@@ -0,0 +1,5 @@
+/**
+ * 把 emotion 的 css 函数注册为全局变量，就不用每次使用都手动引入了
+ */
+import { css as cssValue } from '@emotion/react';
+globalThis.css = cssValue;

package/env-react/hooks.d.ts

@@ -0,0 +1,4 @@
+/**
+ * 生成一个 state 以及与其值同步的 ref
+ */
+export declare function useStateWithRef<T>(initialValue: T | (() => T)): readonly [T, (value: T | ((prevState: T) => T)) => void, import("react").RefObject<T>];

package/env-react/hooks.js

@@ -0,0 +1,16 @@
+import { useRef, useCallback } from 'react';
+/**
+ * 生成一个 state 以及与其值同步的 ref
+ */
+export function useStateWithRef(initialValue) {
+    const [state, setState] = useState(initialValue);
+    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/env-react/index.d.ts

@@ -0,0 +1 @@
+export * from './hooks.js';

package/env-react/index.js

@@ -0,0 +1 @@
+export * from './hooks.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@anjianshi/utils",
-  "version": "2.8.2",
+  "version": "2.8.4",
   "description": "Common JavaScript Utils",
   "homepage": "https://github.com/anjianshi/js-packages/utils",
   "bugs": {
@@ -32,10 +32,10 @@
     "typescript": "^5.8.3",
     "vconsole": "^3.15.1",
     "@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-node": "6.0.0",
     "@anjianshi/presets-eslint-typescript": "6.0.0",
+    "@anjianshi/presets-prettier": "3.0.4",
     "@anjianshi/presets-typescript": "3.2.4"
   },
   "peerDependencies": {