@hi-ui/hiui 3.9.0-rc.8 → 4.0.0-beta.1

package/es/counter/Counter.js

@@ -1,369 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
-var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-
-var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
-var _react = _interopRequireDefault(require("react"));
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _util = require("../input/util");
-
-var _decimal = require("decimal.js");
-
-var _context = _interopRequireDefault(require("../context"));
-
-var _icon = _interopRequireDefault(require("../icon"));
-
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
-
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
-
-/**
- * 加减器
- */
-var Counter = /*#__PURE__*/function (_React$Component) {
-  (0, _inherits2["default"])(Counter, _React$Component);
-
-  var _super = _createSuper(Counter);
-
-  function Counter(props) {
-    var _this;
-
-    (0, _classCallCheck2["default"])(this, Counter);
-    _this = _super.call(this, props);
-    var oldProps = Object.assign({}, _this.props);
-    _this.attrs = _this.getAttrs(oldProps);
-    var _this$props = _this.props,
-        value = _this$props.value,
-        defaultValue = _this$props.defaultValue,
-        _this$props$min = _this$props.min,
-        min = _this$props$min === void 0 ? -1 * Infinity : _this$props$min,
-        _this$props$max = _this$props.max,
-        max = _this$props$max === void 0 ? Infinity : _this$props$max;
-    var finalValue = Math.min(Math.max(Number(value === undefined ? defaultValue : value), Number(min)), Number(max));
-    _this.state = {
-      value: _this.formatValue(finalValue),
-      valueTrue: _this.formatValue(finalValue)
-    };
-    return _this;
-  }
-
-  (0, _createClass2["default"])(Counter, [{
-    key: "componentWillReceiveProps",
-    value: function componentWillReceiveProps(nextProps) {
-      if (this.props.hasOwnProperty('value')) {
-        this._Input.value = nextProps.value;
-        this.setState({
-          value: this.formatValue(nextProps.value),
-          valueTrue: this.formatValue(nextProps.value)
-        });
-      }
-    }
-    /**
-     * 提取非函数属性
-     * @param {object} oldProps 原始props
-     */
-
-  }, {
-    key: "getAttrs",
-    value: function getAttrs(oldProps) {
-      var attrs = {};
-      var noNeed = ['value', 'className', 'class', 'id', 'style', 'type', 'placeholder', 'disabled'];
-
-      for (var i in oldProps) {
-        if (!(oldProps[i] instanceof Function)) {
-          if (noNeed.indexOf(i) === -1) {
-            attrs[i] = oldProps[i];
-          }
-        }
-      }
-
-      return attrs;
-    }
-    /**
-     * 格式化数据
-     * @param {string} val 值
-     */
-
-  }, {
-    key: "formatValue",
-    value: function formatValue(val) {
-      var min = this.props.min;
-
-      var _val = Number(val);
-
-      if (Number.isNaN(Number(_val))) {
-        _val = min && min > 0 ? min : 0;
-      }
-
-      return _val;
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this2 = this;
-
-      var _this$props2 = this.props,
-          className = _this$props2.className,
-          id = _this$props2.id,
-          disabled = _this$props2.disabled;
-      var _this$props3 = this.props,
-          _this$props3$min = _this$props3.min,
-          min = _this$props3$min === void 0 ? -1 * Infinity : _this$props3$min,
-          _this$props3$max = _this$props3.max,
-          max = _this$props3$max === void 0 ? Infinity : _this$props3$max,
-          step = _this$props3.step,
-          theme = _this$props3.theme;
-      var valueTrue = this.state.valueTrue;
-      var _this$attrs = this.attrs,
-          defaultValue = _this$attrs.defaultValue,
-          attrs = (0, _objectWithoutProperties2["default"])(_this$attrs, ["defaultValue"]);
-      var filterAttrs = (0, _util.filterObjProps)(attrs, ['locale', 'theme', 'localeDatas', 'localedatas', 'innerRef']);
-      var isAddDisabled = false;
-      var isMinusDisabled = false;
-
-      if (step > 0) {
-        isMinusDisabled = this.hasReachedMin || disabled;
-        isAddDisabled = this.hasReachedMax || disabled;
-      } else {
-        isMinusDisabled = this.hasReachedMax || disabled;
-        isAddDisabled = this.hasReachedMin || disabled;
-      }
-
-      return /*#__PURE__*/_react["default"].createElement("div", {
-        className: "hi-counter theme__".concat(theme, " ").concat(className || ''),
-        id: id
-      }, /*#__PURE__*/_react["default"].createElement("div", {
-        className: "hi-counter-outer"
-      }, /*#__PURE__*/_react["default"].createElement("span", {
-        className: "hi-counter-minus hi-counter-sign ".concat(isMinusDisabled ? 'disabled' : ''),
-        onClick: function onClick(e) {
-          var value = new _decimal.Decimal(_this2.getInputNumber()).minus(step).valueOf();
-
-          if (isMinusDisabled) {
-            return;
-          }
-
-          if (step > 0) {
-            if (_this2.willReachMin) {
-              value = min;
-            }
-          } else {
-            if (_this2.willReachMax) {
-              value = max;
-            }
-          }
-
-          _this2.update(value);
-        }
-      }, /*#__PURE__*/_react["default"].createElement(_icon["default"], {
-        name: "minus"
-      })), /*#__PURE__*/_react["default"].createElement("input", (0, _extends2["default"])({
-        id: id ? "".concat(id, "_value") : '',
-        ref: function ref(arg) {
-          _this2._Input = arg;
-        },
-        value: this.state.value,
-        disabled: disabled,
-        "data-value": this.state.valueTrue
-      }, filterAttrs, {
-        onChange: function onChange(e) {
-          e.persist();
-          var value = e.target.value;
-
-          _this2.setState({
-            value: _this2.formatValue(value),
-            valueTrue: _this2.formatValue(value)
-          });
-        },
-        onBlur: function onBlur(e) {
-          var value = _this2.getInputNumber();
-
-          _this2.update(value);
-        },
-        onKeyDown: function onKeyDown(e) {
-          if (e.keyCode === 38) {
-            e.preventDefault();
-            var value = new _decimal.Decimal(valueTrue).plus(step).valueOf();
-
-            if (isAddDisabled) {
-              return;
-            }
-
-            if (step > 0) {
-              if (_this2.willReachMax) {
-                value = max;
-              }
-            } else {
-              if (_this2.willReachMin) {
-                value = min;
-              }
-            }
-
-            _this2.update(value);
-          }
-
-          if (e.keyCode === 40) {
-            e.preventDefault();
-
-            var _value2 = new _decimal.Decimal(_this2.getInputNumber()).minus(step).valueOf();
-
-            if (isMinusDisabled) {
-              return;
-            }
-
-            if (step > 0) {
-              if (_this2.willReachMin) {
-                _value2 = min;
-              }
-            } else {
-              if (_this2.willReachMax) {
-                _value2 = max;
-              }
-            }
-
-            _this2.update(_value2);
-          }
-        }
-      })), /*#__PURE__*/_react["default"].createElement("span", {
-        className: "hi-counter-plus hi-counter-sign ".concat(isAddDisabled ? 'disabled' : ''),
-        onClick: function onClick(e) {
-          var value = new _decimal.Decimal(valueTrue).plus(step).valueOf();
-
-          if (isAddDisabled) {
-            return;
-          }
-
-          if (step > 0) {
-            if (_this2.willReachMax) {
-              value = max;
-            }
-          } else {
-            if (_this2.willReachMin) {
-              value = min;
-            }
-          }
-
-          _this2.update(value);
-        }
-      }, /*#__PURE__*/_react["default"].createElement(_icon["default"], {
-        name: "plus"
-      }))));
-    }
-  }, {
-    key: "update",
-    value: function update(value) {
-      var _this3 = this;
-
-      var onChange = this.props.onChange;
-      var _value = value;
-
-      if (this.props.hasOwnProperty('value')) {
-        _value = this.props.value;
-      }
-
-      this.setState({
-        value: this.formatValue(_value),
-        valueTrue: this.formatValue(_value)
-      }, function () {
-        onChange && onChange({
-          target: _this3._Input
-        }, _this3.formatValue(value));
-      });
-    }
-  }, {
-    key: "getInputNumber",
-    value: function getInputNumber() {
-      var _this$props4 = this.props,
-          max = _this$props4.max,
-          min = _this$props4.min;
-      var value = this.valueTrue;
-
-      if (isNaN(value)) {
-        value = 0;
-      }
-
-      value = max && value - max >= 0 ? max : value;
-      value = min && value - min <= 0 ? min : value;
-      return value;
-    }
-  }, {
-    key: "valueTrue",
-    get: function get() {
-      return parseFloat(this.state.value.toString().replace(/[^0-9|.|\-(e+)]+/, ''));
-    }
-  }, {
-    key: "willReachMax",
-    get: function get() {
-      var _this$props5 = this.props,
-          _this$props5$max = _this$props5.max,
-          max = _this$props5$max === void 0 ? Infinity : _this$props5$max,
-          step = _this$props5.step;
-      var num = new _decimal.Decimal(this.valueTrue).plus(step > 0 ? step : -step).valueOf() * 1;
-      return max <= num;
-    }
-  }, {
-    key: "willReachMin",
-    get: function get() {
-      var _this$props6 = this.props,
-          _this$props6$min = _this$props6.min,
-          min = _this$props6$min === void 0 ? -1 * Infinity : _this$props6$min,
-          step = _this$props6.step;
-      var num = new _decimal.Decimal(this.valueTrue).minus(step > 0 ? step : -step).valueOf() * 1;
-      return min >= num;
-    }
-  }, {
-    key: "hasReachedMax",
-    get: function get() {
-      var _this$props$max2 = this.props.max,
-          max = _this$props$max2 === void 0 ? Infinity : _this$props$max2;
-      return max <= this.valueTrue * 1;
-    }
-  }, {
-    key: "hasReachedMin",
-    get: function get() {
-      var _this$props$min2 = this.props.min,
-          min = _this$props$min2 === void 0 ? -1 * Infinity : _this$props$min2;
-      return min >= this.valueTrue * 1;
-    }
-  }]);
-  return Counter;
-}(_react["default"].Component);
-
-(0, _defineProperty2["default"])(Counter, "_Input", /*#__PURE__*/_react["default"].createRef());
-(0, _defineProperty2["default"])(Counter, "propTypes", {
-  value: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number]),
-  step: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number]),
-  min: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number]),
-  max: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number]),
-  onChange: _propTypes["default"].func
-});
-(0, _defineProperty2["default"])(Counter, "defaultProps", {
-  defaultValue: 0,
-  step: 1
-});
-
-var _default = (0, _context["default"])(Counter);
-
-exports["default"] = _default;

