@celesea/components

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

查看文档和示例

特性

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

对应版本

@celesea/components	antd
v0 ~ v3	v4
v4	v5

使用

npm 或 yarn 安装

npm install @celesea/components

yarn add @celesea/components

示例

import { BizField } from '@celesea/components';

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

组件列表

数据展示

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

数据录入

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

页面布局

• BizUserLayout - 用户界面布局

通用

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

精选第三方 react 组件

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