@dune2/tools 1.1.5 → 1.2.0

package/package.json

@@ -1,17 +1,20 @@
 {
   "name": "@dune2/tools",
-  "version": "1.1.5",
+  "version": "1.2.0",
   "description": "",
   "keywords": [
     "i18n"
   ],
+  "license": "ISC",
+  "author": "",
   "repository": {
     "type": "git",
     "url": "https://github.com/liaoyinglong/next-tools.git",
     "directory": "packages/tools"
   },
-  "license": "ISC",
-  "author": "",
+  "files": [
+    "src"
+  ],
   "exports": {
     "./factory/*": "./src/factory/*.tsx",
     "./numbro": "./src/numbro/index.ts",
@@ -29,23 +32,20 @@
     "./package.json": "./package.json",
     ".": "./src/index.ts"
   },
-  "files": [
-    "src"
-  ],
+  "publishConfig": {
+    "access": "public"
+  },
   "dependencies": {
     "@tanstack/react-query": "^5",
-    "bignumber.js": "^9.1.2",
-    "es-toolkit": "^1",
+    "bignumber.js": "^9.3.1",
+    "es-toolkit": "^1.44.0",
     "js-cookie": "^3.0.5",
     "store2": "^2.14.3",
-    "valtio": "^2"
+    "valtio": "^2.3.0"
   },
   "devDependencies": {
     "@types/js-cookie": "3.0.3",
-    "react": "^19"
-  },
-  "publishConfig": {
-    "access": "public"
+    "react": "^19.2.4"
   },
   "scripts": {
     "build": "tsc --diagnostics",

package/readme.md

@@ -15,10 +15,10 @@ npm install @dune2/tools
 React state management utilities for creating context providers.
 
 ```typescript
-import { createStateContext } from "@dune2/tools/factory/createStateContext";
+import { createStateContext } from '@dune2/tools/factory/createStateContext';
 
 const { Provider, useContextValue } = createStateContext({
-  name: "Counter",
+  name: 'Counter',
   useValueHooks: ({ initialCount = 0 }) => {
     const [count, setCount] = useState(initialCount);
     return { count, setCount };
@@ -31,17 +31,17 @@ const { Provider, useContextValue } = createStateContext({
 Browser storage wrapper with React hooks integration.
 
 ```typescript
-import { createStorage } from "@dune2/tools/storage";
+import { createStorage } from '@dune2/tools/storage';
 
 class DataMap {
-  token = "";
+  token = '';
   user = null;
 }
 
 const storage = createStorage({
   DataMap,
-  namespace: "app",
-  storageType: "local", // or 'session'
+  namespace: 'app',
+  storageType: 'local', // or 'session'
 });
 
 // Use in React
@@ -53,16 +53,16 @@ const token = storage.token.useValue();
 Enhanced React Query utilities with built-in request building.
 
 ```typescript
-import { RequestBuilder } from "@dune2/tools/rq";
+import { RequestBuilder } from '@dune2/tools/rq';
 
 const userApi = new RequestBuilder({
-  url: "/api/users/{id}",
-  method: "get",
-  urlPathParams: ["id"],
+  url: '/api/users/{id}',
+  method: 'get',
+  urlPathParams: ['id'],
 });
 
 // Use in components
-const { data, isLoading } = userApi.useQuery({ id: "123" });
+const { data, isLoading } = userApi.useQuery({ id: '123' });
 ```
 
 ### Store
@@ -70,10 +70,10 @@ const { data, isLoading } = userApi.useQuery({ id: "123" });
 Valtio-based state management with TypeScript support.
 
 ```typescript
-import { createStore } from "@dune2/tools/store";
+import { createStore } from '@dune2/tools/store';
 
 const counterStore = createStore({
-  name: "counter",
+  name: 'counter',
   state: { count: 0 },
   actionsCreator: (state) => ({
     increment: () => state.count++,
@@ -90,11 +90,11 @@ const { count } = counterStore.useSnapshot();
 BigNumber.js wrapper for precise number formatting and calculations.
 
 ```typescript
-import { numbro } from "@dune2/tools/numbro";
+import { numbro } from '@dune2/tools/numbro';
 
 const price = numbro(123.456);
 price.format({ mantissa: 2 }); // "123.46"
-price.formatCurrency({ symbol: "$" }); // "$123.46"
+price.formatCurrency({ symbol: '$' }); // "$123.46"
 ```
 
 ### Shared
@@ -102,5 +102,5 @@ price.formatCurrency({ symbol: "$" }); // "$123.46"
 TypeScript utility types for better type safety.
 
 ```typescript
-import type { OptionalKeys, Overwrite, Print } from "@dune2/tools/shared";
+import type { OptionalKeys, Overwrite, Print } from '@dune2/tools/shared';
 ```

package/src/factory/createStateContext.tsx

@@ -1,6 +1,6 @@
-"use client";
-import type { ComponentType, FC, PropsWithChildren } from "react";
-import React, { use, useContext } from "react";
+'use client';
+import type { ComponentType, FC, PropsWithChildren } from 'react';
+import React, { use, useContext } from 'react';
 
 interface Params<P, T> {
   /**

package/src/factory/fieldsMap.tsx

@@ -8,7 +8,7 @@
 export const fieldsMap: any =
   typeof Proxy === undefined
     ? (() => {
-        console.error("Proxy is undefined, using empty object as fieldsMap");
+        console.error('Proxy is undefined, using empty object as fieldsMap');
         return {};
       })()
     : new Proxy(

package/src/factory/mapProps.tsx

@@ -1,6 +1,6 @@
-import type { ComponentProps, ComponentType, FC, JSX } from "react";
-import { forwardRef } from "react";
-import type { OptionalKeys } from "../shared/OptionalKeys";
+import type { ComponentProps, ComponentType, FC, JSX } from 'react';
+import { forwardRef } from 'react';
+import type { OptionalKeys } from '../shared/OptionalKeys';
 
 /**
  * ```js
@@ -48,7 +48,7 @@ export function mapProps<C, P extends Record<any, any>>(
 ) {
   const MappedComponent = (props: P, ref: any) => {
     let newProps =
-      typeof mapper === "function"
+      typeof mapper === 'function'
         ? mapper(props)
         : {
             ...mapper,
@@ -57,16 +57,16 @@ export function mapProps<C, P extends Record<any, any>>(
 
     return <BaseComponent {...newProps} ref={ref}></BaseComponent>;
   };
-  if (process.env.NODE_ENV !== "production") {
+  if (process.env.NODE_ENV !== 'production') {
     MappedComponent.displayName = `mapProps(${getDisplayName(BaseComponent)})`;
   }
 
   return forwardRef<any, P>(MappedComponent);
 }
 function getDisplayName(Component: ComponentType<any>): string {
-  return typeof Component === "string"
+  return typeof Component === 'string'
     ? Component
-    : Component.displayName || Component.name || "Unknown";
+    : Component.displayName || Component.name || 'Unknown';
 }
 
 // type helper

package/src/i18n/enums.ts

@@ -6,21 +6,21 @@
  */
 export enum LocalesEnum {
   //  中文 Chinese
-  zh = "zh",
+  zh = 'zh',
   // 印尼 Indonesian
-  id = "id",
+  id = 'id',
   // 英文 English
-  en = "en",
+  en = 'en',
   // 立陶宛 Lithuanian
-  lt = "lt",
+  lt = 'lt',
   // 俄罗斯 Russian
-  ru = "ru",
+  ru = 'ru',
   // 日本 Japanese
-  ja = "ja",
+  ja = 'ja',
   // 土耳其 Turkish
-  tr = "tr",
+  tr = 'tr',
   // 韩国 Korean
-  ko = "ko",
+  ko = 'ko',
 }
 
 // 让 vite 能识别成 es-module

package/src/numbro/index.ts

@@ -1,8 +1,8 @@
-import BigNumber from "bignumber.js";
-import type { Format } from "./shared";
-import { RoundingMode } from "./shared";
+import BigNumber from 'bignumber.js';
+import type { Format } from './shared';
+import { RoundingMode } from './shared';
 
-export * from "./shared";
+export * from './shared';
 
 // 可以参与运算的参数
 type OperationParams =
@@ -32,9 +32,9 @@ export class Numbro {
     if (other instanceof Numbro) {
       other = other.bigNumber;
     }
-    if (typeof other === "string") {
+    if (typeof other === 'string') {
       // case: "1,000" => "1000"
-      other = other.trim().replace(/,/g, "");
+      other = other.trim().replace(/,/g, '');
     }
     const res = new Numbro.BN(other as never);
     return res;
@@ -90,8 +90,8 @@ export class Numbro {
     const combinedFormat: BigNumber.Format = {
       suffix: postfix,
       groupSize: thousandSeparated ? 3 : 0,
-      groupSeparator: thousandSeparated ? "," : "",
-      decimalSeparator: ".",
+      groupSeparator: thousandSeparated ? ',' : '',
+      decimalSeparator: '.',
       ...rest,
     };
 
@@ -103,9 +103,9 @@ export class Numbro {
     }
 
     // 百分比
-    if (output === "percent") {
+    if (output === 'percent') {
       num = num.multipliedBy(100);
-      combinedFormat.suffix = "%";
+      combinedFormat.suffix = '%';
     }
     // 格式化成 1k, 1m, 1b, 1t
     if (average) {
@@ -148,14 +148,14 @@ export class Numbro {
   private getPrefixSign(forceSign: boolean | undefined) {
     // 如果是 NaN 或者 0，那么不显示正负号
     if (forceSign === false || this.bigNumber.isNaN() || this.bigNumber.eq(0)) {
-      return "";
+      return '';
     }
     // 强制显示正负号
     if (forceSign) {
-      return this.bigNumber.isPositive() ? "+" : "-";
+      return this.bigNumber.isPositive() ? '+' : '-';
     }
     // 如果没有指定 forceSign，那么需要判断是否小于 0
-    return this.bigNumber.isPositive() ? "" : "-";
+    return this.bigNumber.isPositive() ? '' : '-';
   }
   //#endregion
 
@@ -171,10 +171,10 @@ export class Numbro {
       thousand: Math.pow(10, 3),
     };
     const config = [
-      [powers.trillion, "T"],
-      [powers.billion, "B"],
-      [powers.million, "M"],
-      [powers.thousand, "K"],
+      [powers.trillion, 'T'],
+      [powers.billion, 'B'],
+      [powers.million, 'M'],
+      [powers.thousand, 'K'],
     ] as const;
 
     for (let i = 0; i < config.length; i++) {
@@ -193,7 +193,7 @@ export class Numbro {
     deleteInvalidZero: boolean | undefined,
     mantissa: number | undefined | null | string,
     outputFormat: string,
-    suffix = "",
+    suffix = '',
   ) {
     const num = this.bigNumber;
     let shouldDeleteEndZero = false;
@@ -203,13 +203,13 @@ export class Numbro {
       // 先转成数字 移除无效0
       // case: 1.00100 => 1.001
       let cloned = num.toString();
-      let clonedDecimal = cloned.split(".")[1]?.length ?? 0;
+      let clonedDecimal = cloned.split('.')[1]?.length ?? 0;
       // 移除无效 0 后，小数位数还比指定的小数位数多，那么就不用删除尾数 0
       shouldDeleteEndZero = !(clonedDecimal > (mantissa as number));
     }
 
     if (shouldDeleteEndZero) {
-      const isDecimal = outputFormat.includes(".");
+      const isDecimal = outputFormat.includes('.');
       if (isDecimal) {
         // 移除尾数 0
         // outputFormat = outputFormat.replace(/\.?0+$/, "");

package/src/numbro/shared.ts

@@ -1,7 +1,7 @@
-import BigNumber from "bignumber.js";
+import BigNumber from 'bignumber.js';
 
 export interface Format extends BigNumber.Format {
-  output?: "percent";
+  output?: 'percent';
 
   /**
    * 同 suffix 配置

package/src/rq/RequestBuilder.react-server.ts

@@ -1,26 +1,24 @@
-import type { QueryClient } from "@tanstack/react-query";
-
-import type { Basic, RequestBuilderOptions, RequestConfig } from "./options";
+import type { QueryClient } from '@tanstack/react-query';
+import type { Basic, RequestBuilderOptions, RequestConfig } from './options';
 
 export class RequestBuilder<Req = any, Res = any> {
   constructor(public options: RequestBuilderOptions<Req, Res>) {
     this.defaultQueryFn = this.defaultQueryFn.bind(this);
     this.request = this.request.bind(this);
     this.requestWithConfig = this.requestWithConfig.bind(this);
-    this.options.method ??= "get";
+    this.options.method ??= 'get';
   }
 
   //#region default requestFn
-  static requestFn: Basic["requestFn"] | null = null;
-  static setRequestFn(requestFn: Basic["requestFn"] | null) {
+  static requestFn: Basic['requestFn'] | null = null;
+  static setRequestFn(requestFn: Basic['requestFn'] | null) {
     RequestBuilder.requestFn = requestFn;
   }
   //#endregion
 
-  // 这是默认的 Query Client 实例
-  static queryClient: QueryClient | null = null;
-  static setQueryClient(queryClient: QueryClient | null) {
-    RequestBuilder.queryClient = queryClient;
+  static queryClientFactory: (() => QueryClient) | null = null;
+  static setQueryClientFactory(factory: (() => QueryClient) | null) {
+    RequestBuilder.queryClientFactory = factory;
   }
 
   /**
@@ -28,15 +26,15 @@ export class RequestBuilder<Req = any, Res = any> {
    * 会依次从以下地方获取
    * - options
    * - 当前实例 options
-   * - RequestBuilder.queryClient
+   * - RequestBuilder.queryClientFactory()
    */
   ensureQueryClient(options?: { queryClient?: QueryClient }) {
     const queryClient =
       options?.queryClient ??
       this.options.queryClient ??
-      RequestBuilder.queryClient;
+      RequestBuilder.queryClientFactory?.();
     if (!queryClient) {
-      throw new Error("queryClient is not defined");
+      throw new Error('queryClient is not defined');
     }
     return queryClient;
   }
@@ -52,7 +50,7 @@ export class RequestBuilder<Req = any, Res = any> {
     const method = this.options.method!;
     let data;
     // 根据请求方法来放到 url 上或者 body 里
-    if (!["get", "head", "options"].includes(method)) {
+    if (!['get', 'head', 'options'].includes(method)) {
       data = params;
       params = undefined;
     }
@@ -76,10 +74,10 @@ export class RequestBuilder<Req = any, Res = any> {
     let requestFn =
       config.requestFn ?? this.options.requestFn ?? RequestBuilder.requestFn;
     if (!requestFn) {
-      throw new Error("request function is not defined");
+      throw new Error('request function is not defined');
     }
     this.options.urlPathParams?.forEach((param) => {
-      let t = "";
+      let t = '';
       //#region config.params || config.data 在 queryHash 之后不变的话，会保持同一个引用，这里需要做个浅拷贝，将引用打破
       if (config.params?.[param]) {
         config.params = { ...config.params };
@@ -107,7 +105,7 @@ export class RequestBuilder<Req = any, Res = any> {
    * 通常配置 react-query 的 queryKey
    */
   getQueryKey(params?: Req) {
-    if (typeof params === "undefined") {
+    if (typeof params === 'undefined') {
       return [this.options.url, this.options.method];
     }
     return [this.options.url, this.options.method!, params] as const;
@@ -152,5 +150,5 @@ export class RequestBuilder<Req = any, Res = any> {
 }
 
 const throwErrorInRSC = () => {
-  throw new Error("This method is not supported in RSC");
+  throw new Error('This method is not supported in RSC');
 };

package/src/rq/RequestBuilder.ts

@@ -7,12 +7,11 @@ import type {
   RefetchOptions,
   UseInfiniteQueryOptions,
   UseMutationOptions,
-} from "@tanstack/react-query";
-import { useInfiniteQuery, useMutation, useQuery } from "@tanstack/react-query";
-
-import { useDebugValue, useMemo } from "react";
-import { fieldsMap, type FieldsMap } from "../factory/fieldsMap";
-import { queryClient } from "./defaultQueryClient";
+} from '@tanstack/react-query';
+import { useInfiniteQuery, useMutation, useQuery } from '@tanstack/react-query';
+import { useDebugValue, useMemo } from 'react';
+import { fieldsMap, type FieldsMap } from '../factory/fieldsMap';
+import { queryClient } from './defaultQueryClient';
 import type {
   Basic,
   FetchQueryOptions,
@@ -21,27 +20,26 @@ import type {
   RequestBuilderOptions,
   RequestConfig,
   UseQueryOptions,
-} from "./options";
+} from './options';
 
 export class RequestBuilder<Req = any, Res = any> {
   constructor(public options: RequestBuilderOptions<Req, Res>) {
     this.defaultQueryFn = this.defaultQueryFn.bind(this);
     this.request = this.request.bind(this);
     this.requestWithConfig = this.requestWithConfig.bind(this);
-    this.options.method ??= "get";
+    this.options.method ??= 'get';
   }
 
   //#region default requestFn
-  static requestFn: Basic["requestFn"] | null = null;
-  static setRequestFn(requestFn: Basic["requestFn"] | null) {
+  static requestFn: Basic['requestFn'] | null = null;
+  static setRequestFn(requestFn: Basic['requestFn'] | null) {
     RequestBuilder.requestFn = requestFn;
   }
   //#endregion
 
-  // 这是默认的 Query Client 实例
-  static queryClient: QueryClient | null = queryClient;
-  static setQueryClient(queryClient: QueryClient | null) {
-    RequestBuilder.queryClient = queryClient;
+  static queryClientFactory: (() => QueryClient) | null = () => queryClient;
+  static setQueryClientFactory(factory: (() => QueryClient) | null) {
+    RequestBuilder.queryClientFactory = factory;
   }
 
   /**
@@ -49,15 +47,15 @@ export class RequestBuilder<Req = any, Res = any> {
    * 会依次从以下地方获取
    * - options
    * - 当前实例 options
-   * - RequestBuilder.queryClient
+   * - RequestBuilder.queryClientFactory()
    */
   ensureQueryClient(options?: { queryClient?: QueryClient }) {
     const queryClient =
       options?.queryClient ??
       this.options.queryClient ??
-      RequestBuilder.queryClient;
+      RequestBuilder.queryClientFactory?.();
     if (!queryClient) {
-      throw new Error("queryClient is not defined");
+      throw new Error('queryClient is not defined');
     }
     return queryClient;
   }
@@ -84,7 +82,7 @@ export class RequestBuilder<Req = any, Res = any> {
     const method = this.options.method!;
     let data;
     // 根据请求方法来放到 url 上或者 body 里
-    if (!["get", "head", "options"].includes(method)) {
+    if (!['get', 'head', 'options'].includes(method)) {
       data = params;
       params = undefined;
     }
@@ -108,10 +106,10 @@ export class RequestBuilder<Req = any, Res = any> {
     let requestFn =
       config.requestFn ?? this.options.requestFn ?? RequestBuilder.requestFn;
     if (!requestFn) {
-      throw new Error("request function is not defined");
+      throw new Error('request function is not defined');
     }
     this.options.urlPathParams?.forEach((param) => {
-      let t = "";
+      let t = '';
       //#region config.params || config.data 在 queryHash 之后不变的话，会保持同一个引用，这里需要做个浅拷贝，将引用打破
       if (config.params?.[param]) {
         config.params = { ...config.params };
@@ -139,7 +137,7 @@ export class RequestBuilder<Req = any, Res = any> {
    * 通常配置 react-query 的 queryKey
    */
   getQueryKey(params?: Req) {
-    if (typeof params === "undefined") {
+    if (typeof params === 'undefined') {
       return [this.options.url, this.options.method];
     }
     return [this.options.url, this.options.method!, params] as const;
@@ -150,7 +148,7 @@ export class RequestBuilder<Req = any, Res = any> {
     return this.request(queryKey[2], {
       signal: ctx.signal,
       meta: ctx.meta,
-      requestFn: ctx.meta?.["requestFn"] as never,
+      requestFn: ctx.meta?.['requestFn'] as never,
     });
   }
 
@@ -295,7 +293,7 @@ export class RequestBuilder<Req = any, Res = any> {
       );
     }, [rawData]);
 
-    type Data<T> = T extends PageData ? T["result"] : T;
+    type Data<T> = T extends PageData ? T['result'] : T;
 
     const result = { ...res, data: data as Data<Res>, rawData };
     useDebugValue(result);

package/src/rq/createApi.ts

@@ -1,8 +1,10 @@
-import type { RequestBuilderOptions } from "./options";
-import { RequestBuilder } from "./RequestBuilder";
+import type { RequestBuilderOptions } from './options';
+import { RequestBuilder } from './RequestBuilder';
 
-interface Options<Req, Res>
-  extends Omit<Partial<RequestBuilderOptions<Req, Res>>, "requestFn"> {
+interface Options<Req, Res> extends Omit<
+  Partial<RequestBuilderOptions<Req, Res>>,
+  'requestFn'
+> {
   /**
    * 相当于 url
    */
@@ -30,7 +32,7 @@ export function createApi<Req, Res>(opts: Options<Req, Res>) {
   const api = new RequestBuilder<Req, Res>({
     url: opts.queryKey,
     // 给定 get 则 在 requestFn 中可以通过 params 获取到参数，否则是 data 字段
-    method: "get",
+    method: 'get',
     requestFn: (config) => {
       return requestFn(config.params) as never;
     },

package/src/rq/defaultQueryClient.ts

@@ -1,4 +1,4 @@
-import { QueryClient } from "@tanstack/react-query";
+import { QueryClient } from '@tanstack/react-query';
 
 export const queryClient = new QueryClient({
   defaultOptions: {
@@ -9,11 +9,11 @@ export const queryClient = new QueryClient({
       // 在mac上，chrome 浏览器可能会出现没有请求的现象
       // 主要是 navigator.onLine 的值为 false
       // 但是实际上是没有断网的
-      networkMode: "always",
+      networkMode: 'always',
     },
     mutations: {
       retry: false,
-      networkMode: "always",
+      networkMode: 'always',
     },
   },
 });

package/src/rq/index.react-server.ts

@@ -1 +1 @@
-export * from "./RequestBuilder.react-server";
+export * from './RequestBuilder.react-server';

package/src/rq/index.ts

@@ -1,3 +1,3 @@
-export * from "./RequestBuilder";
-export * from "./defaultQueryClient";
-export * from "./options";
+export * from './RequestBuilder';
+export * from './defaultQueryClient';
+export * from './options';

package/src/rq/options.ts

@@ -3,17 +3,17 @@ import type {
   FetchQueryOptions as RQFetchQueryOptions,
   UseMutationOptions,
   useQuery,
-} from "@tanstack/react-query";
+} from '@tanstack/react-query';
 
 // 定义 HTTP 方法类型
 export type HttpMethod =
-  | "get"
-  | "post"
-  | "put"
-  | "delete"
-  | "patch"
-  | "head"
-  | "options";
+  | 'get'
+  | 'post'
+  | 'put'
+  | 'delete'
+  | 'patch'
+  | 'head'
+  | 'options';
 // 外部可以重写这个类型
 export interface RequestBuilderMeta {}
 
@@ -48,23 +48,19 @@ export interface QueryClientBasic {
   queryClient?: QueryClient;
 }
 
-type OmitMetaAndPartial<T> = Partial<Omit<T, "meta">>;
+type OmitMetaAndPartial<T> = Partial<Omit<T, 'meta'>>;
 
 type RawUseQueryOptions<T> = Parameters<typeof useQuery<T>>[0];
 // 透传给 useQuery
 export interface UseQueryOptions<T>
-  extends OmitMetaAndPartial<RawUseQueryOptions<T>>,
-    Basic {}
+  extends OmitMetaAndPartial<RawUseQueryOptions<T>>, Basic {}
 
 // 透传给 ensureQueryData / fetchQuery / prefetchQuery 等
 export interface FetchQueryOptions<T>
-  extends OmitMetaAndPartial<RQFetchQueryOptions<T>>,
-    Basic,
-    QueryClientBasic {}
+  extends OmitMetaAndPartial<RQFetchQueryOptions<T>>, Basic, QueryClientBasic {}
 
 export interface RequestBuilderOptions<Req, Res>
-  extends Basic,
-    QueryClientBasic {
+  extends Basic, QueryClientBasic {
   /**
    * 请求方法
    * @default "get"

package/src/shared/index.ts

@@ -1,4 +1,4 @@
-import { useEffect, useLayoutEffect } from "react";
+import { useEffect, useLayoutEffect } from 'react';
 
 export const useIsomorphicLayoutEffect =
-  typeof window !== "undefined" ? useLayoutEffect : useEffect;
+  typeof window !== 'undefined' ? useLayoutEffect : useEffect;

package/src/storage/cookie.ts

@@ -1,4 +1,4 @@
-import Cookies from "js-cookie";
+import Cookies from 'js-cookie';
 
 type CookieAttributes = Cookies.CookieAttributes;
 type CookiesStatic = Cookies.CookiesStatic;
@@ -78,7 +78,7 @@ export function createCookieStorage<T extends Record<any, any>>(
       namespace,
       String(key),
       // cookie 只能存 string
-      storageMap[key] + "",
+      storageMap[key] + '',
     );
   });
 

package/src/storage/index.ts

@@ -1,10 +1,9 @@
-import { isEqual } from "es-toolkit";
+import { isEqual } from 'es-toolkit';
+import { useSyncExternalStore } from 'react';
+import type { StoreType } from 'store2';
+import baseStore from 'store2';
 
-import { useSyncExternalStore } from "react";
-import type { StoreType } from "store2";
-import baseStore from "store2";
-
-type StorageType = "local" | "session";
+type StorageType = 'local' | 'session';
 
 interface CreateStorageConfig<T> {
   /**
@@ -90,11 +89,11 @@ class StorageHelper<V = any> {
     // for current window
     this.listeners.add(listener);
     // for other windows
-    window.addEventListener("storage", listener);
+    window.addEventListener('storage', listener);
 
     return () => {
       this.listeners.delete(listener);
-      window.removeEventListener("storage", listener);
+      window.removeEventListener('storage', listener);
     };
   };
 
@@ -120,7 +119,7 @@ class StorageHelper<V = any> {
 export function createStorage<T extends Record<string, any>>(
   config: CreateStorageConfig<T>,
 ) {
-  const { DataMap, namespace, storageType = "local" } = config;
+  const { DataMap, namespace, storageType = 'local' } = config;
 
   const store = baseStore[storageType].namespace(namespace);
 

package/src/store/index.ts

@@ -1,11 +1,11 @@
-import { isEqual } from "es-toolkit";
-import { useDebugValue, useRef, useSyncExternalStore } from "react";
-import { proxy, snapshot, subscribe, useSnapshot } from "valtio";
+import { isEqual } from 'es-toolkit';
+import { useDebugValue, useRef, useSyncExternalStore } from 'react';
+import { proxy, snapshot, subscribe, useSnapshot } from 'valtio';
 
 const stores: any = {};
 
-if (typeof window !== "undefined") {
-  Object.defineProperty(window, "__stores2", {
+if (typeof window !== 'undefined') {
+  Object.defineProperty(window, '__stores2', {
     get() {
       let s: any = {};
       Object.keys(stores).forEach((key) => {