rc-dynamic-chart
基于 react、antd 的企业级中后台动态表单组件,支持 30 余种类型字段。
✨ 特性
- 支持 30 种字段类型的预览编辑。
- 支持字段编辑撤销。
- 底层组件基于蚂蚁金服 Antd-Design,可扩展性强。
📦 安装
npm install rc-dynamic-form --save
yarn add rc-dynamic-form
🔨 示例
import DynamicForm from 'rc-dynamic-form'; ReactDOM;
引入样式:
import 'rc-dynamic-form/lib/style';
🍭 API
属性 | 说明 | 类型 | 默认值 |
---|---|---|---|
help | 关于字段的表述信息 | string | null |
editable | 表单是否允许编辑 | boolean | true |
undoable | 编辑字段是否允许撤销 | boolean | true |
value | 表单字段的值 | object | {} |
isView | 设置编辑查看状态 | boolean | true |
config | 表单字段信息 | object | {} |
onSave | 保存按钮回调函数 | values => {} | null |
focusId | 获取焦点的字段 | string | null |
onCancel | 取消按钮的回调 | function | null |
onItemEdit | 点击字段编辑按钮的回调 | fieldName => {} | null |
collapseBordered | 表单容器 Collapse 是否具有边框 | boolean | false |
getInstance | 获取组件实例的回调 | ref => {} | null |
⌨️ 本地开发
$ git clone git@github.com:Dolov/rc-dynamic-form.git$ cd rc-dynamic-form$ npm install$ npm start
打开浏览器访问 http://127.0.0.1:8000