@autobest-ui/components 1.1.2 → 1.1.9

package/lib/ellipsis/style/index.scss

@@ -1,35 +1,35 @@
-$namespace: ab-ellipsis;
-
-$lines: (1) (2) (3) (4) (5);
-@mixin generateLines($type) {
-  @each $val in $lines {
-    &.#{$namespace}#{$type}#{$val} {
-      -webkit-line-clamp: $val;
-    }
-  }
-}
-
-@mixin clearLines($type) {
-  @each $val in $lines {
-    &.#{$namespace}#{$type}#{$val} {
-      -webkit-line-clamp: unset;
-    }
-  }
-}
-
-.#{$namespace} {
-  overflow: hidden;
-  display: block;
-  display: -webkit-box;
-  -webkit-box-orient: vertical;
-
-  @include generateLines('-line');
-}
-
-
-@media only screen and (max-width: 767px) {
-  .#{$namespace} {
-    @include clearLines('-line');
-    @include generateLines('-m-line');
-  }
-}
+$namespace: ab-ellipsis;
+
+$lines: (1) (2) (3) (4) (5);
+@mixin generateLines($type) {
+  @each $val in $lines {
+    &.#{$namespace}#{$type}#{$val} {
+      -webkit-line-clamp: $val;
+    }
+  }
+}
+
+@mixin clearLines($type) {
+  @each $val in $lines {
+    &.#{$namespace}#{$type}#{$val} {
+      -webkit-line-clamp: unset;
+    }
+  }
+}
+
+.#{$namespace} {
+  overflow: hidden;
+  display: block;
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+
+  @include generateLines('-line');
+}
+
+
+@media only screen and (max-width: 767px) {
+  .#{$namespace} {
+    @include clearLines('-line');
+    @include generateLines('-m-line');
+  }
+}

package/lib/guide/__stories__/style.scss

@@ -1,14 +1,14 @@
-.guide-demo {
-  .input {
-    width: 3rem;
-  }
-
-  .btn {
-    display: block;
-    margin-top: .2rem;
-    width: .8rem;
-    height: .3rem;
-    font-size: .16rem;
-    text-align: center;
-  }
+.guide-demo {
+  .input {
+    width: 3rem;
+  }
+
+  .btn {
+    display: block;
+    margin-top: .2rem;
+    width: .8rem;
+    height: .3rem;
+    font-size: .16rem;
+    text-align: center;
+  }
 }

package/lib/guide/style/index.scss

@@ -1,18 +1,18 @@
-$namespace: ab-guide;
-
-.#{$namespace} {
-  &-mask.ab-mask {
-    background-color: rgba(0, 0, 0, .7);
-    z-index: 4;
-  }
-
-  &-icon {
-    position: absolute;
-    z-index: 5;
-  }
-
-  &-content {
-    position: relative;
-    z-index: 6;
-  }
+$namespace: ab-guide;
+
+.#{$namespace} {
+  &-mask.ab-mask {
+    background-color: rgba(0, 0, 0, .7);
+    z-index: 4;
+  }
+
+  &-icon {
+    position: absolute;
+    z-index: 5;
+  }
+
+  &-content {
+    position: relative;
+    z-index: 6;
+  }
 }

package/lib/icon/__stories__/style.scss

@@ -1,40 +1,40 @@
-.demo-icon-list{
-  padding: .2rem .1rem;
-  font-size: .12rem;
-  display: flex;
-  width: 100%;
-  flex-wrap: wrap;
-
-  & > li {
-    padding: .1rem;
-    border: 1px solid #E0E0E0;
-    margin: .05rem;
-    display: flex;
-    flex-direction: column;
-    justify-content: center;
-    align-items: center;
-    background-color: #F3F4F6;
-    min-width: 1.2rem;
-    min-height: 1.5rem;
-
-    svg {
-      max-width: .5rem;
-      height: .5rem;
-    }
-
-    p {
-      padding: 0 5px;
-      text-align: center;
-      width: 1rem;
-      word-break: break-all;
-    }
-
-    &:hover{
-      background-color: #E5E7EB;
-    }
-  }
-
-  .demo-icon-name{
-    padding-top: .15rem;
-  }
+.demo-icon-list{
+  padding: .2rem .1rem;
+  font-size: .12rem;
+  display: flex;
+  width: 100%;
+  flex-wrap: wrap;
+
+  & > li {
+    padding: .1rem;
+    border: 1px solid #E0E0E0;
+    margin: .05rem;
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+    background-color: #F3F4F6;
+    min-width: 1.2rem;
+    min-height: 1.5rem;
+
+    svg {
+      max-width: .5rem;
+      height: .5rem;
+    }
+
+    p {
+      padding: 0 5px;
+      text-align: center;
+      width: 1rem;
+      word-break: break-all;
+    }
+
+    &:hover{
+      background-color: #E5E7EB;
+    }
+  }
+
+  .demo-icon-name{
+    padding-top: .15rem;
+  }
 }

package/lib/icon/style/index.scss

@@ -1,7 +1,7 @@
-$namespace: ab-icon;
-
-.#{$namespace}{
-  &, span, div, svg{
-    display: block;
-  }
+$namespace: ab-icon;
+
+.#{$namespace}{
+  &, span, div, svg{
+    display: block;
+  }
 }

package/lib/index.d.ts

@@ -43,7 +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 } from './table';
+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
   };