@autobest-ui/components 1.1.8 → 1.1.9

package/esm/index.d.ts

@@ -43,8 +43,8 @@ export type { ScriptAttributes, ScriptProps } from './script';
 export { default as Script } from './script';
 export type { MessageProps } from './message';
 export { default as Message } from './message';
-export type { TableProps, RowSelectionInfo as TableRowSelectionInfo } from './table';
-export type { Column as TableColumnInfo, ColumnOnRenderReturnObjectInfo as TableColumnOnRenderReturnObjectInfo } from './table/interface';
+export type { TableProps, TableRowSelectionInfo } from './table';
+export type { TableColumnInfo, TableColumnOnRenderReturnObjectInfo } from './table/interface';
 export { default as Table } from './table';
 export type { DatePickerProps } from './date-picker';
 export { default as DatePicker } from './date-picker';

package/esm/input-number/index.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
-import { AddListenerEventHandler } from '@autobest-ui/utils';
-interface OnchangeHandler {
+import { debounce, AddListenerEventHandler } from '@autobest-ui/utils';
+interface OnChangeHandler {
     (value: string, name?: string): void;
 }
 interface ChangeEvent {
@@ -12,7 +12,7 @@ export interface InputNumberProps extends Omit<React.InputHTMLAttributes<any>, '
     /**
      * 值修改后的回调函数，用于修改value属性
      */
-    onChange: OnchangeHandler;
+    onChange: OnChangeHandler;
     /**
      * input样式
      */
@@ -30,7 +30,8 @@ export interface InputNumberProps extends Omit<React.InputHTMLAttributes<any>, '
      */
     max?: number;
     /**
-     * 打包值，向上取整
+     * 打包值，向上取整，不赋值或者赋值为0表示不做取整操作
+     * 注：packMultiple不允许传小数
      */
     packMultiple?: number;
     /**
@@ -38,9 +39,13 @@ export interface InputNumberProps extends Omit<React.InputHTMLAttributes<any>, '
      */
     disabled?: boolean;
     /**
-     * 只能输入整数
+     * 可输入的小数位数，0或没有值表示只能输入整数
      */
-    isPositive?: boolean;
+    digital?: number;
+    /**
+     * 为true则自动补全小数位数
+     */
+    padDigital?: boolean;
     /**
      * 输入框默认字符大小
      */
@@ -56,11 +61,11 @@ export interface InputNumberProps extends Omit<React.InputHTMLAttributes<any>, '
     /**
      * packMultiple 有值时，判断前的回调函数
      */
-    onChangePackMultipleBefore?: OnchangeHandler;
+    onChangePackMultipleBefore?: OnChangeHandler;
     /**
      * packMultiple 有值时，判断后的回调函数
      */
-    onChangePackMultipleAfter?: OnchangeHandler;
+    onChangePackMultipleAfter?: OnChangeHandler;
     /**
      * 是否需要显示增加按钮
      */
@@ -70,10 +75,6 @@ interface InputNumberStates {
     enter: boolean;
     focus: boolean;
 }
-interface DebounceRef {
-    (value: string): void;
-    cancel: () => void;
-}
 interface LocationInfo {
     left: number;
     top: number;
@@ -86,13 +87,15 @@ declare class InputNumber extends React.Component<InputNumberProps, InputNumberS
         name: string;
         size: number;
         disabled: boolean;
-        isPositive: boolean;
+        digital: number;
+        padDigital: boolean;
         delay: number;
         visibleButton: boolean;
     };
     constructor(props: InputNumberProps);
     currentRef: React.RefObject<HTMLLabelElement>;
-    debounce: DebounceRef;
+    changePackMultipleValueDebounce: ReturnType<typeof debounce>;
+    padDigitalDebounce: ReturnType<typeof debounce>;
     addLocationInfo: LocationInfo;
     subLocationInfo: LocationInfo;
     mouseUpHandler: AddListenerEventHandler;
@@ -120,10 +123,20 @@ declare class InputNumber extends React.Component<InputNumberProps, InputNumberS
     isInside: (ev: React.MouseEvent<Element, MouseEvent>, locationInfo: LocationInfo) => boolean;
     getLocationInfo: () => void;
     getCurrentValue: (value: string) => number;
+    getPadDigitalValue: (value: string) => string;
     onChangePackMultipleValue: (value: string) => void;
-    getDebounce: () => DebounceRef;
-    callback: (value: string) => void;
-    onValueChange: (ev: ChangeEvent) => void;
+    onPadDigital: (value: any) => void;
+    getPadDigitalDebounce: () => {
+        (...arg: any[]): void;
+        cancel(): void;
+    };
+    getChangePackMultipleValueDebounce: () => {
+        (...arg: any[]): void;
+        cancel(): void;
+    };
+    callback: (value: string, ignoreDelay?: any) => void;
+    onValueChange: (ev: ChangeEvent, ignoreDelay?: any) => void;
+    getValueCalculate: (value: number, offset: number) => number;
     onAdd: () => void;
     onSub: () => void;
     renderButton: () => JSX.Element;

package/esm/input-number/index.js

@@ -43,7 +43,7 @@ var __assign = this && this.__assign || function () {
 import React from 'react';
 import classNames from 'classnames';
 import { isBlank, debounce, getOffsetAndSize, addEventListener } from '@autobest-ui/utils';
-var cls = 'ab-input-number';
+var cls = 'ab-input-number'; // TODO: 重构组件
 
 var InputNumber =
 /** @class */
@@ -305,6 +305,19 @@ function (_super) {
       return ceilNumber;
     };
 
+    _this.getPadDigitalValue = function (value) {
+      var _a = _this.props,
+          digital = _a.digital,
+          padDigital = _a.padDigital;
+
+      if (!padDigital || isBlank(value) || !digital) {
+        return value;
+      }
+
+      var resultArr = value.split('.');
+      return resultArr[0] + "." + (resultArr[1] || '').padEnd(digital, '0');
+    };
+
     _this.onChangePackMultipleValue = function (value) {
       var currentValue = _this.getCurrentValue(value).toString();
 
@@ -319,60 +332,97 @@ function (_super) {
       }
     };
 
-    _this.getDebounce = function () {
-      if (_this.debounce) {
-        return _this.debounce;
+    _this.onPadDigital = function (value) {
+      var currentValue = _this.getPadDigitalValue(value);
+
+      var _a = _this.props,
+          onChange = _a.onChange,
+          name = _a.name;
+
+      if (value !== currentValue) {
+        onChange(currentValue, name);
       }
+    };
+
+    _this.getPadDigitalDebounce = function () {
+      if (_this.padDigitalDebounce) {
+        return _this.padDigitalDebounce;
+      }
+
+      _this.padDigitalDebounce = debounce(_this.onPadDigital, _this.props.delay);
+      return _this.padDigitalDebounce;
+    };
 
-      _this.debounce = debounce(_this.onChangePackMultipleValue, _this.props.delay);
-      return _this.debounce;
+    _this.getChangePackMultipleValueDebounce = function () {
+      if (_this.changePackMultipleValueDebounce) {
+        return _this.changePackMultipleValueDebounce;
+      }
+
+      _this.changePackMultipleValueDebounce = debounce(_this.onChangePackMultipleValue, _this.props.delay);
+      return _this.changePackMultipleValueDebounce;
     };
 
-    _this.callback = function (value) {
+    _this.callback = function (value, ignoreDelay) {
       var _a = _this.props,
           name = _a.name,
           onChange = _a.onChange,
-          onChangePackMultipleBefore = _a.onChangePackMultipleBefore;
-      var packMultiple = _this.props.packMultiple || 1;
+          onChangePackMultipleBefore = _a.onChangePackMultipleBefore,
+          packMultiple = _a.packMultiple,
+          padDigital = _a.padDigital;
 
-      if (onChange) {
+      if (onChange && value !== _this.props.value) {
         onChange(value, name);
       }
 
-      var valueNumber = parseFloat(value);
-
-      if (!isBlank(packMultiple) && !isBlank(value) && valueNumber % packMultiple !== 0) {
+      if (packMultiple && !isBlank(value) && parseFloat(value) % packMultiple !== 0) {
         if (onChangePackMultipleBefore) {
           onChangePackMultipleBefore(value, name);
         }
 
-        _this.getDebounce()(value);
+        if (ignoreDelay) {
+          _this.onChangePackMultipleValue(value);
+        } else {
+          _this.getChangePackMultipleValueDebounce()(value);
+        }
+
+        return;
+      }
+
+      if (padDigital) {
+        if (ignoreDelay) {
+          _this.onPadDigital(value);
+
+          return;
+        }
+
+        _this.getPadDigitalDebounce()(value);
       }
     };
 
-    _this.onValueChange = function (ev) {
-      if (_this.debounce) {
-        _this.debounce.cancel();
+    _this.onValueChange = function (ev, ignoreDelay) {
+      if (_this.changePackMultipleValueDebounce) {
+        _this.changePackMultipleValueDebounce.cancel();
       }
 
       var _a = _this.props,
           min = _a.min,
           max = _a.max,
-          isPositive = _a.isPositive,
+          digital = _a.digital,
           value = _a.value;
-      var currentValue = ev.target.value.toString();
+      var currentValue = ev.target.value.toString(); // 输入为空
 
       if (isBlank(currentValue)) {
-        _this.callback('');
+        _this.callback('', ignoreDelay);
 
         return;
       }
 
-      var preValue = value.toString();
+      var preValue = value.toString(); // 输入的不是数字格式
+
       var reg = /^-$|(^(-?\d+)(\.\d*)?)$/;
 
       if (!reg.test(currentValue)) {
-        _this.callback(preValue);
+        _this.callback(preValue, ignoreDelay);
 
         return;
       } // 0开头后面直接是数字，没有点如：011， 这是不合法的
@@ -381,41 +431,59 @@ function (_super) {
       var zeroReg = /^0\d+$/;
 
       if (zeroReg.test(currentValue)) {
-        _this.callback(preValue);
+        _this.callback(preValue, ignoreDelay);
 
         return;
+      } // 小数位数限制
+
+
+      if (digital) {
+        currentValue = new RegExp("[^.]+([.](\\d{0," + digital + "}))?").exec(currentValue)[0].toString();
       }
 
       var valueNumber = parseFloat(currentValue);
 
       if (!isBlank(min)) {
         if (min > valueNumber) {
-          _this.callback(preValue);
+          _this.callback(preValue, ignoreDelay);
 
           return;
         } // 如果min>= 0, 将阻止输入-
 
 
         if (min >= 0 && currentValue.indexOf('-') > -1) {
-          _this.callback('');
+          _this.callback('', ignoreDelay);
 
           return;
         }
       }
 
       if (!isBlank(max) && max < valueNumber) {
-        _this.callback(preValue);
+        _this.callback(preValue, ignoreDelay);
 
         return;
       }
 
-      if (isPositive && currentValue.indexOf('.') > -1) {
-        _this.callback(preValue);
+      if (!digital && currentValue.indexOf('.') > -1) {
+        _this.callback(preValue, ignoreDelay);
 
         return;
       }
 
-      _this.callback(currentValue);
+      _this.callback(currentValue, ignoreDelay);
+    };
+
+    _this.getValueCalculate = function (value, offset) {
+      var valueStr = value.toString();
+      var offsetStr = offset.toString();
+
+      if (valueStr.indexOf('.') < 0 && offsetStr.indexOf('.') < 0) {
+        return value + offset;
+      }
+
+      var digital = _this.props.digital;
+      var powValue = Math.pow(10, digital);
+      return Math.round((value + offset) * powValue) / powValue;
     };
 
     _this.onAdd = function () {
@@ -426,7 +494,7 @@ function (_super) {
 
       var ev = {
         target: {
-          value: (parseFloat(value.toString()) || 0) + step
+          value: _this.getPadDigitalValue(_this.getValueCalculate(Number(value), step).toString())
         }
       };
 
@@ -440,7 +508,7 @@ function (_super) {
       var step = packMultiple || 1;
       var ev = {
         target: {
-          value: (parseFloat(value.toString()) || 0) - step
+          value: _this.getPadDigitalValue(_this.getValueCalculate(Number(value), step * -1).toString())
         }
       };
 
@@ -473,6 +541,11 @@ function (_super) {
 
   InputNumber.prototype.componentDidMount = function () {
     this.addMouseMoveListener();
+    this.onValueChange({
+      target: {
+        value: this.props.value
+      }
+    }, true);
   };
 
   InputNumber.prototype.componentWillUnmount = function () {
@@ -486,9 +559,14 @@ function (_super) {
       this.mouseMoveHandler = null;
     }
 
-    if (this.debounce) {
-      this.debounce.cancel();
-      this.debounce = null;
+    if (this.padDigitalDebounce) {
+      this.padDigitalDebounce.cancel();
+      this.padDigitalDebounce = null;
+    }
+
+    if (this.changePackMultipleValueDebounce) {
+      this.changePackMultipleValueDebounce.cancel();
+      this.changePackMultipleValueDebounce = null;
     }
   };
 
@@ -497,7 +575,8 @@ function (_super) {
 
     delete copyProps.onChangePackMultipleBefore;
     delete copyProps.onChangePackMultipleAfter;
-    delete copyProps.isPositive;
+    delete copyProps.digital;
+    delete copyProps.padDigital;
     delete copyProps.packMultiple;
     delete copyProps.visibleButton;
     delete copyProps.onChange;
@@ -539,7 +618,8 @@ function (_super) {
     name: '',
     size: 3,
     disabled: false,
-    isPositive: true,
+    digital: 0,
+    padDigital: false,
     delay: 1000,
     visibleButton: false
   };

package/esm/table/body/BodyRow.d.ts

@@ -1,11 +1,11 @@
 import React from 'react';
-import { Column } from '../interface';
+import { TableColumnInfo } from '../interface';
 export interface BodyRowProps<T> {
     className?: string;
     prefixCls: string;
     rowData: T;
     index: number;
-    columns: Column<T>[];
+    columns: TableColumnInfo<T>[];
     indent: number;
     CheckCell: React.ReactElement;
     isExpand?: boolean;

package/esm/table/body/index.d.ts

@@ -1,12 +1,12 @@
 import React, { ReactText } from 'react';
 import { BodyRowProps } from './BodyRow';
 import { BodyCheckIconProps, BodyRowSelectionInfo } from './CheckIcon';
-import { ColumnOnRenderReturnObjectInfo } from '../interface';
+import { TableColumnOnRenderReturnObjectInfo } from '../interface';
 /**
  * 可展开子列表
  */
 export interface TableExpandableInfo<T> {
-    expandedRowRender: (rowData: T, index: number) => React.ReactNode | React.ReactNode[] | ColumnOnRenderReturnObjectInfo;
+    expandedRowRender: (rowData: T, index: number) => React.ReactNode | React.ReactNode[] | TableColumnOnRenderReturnObjectInfo;
 }
 export interface BodyProps<T> extends Pick<BodyRowProps<T>, 'prefixCls' | 'columns'>, Pick<BodyCheckIconProps<T>, 'selectedRowKeys'> {
     /**

package/esm/table/body/index.js

@@ -35,14 +35,14 @@ function Body(_a) {
       CheckCell: CheckCell,
       indent: 0
     }));
-    var expandedRowKey = rowKey + " expanded";
-    var expandedColumns = [{
-      title: null,
-      key: expandedRowKey,
-      onRender: expandedRowRenderer
-    }];
 
     if (expandable) {
+      var expandedRowKey = rowKey + " expanded";
+      var expandedColumns = [{
+        title: null,
+        key: expandedRowKey,
+        onRender: expandedRowRenderer
+      }];
       rows.push(React.createElement(BodyRow, {
         key: expandedRowKey,
         className: prefixCls + "-expand-row",

package/esm/table/header/HeaderCell.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
-import { Column } from '../interface';
-export interface HeaderCellProps<T> extends Column<T> {
+import { TableColumnInfo } from '../interface';
+export interface HeaderCellProps<T> extends TableColumnInfo<T> {
     prefixCls: string;
     isSort: boolean;
     isSortedDescending?: boolean;

package/esm/table/header/HeaderRow.d.ts

@@ -1,9 +1,9 @@
-import { Column } from '../interface';
+import { TableColumnInfo } from '../interface';
 import { HeaderCellProps } from './HeaderCell';
 import { HeaderRowSelectionInfo } from './CheckIcon';
 export interface HeaderRowProps<T> extends Pick<HeaderCellProps<T>, 'sortName' | 'isSortedDescending' | 'sortIcon'> {
     prefixCls: string;
-    columns: Column<T>[];
+    columns: TableColumnInfo<T>[];
     /**
      * 点击表头触发的排序函数
      * @param isSortedDescending

package/esm/table/index.d.ts

@@ -1,11 +1,11 @@
 import React, { ReactText } from 'react';
 import { AddListenerEventHandler } from '@autobest-ui/utils';
-import { Column } from './interface';
+import { TableColumnInfo } from './interface';
 import { HeaderRowProps } from './header/HeaderRow';
 import { BodyProps } from './body';
 import { HeaderRowSelectionInfo } from './header/CheckIcon';
 import { BodyRowSelectionInfo } from './body/CheckIcon';
-export interface RowSelectionInfo<T> extends Partial<Pick<HeaderRowSelectionInfo, 'selectAllVisible' | 'onSelectAll'>>, Partial<Pick<BodyRowSelectionInfo<T>, 'checkIcon'>> {
+export interface TableRowSelectionInfo<T> extends Partial<Pick<HeaderRowSelectionInfo, 'selectAllVisible' | 'onSelectAll'>>, Partial<Pick<BodyRowSelectionInfo<T>, 'checkIcon'>> {
     defaultSelectedRowKeys?: ReactText[];
     getDisabled?: (dataRow: any, selectedRowKeys: ReactText[], selectedRows: T[]) => boolean;
     onSelect?: (checked: boolean, rowData: T, selectedRows: T[]) => void;
@@ -21,7 +21,7 @@ export interface TableProps<T> extends Pick<HeaderRowProps<T>, 'sortName' | 'sor
      * 定义每一列数据的格式
      * 具体类型见Column
      */
-    columns: Column<T>[];
+    columns: TableColumnInfo<T>[];
     /**
      * 获取单条记录的唯一主键; 若是string类型，则取当前行数据中对应名称的属性值； 若是函数，则传入当前行数据，获取rowKey值；这也是勾选功能匹配时所用的key值
      */
@@ -41,7 +41,7 @@ export interface TableProps<T> extends Pick<HeaderRowProps<T>, 'sortName' | 'sor
     /**
      * 表格行是否可勾选，详见RowSelection
      */
-    rowSelection?: RowSelectionInfo<T>;
+    rowSelection?: TableRowSelectionInfo<T>;
     /**
      * 默认勾选项数组, 以primaryKey取值
      */

package/esm/table/index.js

@@ -74,9 +74,9 @@ function (_super) {
         return {
           selectedRowKeys: [],
           selectedRows: [],
-          rowSelection: __assign(__assign({}, prevState.rowSelection), {
+          rowSelection: prevState.rowSelection ? __assign(__assign({}, prevState.rowSelection), {
             selectAllChecked: false
-          })
+          }) : null
         };
       });
     };
@@ -243,7 +243,7 @@ function (_super) {
     };
 
     _this.getRowSelection = function () {
-      if (!('rowSelection' in _this.props)) {
+      if (!('rowSelection' in _this.props) || !_this.props.rowSelection) {
         return null;
       }
 

package/esm/table/interface.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-export interface ColumnOnRenderReturnObjectInfo {
+export interface TableColumnOnRenderReturnObjectInfo {
     children: React.ReactNode | React.ReactNode[];
     props: {
         className?: string;
@@ -7,7 +7,7 @@ export interface ColumnOnRenderReturnObjectInfo {
         colSpan?: number;
     };
 }
-export interface Column<T> {
+export interface TableColumnInfo<T> {
     title: React.ReactNode | React.ReactNode[];
     key: string;
     dataIndex?: string;
@@ -18,5 +18,11 @@ export interface Column<T> {
     width?: string | number;
     className?: string;
     colSpan?: number;
-    onRender?: (rowData: T, rowIndex: number, colIndex: number) => React.ReactNode | React.ReactNode[] | ColumnOnRenderReturnObjectInfo;
+    /**
+     * 渲染单元格内容的方法，不传则默认用dataIndex去取当前行对应属性值；入参分别为当前行数据，行索引， 列索引
+     * @param rowData
+     * @param rowIndex
+     * @param colIndex
+     */
+    onRender?: (rowData: T, rowIndex: number, colIndex: number) => React.ReactNode | React.ReactNode[] | TableColumnOnRenderReturnObjectInfo;
 }

package/lib/index.d.ts

@@ -43,8 +43,8 @@ export type { ScriptAttributes, ScriptProps } from './script';
 export { default as Script } from './script';
 export type { MessageProps } from './message';
 export { default as Message } from './message';
-export type { TableProps, RowSelectionInfo as TableRowSelectionInfo } from './table';
-export type { Column as TableColumnInfo, ColumnOnRenderReturnObjectInfo as TableColumnOnRenderReturnObjectInfo } from './table/interface';
+export type { TableProps, TableRowSelectionInfo } from './table';
+export type { TableColumnInfo, TableColumnOnRenderReturnObjectInfo } from './table/interface';
 export { default as Table } from './table';
 export type { DatePickerProps } from './date-picker';
 export { default as DatePicker } from './date-picker';

package/lib/input-number/index.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
-import { AddListenerEventHandler } from '@autobest-ui/utils';
-interface OnchangeHandler {
+import { debounce, AddListenerEventHandler } from '@autobest-ui/utils';
+interface OnChangeHandler {
     (value: string, name?: string): void;
 }
 interface ChangeEvent {
@@ -12,7 +12,7 @@ export interface InputNumberProps extends Omit<React.InputHTMLAttributes<any>, '
     /**
      * 值修改后的回调函数，用于修改value属性
      */
-    onChange: OnchangeHandler;
+    onChange: OnChangeHandler;
     /**
      * input样式
      */
@@ -30,7 +30,8 @@ export interface InputNumberProps extends Omit<React.InputHTMLAttributes<any>, '
      */
     max?: number;
     /**
-     * 打包值，向上取整
+     * 打包值，向上取整，不赋值或者赋值为0表示不做取整操作
+     * 注：packMultiple不允许传小数
      */
     packMultiple?: number;
     /**
@@ -38,9 +39,13 @@ export interface InputNumberProps extends Omit<React.InputHTMLAttributes<any>, '
      */
     disabled?: boolean;
     /**
-     * 只能输入整数
+     * 可输入的小数位数，0或没有值表示只能输入整数
      */
-    isPositive?: boolean;
+    digital?: number;
+    /**
+     * 为true则自动补全小数位数
+     */
+    padDigital?: boolean;
     /**
      * 输入框默认字符大小
      */
@@ -56,11 +61,11 @@ export interface InputNumberProps extends Omit<React.InputHTMLAttributes<any>, '
     /**
      * packMultiple 有值时，判断前的回调函数
      */
-    onChangePackMultipleBefore?: OnchangeHandler;
+    onChangePackMultipleBefore?: OnChangeHandler;
     /**
      * packMultiple 有值时，判断后的回调函数
      */
-    onChangePackMultipleAfter?: OnchangeHandler;
+    onChangePackMultipleAfter?: OnChangeHandler;
     /**
      * 是否需要显示增加按钮
      */
@@ -70,10 +75,6 @@ interface InputNumberStates {
     enter: boolean;
     focus: boolean;
 }
-interface DebounceRef {
-    (value: string): void;
-    cancel: () => void;
-}
 interface LocationInfo {
     left: number;
     top: number;
@@ -86,13 +87,15 @@ declare class InputNumber extends React.Component<InputNumberProps, InputNumberS
         name: string;
         size: number;
         disabled: boolean;
-        isPositive: boolean;
+        digital: number;
+        padDigital: boolean;
         delay: number;
         visibleButton: boolean;
     };
     constructor(props: InputNumberProps);
     currentRef: React.RefObject<HTMLLabelElement>;
-    debounce: DebounceRef;
+    changePackMultipleValueDebounce: ReturnType<typeof debounce>;
+    padDigitalDebounce: ReturnType<typeof debounce>;
     addLocationInfo: LocationInfo;
     subLocationInfo: LocationInfo;
     mouseUpHandler: AddListenerEventHandler;
@@ -120,10 +123,20 @@ declare class InputNumber extends React.Component<InputNumberProps, InputNumberS
     isInside: (ev: React.MouseEvent<Element, MouseEvent>, locationInfo: LocationInfo) => boolean;
     getLocationInfo: () => void;
     getCurrentValue: (value: string) => number;
+    getPadDigitalValue: (value: string) => string;
     onChangePackMultipleValue: (value: string) => void;
-    getDebounce: () => DebounceRef;
-    callback: (value: string) => void;
-    onValueChange: (ev: ChangeEvent) => void;
+    onPadDigital: (value: any) => void;
+    getPadDigitalDebounce: () => {
+        (...arg: any[]): void;
+        cancel(): void;
+    };
+    getChangePackMultipleValueDebounce: () => {
+        (...arg: any[]): void;
+        cancel(): void;
+    };
+    callback: (value: string, ignoreDelay?: any) => void;
+    onValueChange: (ev: ChangeEvent, ignoreDelay?: any) => void;
+    getValueCalculate: (value: number, offset: number) => number;
     onAdd: () => void;
     onSub: () => void;
     renderButton: () => JSX.Element;

package/lib/input-number/index.js

@@ -55,7 +55,7 @@ var __assign = void 0 && (void 0).__assign || function () {
   return __assign.apply(this, arguments);
 };
 
-var cls = 'ab-input-number';
+var cls = 'ab-input-number'; // TODO: 重构组件
 
 var InputNumber =
 /** @class */
@@ -317,6 +317,19 @@ function (_super) {
       return ceilNumber;
     };
 
+    _this.getPadDigitalValue = function (value) {
+      var _a = _this.props,
+          digital = _a.digital,
+          padDigital = _a.padDigital;
+
+      if (!padDigital || (0, _utils.isBlank)(value) || !digital) {
+        return value;
+      }
+
+      var resultArr = value.split('.');
+      return resultArr[0] + "." + (resultArr[1] || '').padEnd(digital, '0');
+    };
+
     _this.onChangePackMultipleValue = function (value) {
       var currentValue = _this.getCurrentValue(value).toString();
 
@@ -331,60 +344,97 @@ function (_super) {
       }
     };
 
-    _this.getDebounce = function () {
-      if (_this.debounce) {
-        return _this.debounce;
+    _this.onPadDigital = function (value) {
+      var currentValue = _this.getPadDigitalValue(value);
+
+      var _a = _this.props,
+          onChange = _a.onChange,
+          name = _a.name;
+
+      if (value !== currentValue) {
+        onChange(currentValue, name);
       }
+    };
+
+    _this.getPadDigitalDebounce = function () {
+      if (_this.padDigitalDebounce) {
+        return _this.padDigitalDebounce;
+      }
+
+      _this.padDigitalDebounce = (0, _utils.debounce)(_this.onPadDigital, _this.props.delay);
+      return _this.padDigitalDebounce;
+    };
 
-      _this.debounce = (0, _utils.debounce)(_this.onChangePackMultipleValue, _this.props.delay);
-      return _this.debounce;
+    _this.getChangePackMultipleValueDebounce = function () {
+      if (_this.changePackMultipleValueDebounce) {
+        return _this.changePackMultipleValueDebounce;
+      }
+
+      _this.changePackMultipleValueDebounce = (0, _utils.debounce)(_this.onChangePackMultipleValue, _this.props.delay);
+      return _this.changePackMultipleValueDebounce;
     };
 
-    _this.callback = function (value) {
+    _this.callback = function (value, ignoreDelay) {
       var _a = _this.props,
           name = _a.name,
           onChange = _a.onChange,
-          onChangePackMultipleBefore = _a.onChangePackMultipleBefore;
-      var packMultiple = _this.props.packMultiple || 1;
+          onChangePackMultipleBefore = _a.onChangePackMultipleBefore,
+          packMultiple = _a.packMultiple,
+          padDigital = _a.padDigital;
 
-      if (onChange) {
+      if (onChange && value !== _this.props.value) {
         onChange(value, name);
       }
 
-      var valueNumber = parseFloat(value);
-
-      if (!(0, _utils.isBlank)(packMultiple) && !(0, _utils.isBlank)(value) && valueNumber % packMultiple !== 0) {
+      if (packMultiple && !(0, _utils.isBlank)(value) && parseFloat(value) % packMultiple !== 0) {
         if (onChangePackMultipleBefore) {
           onChangePackMultipleBefore(value, name);
         }
 
-        _this.getDebounce()(value);
+        if (ignoreDelay) {
+          _this.onChangePackMultipleValue(value);
+        } else {
+          _this.getChangePackMultipleValueDebounce()(value);
+        }
+
+        return;
+      }
+
+      if (padDigital) {
+        if (ignoreDelay) {
+          _this.onPadDigital(value);
+
+          return;
+        }
+
+        _this.getPadDigitalDebounce()(value);
       }
     };
 
-    _this.onValueChange = function (ev) {
-      if (_this.debounce) {
-        _this.debounce.cancel();
+    _this.onValueChange = function (ev, ignoreDelay) {
+      if (_this.changePackMultipleValueDebounce) {
+        _this.changePackMultipleValueDebounce.cancel();
       }
 
       var _a = _this.props,
           min = _a.min,
           max = _a.max,
-          isPositive = _a.isPositive,
+          digital = _a.digital,
           value = _a.value;
-      var currentValue = ev.target.value.toString();
+      var currentValue = ev.target.value.toString(); // 输入为空
 
       if ((0, _utils.isBlank)(currentValue)) {
-        _this.callback('');
+        _this.callback('', ignoreDelay);
 
         return;
       }
 
-      var preValue = value.toString();
+      var preValue = value.toString(); // 输入的不是数字格式
+
       var reg = /^-$|(^(-?\d+)(\.\d*)?)$/;
 
       if (!reg.test(currentValue)) {
-        _this.callback(preValue);
+        _this.callback(preValue, ignoreDelay);
 
         return;
       } // 0开头后面直接是数字，没有点如：011， 这是不合法的
@@ -393,41 +443,59 @@ function (_super) {
       var zeroReg = /^0\d+$/;
 
       if (zeroReg.test(currentValue)) {
-        _this.callback(preValue);
+        _this.callback(preValue, ignoreDelay);
 
         return;
+      } // 小数位数限制
+
+
+      if (digital) {
+        currentValue = new RegExp("[^.]+([.](\\d{0," + digital + "}))?").exec(currentValue)[0].toString();
       }
 
       var valueNumber = parseFloat(currentValue);
 
       if (!(0, _utils.isBlank)(min)) {
         if (min > valueNumber) {
-          _this.callback(preValue);
+          _this.callback(preValue, ignoreDelay);
 
           return;
         } // 如果min>= 0, 将阻止输入-
 
 
         if (min >= 0 && currentValue.indexOf('-') > -1) {
-          _this.callback('');
+          _this.callback('', ignoreDelay);
 
           return;
         }
       }
 
       if (!(0, _utils.isBlank)(max) && max < valueNumber) {
-        _this.callback(preValue);
+        _this.callback(preValue, ignoreDelay);
 
         return;
       }
 
-      if (isPositive && currentValue.indexOf('.') > -1) {
-        _this.callback(preValue);
+      if (!digital && currentValue.indexOf('.') > -1) {
+        _this.callback(preValue, ignoreDelay);
 
         return;
       }
 
-      _this.callback(currentValue);
+      _this.callback(currentValue, ignoreDelay);
+    };
+
+    _this.getValueCalculate = function (value, offset) {
+      var valueStr = value.toString();
+      var offsetStr = offset.toString();
+
+      if (valueStr.indexOf('.') < 0 && offsetStr.indexOf('.') < 0) {
+        return value + offset;
+      }
+
+      var digital = _this.props.digital;
+      var powValue = Math.pow(10, digital);
+      return Math.round((value + offset) * powValue) / powValue;
     };
 
     _this.onAdd = function () {
@@ -438,7 +506,7 @@ function (_super) {
 
       var ev = {
         target: {
-          value: (parseFloat(value.toString()) || 0) + step
+          value: _this.getPadDigitalValue(_this.getValueCalculate(Number(value), step).toString())
         }
       };
 
@@ -452,7 +520,7 @@ function (_super) {
       var step = packMultiple || 1;
       var ev = {
         target: {
-          value: (parseFloat(value.toString()) || 0) - step
+          value: _this.getPadDigitalValue(_this.getValueCalculate(Number(value), step * -1).toString())
         }
       };
 
@@ -485,6 +553,11 @@ function (_super) {
 
   InputNumber.prototype.componentDidMount = function () {
     this.addMouseMoveListener();
+    this.onValueChange({
+      target: {
+        value: this.props.value
+      }
+    }, true);
   };
 
   InputNumber.prototype.componentWillUnmount = function () {
@@ -498,9 +571,14 @@ function (_super) {
       this.mouseMoveHandler = null;
     }
 
-    if (this.debounce) {
-      this.debounce.cancel();
-      this.debounce = null;
+    if (this.padDigitalDebounce) {
+      this.padDigitalDebounce.cancel();
+      this.padDigitalDebounce = null;
+    }
+
+    if (this.changePackMultipleValueDebounce) {
+      this.changePackMultipleValueDebounce.cancel();
+      this.changePackMultipleValueDebounce = null;
     }
   };
 
@@ -509,7 +587,8 @@ function (_super) {
 
     delete copyProps.onChangePackMultipleBefore;
     delete copyProps.onChangePackMultipleAfter;
-    delete copyProps.isPositive;
+    delete copyProps.digital;
+    delete copyProps.padDigital;
     delete copyProps.packMultiple;
     delete copyProps.visibleButton;
     delete copyProps.onChange;
@@ -551,7 +630,8 @@ function (_super) {
     name: '',
     size: 3,
     disabled: false,
-    isPositive: true,
+    digital: 0,
+    padDigital: false,
     delay: 1000,
     visibleButton: false
   };

package/lib/table/body/BodyRow.d.ts

@@ -1,11 +1,11 @@
 import React from 'react';
-import { Column } from '../interface';
+import { TableColumnInfo } from '../interface';
 export interface BodyRowProps<T> {
     className?: string;
     prefixCls: string;
     rowData: T;
     index: number;
-    columns: Column<T>[];
+    columns: TableColumnInfo<T>[];
     indent: number;
     CheckCell: React.ReactElement;
     isExpand?: boolean;

package/lib/table/body/index.d.ts

@@ -1,12 +1,12 @@
 import React, { ReactText } from 'react';
 import { BodyRowProps } from './BodyRow';
 import { BodyCheckIconProps, BodyRowSelectionInfo } from './CheckIcon';
-import { ColumnOnRenderReturnObjectInfo } from '../interface';
+import { TableColumnOnRenderReturnObjectInfo } from '../interface';
 /**
  * 可展开子列表
  */
 export interface TableExpandableInfo<T> {
-    expandedRowRender: (rowData: T, index: number) => React.ReactNode | React.ReactNode[] | ColumnOnRenderReturnObjectInfo;
+    expandedRowRender: (rowData: T, index: number) => React.ReactNode | React.ReactNode[] | TableColumnOnRenderReturnObjectInfo;
 }
 export interface BodyProps<T> extends Pick<BodyRowProps<T>, 'prefixCls' | 'columns'>, Pick<BodyCheckIconProps<T>, 'selectedRowKeys'> {
     /**

package/lib/table/body/index.js

@@ -46,14 +46,14 @@ function Body(_a) {
       CheckCell: CheckCell,
       indent: 0
     }));
-    var expandedRowKey = rowKey + " expanded";
-    var expandedColumns = [{
-      title: null,
-      key: expandedRowKey,
-      onRender: expandedRowRenderer
-    }];
 
     if (expandable) {
+      var expandedRowKey = rowKey + " expanded";
+      var expandedColumns = [{
+        title: null,
+        key: expandedRowKey,
+        onRender: expandedRowRenderer
+      }];
       rows.push(_react.default.createElement(_BodyRow.default, {
         key: expandedRowKey,
         className: prefixCls + "-expand-row",

package/lib/table/header/HeaderCell.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
-import { Column } from '../interface';
-export interface HeaderCellProps<T> extends Column<T> {
+import { TableColumnInfo } from '../interface';
+export interface HeaderCellProps<T> extends TableColumnInfo<T> {
     prefixCls: string;
     isSort: boolean;
     isSortedDescending?: boolean;

package/lib/table/header/HeaderRow.d.ts

@@ -1,9 +1,9 @@
-import { Column } from '../interface';
+import { TableColumnInfo } from '../interface';
 import { HeaderCellProps } from './HeaderCell';
 import { HeaderRowSelectionInfo } from './CheckIcon';
 export interface HeaderRowProps<T> extends Pick<HeaderCellProps<T>, 'sortName' | 'isSortedDescending' | 'sortIcon'> {
     prefixCls: string;
-    columns: Column<T>[];
+    columns: TableColumnInfo<T>[];
     /**
      * 点击表头触发的排序函数
      * @param isSortedDescending

package/lib/table/index.d.ts

@@ -1,11 +1,11 @@
 import React, { ReactText } from 'react';
 import { AddListenerEventHandler } from '@autobest-ui/utils';
-import { Column } from './interface';
+import { TableColumnInfo } from './interface';
 import { HeaderRowProps } from './header/HeaderRow';
 import { BodyProps } from './body';
 import { HeaderRowSelectionInfo } from './header/CheckIcon';
 import { BodyRowSelectionInfo } from './body/CheckIcon';
-export interface RowSelectionInfo<T> extends Partial<Pick<HeaderRowSelectionInfo, 'selectAllVisible' | 'onSelectAll'>>, Partial<Pick<BodyRowSelectionInfo<T>, 'checkIcon'>> {
+export interface TableRowSelectionInfo<T> extends Partial<Pick<HeaderRowSelectionInfo, 'selectAllVisible' | 'onSelectAll'>>, Partial<Pick<BodyRowSelectionInfo<T>, 'checkIcon'>> {
     defaultSelectedRowKeys?: ReactText[];
     getDisabled?: (dataRow: any, selectedRowKeys: ReactText[], selectedRows: T[]) => boolean;
     onSelect?: (checked: boolean, rowData: T, selectedRows: T[]) => void;
@@ -21,7 +21,7 @@ export interface TableProps<T> extends Pick<HeaderRowProps<T>, 'sortName' | 'sor
      * 定义每一列数据的格式
      * 具体类型见Column
      */
-    columns: Column<T>[];
+    columns: TableColumnInfo<T>[];
     /**
      * 获取单条记录的唯一主键; 若是string类型，则取当前行数据中对应名称的属性值； 若是函数，则传入当前行数据，获取rowKey值；这也是勾选功能匹配时所用的key值
      */
@@ -41,7 +41,7 @@ export interface TableProps<T> extends Pick<HeaderRowProps<T>, 'sortName' | 'sor
     /**
      * 表格行是否可勾选，详见RowSelection
      */
-    rowSelection?: RowSelectionInfo<T>;
+    rowSelection?: TableRowSelectionInfo<T>;
     /**
      * 默认勾选项数组, 以primaryKey取值
      */

package/lib/table/index.js

@@ -88,9 +88,9 @@ function (_super) {
         return {
           selectedRowKeys: [],
           selectedRows: [],
-          rowSelection: __assign(__assign({}, prevState.rowSelection), {
+          rowSelection: prevState.rowSelection ? __assign(__assign({}, prevState.rowSelection), {
             selectAllChecked: false
-          })
+          }) : null
         };
       });
     };
@@ -257,7 +257,7 @@ function (_super) {
     };
 
     _this.getRowSelection = function () {
-      if (!('rowSelection' in _this.props)) {
+      if (!('rowSelection' in _this.props) || !_this.props.rowSelection) {
         return null;
       }
 

package/lib/table/interface.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-export interface ColumnOnRenderReturnObjectInfo {
+export interface TableColumnOnRenderReturnObjectInfo {
     children: React.ReactNode | React.ReactNode[];
     props: {
         className?: string;
@@ -7,7 +7,7 @@ export interface ColumnOnRenderReturnObjectInfo {
         colSpan?: number;
     };
 }
-export interface Column<T> {
+export interface TableColumnInfo<T> {
     title: React.ReactNode | React.ReactNode[];
     key: string;
     dataIndex?: string;
@@ -18,5 +18,11 @@ export interface Column<T> {
     width?: string | number;
     className?: string;
     colSpan?: number;
-    onRender?: (rowData: T, rowIndex: number, colIndex: number) => React.ReactNode | React.ReactNode[] | ColumnOnRenderReturnObjectInfo;
+    /**
+     * 渲染单元格内容的方法，不传则默认用dataIndex去取当前行对应属性值；入参分别为当前行数据，行索引， 列索引
+     * @param rowData
+     * @param rowIndex
+     * @param colIndex
+     */
+    onRender?: (rowData: T, rowIndex: number, colIndex: number) => React.ReactNode | React.ReactNode[] | TableColumnOnRenderReturnObjectInfo;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@autobest-ui/components",
-  "version": "1.1.8",
+  "version": "1.1.9",
   "private": false,
   "description": "components common ui for React",
   "main": "lib/index.js",
@@ -46,5 +46,5 @@
     "react": ">=16.8.6",
     "react-transition-group": ">=4.2.2"
   },
-  "gitHead": "b484799b609493162ff338ebdb701a77f2d979a4"
+  "gitHead": "b2116ba6608e80a8aa7c1fbfe12d3be7e7cae998"
 }