@hi-ui/hiui 2.15.9 → 2.15.11

package/es/icon/index.js

@@ -1,61 +1,72 @@
 "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 _react = _interopRequireDefault(require("react"));
 
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+require("./style/index");
 
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+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); }
 
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+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); }
 
-var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 
-var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 
-var _react = _interopRequireDefault(require("react"));
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
 
-var _classnames = _interopRequireDefault(require("classnames"));
+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); } }
 
-require("./style/index");
+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 = (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 _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); }
+
 var Icon = /*#__PURE__*/function (_React$Component) {
-  (0, _inherits2["default"])(Icon, _React$Component);
+  _inherits(Icon, _React$Component);
 
   var _super = _createSuper(Icon);
 
   function Icon() {
-    (0, _classCallCheck2["default"])(this, Icon);
+    _classCallCheck(this, Icon);
+
     return _super.apply(this, arguments);
   }
 
-  (0, _createClass2["default"])(Icon, [{
+  _createClass(Icon, [{
     key: "render",
     value: function render() {
       var _this$props = this.props,
           className = _this$props.className,
           name = _this$props.name,
           style = _this$props.style,
-          rest = (0, _objectWithoutProperties2["default"])(_this$props, ["className", "name", "style"]);
-      var iconCls = (0, _classnames["default"])("hi-icon", "icon-".concat(name), className);
-      return /*#__PURE__*/_react["default"].createElement("i", (0, _extends2["default"])({
-        className: iconCls,
+          rest = _objectWithoutProperties(_this$props, ["className", "name", "style"]);
+
+      var classes = "hi-icon icon-".concat(name, " ").concat(className || '');
+      return /*#__PURE__*/_react["default"].createElement("i", _extends({
+        className: classes,
         style: style
       }, rest));
     }
   }]);
+
   return Icon;
 }(_react["default"].Component);
 

package/es/index.js

@@ -1,6 +1,6 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+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); }
 
 Object.defineProperty(exports, "__esModule", {
   value: true
@@ -44,7 +44,7 @@ Object.defineProperty(exports, "Notification", {
 Object.defineProperty(exports, "handleNotificate", {
   enumerable: true,
   get: function get() {
-    return _HandleNotification["default"];
+    return _notification.handleNotificate;
   }
 });
 Object.defineProperty(exports, "Modal", {
@@ -95,12 +95,6 @@ Object.defineProperty(exports, "Popover", {
     return _popover["default"];
   }
 });
-Object.defineProperty(exports, "Popper", {
-  enumerable: true,
-  get: function get() {
-    return _popper["default"];
-  }
-});
 Object.defineProperty(exports, "Loading", {
   enumerable: true,
   get: function get() {
@@ -206,7 +200,7 @@ Object.defineProperty(exports, "Menu", {
 Object.defineProperty(exports, "FormItem", {
   enumerable: true,
   get: function get() {
-    return _Item["default"];
+    return _item["default"];
   }
 });
 Object.defineProperty(exports, "Ficon", {
@@ -257,42 +251,6 @@ Object.defineProperty(exports, "Rate", {
     return _rate["default"];
   }
 });
-Object.defineProperty(exports, "Message", {
-  enumerable: true,
-  get: function get() {
-    return _message["default"];
-  }
-});
-Object.defineProperty(exports, "Tag", {
-  enumerable: true,
-  get: function get() {
-    return _tag["default"];
-  }
-});
-Object.defineProperty(exports, "Breadcrumb", {
-  enumerable: true,
-  get: function get() {
-    return _breadcrumb["default"];
-  }
-});
-Object.defineProperty(exports, "Carousel", {
-  enumerable: true,
-  get: function get() {
-    return _carousel["default"];
-  }
-});
-Object.defineProperty(exports, "Watermark", {
-  enumerable: true,
-  get: function get() {
-    return _watermark["default"];
-  }
-});
-Object.defineProperty(exports, "Preview", {
-  enumerable: true,
-  get: function get() {
-    return _preview["default"];
-  }
-});
 Object.defineProperty(exports, "ThemeContext", {
   enumerable: true,
   get: function get() {
@@ -316,9 +274,7 @@ var _tabs = _interopRequireDefault(require("./tabs"));
 
 var _table = _interopRequireDefault(require("./table"));
 
-var _notification = _interopRequireDefault(require("./notification"));
-
-var _HandleNotification = _interopRequireDefault(require("./notification/HandleNotification"));
+var _notification = _interopRequireWildcard(require("./notification"));
 
 var _modal = _interopRequireDefault(require("./modal"));
 
@@ -336,8 +292,6 @@ var _tooltip = _interopRequireDefault(require("./tooltip"));
 
 var _popover = _interopRequireDefault(require("./popover"));
 
-var _popper = _interopRequireDefault(require("./popper"));
-
 var _loading = _interopRequireDefault(require("./loading"));
 
 var _upload = _interopRequireDefault(require("./upload"));
@@ -370,7 +324,7 @@ var _form = _interopRequireDefault(require("./form"));
 
 var _menu = _interopRequireDefault(require("./menu"));
 
-var _Item = _interopRequireDefault(require("./form/Item"));
+var _item = _interopRequireDefault(require("./form/item"));
 
 var _ficon = _interopRequireDefault(require("./ficon"));
 
@@ -388,16 +342,10 @@ var _switch = _interopRequireDefault(require("./switch"));
 
 var _rate = _interopRequireDefault(require("./rate"));
 
-var _message = _interopRequireDefault(require("./message"));
-
-var _tag = _interopRequireDefault(require("./tag"));
-
-var _breadcrumb = _interopRequireDefault(require("./breadcrumb"));
-
-var _carousel = _interopRequireDefault(require("./carousel"));
+var _context = require("./context");
 
-var _watermark = _interopRequireDefault(require("./watermark"));
+function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
 
-var _preview = _interopRequireDefault(require("./preview"));
+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; }
 
-var _context = require("./context");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

package/es/input/index.js

@@ -1,43 +1,364 @@
 "use strict";
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 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;
+
+          _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 _context = _interopRequireDefault(require("../context"));
+      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}