npm - donar - Versions diffs - 0.0.1 - Mend

donar 0.0.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (106) hide show

package/.cspell/custom-dictionary.txt +5 -0
package/.github/actions/base-check/action.yaml +27 -0
package/.github/actions/env-setup/action.yaml +74 -0
package/.github/workflows/pr-check.yaml +33 -0
package/.github/workflows/release.yaml +112 -0
package/.gitignore +41 -0
package/.node-version +1 -0
package/.npmignore +7 -0
package/.vscode/extensions.json +10 -0
package/.vscode/settings.json +44 -0
package/LICENSE +21 -0
package/README.md +160 -0
package/commitlint.config.ts +3 -0
package/cspell.json +27 -0
package/dist/components.esm.js +2 -0
package/dist/css/components.C24nnsjt.css +1 -0
package/dist/hooks.esm.js +185 -0
package/dist/index.esm.js +4 -0
package/dist/js/components.nFDoAkCq.js +198 -0
package/dist/js/utils.CVb1iSAU.js +330 -0
package/dist/types/components.d.ts +1 -0
package/dist/types/hooks.d.ts +1 -0
package/dist/types/index.d.ts +1 -0
package/dist/types/src/components/async-custom-show/index.d.ts +22 -0
package/dist/types/src/components/carousel/hooks.d.ts +74 -0
package/dist/types/src/components/carousel/index.d.ts +88 -0
package/dist/types/src/components/custom-show/index.d.ts +21 -0
package/dist/types/src/components/error-boundary/index.d.ts +31 -0
package/dist/types/src/components/index.d.ts +8 -0
package/dist/types/src/hooks/async-guard.d.ts +9 -0
package/dist/types/src/hooks/index.d.ts +5 -0
package/dist/types/src/hooks/observer.d.ts +70 -0
package/dist/types/src/hooks/state.d.ts +44 -0
package/dist/types/src/hooks/storage.d.ts +25 -0
package/dist/types/src/hooks/timer.d.ts +16 -0
package/dist/types/src/index.d.ts +3 -0
package/dist/types/src/test/emiter-test.d.ts +1 -0
package/dist/types/src/test/index.d.ts +1 -0
package/dist/types/src/test/retry-async-test.d.ts +1 -0
package/dist/types/src/utils/class-singleton.d.ts +6 -0
package/dist/types/src/utils/concurrency.d.ts +17 -0
package/dist/types/src/utils/debounce.d.ts +8 -0
package/dist/types/src/utils/deep-copy.d.ts +11 -0
package/dist/types/src/utils/dev.d.ts +8 -0
package/dist/types/src/utils/download.d.ts +15 -0
package/dist/types/src/utils/event-emitter/helpers.d.ts +36 -0
package/dist/types/src/utils/event-emitter/index.d.ts +65 -0
package/dist/types/src/utils/fetch-xhr/helpers.d.ts +28 -0
package/dist/types/src/utils/fetch-xhr/index.d.ts +25 -0
package/dist/types/src/utils/hash.d.ts +8 -0
package/dist/types/src/utils/index.d.ts +15 -0
package/dist/types/src/utils/is-deep-plain-equal.d.ts +15 -0
package/dist/types/src/utils/json-convert.d.ts +66 -0
package/dist/types/src/utils/micro-queue-scheduler.d.ts +14 -0
package/dist/types/src/utils/raf-interval.d.ts +16 -0
package/dist/types/src/utils/record-typed-map.d.ts +27 -0
package/dist/types/src/utils/retry-async.d.ts +9 -0
package/dist/types/src/utils/thenable.d.ts +15 -0
package/dist/types/utils.d.ts +1 -0
package/dist/utils.esm.js +2 -0
package/eslint.config.ts +48 -0
package/lint-staged.config.ts +13 -0
package/oxfmt.config.ts +14 -0
package/package.json +90 -0
package/pnpm-workspace.yaml +3 -0
package/scripts/sync-node-version/index.js +31 -0
package/simple-git-hooks.js +4 -0
package/src/components/async-custom-show/index.tsx +37 -0
package/src/components/carousel/hooks.ts +312 -0
package/src/components/carousel/index.module.scss +163 -0
package/src/components/carousel/index.tsx +215 -0
package/src/components/custom-show/index.tsx +31 -0
package/src/components/error-boundary/index.tsx +48 -0
package/src/components/index.ts +11 -0
package/src/hooks/async-guard.ts +53 -0
package/src/hooks/index.ts +5 -0
package/src/hooks/observer.ts +236 -0
package/src/hooks/state.ts +140 -0
package/src/hooks/storage.ts +103 -0
package/src/hooks/timer.ts +42 -0
package/src/index.ts +3 -0
package/src/test/emiter-test.ts +19 -0
package/src/test/index.ts +35 -0
package/src/test/retry-async-test.ts +8 -0
package/src/utils/class-singleton.ts +23 -0
package/src/utils/concurrency.ts +49 -0
package/src/utils/debounce.ts +20 -0
package/src/utils/deep-copy.ts +132 -0
package/src/utils/dev.ts +16 -0
package/src/utils/download.ts +39 -0
package/src/utils/event-emitter/helpers.ts +80 -0
package/src/utils/event-emitter/index.ts +171 -0
package/src/utils/fetch-xhr/helpers.ts +85 -0
package/src/utils/fetch-xhr/index.ts +103 -0
package/src/utils/hash.ts +25 -0
package/src/utils/index.ts +18 -0
package/src/utils/is-deep-plain-equal.ts +45 -0
package/src/utils/json-convert.ts +257 -0
package/src/utils/micro-queue-scheduler.ts +38 -0
package/src/utils/raf-interval.ts +42 -0
package/src/utils/record-typed-map.ts +38 -0
package/src/utils/retry-async.ts +30 -0
package/src/utils/thenable.ts +30 -0
package/tsconfig.json +43 -0
package/types/scss.d.ts +10 -0
package/vite.config.ts +51 -0

