1.0.6 • Published 4 years ago

powerful-form v1.0.6

Weekly downloads
1
License
ISC
Repository
-
Last release
4 years ago

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

4 years ago

1.0.5

4 years ago

1.0.2

4 years ago

1.0.1

4 years ago

1.0.4

4 years ago

1.0.3

4 years ago

1.0.0

4 years ago