# antd-more

[![npm][npm]][npm-url]

基于 [antd](https://ant.design/) 扩展的业务场景组件。

[查看文档和示例](https://antd-more.vercel.app/)

## 特性

- 💎 简单易用 - 基于 Ant Design 进行封装
- 📦 场景丰富 - 面向业务场景封装
- 💡 TypeScript - 提供 TypeScript 类型定义

## 对应版本

| antd-more | antd |
| --------- | ---- |
| `v0 ~ v3` | `v4` |
| `v4`      | `v5` |
| `v6`      | `v6` |

## 使用

### 安装

```shell
npm install antd-more
```

```shell
yarn add antd-more
```

```shell
pnpm add antd-more
```

### 示例

```javascript
import { BizField } from 'antd-more';

// 值类型为颜色，显示红色色块
root.render(<BizField value="red" valueType="color" />);
```

## 文档

### 数据展示

- [BizDescriptions] - 业务描述
- [BizField] - 业务字段
- [BizTable] - 业务表格

### 数据录入

- [BizForm] - 业务表单
- [BizFormItem] - 表单项
- [BizFormList] - 表单数组
- [BizModalForm/BizDrawerForm] - 浮层表单
- [BizQueryForm] - 查询表单
- [BizStepsForm] - 分步表单

### 其他

- [BizConfigProvider] - 上下文配置
- [BizUserLayout] - 用户界面布局

### 通用

- [BizCaptchaButton] - 验证码按钮
- [BizDictionary] - 数据字典
- [BizFileViewer] - 文件预览
- [BizTreeTable] - 树表格

## 精选第三方 react 组件

- [qrcode.react] - 生成二维码
- [wangeditor] - 轻量级 web 富文本编辑器
- [rc-slider-captcha] - 滑块验证码

[npm]: https://img.shields.io/npm/v/antd-more.svg
[npm-url]: https://npmjs.com/package/antd-more
[bizcaptchabutton]: https://antd-more.vercel.app/components/biz-captcha-button
[bizdictionary]: https://antd-more.vercel.app/components/biz-dictionary
[bizdescriptions]: https://antd-more.vercel.app/components/biz-descriptions
[bizfield]: https://antd-more.vercel.app/components/biz-field
[biztable]: https://antd-more.vercel.app/components/biz-table
[bizform]: https://antd-more.vercel.app/components/biz-form
[bizformitem]: https://antd-more.vercel.app/components/biz-form-item
[bizformlist]: https://antd-more.vercel.app/components/biz-form-list
[bizmodalform/bizdrawerform]: https://antd-more.vercel.app/components/biz-modal-form
[bizqueryform]: https://antd-more.vercel.app/components/biz-query-form
[bizstepsform]: https://antd-more.vercel.app/components/biz-steps-form
[bizuserlayout]: https://antd-more.vercel.app/components/biz-user-layout
[BizConfigProvider]: https://antd-more.vercel.app/components/biz-config-provider
[bizfileviewer]: https://antd-more.vercel.app/components/biz-file-viewer
[biztreetable]: https://antd-more.vercel.app/components/biz-tree-table
[qrcode.react]: https://www.npmjs.com/package/qrcode.react
[wangeditor]: https://www.npmjs.com/package/wangeditor
[rc-slider-captcha]: https://www.npmjs.com/package/rc-slider-captcha