@kbeaver/ui-plus v1.11.30

@kbeaver/ui-plus

项目使用与开发说明

Usage

pnpm add @kbeaver/ui-plus

使用 component 示例

import ComponentName from '@kbeaver/ui-plus'

Development

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

pnpm add @kbeaver/cli --global

目录结构

.
├── 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

$ pnpm run build

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