0.0.0-NOT-VALID • Published 2 years ago

tdesign-icons v0.0.0-NOT-VALID

Weekly downloads
-
License
-
Repository
github
Last release
2 years ago

TDesign Icon 图标公共仓库

TDesign Icons 组件库,统一管理 TDesign 各 UI 框架的 Icons 组件资源。

贡献指南

原始图标资源管理

将新图标放在 svg/ 目录下。

图标资源生成 🏗

在根目录运行 yarn generate,该命令会在 packages/ 目录下的各个子目录中生成资源文件。

更新了原始图标资源之后,请务必运行 yarn generate 命令。

此流程会生产发布到 CDN 的 iconfont 各字体资源、svgsprite 资源,并全量更新各框架包的单 Icon 的资源。

构建 NPM 包 📦

进入 packages/ 目录下的各个子目录分别执行 yarn build 命令以执行构建。

为什么要统一管理

  • 降低各框架基础组件库对 Icon 的维护成本,包括 Icon 命名变更、Icon 的增删带来的改动等。
  • 独立的 Icon 库可以保持一致,如果 TDesign 的 Icon 设计命名、规范发生变更,可以统一升级。
  • 满足单独使用 Icon 库的需求。

图标资源对应关系 📋

ICON 资源对应 CDN 资源Vue2ReactAngularVue3
第二版svgsprite: https://tdesign.gtimg.com/icon/web/index.js iconfont: https://tdesign.gtimg.com/icon/web/index.css----------------
第三版svgsprite: https://tdesign.gtimg.com/icon/0.0.3/fonts/index.js iconfont: https://tdesign.gtimg.com/icon/0.0.3/fonts/index.csstdesign-icons-vue@0.0.4tdesign-icons-react@0.0.4tdesign-icons-angular@0.0.0-alpha.3
0.0.0-NOT-VALID

2 years ago