com-guusing-helpers v1.0.3

• @mantas/helpers
  • 作用
  • 使用方式
  • 具体参数
    • PagerHelper
    • SelectHelper
    • TableColumnHelper

@mantas/helpers

作用

• 提供基础方法封装
• 方便使用者对业务逻辑进行快速编写，不需要关注数据处理等

使用方式

import { PagerHelper, SelectHelper, TableColumnHelper } from '@mantas/helpers';

// 分页使用设置
_queryRequest = (pagation = PagerHelper.DefaultPage) => {
  const params = {
    ...pagation
  }
  ...queryFunction
}

// table分页设置
const { pager } = this.state

<Table pagation={PagerHelper.createPagination(pager, this.handleTableChange)} />

// 枚举数据反显
const options = [ {value: 1, label: '一'} ,{value: 2, label: '二'} ]
const value = 1
SelectHelper。selectShow(valaue, options)


// table 行数据格式设置
TableColumnHelper.genPlanColumn(title: string, key: string, extend?: any)
TableColumnHelper.genPlanColumn('表头', 'shopName', { width: 120 })

具体参数

PagerHelper

• PagerHelper.DefaultPage: 默认分页大小 1，10 无参
• PagerHelper.MaxPage: 最大分页大小 1，9999 无参
• PagerHelper.createCustomPage: 自定义大小，1， 参数： size: number
• PagerHelper.createPagination: 创建分页 参数 pager: any, onChange?: (page: number, size: number) => void, options?: any

SelectHelper

• SelectHelper.selectShow: value: string | number, options: any, extend: any = {}

TableColumnHelper

• TableColumnHelper.genPlanColumn 表格行平铺模式 参数： title: string, key: string, extend?: any
• TableColumnHelper.genSelectColumn 表格行选择模式 参数： title: string, key: string, options?: any[], extend?: any
• TableColumnHelper.genDateColumn 表格行日期模式 参数： title: string, key: string, extend?: any
• TableColumnHelper.genDateTimeColumn 表格行日期时间模式 参数： title: string, key: string, extend?: any
• TableColumnHelper.genMoneyColumn 表格行金额模式 参数： title, key, extend, prefix = '￥'