@kbeaver/ui NPM

ui

项目使用与开发说明

Usage

pnpm add ui

使用 component 示例

import ComponentName from 'ui'

Development

注意：开发依赖 kbeaver cli 工具，需要提前安装

pnpm add @kbeaver/cli --global

目录结构

.
├── public ----------------------------- 公共资源文件
├── dist ------------------------------- build 后到资源文件目录
├── src -------------------------------- 源码目录
│   ├── env.d.ts ----------------------- 全局ts类型文件
│   └── components --------------------- 组件目录
│       ├── [component name] ----------- 组件目录
│       │   ├── demo ------------------- 开发时，组建示例文件夹
│       │   │   ├── index.ts ----------- 演示入口
│       │   │   └── demo.ts ------------ 演示模块
│       │   ├── tests ------------------ 组件测试用例文件夹
│       │   │   ├── [name].test.js ----- 组件测试用例文件
│       │   │   └── ... ---------------- 更多测试用例
│       │   ├── [component name].ts ---- 组件模块文件
│       │   └── index.ts --------------- 组件入口
│       ├── components.ts -------------- 所有组件导出模块
│       └── index.ts ------------------- 组件索引入口 ts
├── README.md -------------------------- 项目说明
├── kb.json ---------------------------- kbeaver cli 项目配置文件
├── vite.config.ts --------------------- vite 配置
└── ...

开发单个组件（以组件为例）

$ kb lc dev <component-name>

运行命令前，需要在 components 目录下建立对应的组件目录，并创建 index.ts 、demo.ts 两个文件再填充对应代码

Build

打包单个组件

$ kb lc build [components name]

打包结果会一用 coomponents name 作为用户名输出到，dist 目录下，dist/assets 下存放 css

打包所有组件

$ pnpm run build

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

Test

Document

jest https://jestjs.io/zh-Hans/docs/api

@vue/test-utils https://next.vue-test-utils.vuejs.org/

jest-dom https://github.com/testing-library/jest-dom

vue3 typescript component ui

@antv/g2plot @kbeaver/icon @vueuse/core async-validator classnames dayjs dom-align lodash-es monaco-editor prettier prettier-plugin-java prettier-plugin-xml uuid vuedraggable

@infinitebrahmanuniverse/nolb-_kb @everything-registry/sub-chunk-512 test-publish-wh @newtempta/test-publish-wh @zalastax/nolb-_kb

4 days ago

8 days ago

11 days ago

11 days ago

13 days ago

19 days ago

19 days ago

20 days ago

20 days ago

21 days ago

29 days ago

1 month ago

1 month ago

2 months ago

2 months ago

2 months ago

3 months ago

3 months ago

3 months ago

3 months ago

3 months ago

4 months ago

4 months ago

4 months ago

4 months ago

4 months ago

4 months ago

4 months ago

4 months ago

4 months ago

4 months ago

4 months ago

4 months ago

4 months ago

4 months ago

4 months ago

4 months ago

4 months ago

4 months ago

5 months ago

5 months ago

5 months ago

5 months ago

5 months ago

5 months ago

5 months ago

5 months ago

5 months ago

5 months ago

9 months ago

9 months ago

9 months ago

9 months ago

9 months ago

9 months ago

8 months ago

5 months ago

6 months ago

6 months ago

6 months ago

6 months ago

6 months ago

6 months ago

6 months ago

7 months ago

6 months ago

7 months ago

10 months ago

6 months ago

7 months ago

7 months ago

7 months ago

7 months ago

7 months ago

7 months ago

6 months ago

8 months ago

6 months ago

9 months ago

9 months ago

9 months ago

6 months ago

6 months ago

6 months ago

6 months ago

6 months ago

6 months ago

8 months ago

8 months ago

8 months ago

8 months ago

8 months ago

5 months ago

5 months ago

5 months ago

12 months ago

11 months ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

ui

Usage

Development

目录结构

开发单个组件（以 组件为例）

Build

打包单个组件

打包所有组件

Test

Document

开发单个组件（以组件为例）