powerful-form

1.0.6 • Public • Published

本插件分为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[];

Readme

Keywords

Package Sidebar

Install

npm i powerful-form

Weekly Downloads

1

Version

1.0.6

License

ISC

Unpacked Size

27.9 kB

Total Files

9

Last publish

Collaborators

  • weipengzhou