@hi-ui/hiui 2.15.11 → 2.15.12

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

@@ -0,0 +1,341 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+
+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 = _interopRequireWildcard(require("react"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _util = require("./util");
+
+var Input =
+/*#__PURE__*/
+function (_Component) {
+  (0, _inherits2["default"])(Input, _Component);
+
+  function Input(props) {
+    var _this;
+
+    (0, _classCallCheck2["default"])(this, Input);
+    _this = (0, _possibleConstructorReturn2["default"])(this, (0, _getPrototypeOf2["default"])(Input).call(this, props)); // 传入属性
+
+    var commonAttrs = {
+      type: 'text',
+      size: 'm',
+      prefixicon: '',
+      suffixicon: '',
+      prefix: '',
+      suffix: ''
+    };
+    var oldProps = Object.assign({}, commonAttrs, _this.props);
+    var newProps = (0, _util.getAttrs)(oldProps); // 分离有效属性和事件
+
+    _this.attrs = newProps.attrs;
+    var type = (0, _typeof2["default"])(_this.props.value);
+    var prefix = typeof _this.props.prefix === 'undefined' ? '' : _this.props.prefix;
+    var suffix = typeof _this.props.suffix === 'undefined' ? '' : _this.props.suffix;
+    _this.state = {
+      value: type === 'string' || type === 'number' ? (0, _util.format)(_this.props.value, _this.props.type) : '',
+      valueTrue: prefix + _this.props.value + suffix,
+      hover: false,
+      active: false
+    };
+    return _this;
+  }
+
+  (0, _createClass2["default"])(Input, [{
+    key: "componentWillReceiveProps",
+    value: function componentWillReceiveProps(nextProps) {
+      if (nextProps.value !== undefined) {
+        if (nextProps.value !== this.state.value) {
+          this.setState({
+            value: (0, _util.format)(nextProps.value, this.props.type),
+            valueTrue: nextProps.value
+          });
+        }
+      }
+    }
+    /**
+     * 渲染 text 输入框
+     */
+
+  }, {
+    key: "renderText",
+    value: function renderText() {
+      var _this2 = this;
+
+      var _this$state = this.state,
+          hover = _this$state.hover,
+          active = _this$state.active,
+          value = _this$state.value;
+      var _this$props = this.props,
+          disabled = _this$props.disabled,
+          type = _this$props.type,
+          prefix = _this$props.prefix,
+          suffix = _this$props.suffix,
+          prepend = _this$props.prepend,
+          append = _this$props.append,
+          id = _this$props.id,
+          placeholder = _this$props.placeholder;
+      var noClear = ['textarea'];
+      var prefixId = id ? id + '_prefix' : '';
+      var suffixId = id ? id + '_suffix' : '';
+      return _react["default"].createElement("div", {
+        className: (0, _classnames["default"])('hi-input__out', {
+          'hi-input--prepend': prepend,
+          'hi-input--append': append
+        })
+      }, // 前置元素
+      prepend && _react["default"].createElement("span", {
+        className: "hi-input__prepend"
+      }, prepend), _react["default"].createElement("div", {
+        className: "hi-input__inner".concat(active ? ' active' : '').concat(disabled ? ' disabled' : '')
+      }, // 前缀
+      prefix && _react["default"].createElement("span", {
+        id: prefixId,
+        className: "hi-input__prefix",
+        "data-value": prefix
+      }, prefix), _react["default"].createElement("input", (0, _extends2["default"])({
+        ref: function ref(arg) {
+          _this2._Input = arg;
+        },
+        className: "hi-input__text ".concat(disabled ? 'disabled' : ''),
+        value: this.state.value,
+        autoComplete: "off",
+        disabled: disabled
+      }, this.attrs, {
+        placeholder: placeholder,
+        onChange: function onChange(e) {
+          e.persist();
+          var value = e.target.value;
+          var valueTrue = (0, _util.formatValue)(value, type);
+
+          if (prefix) {
+            valueTrue = prefix + valueTrue;
+          }
+
+          if (suffix) {
+            valueTrue = valueTrue + suffix;
+          }
+
+          value = (0, _util.format)(value, type);
+
+          _this2.setState({
+            value: value,
+            valueTrue: valueTrue
+          }, function () {
+            _this2.props.onChange && _this2.props.onChange(e, valueTrue);
+          });
+        },
+        onBlur: function onBlur(e) {
+          e.persist();
+          var value = e.target.value;
+          var valueTrue = _this2.state.valueTrue; // amount 自动添加小数
+
+          if (_this2.props.type === 'amount' && value !== '') {
+            value = (0, _util.formatAmount)(value);
+          }
+
+          _this2.setState({
+            active: false,
+            value: value
+          }, function () {
+            _this2.props.onBlur && _this2.props.onBlur(e, valueTrue);
+          });
+        },
+        onFocus: function onFocus(e) {
+          e.persist();
+          var valueTrue = _this2.state.valueTrue;
+
+          _this2.setState({
+            active: true
+          }, function () {
+            _this2.props.onFocus && _this2.props.onFocus(e, valueTrue);
+          });
+        },
+        onKeyDown: function onKeyDown(e) {
+          var valueTrue = _this2.state.valueTrue;
+          _this2.props.onKeyDown && _this2.props.onKeyDown(e, valueTrue);
+        },
+        onKeyUp: function onKeyUp(e) {
+          var valueTrue = _this2.state.valueTrue;
+          _this2.props.onKeyUp && _this2.props.onKeyUp(e, valueTrue);
+        },
+        onKeyPress: function onKeyPress(e) {
+          var valueTrue = _this2.state.valueTrue;
+          _this2.props.onKeyPress && _this2.props.onKeyPress(e, valueTrue);
+        },
+        onInput: function onInput(e) {
+          var valueTrue = _this2.state.valueTrue;
+          _this2.props.onInput && _this2.props.onInput(e, valueTrue);
+        }
+      })), // 清除
+      noClear.indexOf(type) === -1 && typeof prefix === 'undefined' && typeof suffix === 'undefined' && value !== '' && _react["default"].createElement("span", {
+        className: "hi-input__fix-box ".concat(hover && !disabled ? '' : 'invisible'),
+        onClick: function onClick() {
+          _this2._Input.focus();
+
+          var prefix = typeof _this2.props.prefix === 'undefined' ? '' : _this2.props.prefix;
+          var suffix = typeof _this2.props.suffix === 'undefined' ? '' : _this2.props.suffix;
+          var valueTrue = prefix + '' + suffix;
+
+          _this2.setState({
+            value: '',
+            valueTrue: valueTrue
+          }, function () {
+            var e = {
+              target: _this2._Input
+            };
+            _this2.props.onChange && _this2.props.onChange(e, '');
+          });
+        }
+      }, _react["default"].createElement("i", {
+        className: "hi-input__clear hi-input__suffix__icon hi-icon icon-close-circle"
+      })), // 后缀
+      suffix && _react["default"].createElement("span", {
+        id: suffixId,
+        className: "hi-input__suffix",
+        "data-value": suffix
+      }, suffix)), // 后置元素
+      append && _react["default"].createElement("span", {
+        className: "hi-input__append"
+      }, append));
+    }
+    /**
+     * 渲染 textarea
+     */
+
+  }, {
+    key: "renderTextarea",
+    value: function renderTextarea() {
+      var _this3 = this;
+
+      var active = this.state.active;
+      var disabled = this.props.disabled;
+      return _react["default"].createElement("textarea", (0, _extends2["default"])({
+        className: "hi-input ".concat(active ? 'active' : '', " ").concat(disabled ? 'disabled' : ''),
+        style: this.props.style,
+        autoComplete: "off",
+        value: this.state.value,
+        disabled: disabled
+      }, this.attrs, {
+        onChange: function onChange(e) {
+          e.persist();
+          var valueTrue = e.target.value;
+
+          _this3.setState({
+            value: valueTrue,
+            valueTrue: valueTrue
+          }, function () {
+            _this3.props.onChange && _this3.props.onChange(e, valueTrue);
+          });
+        },
+        onBlur: function onBlur(e) {
+          e.persist();
+          var valueTrue = e.target.value;
+
+          _this3.setState({
+            active: false
+          }, function () {
+            _this3.props.onBlur && _this3.props.onBlur(e, valueTrue);
+          });
+        },
+        onFocus: function onFocus(e) {
+          e.persist();
+          var valueTrue = e.target.value;
+
+          _this3.setState({
+            active: true
+          }, function () {
+            _this3.props.onFocus && _this3.props.onFocus(e, valueTrue);
+          });
+        },
+        onKeyDown: function onKeyDown(e) {
+          var valueTrue = e.target.value;
+          _this3.props.onKeyDown && _this3.props.onKeyDown(e, valueTrue);
+        },
+        onKeyUp: function onKeyUp(e) {
+          var valueTrue = e.target.value;
+          _this3.props.onKeyUp && _this3.props.onKeyUp(e, valueTrue);
+        },
+        onKeyPress: function onKeyPress(e) {
+          var valueTrue = e.target.value;
+          _this3.props.onKeyPress && _this3.props.onKeyPress(e, valueTrue);
+        },
+        onInput: function onInput(e) {
+          var valueTrue = e.target.value;
+          _this3.props.onInput && _this3.props.onInput(e, valueTrue);
+        },
+        onMouseOver: function onMouseOver(e) {
+          _this3.setState({
+            hover: true
+          });
+        },
+        onMouseLeave: function onMouseLeave(e) {
+          _this3.setState({
+            hover: false
+          });
+        }
+      }));
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _this4 = this;
+
+      var type = this.attrs.type;
+      var _this$props2 = this.props,
+          size = _this$props2.size,
+          id = _this$props2.id,
+          className = _this$props2.className,
+          required = _this$props2.required;
+      return type === 'textarea' ? this.renderTextarea() : _react["default"].createElement("div", {
+        id: id,
+        className: "hi-input ".concat(className || '', " ").concat(type || '').concat(size ? ' hi-input_' + size : '').concat(required ? ' required' : ''),
+        style: this.props.style,
+        "data-value": this.state.valueTrue,
+        onClick: function onClick(e) {
+          _this4._Input.focus();
+        },
+        onMouseOver: function onMouseOver(e) {
+          _this4.setState({
+            hover: true
+          });
+        },
+        onMouseLeave: function onMouseLeave(e) {
+          _this4.setState({
+            hover: false
+          });
+        }
+      }, this.renderText());
+    }
+  }]);
+  return Input;
+}(_react.Component);
+
+(0, _defineProperty2["default"])(Input, "_Input", '');
+var _default = Input;
+exports["default"] = _default;

package/es/input/input-legacy/util.js

@@ -0,0 +1,176 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.formatValue = exports.formatAmount = exports.format = exports.formatCard = exports.formatTel = exports.formatId = exports.getAttrs = void 0;
+
+/**
+   * 提取非函数属性
+   * @param {object} oldProps 原始props
+   */
+var getAttrs = function getAttrs(oldProps) {
+  var noNeed = ['value', 'className', 'class', 'id', 'style', 'size', 'disabled'];
+  var attrs = {};
+  var events = {};
+
+  for (var i in oldProps) {
+    if (!(oldProps[i] instanceof Function)) {
+      if (noNeed.indexOf(i) === -1) {
+        attrs[i] = oldProps[i];
+      }
+    } else {
+      events[i] = oldProps[i];
+    }
+  }
+
+  return {
+    attrs: attrs,
+    events: events
+  };
+};
+/**
+ * 格式化身份证
+ */
+
+
+exports.getAttrs = getAttrs;
+
+var formatId = function formatId(val) {
+  val = val.replace(/[^a-zA-Z0-9]/g, '');
+  var len = val.length;
+
+  if (val === '' || len < 7) {
+    return val;
+  }
+
+  if (len < 11) {
+    return val.slice(0, 6) + ' ' + val.slice(6, 10);
+  } else if (len < 15) {
+    return val.slice(0, 6) + ' ' + val.slice(6, 10) + ' ' + val.slice(10, 14);
+  } else {
+    return val.slice(0, 6) + ' ' + val.slice(6, 10) + ' ' + val.slice(10, 14) + ' ' + val.slice(14, 18);
+  }
+};
+/**
+ * 格式化手机号
+ */
+
+
+exports.formatId = formatId;
+
+var formatTel = function formatTel(val) {
+  val = val.replace(/\D/g, '');
+  var len = val.length;
+
+  if (val === '' || len < 4) {
+    return val;
+  }
+
+  if (len < 8) {
+    return val.slice(0, 3) + ' ' + val.slice(3, 7);
+  } else {
+    return val.slice(0, 3) + ' ' + val.slice(3, 7) + ' ' + val.slice(7, 11);
+  }
+};
+/**
+ * 格式化银行卡号
+ */
+
+
+exports.formatTel = formatTel;
+
+var formatCard = function formatCard(val) {
+  val = val.replace(/\D/g, '');
+  var len = val.length;
+
+  if (val === '' || val.length < 5) {
+    return val;
+  }
+
+  if (len < 5) {
+    return val.slice(0, 4);
+  } else if (len < 9) {
+    return val.slice(0, 4) + ' ' + val.slice(4, 8);
+  } else if (len < 13) {
+    return val.slice(0, 4) + ' ' + val.slice(4, 8) + ' ' + val.slice(8, 12);
+  } else if (len < 17) {
+    return val.slice(0, 4) + ' ' + val.slice(4, 8) + ' ' + val.slice(8, 12) + ' ' + val.slice(12, 16);
+  } else {
+    return val.slice(0, 4) + ' ' + val.slice(4, 8) + ' ' + val.slice(8, 12) + ' ' + val.slice(12, 16) + ' ' + val.slice(16, 19);
+  }
+};
+/**
+ * 输入规则
+ * @param {string} val  需要处理的值
+ * @param {string} type 输入框类型
+ */
+
+
+exports.formatCard = formatCard;
+
+var format = function format(val, type) {
+  switch (type) {
+    case 'id':
+      return formatId(val);
+
+    case 'tel':
+      return formatTel(val);
+
+    case 'card':
+      return formatCard(val);
+
+    case 'email':
+      return val.replace(/\W/g, '');
+
+    case 'amount':
+      val = val.replace(/[^\d|.|,]/g, '');
+      return val;
+
+    default:
+      return val;
+  }
+};
+/**
+ * 金额自动生成小数
+ * @param {string} val  需要处理的值
+ */
+
+
+exports.format = format;
+
+var formatAmount = function formatAmount(val) {
+  return val.indexOf('.') > -1 ? val : val + '.00';
+};
+/**
+ * 净化数据
+ */
+
+
+exports.formatAmount = formatAmount;
+
+var formatValue = function formatValue(val, type) {
+  var numberType = ['id', 'tel', 'amount', 'card'];
+
+  if (numberType.indexOf(type) > -1) {
+    var tmp = val.replace(/[^\d|.]/g, '');
+
+    switch (type) {
+      case 'id':
+        return tmp.slice(0, 18);
+
+      case 'tel':
+        return tmp.slice(0, 11);
+
+      case 'card':
+        return tmp.slice(0, 19);
+
+      default:
+        return tmp;
+    }
+  } else {
+    return val;
+  }
+};
+
+exports.formatValue = formatValue;

package/es/input/style/index.css

@@ -1 +1 @@
-textarea.hi-input{-webkit-box-shadow:none;box-shadow:none;outline:none;color:#333;font-size:14px;min-height:30px;line-height:22px;resize:vertical;overflow:auto;height:100%;padding:4px 12px;border:1px solid #d8d8d8;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:2px;background-color:#fff;-webkit-transition:border-color 0.3s;transition:border-color 0.3s}textarea.hi-input:not(.disabled):hover{border-color:#4284f5}textarea.hi-input.active{border-color:#4284f5}textarea.hi-input.disabled{color:#ccc;background-color:#f2f2f2}textarea.hi-input::-webkit-input-placeholder{color:#ccc}textarea.hi-input:-moz-placeholder{color:#ccc}textarea.hi-input::-moz-placeholder{color:#ccc}textarea.hi-input:-ms-input-placeholder{color:#ccc}.hi-input,.hi-input_m{position:relative;display:inline-block;width:100%;height:32px;-webkit-box-sizing:border-box;box-sizing:border-box}.hi-input ::-webkit-input-placeholder,.hi-input_m ::-webkit-input-placeholder{color:#ccc}.hi-input :-moz-placeholder,.hi-input_m :-moz-placeholder{color:#ccc}.hi-input ::-moz-placeholder,.hi-input_m ::-moz-placeholder{color:#ccc}.hi-input :-ms-input-placeholder,.hi-input_m :-ms-input-placeholder{color:#ccc}.hi-input input,.hi-input_m input{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;border:none;outline:none;min-height:30px;-webkit-box-sizing:border-box;box-sizing:border-box;color:#333;font-size:14px;line-height:22px;-webkit-box-shadow:none;box-shadow:none}.hi-input input.disabled,.hi-input_m input.disabled{color:#ccc;background-color:#f2f2f2}.hi-input input[type='search'],.hi-input_m input[type='search']{-webkit-appearance:none}.hi-input ::-webkit-search-cancel-button,.hi-input_m ::-webkit-search-cancel-button{display:none}.hi-input .hi-input__out,.hi-input_m .hi-input__out{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;height:100%}.hi-input .hi-input__inner,.hi-input_m .hi-input__inner{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;border:1px solid #d8d8d8;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:2px;background-color:#fff;-webkit-transition:border-color 0.3s;transition:border-color 0.3s}.hi-input .hi-input__inner:not(.disabled):hover,.hi-input_m .hi-input__inner:not(.disabled):hover{border-color:#4284f5}.hi-input .hi-input__inner.active,.hi-input_m .hi-input__inner.active{border-color:#4284f5}.hi-input .hi-input__inner.disabled,.hi-input_m .hi-input__inner.disabled{color:#ccc;background-color:#f2f2f2}.hi-input__fix-box,.hi-input_m__fix-box{display:inline-block;width:12px;height:auto;padding:0 18px 0 2px;-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto;cursor:pointer;opacity:1;-webkit-transition:all 0.3s;transition:all 0.3s}.hi-input__fix-box.invisible,.hi-input_m__fix-box.invisible{visibility:hidden;opacity:0}.hi-input__fix-box .hi-input__clear,.hi-input_m__fix-box .hi-input__clear{display:block;border-radius:50%;color:#666;font-size:14px;text-align:center}.hi-input__fix-box .hi-input__suffix__icon,.hi-input_m__fix-box .hi-input__suffix__icon{position:absolute;top:50%;width:14px;height:14px;line-height:14px;-webkit-transform:translateY(-50%);transform:translateY(-50%);font-size:14px}.hi-input__text,.hi-input_m__text{width:100%;padding:4px 12px}.hi-input__prefix,.hi-input__suffix,.hi-input_m__prefix,.hi-input_m__suffix{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;-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto;color:#333;font-size:14px;line-height:30px}.hi-input__prefix,.hi-input_m__prefix{padding-left:12px}.hi-input__suffix,.hi-input_m__suffix{padding-right:12px}.hi-input--prepend .hi-input__inner,.hi-input_m--prepend .hi-input__inner{border-top-left-radius:0;border-bottom-left-radius:0}.hi-input__prepend .hi-btn,.hi-input__prepend .hi-select__input,.hi-input_m__prepend .hi-btn,.hi-input_m__prepend .hi-select__input{border-right-color:transparent;border-top-right-radius:0;border-bottom-right-radius:0;border-top-left-radius:2px;border-bottom-left-radius:2px}.hi-input--append .hi-input__inner,.hi-input_m--append .hi-input__inner{border-top-right-radius:0;border-bottom-right-radius:0}.hi-input__append .hi-btn,.hi-input__append .hi-select__input,.hi-input_m__append .hi-btn,.hi-input_m__append .hi-select__input{border-left-color:transparent;border-top-left-radius:0;border-bottom-left-radius:0;border-top-right-radius:2px;border-bottom-right-radius:2px}.hi-input.required::after,.hi-input_m.required::after{position:absolute;top:0;content:'*';right:-30px;width:30px;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#f00}
+textarea.hi-input{display:block;-webkit-box-shadow:none;box-shadow:none;outline:none;color:#333;font-size:14px;min-height:32px;height:auto;line-height:22px;resize:vertical;overflow:auto;padding:4px 12px;border:1px solid #d8d8d8;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:2px;background-color:#fff;-webkit-transition:border-color 0.3s;transition:border-color 0.3s}textarea.hi-input:not(.disabled):hover{border-color:#4284f5}textarea.hi-input.active{border-color:#4284f5}textarea.hi-input.disabled{color:#ccc;background-color:#f2f2f2}textarea.hi-input::-webkit-input-placeholder{color:#ccc}textarea.hi-input:-moz-placeholder{color:#ccc}textarea.hi-input::-moz-placeholder{color:#ccc}textarea.hi-input:-ms-input-placeholder{color:#ccc}.hi-input,.hi-input_m{position:relative;display:inline-block;width:100%;height:32px;-webkit-box-sizing:border-box;box-sizing:border-box}.hi-input ::-webkit-input-placeholder,.hi-input_m ::-webkit-input-placeholder{color:#ccc}.hi-input :-moz-placeholder,.hi-input_m :-moz-placeholder{color:#ccc}.hi-input ::-moz-placeholder,.hi-input_m ::-moz-placeholder{color:#ccc}.hi-input :-ms-input-placeholder,.hi-input_m :-ms-input-placeholder{color:#ccc}.hi-input input,.hi-input_m input{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;border:none;outline:none;min-height:30px;-webkit-box-sizing:border-box;box-sizing:border-box;color:#333;font-size:14px;line-height:22px;-webkit-box-shadow:none;box-shadow:none}.hi-input input.disabled,.hi-input_m input.disabled{color:#ccc;background-color:#f2f2f2}.hi-input input[type='search'],.hi-input_m input[type='search']{-webkit-appearance:none}.hi-input ::-webkit-search-cancel-button,.hi-input_m ::-webkit-search-cancel-button{display:none}.hi-input .hi-input__out,.hi-input_m .hi-input__out{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;height:100%}.hi-input .hi-input__inner,.hi-input_m .hi-input__inner{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;border:1px solid #d8d8d8;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:2px;background-color:#fff;-webkit-transition:border-color 0.3s;transition:border-color 0.3s}.hi-input .hi-input__inner:not(.disabled):hover,.hi-input_m .hi-input__inner:not(.disabled):hover{border-color:#4284f5}.hi-input .hi-input__inner.active,.hi-input_m .hi-input__inner.active{border-color:#4284f5}.hi-input .hi-input__inner.disabled,.hi-input_m .hi-input__inner.disabled{color:#ccc;background-color:#f2f2f2}.hi-input__fix-box,.hi-input_m__fix-box{display:inline-block;width:12px;height:auto;padding:0 18px 0 2px;-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto;cursor:pointer;opacity:1;-webkit-transition:all 0.3s;transition:all 0.3s}.hi-input__fix-box.invisible,.hi-input_m__fix-box.invisible{visibility:hidden;opacity:0}.hi-input__fix-box .hi-input__clear,.hi-input_m__fix-box .hi-input__clear{display:block;border-radius:50%;color:#666;font-size:14px;text-align:center}.hi-input__fix-box .hi-input__suffix__icon,.hi-input_m__fix-box .hi-input__suffix__icon{position:absolute;top:50%;width:14px;height:14px;line-height:14px;-webkit-transform:translateY(-50%);transform:translateY(-50%);font-size:14px}.hi-input__text,.hi-input_m__text{width:100%;padding:4px 12px}.hi-input__prefix,.hi-input__suffix,.hi-input_m__prefix,.hi-input_m__suffix{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;-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto;color:#333;font-size:14px;line-height:30px}.hi-input__prefix,.hi-input_m__prefix{padding-left:12px}.hi-input__suffix,.hi-input_m__suffix{padding-right:12px}.hi-input--prepend .hi-input__inner,.hi-input_m--prepend .hi-input__inner{border-top-left-radius:0;border-bottom-left-radius:0}.hi-input__prepend .hi-btn,.hi-input__prepend .hi-select__input,.hi-input_m__prepend .hi-btn,.hi-input_m__prepend .hi-select__input{border-right-color:transparent;border-top-right-radius:0;border-bottom-right-radius:0;border-top-left-radius:2px;border-bottom-left-radius:2px}.hi-input--append .hi-input__inner,.hi-input_m--append .hi-input__inner{border-top-right-radius:0;border-bottom-right-radius:0}.hi-input__append,.hi-input_m__append{color:#4284f5}.hi-input__append .hi-btn,.hi-input__append .hi-select__input,.hi-input_m__append .hi-btn,.hi-input_m__append .hi-select__input{border-left-color:transparent;border-top-left-radius:0;border-bottom-left-radius:0;border-top-right-radius:2px;border-bottom-right-radius:2px}.hi-input.required::after,.hi-input_m.required::after{position:absolute;top:0;content:'*';right:-30px;width:30px;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#f00}.theme__hiui-blue.hi-input .hi-input__inner:not(.disabled):hover{border-color:#4285f4}.theme__hiui-blue.hi-input .hi-input__inner.active{border-color:#4285f4}.theme__hiui-blue.hi-input .hi-input--append .hi-input__append{color:#4285f4}textarea.hi-input.theme__hiui-blue:not(.disabled):hover{border-color:#4285f4}textarea.hi-input.theme__hiui-blue.active{border-color:#4285f4}.theme__orange.hi-input .hi-input__inner:not(.disabled):hover{border-color:#f63}.theme__orange.hi-input .hi-input__inner.active{border-color:#f63}.theme__orange.hi-input .hi-input--append .hi-input__append{color:#f63}textarea.hi-input.theme__orange:not(.disabled):hover{border-color:#f63}textarea.hi-input.theme__orange.active{border-color:#f63}.theme__cyan.hi-input .hi-input__inner:not(.disabled):hover{border-color:#46bc99}.theme__cyan.hi-input .hi-input__inner.active{border-color:#46bc99}.theme__cyan.hi-input .hi-input--append .hi-input__append{color:#46bc99}textarea.hi-input.theme__cyan:not(.disabled):hover{border-color:#46bc99}textarea.hi-input.theme__cyan.active{border-color:#46bc99}.theme__magenta.hi-input .hi-input__inner:not(.disabled):hover{border-color:#ff5975}.theme__magenta.hi-input .hi-input__inner.active{border-color:#ff5975}.theme__magenta.hi-input .hi-input--append .hi-input__append{color:#ff5975}textarea.hi-input.theme__magenta:not(.disabled):hover{border-color:#ff5975}textarea.hi-input.theme__magenta.active{border-color:#ff5975}.theme__lavender.hi-input .hi-input__inner:not(.disabled):hover{border-color:#b450de}.theme__lavender.hi-input .hi-input__inner.active{border-color:#b450de}.theme__lavender.hi-input .hi-input--append .hi-input__append{color:#b450de}textarea.hi-input.theme__lavender:not(.disabled):hover{border-color:#b450de}textarea.hi-input.theme__lavender.active{border-color:#b450de}.theme__blue.hi-input .hi-input__inner:not(.disabled):hover{border-color:#3da8f5}.theme__blue.hi-input .hi-input__inner.active{border-color:#3da8f5}.theme__blue.hi-input .hi-input--append .hi-input__append{color:#3da8f5}textarea.hi-input.theme__blue:not(.disabled):hover{border-color:#3da8f5}textarea.hi-input.theme__blue.active{border-color:#3da8f5}.theme__purple.hi-input .hi-input__inner:not(.disabled):hover{border-color:#8a8acb}.theme__purple.hi-input .hi-input__inner.active{border-color:#8a8acb}.theme__purple.hi-input .hi-input--append .hi-input__append{color:#8a8acb}textarea.hi-input.theme__purple:not(.disabled):hover{border-color:#8a8acb}textarea.hi-input.theme__purple.active{border-color:#8a8acb}

package/es/input/util.js

@@ -3,12 +3,12 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.formatValue = exports.formatAmount = exports.format = exports.formatCard = exports.formatTel = exports.formatId = exports.getAttrs = void 0;
+exports.filterObjProps = exports.formatValue = exports.formatAmount = exports.format = exports.formatCard = exports.formatTel = exports.formatId = exports.getAttrs = void 0;
 
 /**
- * 提取非函数属性
- * @param {object} oldProps 原始props
- */
+   * 提取非函数属性
+   * @param {object} oldProps 原始props
+   */
 var getAttrs = function getAttrs(oldProps) {
   var noNeed = ['value', 'className', 'class', 'id', 'style', 'size', 'disabled'];
   var attrs = {};
@@ -88,9 +88,7 @@ var formatCard = function formatCard(val) {
     return val;
   }
 
-  if (len < 5) {
-    return val.slice(0, 4);
-  } else if (len < 9) {
+  if (len < 9) {
     return val.slice(0, 4) + ' ' + val.slice(4, 8);
   } else if (len < 13) {
     return val.slice(0, 4) + ' ' + val.slice(4, 8) + ' ' + val.slice(8, 12);
@@ -124,7 +122,9 @@ var format = function format(val, type) {
       return val.replace(/\W/g, '');
 
     case 'amount':
-      val = val.replace(/[^\d|.|,]/g, '');
+      val = val.replace(/[^\d|.|,]/g, '').replace(/(\.\d*?)(\.|,).*/, function (_, $1) {
+        return $1;
+      });
       return val;
 
     default:
@@ -132,7 +132,7 @@ var format = function format(val, type) {
   }
 };
 /**
- * 浮点数
+ * 金额自动生成小数
  * @param {string} val  需要处理的值
  */
 
@@ -140,14 +140,7 @@ var format = function format(val, type) {
 exports.format = format;
 
 var formatAmount = function formatAmount(val) {
-  if (val.includes('.')) {
-    var valueArray = val.split('.');
-    val = "".concat(+(valueArray[0] || 0), ".").concat(valueArray[1] || 0);
-  } else {
-    val = +val + '.0';
-  }
-
-  return val.includes(',') ? '0.0' : val;
+  return val.indexOf('.') > -1 ? val : val + '.00';
 };
 /**
  * 净化数据
@@ -179,5 +172,20 @@ var formatValue = function formatValue(val, type) {
     return val;
   }
 };
+/**
+ * 过滤属性
+ */
+
+
+exports.formatValue = formatValue;
+
+var filterObjProps = function filterObjProps(obj, propsNeedFilter) {
+  return Object.keys(obj).filter(function (key) {
+    return !propsNeedFilter.includes(key);
+  }).reduce(function (filteredObj, key) {
+    filteredObj[key] = obj[key];
+    return filteredObj;
+  }, {});
+};
 
-exports.formatValue = formatValue;
+exports.filterObjProps = filterObjProps;

package/es/lib/withDragDropContext.js

@@ -1,5 +1,7 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -9,8 +11,6 @@ var _reactDnd = require("react-dnd");
 
 var _reactDndHtml5Backend = _interopRequireDefault(require("react-dnd-html5-backend"));
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
 var _default = (0, _reactDnd.DragDropContext)(_reactDndHtml5Backend["default"]);
 
 exports["default"] = _default;