@hi-ui/hiui 2.15.10 → 2.15.11

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

@@ -1,353 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-var _typeof3 = require("@babel/runtime/helpers/typeof");
-
-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 _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
-var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-
-var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
-var _util = require("./util");
-
-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); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof3(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; }
-
-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 _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
-/**
- * 自定义属性全小写；原声属性驼峰法
- * @prop type 输入框类型
- */
-var Input = /*#__PURE__*/function (_Component) {
-  (0, _inherits2["default"])(Input, _Component);
-
-  var _super = _createSuper(Input);
-
-  function Input(props) {
-    var _this;
-
-    (0, _classCallCheck2["default"])(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 = (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 /*#__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", (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 !== '' && /*#__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", (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() : /*#__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());
-    }
-  }]);
-  return Input;
-}(_react.Component);
-
-(0, _defineProperty2["default"])(Input, "_Input", '');
-var _default = Input;
-exports["default"] = _default;

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

@@ -1,176 +0,0 @@
-"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;