0.1.32 • Published 6 years ago

qmfactory v0.1.32

Weekly downloads
326
License
-
Repository
-
Last release
6 years ago

qm 应用组件-0.1.22

  1. FactoryContainer - 基础底部页面
  2. FactoryKit - 工具类
  3. FactoryPullRefreshListView - 下拉刷新列表
  4. FactoryPullToRefresh - 下拉刷新的公共组件
  5. FactoryFetch - 请求数据方法
  6. FactoryScene - 场景页
  7. FactoryViewContainer - 封装 ViewContainer,主要用于键盘的切换等
  8. FactoryImage - 图片
  9. FactoryHeader - 头
  10. FactoryLoading - 加载页
  11. FactoryPageProps - 页面公共属性

FactoryContainer - 基础底部页面

包含路由,及 POP 处理的底部页面

Props

属性说明类型默认值
routes路由配置Object,例如{Home: { screen: Home }}
backOutPages点 Android 返回,需要退出到应用的页面Immutable.List
initialRoute初始化页面StringHome

FactoryKit - 工具类

常用工具集合

API

方法名称说明
Width获取屏幕宽度
Height获取屏幕高度
noop空方法
simpleDataSource简单数据源,用于初始化 DataList
isAndroid判断是否为 Android 机型
isIOS判断是否为 IOS 机型
toFixed2截取两位小数
toRound2四舍五入两位小数
getWebp转换图片为 webp
alertalert 弹框

FactoryPullRefreshListView - 下拉刷新列表

下拉刷新列表,包含下拉刷新,滑动分页

demo

<FactoryPullRefreshListView
  url={`${QMConst.HOST}/api/wares/new/search/`}
  renderRow={this._renderRow}
/>

Props

属性说明类型默认值
url请求数据 urlString
renderRow渲染行Function
postBody请求参数Object
postMethod请求方式是否为 POST,默认 falsebooleanfalse
pageSize分页数量Number10
pageNumStr请求接口时的分页参数 keyStringpageNum
convertData转换接口返回,需要结果结构为: {res: { dataList }, err: err},执行于渲染前Function
onDataReceive扭转数据显示,用于异步获取数据拼接,执行于渲染后Function
duration动画消失时间,毫秒Number400
styleview 样式扩展Object
postBody请求参数Object
backToTop是否渲染漂浮的回到顶部按钮,当为 true 时,会渲染漂浮按钮boolean
renderFlowBtn自定义漂浮按钮Function
renderHeader自定义头部Function
onRefresh刷新时的回调Function
onRefreshEnd刷新完成后的回调Function
onScroll滚动时回调Function
onScrollEnd滚动完成后的回头,暂时只支持 IOSFunction
isWaitAnimation是否等待页面动画完成后再执行当前组件的行为booleantrue
dataSource手动传入数据源Object

FactoryPullToRefresh - 下拉刷新的公共组件

下拉刷新的公共组件

Props

属性说明类型默认值
needCalcStyle是否需要动态计算样式boolean
needInitLoading是否需要初始化 loadingboolean
duration动画消失时间,默认 600msnumber600
scrollRenderAheadDistance超过多少像素也渲染,默认 800number800
onModeChange模块变动回调Function
onScroll滚动回调Function
onScrollEnd滚动到底部回调Function
onRefresh刷新回调Function
onRefreshEnd刷新结束回调Function
contentContainerStylecontentContainerStyleViewStyle
autoResize是否自动调整大小,仅 Android 有效,默认 truebooleantrue

FactoryFetch - 请求数据方法

请求数据方法,包含参数组装,返回异常处理

demo

FactoryFetch(`${QMConst.HOST}/api/wares/batchRemove/${QMConst.LINE}`, {
  method: 'POST',
  body: JSON.stringify({ spuIds })
});

FactoryScene - 场景页

一个场景页面,包含头部返回,可配置下拉刷新

demo

<FactoryScene header="商品设价">
  <Main />
</FactoryScene>

Props

