@hecom/wrapper-load

1.1.5 • Public • Published

LoadWrapper

npm version Build Status

这是对于通用加载队列的封装高阶组件。

默认导出为一个用于封装的高阶组件,(WrappedComponent, options) => React.PureComponent,其中WrappedComponent是待封装的组件,options是配置参数对象,属性如下:

  • canBack:是否可以回退到上一页,如果为导航栈第一页,则设置为false
  • initFunc:初始化方法,根据调用后的队列大小,来决定是否启动加载队列。param的格式如下:
    • props:导航内部的参数,是navigation.state.params
    • item:当前正在处理的任务项。
    • push:在队列中增加一项任务,key是等待队列判重的键,value是任务队列的任务项。
    • isWaiting:判断键key是否正在等待队列中等待。
    • finish:结束当前任务,status表示任务是否成功,isStop表示是否停止加载进程。
  • processFunc:处理任务的方法,paraminitFunc的相同格式和含义。
  • componentFunc:最后渲染WrappedComponent之前,对于navigation.state.params这个导航内部参数的处理,返回处理后的内部参数。
  • errorTitle:错误页面的标题。
  • errorPageOptions:参照ErrorPage的属性。
  • loadingViewStyle:加载视图的样式。

Readme

Keywords

none

Package Sidebar

Install

npm i @hecom/wrapper-load

Weekly Downloads

0

Version

1.1.5

License

MIT

Unpacked Size

11.9 kB

Total Files

5

Last publish

Collaborators

  • tianxuejun
  • summer88123
  • vampire_163