代码拉取完成，页面将自动刷新
同步操作将从 craft-codeless-designer/ craft-codeless-designer 强制同步，此操作会覆盖自 Fork 仓库以来所做的任何修改，且无法恢复！！！
确定后同步将在后台操作，完成时将刷新页面，请耐心等待。
Craft Codeless Designer 是一款可视化的低代码/零代码页面设计器，基于 craft.js 扩展而来。
🚀 在线实例
render() {
//只要给 CraftDesigner 传递 pageData 参数，它自己会反序列化成页面。
const pageData = this.state.pageEntity.pageData;
return (
<CraftDesigner
onSaveData={this.onSaveData.bind(this)}
onLoadData={this.loadData.bind(this)}
onPreview={this.onPreview.bind(this)}
pageData={pageData}
></CraftDesigner>
);
}
完整的实例项目参见： https://github.com/craft-codeless-designer/craft-codeless-designer-demo
<CraftDesigner> 是唯一的核心组件，它集成了所有功能。
<CraftDesigner> 核心 props 说明：
| props | 说明 |
|---|---|
| onPreview | 预览按钮回调函数 |
| onDelete | 删除按钮回调函数 |
| onUndo | Undo 按钮回调函数 |
| onRedo | Redo 按钮回调函数 |
| onSaveData | 保存 按钮回调函数 |
| onLoadData | 加载 按钮回调函数 |
| onHelp | Help 按钮回调函数 |
| showNavBar | 是否渲染顶部导航条，默认为 true |
| showSiderBar | 是否渲染侧边工具栏，默认为 true |
| componentTypes | 组件类型列表， CraftDesigner 内置的组件已经全部添加在列表中 |
| iconList | 组件图标列表， CraftDesigner 内置的图标已经全部添加在列表中 |
| pageData | 页面数据，传递和修改 pageData 会触发 CraftDesigner 重新渲染页面 |
| enabled | 是否启用编辑状态，默认为 true ，如果需要进入预览状态，请把此配置项设置为 false |
此工程使用 storybook 编写测试用例和文档。
此处可能存在不合适展示的内容，页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容，可点击提交进行申诉，我们将尽快为您处理。