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