0.2.9 • Published 2 years ago
aio-form v0.2.9
项目
aio-form-design
截图展示
说明
表单设计器
React-dnd + React + Typescript + webpack5.x + ant design + dva
注意事项
需要单独引入 css
import 'aio-form-design/dist/index.css';
安装
npm install aio-form-design --save
yarn add aio-form-design
示例
import AioFormDesign from 'aio-form-design';
import 'aio-form-design/dist/index.css';
const App = () => (
<>
<AioFormDesign
dataSource={dataSource}
treeData={treeData}
formList={formList}
getWidgetsList={(widgetsList) => console.log(widgetsList)}
getErrorsList={(errorsList) => console.log(errorsList)}
getRemoveWidgetId={(id) => (function () { return true; }())}
height="calc(100vh - 84px)"
title="aio-form-design"
/>
</>
);
文档
字段 | 必填 | 描述 |
---|---|---|
dataSource | 是 | 原始控件列表数据 |
treeData | 是 | 流程组件 - 选择流程 - 树数据 |
formList | 是 | 初始化表单已配置控件列表 |
getWidgetsList | 是 | 获取已配置控件列表 |
getErrorsList | 是 | 获取已配置控件 - 表单错误数据列表 |
getRemoveWidgetId | 否 | 删除已配置控件 - 输出 '控件 formKey', 接收 boolean 类型返回值,允许删除则为 true,否则为 false |
height | 否 | 表单设计器高度,默认 100vh |
title | 否 | 表单标题,默认 ‘未命名’ |
type | 否 | 组件使用场景,默认‘process(流程)’ |
0.2.1
2 years ago
0.2.0
2 years ago
0.2.7
2 years ago
0.1.8
2 years ago
0.2.6
2 years ago
0.2.9
2 years ago
0.2.8
2 years ago
0.1.9
2 years ago
0.2.3
2 years ago
0.2.2
2 years ago
0.2.5
2 years ago
0.1.6
2 years ago
0.2.4
2 years ago
0.1.5
2 years ago
0.1.4
2 years ago
0.1.3
2 years ago
0.1.2
2 years ago
0.1.1
2 years ago
0.1.0
2 years ago
0.0.13
3 years ago
0.0.12
3 years ago
0.0.11
3 years ago
0.0.10
3 years ago
0.0.9
3 years ago
0.0.8
3 years ago
0.0.7
3 years ago
0.0.6
3 years ago
0.0.4
3 years ago
0.0.3
3 years ago
0.0.2
3 years ago
0.0.1
3 years ago