属性说明类型默认值
header头部显示字符串String
renderHeader自定义头部Function
hasBack是否有回退按钮booleantrue
onBackHandler回退回调Function
backOut是否点回退按钮是退出应用操作booleanfalse
styleview 样式ViewStyle
bodyStylebody 样式ViewStyle
backgroundImage背景图片String
onMount网络恢复时的回调Function
loading是否 loadingbooleanfalse
overflowLoading悬浮是否 loadingbooleanfalse
pullToRefresh开启下拉刷新booleanfalse
onPullToRefresh下拉刷新的回调Function
onModeChangeios 下拉刷新,模式切换Function
isChangingView是否加一个遮罩,当 view 跳转时禁止其它操作booleanfalse

FactoryViewContainer - 封装 ViewContainer,主要用于键盘的切换等

封装 ViewContainer,主要用于键盘的切换等

Props

属性说明类型默认值
onDismissKeyboard切换键盘回调Function

FactoryImage - 图片

图片,包含 url 处理

demo

    <FactoryImage source={} width={} height={}/>

Props

属性说明类型默认值
source地址,必传ImageURISource
alt加载提示String图片加载中
errorSrc加载错误地址String
width宽度Number100
height高度Number100
onError加载错误回调Function
onLoad加载回调Function
style图片样式ImageStyle

FactoryHeader - 头

页面头,集成左边返回和右边自定义按钮

demo

<FactoryHeader
  leftTitle="展示与分类"
  add={true}
  onLeftMenuPress={this._handleBack}
  onAddPress={() => this._editCate(null)}
/>

Props

属性说明类型默认值
leftTitle头部显示文本String
add是否显示添加按钮booleanfalse
search是否显示搜索按钮booleanfalse
customize自定义右侧按钮any
onLeftMenuPress点击左边回调Function
onAddPress点击添加回调Function
onSearchPress点击搜索回调Function
onCustomizePress点击自定义按钮回调Function
style样式ViewStyle

FactoryLoading - 加载页

加载页

Props

属性说明类型默认值
overflow是否悬浮 loadingbooleanfalse
0.1.32

6 years ago

0.1.31

6 years ago

0.1.30

6 years ago

0.1.29

6 years ago

0.1.28

6 years ago

0.1.27

6 years ago

0.1.26

6 years ago

0.1.25

6 years ago

0.1.24

6 years ago

0.1.23

6 years ago

0.1.22

6 years ago

0.1.21

6 years ago

0.1.20

6 years ago

0.1.19

6 years ago

0.1.18

6 years ago

0.1.17

6 years ago

0.1.16

6 years ago

0.1.15

6 years ago

0.1.14

7 years ago

0.1.13

7 years ago

0.1.12

7 years ago

0.1.11

7 years ago

0.1.10

7 years ago

0.1.9

7 years ago

0.1.8

7 years ago

0.1.7

7 years ago

0.1.6

7 years ago

0.1.5

7 years ago

0.1.5-alpha.1

7 years ago

0.1.4

7 years ago

0.1.3

7 years ago

0.1.2

7 years ago

0.0.54

7 years ago

0.0.53

7 years ago

0.0.52

7 years ago

0.0.50

7 years ago

0.1.1

7 years ago

0.1.0

7 years ago

0.0.44

7 years ago

0.0.43

7 years ago

0.0.42

7 years ago

0.0.41

7 years ago

0.0.40

7 years ago

0.0.39

7 years ago

0.0.38

7 years ago

0.0.36

7 years ago

0.0.35

7 years ago

0.0.34

7 years ago

0.0.33

7 years ago

0.0.32

7 years ago

0.0.31

7 years ago

0.0.30

7 years ago

0.0.29

7 years ago

0.0.28

7 years ago

0.0.27

7 years ago

0.0.26

7 years ago

0.0.25

7 years ago

0.0.24

7 years ago

0.0.23

7 years ago

0.0.22

7 years ago

0.0.21

7 years ago

0.0.20

7 years ago

0.0.19

7 years ago

0.0.18

7 years ago

0.0.17

7 years ago

0.0.16

7 years ago

0.0.15

7 years ago

0.0.14

7 years ago

0.0.13

7 years ago

0.0.12

7 years ago

0.0.11

7 years ago

0.0.10

7 years ago

0.0.9

7 years ago

0.0.8

7 years ago

0.0.7

7 years ago

0.0.6

7 years ago

0.0.5

7 years ago

0.0.4

7 years ago

0.0.3

7 years ago

0.0.2

7 years ago

0.0.1

7 years ago