@kbeaver/icon v1.12.5

icon

使用 @kbeaver/svg 里的 svg 自动生成 icon 组件

Usage

pnpm add @kbeaver/icon

使用 component 示例

import { ComponentName } from '@kbeaver/icon'

<Icon* size={'14px'} fill={'#c00'} spin rotate={30}></Icon***>

Props

• size : string 大小
• fill : string 颜色
• spin : boolean 转圈
• rotate : number 旋转角度

Development

目录结构

.
├── dist ------------------------------- build 后的资源文件目录
├── script ----------------------------- 组件生成脚本
├── src -------------------------------- 源码目录
│   ├── base --------------------------- icon 组件基础组件与样式
│   ├── components --------------------- 组件目录
│   │   ├── [component name] ----------- 生成后的组件ts文件
│   │   ├── components.ts -------------- 所有组件导出模块
│   │   └── index.ts ------------------- 组件索引入口 ts
│   └── env.d.ts ----------------------- 全局ts类型文件
├── README.md -------------------------- 项目说明
├── kb.json ---------------------------- kbeaver cli 项目配置文件
├── vite.config.ts --------------------- vite 配置
└── ...

生成组件并打包

$ pnpm run build

生成 Icon 组件

前提: Svg 库准备完毕

$ pnpm run generate

生成 Icon 目录 src/components

build 组件

$ pnpm run complete

打包输出结果为 dist/index.js、dist/assets/index.css

本地预览

$ pnpm run dev