@hugosjxu/qq-icons

QQ icon adapter package based on tdesign-icons-react. The package also bundles local SVG assets from your qui-icons resource set.

1) 本地联调安装（推荐先这样）

在你的业务项目里执行：

npm install /Users/ssx/Desktop/AI相关/codex/text_02/packages/qq-icons

这会把本地包作为依赖安装，方便你先验证映射效果。

2) 常规安装（发布后）

npm install @hugosjxu/qq-icons

3) 基础使用

import { QQIcon } from "@hugosjxu/qq-icons";

export function Demo() {
  return (
    <>
      <QQIcon name="camera_aio_oversized" size="28px" />
      <QQIcon name="camera_aio_oversized_light" size="28px" />
      <QQIcon name="filelook_pdf" size="52px" />
    </>
  );
}

4) 扩展映射

import { registerIcon } from "@hugosjxu/qq-icons";

registerIcon("my_custom_icon", "AddIcon");

5) 查看解析结果（调试）

import { resolveIconExportName } from "@hugosjxu/qq-icons";

console.log(resolveIconExportName("camera_aio_oversized"));
// => CameraIcon

6) 发布到 npm（可选）

在包目录执行：

cd /Users/ssx/Desktop/AI相关/codex/text_02/packages/qq-icons
npm login
npm publish --access public

如果你要私有包，请按你们组织源配置发布权限。

Notes

• name 支持：
  • QQ 语义名（例如 *_aio_oversized、filelook_*）
  • 直接传 tdesign-icons-react 的导出名（例如 SearchIcon）
• 解析优先级：
  1. 显式 iconNameMap
  2. 规则映射（filelook_* / online_filelook_* / plugin_* / *_oversized）
  3. 本地 SVG 资源回退（icons/*.svg）
  4. 回退 HelpCircleIcon