zb-fitment-core

export { H5Fitment, FitmentPluginList }

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

组件分析

H5Fitment

入参

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列表添加位置移动的方法和属性