package/src/utils/json-convert.ts ADDED Viewed

@@ -0,0 +1,257 @@
+/**
+ * @author sonion
+ * @description 将小驼峰（camelCase）字符串转换为大驼峰（PascalCase）
+ * @param str 小驼峰格式的字符串
+ * @returns 大驼峰格式的字符串
+ */
+const camel2Pascal = (str: string) => {
+  if (!str) {
+    return str;
+  }
+  // 将首字母转为大写，其余保持不变
+  return str.charAt(0).toUpperCase() + str.slice(1);
+};
+/**
+ * @author sonion
+ * @description 将大驼峰（PascalCase）字符串转换为小驼峰（camelCase）
+ * @param str 大驼峰格式的字符串
+ * @returns 小驼峰格式的字符串
+ */
+const pascal2Camel = (str: string) => {
+  if (!str) {
+    return str;
+  }
+  // 将首字母转为小写，其余保持不变
+  return str.charAt(0).toLowerCase() + str.slice(1);
+};
+/**
+ * @author sonion
+ * @description 将小驼峰命名（camelCase）字符串转换为蛇形命名（snake_case）
+ * @param str 小驼峰格式的字符串
+ * @returns 蛇形格式的字符串
+ */
+const camel2Snake = (str: string) => {
+  if (!str) {
+    return str;
+  }
+  return (
+    str
+      // 在大写字母前加下划线
+      .replace(/([A-Z])/g, '_$1')
+      // 转成小写
+      .toLowerCase()
+      // 去掉可能出现在开头的下划线
+      .replace(/^_/, '')
+  );
+};
+/**
+ * @author sonion
+ * @description 将蛇形命名（snake_case）字符串转换为小驼峰（camelCase）
+ * @param str 蛇形命名格式的字符串
+ * @returns 小驼峰格式的字符串
+ */
+const snake2Camel = (str: string) => {
+  if (!str) {
+    return str;
+  }
+  // 将下划线后的字母转为大写，并删除下划线
+  // 匹配下划线后的字母，将字母转为大写；如果是数字，只删除下划线
+  return str
+    .replace(/_([a-zA-Z])/g, (_, letter) => letter.toUpperCase())
+    .replace(/_(\d+)/g, (_, digit) => digit)
+    .replace(/_/g, ''); // 删除所有剩余的下划线
+};
+/**
+ * @author sonion
+ * @description 深度遍历 JSON，将所有键名按指定的转换函数处理
+ * @param params 参数对象
+ * @param params.obj 要处理的 JSON 对象或数组
+ * @param params.convertFn 键名转换方法，默认值为 identity（不转换）
+ * @param params.ignoreKeys 要忽略的键名集合，默认值为空集合
+ * @returns 处理后的 JSON 对象或数组
+ */
+const convertKeysDeep = <
+  T extends Record<keyof T, unknown> | Record<keyof T, unknown>[],
+  R extends string,
+>({
+  obj,
+  ignoreKeys = new Set(),
+  convertFn,
+}: {
+  obj: T;
+  ignoreKeys?: Set<string>;
+  convertFn: (key: string) => R;
+}): T => {
+  if (Object(obj) !== obj) {
+    return obj;
+  }
+  if (Array.isArray(obj)) {
+    return obj.map((item) =>
+      convertKeysDeep({ obj: item, ignoreKeys, convertFn })
+    ) as unknown as T;
+  }
+  const converted: Record<string, unknown> = {};
+  const entries = Object.entries(obj);
+  for (const [key, value] of entries) {
+    const newKey = ignoreKeys.has(key) ? key : convertFn(key);
+    converted[newKey] = convertKeysDeep({ obj: value, ignoreKeys, convertFn });
+  }
+  return converted as T;
+};
+/** 小驼峰命名支持用小划线分割 */
+type CamelToSnakeRaw<S extends string> = S extends `${infer First}${infer Rest}`
+  ? First extends Lowercase<First>
+    ? `${First}${CamelToSnakeRaw<Rest>}`
+    : `_${Lowercase<First>}${CamelToSnakeRaw<Rest>}`
+  : S;
+/** 去掉开头的下划线 */
+type TrimLeadingUnderscore<S extends string> = S extends `_${infer R}` ? R : S;
+/** 小驼峰命名转换为蛇形命名类型 */
+type CamelToSnake<S extends string> = TrimLeadingUnderscore<CamelToSnakeRaw<S>>;
+/** 蛇形命名转换为小驼峰命名类型 */
+type SnakeToCamel<S extends string> = S extends `${infer Head}_${infer Tail}`
+  ? `${Lowercase<Head>}${Capitalize<SnakeToCamel<Tail>>}`
+  : Lowercase<S>;
+/** 小驼峰命名转换为大驼峰命名类型 */
+type CamelToPascal<S extends string> = Capitalize<S>;
+/** 大驼峰命名转换为小驼峰命名类型 */
+type PascalToCamel<S extends string> = Uncapitalize<S>;
+/** 转换模式 */
+export const ConvertMode = {
+  SnakeToCamel: 'snakeToCamel',
+  CamelToSnake: 'camelToSnake',
+  CamelToPascal: 'camelToPascal',
+  PascalToCamel: 'pascalToCamel',
+} as const;
+/** 转换模式类型 */
+export type ConvertMode = (typeof ConvertMode)[keyof typeof ConvertMode];
+// 类型和值一样，erasableSyntaxOnly 模式下 enum 的替代
+type TransformMap<K extends string> = {
+  snakeToCamel: SnakeToCamel<K>;
+  camelToSnake: CamelToSnake<K>;
+  camelToPascal: CamelToPascal<K>;
+  pascalToCamel: PascalToCamel<K>;
+};
+/** 通用：深度转换对象所有键名（保留函数与数组）*/
+type ConvertKeys<
+  T,
+  M extends ConvertMode,
+  IGN extends readonly string[] = readonly [],
+> = T extends (...args: never) => unknown
+  ? T
+  : T extends readonly unknown[]
+    ? { [I in keyof T]: ConvertKeys<T[I], M, IGN> }
+    : T extends object
+      ? {
+          [K in keyof T as K extends string
+            ? K extends IGN[number]
+              ? K
+              : TransformMap<K>[M]
+            : K]: ConvertKeys<T[K], M, IGN>;
+        }
+      : T;
+/**
+ * @author sonion
+ * @description 深度遍历JSON，将所有键名从蛇形转换为小驼峰
+ * @param obj 要处理的JSON对象或数组
+ * @param ignoreKeys 忽略转换的键名数组。⚠️ ignoreKeys必须是使用 as const断言的数组，否则类型会失效
+ * @example convertSnake2Camel({ a_b: 1, c_d: { e_f: 2 } }, ['c_d'] as const)
+ */
+const convertSnake2Camel = <
+  T extends Record<keyof T, unknown> | Record<keyof T, unknown>[],
+  K extends readonly string[] = readonly [],
+>(
+  obj: T,
+  ignoreKeys?: K
+): ConvertKeys<T, typeof ConvertMode.SnakeToCamel, K> => {
+  return convertKeysDeep({
+    obj,
+    ignoreKeys: new Set(ignoreKeys ?? []),
+    convertFn: snake2Camel,
+  }) as ConvertKeys<T, typeof ConvertMode.SnakeToCamel, K>;
+};
+/**
+ * @author sonion
+ * @description 深度遍历JSON，将所有键名从小驼峰转换为蛇形
+ * @param obj 要处理的JSON对象或数组
+ * @param ignoreKeys 忽略转换的键名数组。⚠️ ignoreKeys必须是使用 as const断言的数组，否则类型会失效
+ * @example convertCamel2Snake({ aB: 1, cD: { eF: 2 } }, ['cD'] as const)
+ */
+const convertCamel2Snake = <
+  T extends Record<keyof T, unknown> | Record<keyof T, unknown>[],
+  K extends readonly string[] = readonly [],
+>(
+  obj: T,
+  ignoreKeys?: K
+): ConvertKeys<T, typeof ConvertMode.CamelToSnake, K> => {
+  return convertKeysDeep({
+    obj,
+    ignoreKeys: new Set(ignoreKeys ?? []),
+    convertFn: camel2Snake,
+  }) as ConvertKeys<T, typeof ConvertMode.CamelToSnake, K>;
+};
+/**
+ * @author sonion
+ * @description 深度遍历JSON，将所有键名从小驼峰转换为大驼峰
+ * @param obj 要处理的JSON对象或数组
+ * @param ignoreKeys 忽略转换的键名数组。⚠️ ignoreKeys必须是使用 as const断言的数组，否则类型会失效
+ * @example convertCamel2Pascal({ aB: 1, cD: { eF: 2 } }, ['cD'] as const)
+ */
+const convertCamel2Pascal = <
+  T extends Record<keyof T, unknown> | Record<keyof T, unknown>[],
+  K extends readonly string[] = readonly [],
+>(
+  obj: T,
+  ignoreKeys?: K
+): ConvertKeys<T, typeof ConvertMode.CamelToPascal, K> => {
+  return convertKeysDeep({
+    obj,
+    ignoreKeys: new Set(ignoreKeys ?? []),
+    convertFn: camel2Pascal,
+  }) as ConvertKeys<T, typeof ConvertMode.CamelToPascal, K>;
+};
+/**
+ * @author sonion
+ * @description 深度遍历JSON，将所有键名从大驼峰转换为小驼峰
+ * @param obj 要处理的JSON对象或数组
+ * @param ignoreKeys 忽略转换的键名数组。⚠️ ignoreKeys必须是使用 as const断言的数组，否则类型会失效
+ * @example convertPascal2Camel({ AB: 1, CD: { EF: 2 } }, ['CD'] as const)
+ */
+const convertPascal2Camel = <
+  T extends Record<keyof T, unknown> | Record<keyof T, unknown>[],
+  K extends readonly string[] = readonly [],
+>(
+  obj: T,
+  ignoreKeys?: K
+): ConvertKeys<T, typeof ConvertMode.PascalToCamel, K> => {
+  return convertKeysDeep({
+    obj,
+    ignoreKeys: new Set(ignoreKeys ?? []),
+    convertFn: pascal2Camel,
+  }) as ConvertKeys<T, typeof ConvertMode.PascalToCamel, K>;
+};
+export {
+  convertSnake2Camel,
+  convertCamel2Snake,
+  convertCamel2Pascal,
+  convertPascal2Camel,
+};

