@anjianshi/utils 2.8.2 → 2.8.3

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,8 @@
+/**
+ * 生成一个 ref，存储指定值并同步更新
+ */
+export declare function useRefOfValue<T>(value: T): import("react").RefObject<T>;
+/**
+ * 在 useState() 基础上，额外返回一个与 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

@@ -0,0 +1,17 @@
+import { useRef } from 'react';
+/**
+ * 生成一个 ref，存储指定值并同步更新
+ */
+export function useRefOfValue(value) {
+    const ref = useRef(value);
+    ref.current = value;
+    return ref;
+}
+/**
+ * 在 useState() 基础上，额外返回一个与 state 值同步的 ref
+ */
+export function useStateWithRef(initialValue) {
+    const [state, setState] = useState(initialValue);
+    const ref = useRefOfValue(state);
+    return [state, setState, 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.3",
   "description": "Common JavaScript Utils",
   "homepage": "https://github.com/anjianshi/js-packages/utils",
   "bugs": {