## "@whalecloud/page-builder"

### 表单编辑器以 npm 包的形式发布，输出表单编辑器与表单渲染器两个组件

```js
import { FormBuilder, FormRender } from '@whalecloud/page-builder';
```

#### model 注册

```js
import { models } from '@whalecloud/page-builder';

models.forEach(model => {
  window.g_app.model(model);
});
```

#### 表单编辑器

```js
   <FormBuilder save={savePage}  loadJson={{loadPage:pageJson}}>
   /**
       表单编辑器界面点击保存按钮的时候的回调
       @param pageJson 进行序列化反序列化
       @param pageElementListJson 表单元素列表
   **/
   savePage = (pageJson, pageElementListJson) => {

   }

   //补充业务侧需要注册一下model
```

#### 表单渲染器

```js
<FormRender ref="xxx" load={{ loadPage: pageJson, initialData: initialJson }} save="savePage" />
```