package/es/counter/__tests__/index.test.js

@@ -1,134 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-var _react = _interopRequireDefault(require("react"));
-
-var _enzyme = require("enzyme");
-
-var _index = _interopRequireDefault(require("../index"));
-
-/* eslint-env jest */
-describe('Counter', function () {
-  beforeAll(function () {
-    jest.useFakeTimers();
-  });
-  afterAll(function () {
-    jest.useRealTimers();
-  });
-  it('should init with defaultValue', function () {
-    var wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react["default"].createElement(_index["default"], {
-      defaultValue: 10
-    }));
-    expect(wrapper.find('input').prop('value')).toEqual(10);
-    wrapper.unmount();
-  });
-  it('should controlled by value', function () {
-    var wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react["default"].createElement(_index["default"], {
-      defaultValue: 10,
-      value: 5,
-      step: 5
-    }));
-    expect(wrapper.find('input').prop('value')).toEqual(5);
-    wrapper.setProps({
-      value: 10
-    });
-    expect(wrapper.find('input').prop('value')).toEqual(10);
-    wrapper.find(".hi-counter-plus").simulate('click');
-    expect(wrapper.find('input').prop('value')).toEqual(10);
-    wrapper.unmount();
-  });
-  it('should change by step', function () {
-    var wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react["default"].createElement(_index["default"], {
-      defaultValue: 10,
-      step: 2
-    }));
-    wrapper.find(".hi-counter-minus").simulate('click');
-    expect(wrapper.find('input').prop('value')).toEqual('8');
-    wrapper.find(".hi-counter-plus").simulate('click');
-    expect(wrapper.find('input').prop('value')).toEqual('10');
-    wrapper.setProps({
-      step: -2
-    });
-    wrapper.find(".hi-counter-minus").simulate('click');
-    expect(wrapper.find('input').prop('value')).toEqual('12');
-    wrapper.find(".hi-counter-plus").simulate('click');
-    expect(wrapper.find('input').prop('value')).toEqual('10');
-    wrapper.unmount();
-  });
-  it('should show in boundary', function () {
-    var wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react["default"].createElement(_index["default"], {
-      defaultValue: 4,
-      step: 5,
-      max: 8,
-      min: 3
-    }));
-    wrapper.find(".hi-counter-minus").simulate('click');
-    expect(wrapper.find('input').prop('value')).toEqual(3);
-    wrapper.find(".hi-counter-minus").simulate('click');
-    expect(wrapper.find('input').prop('value')).toEqual(3);
-    wrapper.setProps({
-      step: 6
-    });
-    wrapper.find(".hi-counter-plus").simulate('click');
-    expect(wrapper.find('input').prop('value')).toEqual(8);
-    wrapper.find(".hi-counter-plus").simulate('click');
-    expect(wrapper.find('input').prop('value')).toEqual(8);
-    wrapper.setProps({
-      step: -12
-    });
-    wrapper.find(".hi-counter-plus").simulate('click');
-    expect(wrapper.find('input').prop('value')).toEqual(3);
-    wrapper.find(".hi-counter-minus").simulate('click');
-    expect(wrapper.find('input').prop('value')).toEqual(8);
-    wrapper.unmount();
-  });
-  it('should handle input change and blur', function () {
-    var wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react["default"].createElement(_index["default"], {
-      defaultValue: 4,
-      step: 5,
-      max: 8,
-      min: 3
-    }));
-    wrapper.find('input').simulate('change', {
-      target: {
-        value: 12
-      }
-    });
-    expect(wrapper.find('input').prop('value')).toEqual(12);
-    wrapper.find('input').simulate('blur');
-    expect(wrapper.find('input').prop('value')).toEqual(8);
-    wrapper.unmount();
-  });
-  it('should handle NaN', function () {
-    var wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react["default"].createElement(_index["default"], {
-      defaultValue: NaN,
-      step: 5,
-      max: 8,
-      min: 3
-    }));
-    wrapper.find('input').simulate('change', {
-      target: {
-        value: 'null'
-      }
-    });
-    expect(wrapper.find('input').prop('value')).toEqual('null');
-    wrapper.find('input').simulate('blur');
-    expect(wrapper.find('input').prop('value')).toEqual(3);
-    wrapper.unmount();
-  });
-  it('should invoke counter onChange', function () {
-    var cb = jest.fn();
-    var wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react["default"].createElement(_index["default"], {
-      defaultValue: 4,
-      step: 1,
-      max: 8,
-      min: 3,
-      onChange: cb
-    }));
-    wrapper.find(".hi-counter-minus").simulate('click');
-    jest.runAllTimers();
-    expect(cb).toHaveBeenCalled();
-    wrapper.unmount();
-  });
-});