package/src/utils/micro-queue-scheduler.ts ADDED Viewed

@@ -0,0 +1,38 @@
+/**
+ * @author sonion
+ * @description 创建微队列调度器 - 将同一个同步执行阶段中的所有任务合并到一个微任务中执行。
+ * @returns 调度器函数
+ *
+ * 使用场景：
+ * - 批量合并异步任务，保证它们在同一个微任务中执行
+ * - 避免频繁创建多个 Promise 微任务，提高性能
+ * @example
+ * const scheduler = createMicroQueueScheduler();
+ * scheduler(() => console.log("task1"));
+ * scheduler(() => console.log("task2"));
+ */
+export const createMicroQueueScheduler = (): ((
+  fn: () => void
+) => Promise<void>) => {
+  const queue: Array<() => void> = []; // 任务队列
+  let currentPromise: Promise<void> | null = null; // 这一个队列集合
+  const scheduler = (fn: () => void) => {
+    queue.push(fn);
+    if (!currentPromise) {
+      currentPromise = Promise.resolve()
+        .then(() => {
+          let task: (() => void) | undefined;
+          while ((task = queue.shift())) task(); // while遍历过程中加入的任务也能被遍历到。就直接清空对列了
+        })
+        .finally(() => {
+          currentPromise = null;
+          // queue.length = 0; // 冗余，queue.shift() 会清空队列
+        });
+    }
+    return currentPromise;
+  };
+  return scheduler;
+};

