@hi-ui/hiui 2.15.11 → 2.15.12

package/es/counter/counter-legacy/index.js

@@ -0,0 +1,267 @@
+"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 _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
+
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+/**
+ * 加减器
+ */
+var Counter =
+/*#__PURE__*/
+function (_React$Component) {
+  (0, _inherits2["default"])(Counter, _React$Component);
+
+  function Counter(props) {
+    var _this;
+
+    (0, _classCallCheck2["default"])(this, Counter);
+    _this = (0, _possibleConstructorReturn2["default"])(this, (0, _getPrototypeOf2["default"])(Counter).call(this, props));
+    var oldProps = Object.assign({}, _this.props);
+    _this.attrs = _this.getAttrs(oldProps);
+    var _this$props = _this.props,
+        value = _this$props.value,
+        min = _this$props.min,
+        max = _this$props.max;
+    var finalValue = Math.min(Math.max(Number(value), Number(min)), Number(max));
+    _this.state = {
+      value: _this.format(finalValue),
+      valueTrue: _this.formatValue(finalValue)
+    };
+    return _this;
+  }
+
+  (0, _createClass2["default"])(Counter, [{
+    key: "componentWillReceiveProps",
+    value: function componentWillReceiveProps(nextProps) {
+      if (nextProps.value && +nextProps.value !== +this.props.value) {
+        this.setState({
+          value: this.format(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(value) {
+      var type = (0, _typeof2["default"])(value);
+
+      if (type !== 'string' && type !== 'number') {
+        value = '';
+      }
+
+      return isNaN(Number(value)) ? value.toString().replace(/[^-\d]/g, '') : value;
+    }
+    /**
+     * 格式化数据
+     * 88,888
+     * @param {string} val 值
+     */
+
+  }, {
+    key: "format",
+    value: function format(val) {
+      return val && (val.toString().indexOf('.') !== -1 ? val.toString().replace(/(\d)(?=(\d{3})+\.)/g, function ($0, $1) {
+        return $1 + ',';
+      }) : val.toString().replace(/(\d)(?=(\d{3}))/g, function ($0, $1) {
+        return $1 + ',';
+      }));
+    }
+    /**
+     * minus plus 事件
+     * @param {string} minus 类型
+     * @param {string} plus 类型
+     */
+
+  }, {
+    key: "signEvent",
+    value: function signEvent(type, disabled) {
+      var _this2 = this;
+
+      var min = +this.props.min;
+      var max = +this.props.max;
+      var step = +this.props.step;
+
+      if (disabled) {
+        return false;
+      }
+
+      var valueTrue = +this.state.valueTrue;
+      var steps = +step;
+
+      switch (type) {
+        case 'minus':
+          valueTrue -= steps;
+
+          if (valueTrue < min) {
+            valueTrue = min;
+          }
+
+          break;
+
+        case 'plus':
+          valueTrue += steps;
+
+          if (valueTrue > max) {
+            valueTrue = max;
+          }
+
+          break;
+
+        default:
+      }
+
+      var value = this.format(valueTrue + '');
+      this.setState({
+        value: value,
+        valueTrue: valueTrue
+      }, function () {
+        var e = {
+          target: _this2._Input
+        };
+        _this2.props.onChange && _this2.props.onChange(e, valueTrue);
+      });
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _this3 = this;
+
+      var _this$props2 = this.props,
+          className = _this$props2.className,
+          id = _this$props2.id,
+          disabled = _this$props2.disabled;
+      var min = +this.props.min;
+      var max = +this.props.max;
+      var _this$state = this.state,
+          value = _this$state.value,
+          valueTrue = _this$state.valueTrue;
+      return _react["default"].createElement("div", {
+        className: "hi-counter ".concat(className || ''),
+        id: id
+      }, _react["default"].createElement("div", {
+        className: "hi-counter-outer"
+      }, _react["default"].createElement("span", {
+        className: "hi-counter-minus hi-counter-sign ".concat(min !== undefined && this.state.valueTrue <= min || disabled ? 'disabled' : ''),
+        onClick: function onClick(e) {
+          _this3.signEvent('minus', min !== undefined && _this3.state.valueTrue <= min || disabled);
+        }
+      }, "-"), _react["default"].createElement("input", (0, _extends2["default"])({
+        id: id ? "".concat(id, "_value") : '',
+        ref: function ref(arg) {
+          _this3._Input = arg;
+        },
+        value: this.state.value,
+        disabled: disabled,
+        "data-value": this.state.valueTrue
+      }, this.attrs, {
+        onChange: function onChange(e) {
+          e.persist();
+          var value = e.target.value;
+          value = _this3.format(value);
+
+          var valueTrue = _this3.formatValue(value);
+
+          _this3.setState({
+            value: value,
+            valueTrue: valueTrue
+          });
+        },
+        onBlur: function onBlur(e) {
+          e.persist();
+
+          if (typeof min !== 'undefined' && +valueTrue < min) {
+            value = _this3.format(min);
+            valueTrue = min;
+          } else if (typeof max !== 'undefined' && +valueTrue > max) {
+            value = _this3.format(max);
+            valueTrue = max;
+          } else {
+            value = _this3.format(valueTrue);
+          }
+
+          _this3.setState({
+            value: value,
+            valueTrue: valueTrue
+          }, function () {
+            _this3.props.onChange && _this3.props.onChange(e, valueTrue);
+          });
+        }
+      })), _react["default"].createElement("span", {
+        className: "hi-counter-plus hi-counter-sign ".concat(max !== undefined && this.state.valueTrue >= max || disabled ? 'disabled' : ''),
+        onClick: function onClick(e) {
+          _this3.signEvent('plus', max !== undefined && _this3.state.valueTrue >= max || disabled);
+        }
+      }, "+")));
+    }
+  }]);
+  return Counter;
+}(_react["default"].Component);
+
+(0, _defineProperty2["default"])(Counter, "_Input", '');
+(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", {
+  // prefixCls: 'hi-collapse',
+  // activeIndex: 1
+  value: 0,
+  step: 1 // max: null,
+  // min: null
+
+});
+var _default = Counter;
+exports["default"] = _default;

package/es/counter/index.js

@@ -1,284 +1,20 @@
 "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 _propTypes = _interopRequireDefault(require("prop-types"));
+var _Counter = _interopRequireDefault(require("./Counter"));
 
 require("./style/index");
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
-
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
-function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
-
-function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
-
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
-
-function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
-
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-
-function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
-
-function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
-
-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; } }
-
-function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
-/**
- * 加减器
- */
-var Counter = /*#__PURE__*/function (_React$Component) {
-  _inherits(Counter, _React$Component);
-
-  var _super = _createSuper(Counter);
-
-  function Counter(props) {
-    var _this;
-
-    _classCallCheck(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,
-        min = _this$props.min,
-        max = _this$props.max;
-    var finalValue = Math.min(Math.max(Number(value), Number(min)), Number(max));
-    _this.state = {
-      value: _this.format(finalValue),
-      valueTrue: _this.formatValue(finalValue)
-    };
-    return _this;
-  }
-
-  _createClass(Counter, [{
-    key: "componentWillReceiveProps",
-    value: function componentWillReceiveProps(nextProps) {
-      if (nextProps.value && +nextProps.value !== +this.props.value) {
-        this.setState({
-          value: this.format(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(value) {
-      var type = _typeof(value);
+var _SwitchVersion = _interopRequireDefault(require("../_util/SwitchVersion"));
 
-      if (type !== 'string' && type !== 'number') {
-        value = '';
-      }
+var _counterLegacy = _interopRequireDefault(require("./counter-legacy"));
 
-      return isNaN(Number(value)) ? value.toString().replace(/[^-\d]/g, '') : value;
-    }
-    /**
-     * 格式化数据
-     * 88,888
-     * @param {string} val 值
-     */
-
-  }, {
-    key: "format",
-    value: function format(val) {
-      return val && (val.toString().indexOf('.') !== -1 ? val.toString().replace(/(\d)(?=(\d{3})+\.)/g, function ($0, $1) {
-        return $1 + ',';
-      }) : val.toString().replace(/(\d)(?=(\d{3}))/g, function ($0, $1) {
-        return $1 + ',';
-      }));
-    }
-    /**
-     * minus plus 事件
-     * @param {string} minus 类型
-     * @param {string} plus 类型
-     */
-
-  }, {
-    key: "signEvent",
-    value: function signEvent(type, disabled) {
-      var _this2 = this;
-
-      var min = +this.props.min;
-      var max = +this.props.max;
-      var step = +this.props.step;
-
-      if (disabled) {
-        return false;
-      }
-
-      var valueTrue = +this.state.valueTrue;
-      var steps = +step;
-
-      switch (type) {
-        case 'minus':
-          valueTrue -= steps;
-
-          if (valueTrue < min) {
-            valueTrue = min;
-          }
-
-          break;
-
-        case 'plus':
-          valueTrue += steps;
-
-          if (valueTrue > max) {
-            valueTrue = max;
-          }
-
-          break;
-
-        default:
-      }
-
-      var value = this.format(valueTrue + '');
-      this.setState({
-        value: value,
-        valueTrue: valueTrue
-      }, function () {
-        var e = {
-          target: _this2._Input
-        };
-        _this2.props.onChange && _this2.props.onChange(e, valueTrue);
-      });
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this3 = this;
-
-      var _this$props2 = this.props,
-          className = _this$props2.className,
-          id = _this$props2.id,
-          disabled = _this$props2.disabled;
-      var min = +this.props.min;
-      var max = +this.props.max;
-      var _this$state = this.state,
-          value = _this$state.value,
-          valueTrue = _this$state.valueTrue;
-      return /*#__PURE__*/_react["default"].createElement("div", {
-        className: "hi-counter ".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(min !== undefined && this.state.valueTrue <= min || disabled ? 'disabled' : ''),
-        onClick: function onClick(e) {
-          _this3.signEvent('minus', min !== undefined && _this3.state.valueTrue <= min || disabled);
-        }
-      }, "-"), /*#__PURE__*/_react["default"].createElement("input", _extends({
-        id: id ? "".concat(id, "_value") : '',
-        ref: function ref(arg) {
-          _this3._Input = arg;
-        },
-        value: this.state.value,
-        disabled: disabled,
-        "data-value": this.state.valueTrue
-      }, this.attrs, {
-        onChange: function onChange(e) {
-          e.persist();
-          var value = e.target.value;
-          value = _this3.format(value);
-
-          var valueTrue = _this3.formatValue(value);
-
-          _this3.setState({
-            value: value,
-            valueTrue: valueTrue
-          });
-        },
-        onBlur: function onBlur(e) {
-          e.persist();
-
-          if (typeof min !== 'undefined' && +valueTrue < min) {
-            value = _this3.format(min);
-            valueTrue = min;
-          } else if (typeof max !== 'undefined' && +valueTrue > max) {
-            value = _this3.format(max);
-            valueTrue = max;
-          } else {
-            value = _this3.format(valueTrue);
-          }
-
-          _this3.setState({
-            value: value,
-            valueTrue: valueTrue
-          }, function () {
-            _this3.props.onChange && _this3.props.onChange(e, valueTrue);
-          });
-        }
-      })), /*#__PURE__*/_react["default"].createElement("span", {
-        className: "hi-counter-plus hi-counter-sign ".concat(max !== undefined && this.state.valueTrue >= max || disabled ? 'disabled' : ''),
-        onClick: function onClick(e) {
-          _this3.signEvent('plus', max !== undefined && _this3.state.valueTrue >= max || disabled);
-        }
-      }, "+")));
-    }
-  }]);
-
-  return Counter;
-}(_react["default"].Component);
-
-_defineProperty(Counter, "_Input", '');
-
-_defineProperty(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
-});
-
-_defineProperty(Counter, "defaultProps", {
-  // prefixCls: 'hi-collapse',
-  // activeIndex: 1
-  value: 0,
-  step: 1 // max: null,
-  // min: null
-
-});
+var _default = (0, _SwitchVersion["default"])(_Counter["default"], _counterLegacy["default"]);
 
-var _default = Counter;
 exports["default"] = _default;

package/es/counter/style/index.css

@@ -1 +1 @@
-.hi-counter,.hi-counter.m{position:relative;display:inline-block;height:auto;min-height:32px;-webkit-box-sizing:border-box;box-sizing:border-box;color:#333;font-size:14px}.hi-counter-outer,.hi-counter.m-outer{display:-webkit-box;display:-ms-flexbox;display:flex;height:auto}.hi-counter-sign,.hi-counter.m-sign{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:distribute;justify-content:space-around;text-align:center;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:32px;height:32px;line-height:32px;border:1px solid #d8d8d8;border-radius:2px;font-weight:bold;color:#4284f5;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.hi-counter-sign.disabled,.hi-counter.m-sign.disabled{color:#d8d8d8;cursor:not-allowed}.hi-counter-minus,.hi-counter.m-minus{border-right:none;border-top-right-radius:0;border-bottom-right-radius:0}.hi-counter-plus,.hi-counter.m-plus{border-left:none;border-top-left-radius:0;border-bottom-left-radius:0}.hi-counter input,.hi-counter.m input{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:distribute;justify-content:space-around;text-align:center;-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;width:64px;padding:0 6px;border:1px solid #d8d8d8;color:#333;outline:none;-webkit-box-sizing:border-box;box-sizing:border-box}
+.hi-counter,.hi-counter.m{position:relative;display:inline-block;height:auto;min-height:32px;-webkit-box-sizing:border-box;box-sizing:border-box;color:#333;font-size:14px}.hi-counter-outer,.hi-counter.m-outer{display:-webkit-box;display:-ms-flexbox;display:flex;height:auto}.hi-counter-sign,.hi-counter.m-sign{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:distribute;justify-content:space-around;text-align:center;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:32px;height:32px;line-height:32px;border:1px solid #e7e7e7;border-radius:2px;font-weight:bold;color:#4284f5;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.hi-counter-sign.disabled,.hi-counter.m-sign.disabled{color:#d8d8d8;cursor:not-allowed}.hi-counter-minus,.hi-counter.m-minus{border-right:none;border-top-right-radius:0;border-bottom-right-radius:0}.hi-counter-plus,.hi-counter.m-plus{border-left:none;border-top-left-radius:0;border-bottom-left-radius:0}.hi-counter input,.hi-counter.m input{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:distribute;justify-content:space-around;text-align:center;-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;width:64px;padding:0 6px;border:1px solid #e7e7e7;color:#333;outline:none;-webkit-box-sizing:border-box;box-sizing:border-box}.hi-counter.theme__hiui-blue .hi-counter-sign{color:#4285f4}.hi-counter.theme__orange .hi-counter-sign{color:#f63}.hi-counter.theme__cyan .hi-counter-sign{color:#46bc99}.hi-counter.theme__magenta .hi-counter-sign{color:#ff5975}.hi-counter.theme__lavender .hi-counter-sign{color:#b450de}.hi-counter.theme__blue .hi-counter-sign{color:#3da8f5}.hi-counter.theme__purple .hi-counter-sign{color:#8a8acb}