@hi-ui/hiui 2.15.10 → 2.15.11

package/es/input/index.js

@@ -1,47 +1,364 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-Object.defineProperty(exports, "Input", {
-  enumerable: true,
-  get: function get() {
-    return _Input["default"];
-  }
-});
 exports["default"] = void 0;
 
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _react = _interopRequireWildcard(require("react"));
 
-var _Input = _interopRequireDefault(require("./Input"));
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _util = require("./util");
 
 require("./style/index");
 
-var _inputLegacy = _interopRequireDefault(require("./input-legacy"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
+
+function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+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; }
+
+/**
+ * 自定义属性全小写；原声属性驼峰法
+ * @prop type 输入框类型
+ */
+var Input = /*#__PURE__*/function (_Component) {
+  _inherits(Input, _Component);
+
+  var _super = _createSuper(Input);
+
+  function Input(props) {
+    var _this;
+
+    _classCallCheck(this, Input);
+
+    _this = _super.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 = _typeof(_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;
+  }
+
+  _createClass(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 /*#__PURE__*/_react["default"].createElement("div", {
+        className: (0, _classnames["default"])('hi-input__out', {
+          'hi-input--prepend': prepend,
+          'hi-input--append': append
+        })
+      }, // 前置元素
+      prepend && /*#__PURE__*/_react["default"].createElement("span", {
+        className: "hi-input__prepend"
+      }, prepend), /*#__PURE__*/_react["default"].createElement("div", {
+        className: "hi-input__inner".concat(active ? ' active' : '').concat(disabled ? ' disabled' : '')
+      }, // 前缀
+      prefix && /*#__PURE__*/_react["default"].createElement("span", {
+        id: prefixId,
+        className: "hi-input__prefix",
+        "data-value": prefix
+      }, prefix), /*#__PURE__*/_react["default"].createElement("input", _extends({
+        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 !== '' && /*#__PURE__*/_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, '');
+          });
+        }
+      }, /*#__PURE__*/_react["default"].createElement("i", {
+        className: "hi-input__clear hi-input__suffix__icon hi-icon icon-close-circle"
+      })), // 后缀
+      suffix && /*#__PURE__*/_react["default"].createElement("span", {
+        id: suffixId,
+        className: "hi-input__suffix",
+        "data-value": suffix
+      }, suffix)), // 后置元素
+      append && /*#__PURE__*/_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 /*#__PURE__*/_react["default"].createElement("textarea", _extends({
+        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;
 
-var _context = _interopRequireDefault(require("../context"));
+          _this3.setState({
+            active: false
+          }, function () {
+            _this3.props.onBlur && _this3.props.onBlur(e, valueTrue);
+          });
+        },
+        onFocus: function onFocus(e) {
+          e.persist();
+          var valueTrue = e.target.value;
 
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+          _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;
 
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+      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() : /*#__PURE__*/_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());
+    }
+  }]);
 
-function SwitchVersion() {
-  var component = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  var componentLegacy = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-  return /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
-    var InnerComponent = props.legacy === true ? componentLegacy : component;
-    return /*#__PURE__*/_react["default"].createElement(InnerComponent, (0, _extends2["default"])({}, props, {
-      ref: ref
-    }));
-  });
-}
+  return Input;
+}(_react.Component);
 
-var _default = SwitchVersion((0, _context["default"])(_Input["default"]), _inputLegacy["default"]);
+_defineProperty(Input, "_Input", '');
 
+var _default = Input;
 exports["default"] = _default;

package/es/input/style/index.css

@@ -1 +1 @@
-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}
+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}

package/es/input/util.js

@@ -3,12 +3,12 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.filterObjProps = exports.formatValue = exports.formatAmount = exports.format = exports.formatCard = exports.formatTel = exports.formatId = exports.getAttrs = void 0;
+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,7 +88,9 @@ var formatCard = function formatCard(val) {
     return val;
   }
 
-  if (len < 9) {
+  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);
@@ -122,9 +124,7 @@ var format = function format(val, type) {
       return val.replace(/\W/g, '');
 
     case 'amount':
-      val = val.replace(/[^\d|.|,]/g, '').replace(/(\.\d*?)(\.|,).*/, function (_, $1) {
-        return $1;
-      });
+      val = val.replace(/[^\d|.|,]/g, '');
       return val;
 
     default:
@@ -132,7 +132,7 @@ var format = function format(val, type) {
   }
 };
 /**
- * 金额自动生成小数
+ * 浮点数
  * @param {string} val  需要处理的值
  */
 
@@ -140,7 +140,14 @@ var format = function format(val, type) {
 exports.format = format;
 
 var formatAmount = function formatAmount(val) {
-  return val.indexOf('.') > -1 ? val : val + '.00';
+  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;
 };
 /**
  * 净化数据
@@ -172,20 +179,5 @@ 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.filterObjProps = filterObjProps;
+exports.formatValue = formatValue;

package/es/lib/withDragDropContext.js

@@ -1,7 +1,5 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -11,6 +9,8 @@ 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;