package/src/utils/raf-interval.ts ADDED Viewed

@@ -0,0 +1,42 @@
+export type RAfIntervalReturn = Record<'stop', () => void>;
+/**
+ * @author sonion
+ * @description rAf版setInterval。可利用rAf页面隐藏暂停的特性，实现页面隐藏时暂停，页面显示时继续
+ * @param {() => void} fn - 回调函数
+ * @param {number} wait - 间隔时间 毫秒
+ * @returns {RAfIntervalReturn} - 返回取消函数
+ */
+export const rAfInterval = (
+  fn: () => void,
+  wait: number
+): RAfIntervalReturn => {
+  let startTime = Date.now();
+  let isStop = false;
+  const stop = () => (isStop = true);
+  const _interval = () => {
+    requestAnimationFrame(() => {
+      const currentTime = Date.now();
+      if (currentTime - startTime >= wait) {
+        fn();
+        startTime = currentTime;
+      }
+      isStop || _interval();
+    });
+  };
+  requestAnimationFrame(_interval);
+  return { stop };
+};
+/**
+ * @author sonion
+ * @description 清除rAf版setInterval定时器
+ * @param {RAfIntervalReturn} intervalId - 手写定时器的返回值
+ * @returns {void}
+ */
+export const clearRAfInterval = (
+  intervalId: RAfIntervalReturn | (() => void) | undefined
+) => {
+  typeof intervalId === 'object' && intervalId.stop && intervalId.stop();
+  typeof intervalId === 'function' && intervalId();
+};

