0.5.2 • Published 5 years ago
form-design-core v0.5.2
form-design 表单设计器
npm install --save form-design-core
Usage
import FormDesigner from 'form-design-core';
import widgets from './widgets'
function App() {
const [metadata, onMetadataChange] = React.useState({
items: []
})
return (
<div style={{
margin: "30px auto",
width: 1400,
minHeight: 500
}}>
<FormDesigner widgets={widgets} metadata={metadata} onChange={onMetadataChange} />
</div>
);
}
ReactDOM.render(<App />, document.getElementById('root'))
FormDesigner
props
widgets
设计器控件列表
metadata 控件布局属性
eg:
{
items: []
}
onChange
布局发生改变时触发