✨ 特性

• 支持 30 种字段类型的预览编辑。
• 支持字段编辑撤销。
• 底层组件基于蚂蚁金服 Antd-Design，可扩展性强。

📦 安装

npm install rc-dynamic-form --save

yarn add rc-dynamic-form

🔨 示例

import DynamicForm from 'rc-dynamic-form';

ReactDOM.render(<DynamicForm />, mountNode);

引入样式：

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 [email protected]:Dolov/rc-dynamic-form.git
$ cd rc-dynamic-form
$ npm install
$ npm start

打开浏览器访问 http://127.0.0.1:8000