package/src/utils/record-typed-map.ts ADDED Viewed

@@ -0,0 +1,38 @@
+/**
+ * @author sonion
+ * @description 一个带有精确类型约束的 Map。
+ *
+ * 与普通 `Map<keyof T, T[keyof T]>` 不同，
+ * 它保证键和值的类型一一对应：
+ * - 键只能是对象 T 的属性名
+ * - 值必须是该属性对应的类型
+ * - 因使用 object 约束泛型，键只能是 string|number|symbol
+ *
+ * 这样可以避免宽泛的联合类型，提供类似对象的强类型体验。
+ * @example
+ * interface Config {
+ *   port: number;
+ *   host: string;
+ * }
+ *
+ * const map = new RecordTypedMap<Config>();
+ * map.set("port", 3000);   // ✅ 正确
+ * map.set("host", "localhost"); // ✅ 正确
+ * map.set("port", "oops"); // ❌ 类型错误
+ */
+export class RecordTypedMap<T extends object> extends Map<keyof T, T[keyof T]> {
+  constructor(obj?: T) {
+    super(obj ? (Object.entries(obj) as [[keyof T, T[keyof T]]]) : []);
+    // 创建 Proxy 实例，拦截属性/方法访问
+  }
+  // 自定义的强类型 get 方法
+  get<K extends keyof T>(key: K): T[K] | undefined {
+    return super.get(key) as T[K];
+  }
+  // 自定义的强类型 set 方法
+  set<K extends keyof T>(key: K, value: T[K]) {
+    return super.set(key, value);
+  }
+}

package/src/utils/retry-async.ts ADDED Viewed

@@ -0,0 +1,30 @@
+/**
+ * @author sonion
+ * @description 重试任务，直到成功或达到最大重试次数
+ * @param task - 要重试的任务函数，需返回 Promise
+ * @param count - 最大重试次数，默认 5 次
+ * @param delay - 每次重试间隔时间，默认 0 毫秒。可传函数，根据重试次数、错误信息动态计算。
+ * @returns Promise<R> - 任务成功时的返回值
+ */
+export const retryAsync = <R>(
+  task: () => Promise<R>,
+  count = 5,
+  delay: number | ((attemptIndex?: number, beforeError?: Error) => number) = 0
+) => {
+  return new Promise<R>((resolve, reject) => {
+    const attempt = (remainingCount: number) => {
+      task()
+        .then(resolve)
+        .catch((error) => {
+          if (remainingCount <= 0) {
+            return reject(error);
+          }
+          const attemptIndex = count - remainingCount; // 第几次重试
+          const wait =
+            typeof delay === 'function' ? delay(attemptIndex, error) : delay;
+          setTimeout(() => attempt(remainingCount - 1), wait ?? 0);
+        });
+    };
+    attempt(count);
+  });
+};

package/src/utils/thenable.ts ADDED Viewed

