@hi-ui/hiui 2.15.11 → 2.15.12

package/es/input/index.js

@@ -1,364 +1,43 @@
 "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 _react = _interopRequireWildcard(require("react"));
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 
-var _classnames = _interopRequireDefault(require("classnames"));
+var _react = _interopRequireWildcard(require("react"));
 
-var _util = require("./util");
+var _Input = _interopRequireDefault(require("./Input"));
 
 require("./style/index");
 
-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 _inputLegacy = _interopRequireDefault(require("./input-legacy"));
 
-      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());
-    }
-  }]);
+var _context = _interopRequireDefault(require("../context"));
 
-  return Input;
-}(_react.Component);
+function SwitchVersion() {
+  var component = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  var componentLegacy = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  return (0, _react.forwardRef)(function (props, ref) {
+    var InnerComponent = props.legacy === true ? componentLegacy : component;
+    return _react["default"].createElement(InnerComponent, (0, _extends2["default"])({}, props, {
+      ref: ref
+    }));
+  });
+}
 
-_defineProperty(Input, "_Input", '');
+var _default = SwitchVersion((0, _context["default"])(_Input["default"]), _inputLegacy["default"]);
 
-var _default = Input;
 exports["default"] = _default;