zb-fitment-core

1.0.11 • Public • Published

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组件的propsonClick的第一个参数返回主组件的state

TemplateGroup

拖拽组件列表,FitmentPluginList中配置的组件列表

WechatHeader

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

AddPluginArea

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

HomeIcon

悬浮组件

PageEditor

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

addRyuProps

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

Readme

Keywords

none

Package Sidebar

Install

npm i zb-fitment-core

Weekly Downloads

3

Version

1.0.11

License

ISC

Unpacked Size

351 kB

Total Files

189

Last publish

Collaborators

  • zbszkj