@@ -0,0 +1,30 @@
+type SafeAwaitResult<T> = [true, null, T] | [false, Error, null];
+/**
+ * @author sonion
+ * @description 安全的 await 函数。
+ * @param {Promise<T>} promise 要执行的 Promise 函数
+ * @returns {Promise<SafeAwaitResult<T>>} - 返回一个元组，第一个元素为是否成功，第二个元素为错误信息，第三个元素为数据
+ */
+export const safeAwait = async <T>(
+  promise: Promise<T>
+): Promise<SafeAwaitResult<T>> => {
+  try {
+    const data = await Promise.resolve(promise);
+    return [true, null, data] as const;
+  } catch (err) {
+    const error = err instanceof Error ? err : new Error(String(err));
+    return [false, error, null] as const;
+  }
+};
+/**
+ * @author sonion
+ * @description Promise.try 的polyfill实现
+ * @param p - promise 或 一个返回 promise 的函数
+ */
+export const promiseTry = <T>(p: PromiseLike<T> | (() => PromiseLike<T>)) => {
+  return new Promise<T>((resolve) => {
+    resolve(typeof p === 'function' ? p() : p);
+  });
+};

package/tsconfig.json ADDED Viewed

@@ -0,0 +1,43 @@
+{
+  "compilerOptions": {
+    "types": ["vite/client"],
+    /* 目标与模块 */
+    "target": "ESNext",
+    "module": "ESNext",
+    "lib": ["ES2020", "DOM", "DOM.Iterable"],
+    /* JSX */
+    "jsx": "react-jsx",
+    /* 模块解析：现代 bundler 模式 */
+    "moduleResolution": "bundler", // 更适合 Vite/Rollup
+    "verbatimModuleSyntax": true,
+    "moduleDetection": "force",
+    "noEmit": true, // 不生成类型文件，库开发不需要
+    "allowImportingTsExtensions": true, // 仅onEmit有效
+    /* 严格检查与 lint */
+    "strict": true,
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "noFallthroughCasesInSwitch": true,
+    "skipLibCheck": true,
+    "noUncheckedSideEffectImports": true,
+    "useDefineForClassFields": true,
+    "erasableSyntaxOnly": true,
+    /* 互操作与工具支持 */
+    "esModuleInterop": true,
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    // "baseUrl": ".", // 已废弃，使用 paths 替代
+    /* 路径别名 */
+    "paths": {
+      "@/*": ["./src/*"]
+    }
+  },
+  "include": ["src", "types"],
+  "exclude": ["node_modules", "dist"]
+}

package/types/scss.d.ts ADDED Viewed

@@ -0,0 +1,10 @@
+declare module '*.module.scss' {
+  const classes: { [key: string]: string };
+  export default classes;
+}
+// 如果你还使用其他样式文件，可以一并声明
+declare module '*.scss' {
+  const content: { [key: string]: string };
+  export default content;
+}

package/vite.config.ts ADDED Viewed

@@ -0,0 +1,51 @@
+import { defineConfig } from 'vite';
+import react from '@vitejs/plugin-react';
+import dts from 'vite-plugin-dts';
+import path from 'path';
+import { libInjectCss } from 'vite-plugin-lib-inject-css';
+export default defineConfig({
+  plugins: [
+    react(),
+    libInjectCss(), // 注入 CSS 到每个生成的 chunk 文件
+    dts({
+      insertTypesEntry: true,
+      outDir: 'dist/types',
+      include: ['src/**/*'],
+    }), // 生成类型声明文件
+  ],
+  resolve: {
+    // tsconfigPaths: true, // 启用 tsconfig 路径解析
+    alias: {
+      '@': path.resolve(__dirname, 'src'),
+    },
+  },
+  // CSS 配置
+  css: {
+    modules: {
+      localsConvention: 'camelCaseOnly', // 推荐使用驼峰命名
+    },
+  },
+  build: {
+    target: 'es2020',
+    lib: {
+      name: 'Tonar',
+      entry: {
+        index: 'src/index.ts',
+        hooks: 'src/hooks/index.ts',
+        utils: 'src/utils/index.ts',
+        components: 'src/components/index.ts',
+      },
+      formats: ['es'], // 只输出 ESM
+      fileName: '[name].[format]', // 不用后缀
+    },
+    rolldownOptions: {
+      external: ['react', 'react-dom', 'react/jsx-runtime'],
+      output: {
+        assetFileNames: ({ names: [name] }) =>
+          `${name.endsWith('.css') ? 'css' : 'assets'}/[name].[hash][extname]`,
+        chunkFileNames: 'js/[name].[hash].js', // 除入口外的 chunk 文件放js文件夹
+      },
+    },
+  },
+});