# zb-fitment-core

```js
export { H5Fitment, FitmentPluginList }
```

导出的是装修的 pc 组件和插件对象列表。

## 组件分析

### H5Fitment

入参

```js
interface Iprops {
  title?: string // 默认的标题
  toolbarConfig: any // toolbar的配置，会通过addGetValue方法，给这个配置注入一个getValue的方法，此方法能够获取最外层父组件的state，并把datasource中的每一个item，ryu开头的方法都删除了
  dataSource?: any[] // 默认的dataSource
  background: string // 页面的背景颜色
  homeIcon: HomeIconI // 悬浮组件
  isMini?: boolean // 是否是微信小程序
}
```

### Toolbar

接收一个`toolbarConfig`参数，返回一个按钮列表，`toolbarConfig`为按钮`antd Button`组件的`props`，`onClick`的第一个参数返回主组件的`state`

### TemplateGroup

拖拽组件列表，`FitmentPluginList`中配置的组件列表

### WechatHeader

展示的 h5 模拟器的头部，接受一个`title`参数，展示页面标题

### AddPluginArea

当页面没有组件的时候，默认的占位组件，当有组件拖入的时候，通过`event.dataTransfer.getData('pluginId')`获取拖入组件的 id，然后渲染相应组件。当拖拽光标移入占位组件区域的时候，修改为进入样式。

### HomeIcon

悬浮组件

### PageEditor

封面编辑组件，有需要全局添加的组件或参数可以在这里配置

### addRyuProps
函数，对plugin列表添加位置移动的方法和属性