antd-more

基于 antd 扩展的业务场景组件。

查看文档和示例

特性

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

对应版本

antd-more	antd
v0 ~ v3	v4
v4	v5

使用

安装

npm install antd-more

yarn add antd-more

pnpm add antd-more

示例

import { BizField } from 'antd-more';

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

组件列表

数据展示

• BizDescriptions - 业务描述
• BizField - 业务字段
• BizTable - 业务表格
• EditableBizTable - 可编辑业务表格

数据录入

• BizForm - 业务表单
• BizFormItem - 表单项
• BizFormList - 表单数组
• Modal/Drawer - 浮层表单
• QueryForm - 查询表单
• StepsForm - 分步表单

其他

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

通用

• CaptchaButton - 验证码按钮
• Color - 颜色
• Dictionary - 数据字典
• FileViewer - 文件预览
• InputIcon - 图标输入
• TreeTable - 树表格

精选第三方 react 组件

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