本插件分为Form组件与常用util方法两部分,
Form组件使用
1.引入Form组件
import PowerfulForm from 'powerful-form';
参数:type: string
input 常规Input表单
upload 上传组件
hiddenInput 隐藏域
priceInput 显示金额的Input表单
textArea textArea 表单
select 下拉选择表单
objSelect 下拉选择表单枚举为数组
date 日期单选表单
doubleDate 日期多选表单
// 外层宽度
width: number;
// 平移宽度
offset?: number;
// 表单label名称
labelName: string;
// 表单字段
paramName: string;
// form函数
getFieldDecorator: any;
// onChang函数
onChange?: any;
// 表单初始值
val?: string | number;
// 子内容
children?: ReactNode;
// 是否开启校验
check?: boolean;
// 是否可以操作
disabled?: boolean;
// 隐藏域显示值
showValue?: any,
// 开始日期字段
startName?: string,
// 结束日期字段
endName?: string,
// 下拉框枚举
paramEnum?: object | ArrayParamEnum[] | any,
// label宽度
fatherWidth?: number,
// 表单宽度
childWidth?: number,
// input输入最大字节限制
maxLength?: number,
2.util方法
求和
floatAdd: (arg1: number, arg2: number) => number;
求差
floatSub: (arg1: number, arg2: number) => number;
求积
floatMul: (arg1: number, arg2: number) => number;
数据前端转excel导出
exportExcel: (labelHeader: string, data: object[], fileName: string) => void;
金额显示加上.00
numberFormat: (nStr: string) => string;
四舍五入后/100
toDecimal: (x: number) => string;
避免深层对象取值报错。 使用方法 value = getIn(['key', 'key'], obj);
getIn: (p: string[], o: object) => object;
将金额变为保留两位小数展示。
formatStr: (str: number) => string;
求对象数组中某个元素的和
getSum: (e: string, f: object[]) => number;
根据key给多维对象排序 因为对象是无序的,所以将对象转为数组排序,
sortObjcet: (objs: object, keys: string) => any[];