@autobest-ui/components 2.3.0 → 2.5.0

package/lib/input-number/index.js

@@ -1,22 +1,15 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.InputNumberNotRef = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _utils = require("@autobest-ui/utils");
-
 var _constants = require("./constants");
-
 var _ControlArrow = _interopRequireDefault(require("./ControlArrow"));
-
 var __extends = void 0 && (void 0).__extends || function () {
   var _extendStatics = function extendStatics(d, b) {
     _extendStatics = Object.setPrototypeOf || {
@@ -28,104 +21,78 @@ var __extends = void 0 && (void 0).__extends || function () {
         if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p];
       }
     };
-
     return _extendStatics(d, b);
   };
-
   return function (d, b) {
     if (typeof b !== "function" && b !== null) throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
-
     _extendStatics(d, b);
-
     function __() {
       this.constructor = d;
     }
-
     d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
   };
 }();
-
 var __assign = void 0 && (void 0).__assign || function () {
   __assign = Object.assign || function (t) {
     for (var s, i = 1, n = arguments.length; i < n; i++) {
       s = arguments[i];
-
       for (var p in s) {
         if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
       }
     }
-
     return t;
   };
-
   return __assign.apply(this, arguments);
 };
-
-var InputNumberNotRef =
-/** @class */
-function (_super) {
+var InputNumberNotRef = /** @class */function (_super) {
   __extends(InputNumberNotRef, _super);
-
   function InputNumberNotRef(props) {
     var _this = _super.call(this, props) || this;
-
     _this.prefixCls = 'ab-input-number';
     _this.inputRef = /*#__PURE__*/_react.default.createRef();
     /**
      * 解析用户输入的内容，并返回解析后的结果
      * @param originalValue
      */
-
     _this.getParserOriginalValue = function (originalValue) {
       // 输入为空
       if ((0, _utils.isBlank)(originalValue)) {
         return undefined;
       }
-
       if (!_constants.NumberReg.test(originalValue) || _constants.FirstZeroReg.test(originalValue)) {
         return (0, _utils.isBlank)(_this.state.parserValue) ? undefined : _this.state.parserValue.toString();
       }
-
       var _a = _this.props,
-          min = _a.min,
-          max = _a.max,
-          precision = _a.precision;
+        min = _a.min,
+        max = _a.max,
+        precision = _a.precision;
       var currentValue = parseFloat(originalValue);
-
       if (!(0, _utils.isBlank)(min) && currentValue < min) {
         currentValue = min;
       }
-
       if (!(0, _utils.isBlank)(max) && currentValue > max) {
         currentValue = max;
       }
-
       return (0, _utils.toFixed)(currentValue, precision);
     };
     /**
      * 键盘和点击上下按钮更新value值
      * @param isUp
      */
-
-
     _this.changeValueWithStep = function (isUp) {
       var step = _this.props.step;
       var prevValue = _this.state.parserValue ? _this.state.parserValue : 0;
       var keyboardValue = isUp ? prevValue + step : prevValue - step;
-
       var parserValueStr = _this.getParserOriginalValue(keyboardValue.toString());
-
       var parserValue = (0, _utils.getNumberFromString)(parserValueStr);
       var _a = _this.props,
-          name = _a.name,
-          onChange = _a.onChange;
-
+        name = _a.name,
+        onChange = _a.onChange;
       if (prevValue !== parserValue) {
         if (onChange) {
           onChange(parserValue, name);
           return;
         }
-
         _this.setState({
           parserValue: parserValue,
           originalValueStr: parserValueStr
@@ -135,84 +102,64 @@ function (_super) {
     /**
      * 设置input焦点
      */
-
-
     _this.setInputFocus = function () {
       var element = _this.inputRef.current;
-
       if (!element) {
         return;
       }
-
       element.focus();
     };
-
     _this.onKeyboard = function (ev) {
       if (_this.props.disabled) {
         return;
       }
-
       if (ev.code === 'ArrowUp' || ev.code === 'ArrowDown') {
         ev.preventDefault();
-
         _this.changeValueWithStep(ev.code === 'ArrowUp');
       }
     };
-
     _this.onFocus = function (ev) {
       if (_this.props.disabled) {
         return;
       }
-
       if (!_this.state.isFocusInput) {
         _this.setState({
           isFocusInput: true
         });
       }
-
       if (_this.props.keyboard && !_this.keyboardHandler) {
         _this.keyboardHandler = (0, _utils.addEventListener)(ev.target, 'keydown', _this.onKeyboard);
       }
     };
-
     _this.onBlur = function (ev) {
       if (_this.keyboardHandler) {
         _this.keyboardHandler.remove();
-
         _this.keyboardHandler = null;
       }
-
       if (_this.state.isFocusInput) {
         _this.setState({
           isFocusInput: false
         });
       }
-
       if (_this.props.disabled) {
         return;
       }
-
       var originalValueStr = ev.target.value;
       var _a = _this.props,
-          name = _a.name,
-          onBlur = _a.onBlur,
-          onChange = _a.onChange,
-          onContinualChange = _a.onContinualChange;
-
+        name = _a.name,
+        onBlur = _a.onBlur,
+        onChange = _a.onChange,
+        onContinualChange = _a.onContinualChange;
       var parserValueStr = _this.getParserOriginalValue(originalValueStr);
-
       var parserValue = (0, _utils.getNumberFromString)(parserValueStr);
-
       _this.setState({
         originalValueStr: parserValueStr
       });
-
       if ('value' in _this.props && parserValue !== _this.props.value || parserValue !== _this.state.parserValue) {
         // 触发onChange, 因为在onChange阶段，不合法将不会触发，当用户结束输入后触发最后一次合法的onChange
         if (onContinualChange) {
           onContinualChange(parserValueStr, parserValue, name);
         }
-
         if (onChange) {
           onChange(parserValue, name);
         } else {
@@ -221,7 +168,6 @@ function (_super) {
           });
         }
       }
-
       if (onBlur) {
         onBlur(parserValue, name);
       }
@@ -232,91 +178,68 @@ function (_super) {
      * 在输入结束后（onBlur时），触发最后一次
      * @param ev
      */
-
-
     _this.onChangeValue = function (ev) {
       if (_this.props.disabled) {
         return;
       }
-
       var originalValueStr = ev.target.value;
-
       var parserValueStr = _this.getParserOriginalValue(originalValueStr);
-
       var parserValue = (0, _utils.getNumberFromString)(parserValueStr);
       var _a = _this.props,
-          name = _a.name,
-          onChange = _a.onChange,
-          onContinualChange = _a.onContinualChange;
-
+        name = _a.name,
+        onChange = _a.onChange,
+        onContinualChange = _a.onContinualChange;
       if (onContinualChange) {
         onContinualChange(originalValueStr, parserValue, name);
       }
-
       _this.setState({
         originalValueStr: originalValueStr
-      }); // 若输入的内容不合法，将不再触发onChange/setStates
+      });
+      // 若输入的内容不合法，将不再触发onChange/setStates
       // 在输入结束后（onBlur时），触发一次
-
-
       if (parserValueStr !== originalValueStr) {
         return;
       }
-
       if (onChange) {
         onChange(parserValue, name);
         return;
       }
-
       _this.setState({
         parserValue: parserValue
       });
     };
-
     _this.onKeyup = function (ev) {
       ev.preventDefault();
-
       if (!_this.props.controls || _this.props.disabled) {
         return;
       }
-
       _this.setInputFocus();
-
       _this.changeValueWithStep(true);
     };
-
     _this.onKeydown = function (ev) {
       ev.preventDefault();
-
       if (!_this.props.controls || _this.props.disabled) {
         return;
       }
-
       _this.setInputFocus();
-
       _this.changeValueWithStep(false);
     };
-
     _this.onMouseEnter = function () {
       if (!_this.props.controls || _this.state.isEnterInput || _this.props.disabled) {
         return;
       }
-
       _this.setState({
         isEnterInput: true
       });
     };
-
     _this.onMouseLeave = function () {
       if (!_this.props.controls || !_this.state.isEnterInput || _this.props.disabled) {
         return;
       }
-
       _this.setState({
         isEnterInput: false
       });
     };
-
     var defaultValueStr = (0, _utils.toFixed)(props.defaultValue, props.precision);
     _this.state = {
       originalValueStr: defaultValueStr,
@@ -326,48 +249,41 @@ function (_super) {
     };
     return _this;
   }
-
   InputNumberNotRef.getDerivedStateFromProps = function (nextProps, prevStates) {
-    var nextState = {}; // 判断是否为受控方式
-
+    var nextState = {};
+    // 判断是否为受控方式
     if ('value' in nextProps) {
       var fixedValueStr = (0, _utils.toFixed)(nextProps.value, nextProps.precision);
-
       if (nextProps.value !== prevStates.parserValue) {
         nextState.parserValue = (0, _utils.getNumberFromString)(fixedValueStr);
         nextState.originalValueStr = fixedValueStr;
       }
     }
-
     if ((0, _utils.isEmptyObject)(nextState)) {
       return null;
     }
-
     return nextState;
   };
-
   InputNumberNotRef.prototype.componentWillUnmount = function () {
     if (this.keyboardHandler) {
       this.keyboardHandler.remove();
       this.keyboardHandler = null;
     }
   };
-
   InputNumberNotRef.prototype.render = function () {
     var _a, _b, _c;
-
     var cls = this.prefixCls;
     var _d = this.props,
-        upperRef = _d.upperRef,
-        className = _d.className,
-        placeholder = _d.placeholder,
-        disabled = _d.disabled,
-        style = _d.style,
-        controls = _d.controls;
+      upperRef = _d.upperRef,
+      className = _d.className,
+      placeholder = _d.placeholder,
+      disabled = _d.disabled,
+      style = _d.style,
+      controls = _d.controls;
     var _e = this.state,
-        isEnterInput = _e.isEnterInput,
-        isFocusInput = _e.isFocusInput,
-        originalValueStr = _e.originalValueStr;
+      isEnterInput = _e.isEnterInput,
+      isFocusInput = _e.isFocusInput,
+      originalValueStr = _e.originalValueStr;
     return /*#__PURE__*/_react.default.createElement("div", {
       className: (0, _classnames.default)(cls, className, (_a = {}, _a["".concat(cls, "-enter")] = isEnterInput || isFocusInput, _a), (_b = {}, _b["".concat(cls, "-focus")] = isFocusInput, _b), (_c = {}, _c["".concat(cls, "-disabled")] = disabled, _c)),
       onMouseEnter: this.onMouseEnter,
@@ -389,7 +305,6 @@ function (_super) {
       onKeydown: this.onKeydown
     }) : null);
   };
-
   InputNumberNotRef.defaultProps = {
     defaultValue: '',
     controls: true,
@@ -398,14 +313,11 @@ function (_super) {
   };
   return InputNumberNotRef;
 }(_react.default.Component);
-
 exports.InputNumberNotRef = InputNumberNotRef;
-
 var InputNumber = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   return /*#__PURE__*/_react.default.createElement(InputNumberNotRef, __assign({}, props, {
     upperRef: ref
   }));
 });
-
 var _default = InputNumber;
 exports.default = _default;

package/lib/lazy-image/index.js

@@ -1,16 +1,12 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var __extends = void 0 && (void 0).__extends || function () {
   var _extendStatics = function extendStatics(d, b) {
     _extendStatics = Object.setPrototypeOf || {
@@ -22,181 +18,139 @@ var __extends = void 0 && (void 0).__extends || function () {
         if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p];
       }
     };
-
     return _extendStatics(d, b);
   };
-
   return function (d, b) {
     if (typeof b !== "function" && b !== null) throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
-
     _extendStatics(d, b);
-
     function __() {
       this.constructor = d;
     }
-
     d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
   };
 }();
-
 var __assign = void 0 && (void 0).__assign || function () {
   __assign = Object.assign || function (t) {
     for (var s, i = 1, n = arguments.length; i < n; i++) {
       s = arguments[i];
-
       for (var p in s) {
         if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
       }
     }
-
     return t;
   };
-
   return __assign.apply(this, arguments);
 };
-
 function noop() {}
-
-var LazyImage =
-/** @class */
-function (_super) {
+var LazyImage = /** @class */function (_super) {
   __extends(LazyImage, _super);
-
   function LazyImage(props) {
     var _this = _super.call(this, props) || this;
-
     _this.prefixCls = 'ab-lazy-image';
     _this.rootRef = /*#__PURE__*/_react.default.createRef();
     _this.isUnmount = false;
     /**
      * 监听原生lazy loading, 并回调不同的事件
      */
-
     _this.originalLazyLoad = function () {
       if (_this.rootRef.current) {
         var _a = _this.props,
-            onLoading = _a.onLoading,
-            onLoaded_1 = _a.onLoaded,
-            onError_1 = _a.onError;
+          onLoading = _a.onLoading,
+          onLoaded_1 = _a.onLoaded,
+          onError_1 = _a.onError;
         var imgElement_1 = _this.rootRef.current;
-
         if (onLoading) {
           onLoading(imgElement_1.src);
         }
-
         if (imgElement_1.complete) {
           if (!_this.isUnmount) {
             _this.setState({
               loading: false
             });
           }
-
           if (onLoaded_1) {
             onLoaded_1(imgElement_1.src);
           }
-
           return;
         }
-
         imgElement_1.onload = function () {
           if (!_this.isUnmount) {
             _this.setState({
               loading: false
             });
           }
-
           if (onLoaded_1) {
             onLoaded_1(imgElement_1.src);
           }
-
           imgElement_1.onload = null;
         };
-
         imgElement_1.onerror = function () {
           if (!_this.isUnmount) {
             _this.setState({
               loading: false
             });
           }
-
           if (onError_1) {
             onError_1();
           }
-
           imgElement_1.onerror = null;
         };
       }
     };
-
     _this.onMouseOut = function (ev) {
       if (_this.props.isMobile) {
         return;
       }
-
       var _a = _this.props,
-          hoverOpacity = _a.hoverOpacity,
-          onMouseOut = _a.onMouseOut;
+        hoverOpacity = _a.hoverOpacity,
+        onMouseOut = _a.onMouseOut;
       var el = ev.target;
-
       if (hoverOpacity) {
         el.style.opacity = '1';
       }
-
       if (onMouseOut) {
         onMouseOut(ev);
       }
     };
-
     _this.onMouseOver = function (ev) {
       if (_this.props.isMobile) {
         return;
       }
-
       var _a = _this.props,
-          hoverOpacity = _a.hoverOpacity,
-          onMouseOver = _a.onMouseOver;
+        hoverOpacity = _a.hoverOpacity,
+        onMouseOver = _a.onMouseOver;
       var el = ev.target;
-
       if (hoverOpacity) {
         el.style.opacity = hoverOpacity.toString();
       }
-
       if (onMouseOver) {
         onMouseOver(ev);
       }
     };
-
     _this.state = {
       loading: true
     };
     return _this;
   }
-
   LazyImage.prototype.componentWillUnmount = function () {
     this.isUnmount = true;
   };
-
   LazyImage.prototype.componentDidMount = function () {
     this.originalLazyLoad();
   };
-
   LazyImage.prototype.componentDidUpdate = function (prevProps) {
     if (prevProps.src !== this.props.src) {
       this.originalLazyLoad();
     }
   };
-
   LazyImage.prototype.render = function () {
     var _a;
-
     var cls = this.prefixCls;
     var _b = this.props,
-        className = _b.className,
-        active = _b.active;
+      className = _b.className,
+      active = _b.active;
     var loading = this.state.loading;
-
     var props = __assign({}, this.props);
-
     delete props.className;
     delete props.onMouseOver;
     delete props.onMouseOut;
@@ -217,7 +171,6 @@ function (_super) {
       loading: "lazy"
     }));
   };
-
   LazyImage.defaultProps = {
     className: '',
     hoverOpacity: null,
@@ -226,6 +179,5 @@ function (_super) {
   };
   return LazyImage;
 }(_react.default.Component);
-
 var _default = LazyImage;
 exports.default = _default;