@hi-ui/hiui 3.9.0-rc.8 → 4.0.0-beta.1

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

@@ -1,349 +0,0 @@
-"use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
-var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
-
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
-var _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 _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 { Date.prototype.toString.call(Reflect.construct(Date, [], 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;

package/es/input/style/index.css

@@ -1 +0,0 @@
-textarea.hi-input{display:block;-webkit-box-shadow:none;box-shadow:none;outline:none;color:var(--color-black);font-size:14px;min-height:32px;height:auto;line-height:22px;resize:vertical;overflow:auto;padding:4px 12px;border:1px solid var(--color-gray-30);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:2px;background-color:var(--color-white);-webkit-transition:border-color 0.3s;transition:border-color 0.3s}textarea.hi-input:not(.disabled):hover{z-index:1;border-color:var(--color-primary)}textarea.hi-input.active{z-index:1;border-color:var(--color-primary)}textarea.hi-input.disabled{color:var(--color-gray-50);background-color:var(--color-gray-10);cursor:not-allowed}textarea.hi-input::-webkit-input-placeholder{color:var(--color-gray-50)}textarea.hi-input:-moz-placeholder{color:var(--color-gray-50)}textarea.hi-input::-moz-placeholder{color:var(--color-gray-50)}textarea.hi-input:-ms-input-placeholder{color:var(--color-gray-50)}.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:var(--color-gray-50)}.hi-input :-moz-placeholder,.hi-input_m :-moz-placeholder{color:var(--color-gray-50)}.hi-input ::-moz-placeholder,.hi-input_m ::-moz-placeholder{color:var(--color-gray-50)}.hi-input :-ms-input-placeholder,.hi-input_m :-ms-input-placeholder{color:var(--color-gray-50)}.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:var(--color-black);font-size:14px;line-height:22px;-webkit-box-shadow:none;box-shadow:none}.hi-input input.disabled,.hi-input_m input.disabled{color:var(--color-gray-50);background-color:var(--color-gray-10);cursor:not-allowed}.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%;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:2px;background-color:var(--color-white);-webkit-transition:border-color 0.3s;transition:border-color 0.3s}.hi-input .hi-input__inner.bordered,.hi-input_m .hi-input__inner.bordered{border:1px solid var(--color-gray-30)}.hi-input .hi-input__inner:not(.disabled):hover,.hi-input_m .hi-input__inner:not(.disabled):hover{z-index:1;border-color:var(--color-primary)}.hi-input .hi-input__inner.active,.hi-input_m .hi-input__inner.active{z-index:1;border-color:var(--color-primary)}.hi-input .hi-input__inner.disabled,.hi-input_m .hi-input__inner.disabled{color:var(--color-gray-50);background-color:var(--color-gray-10)}.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:var(--color-gray-50);font-size:22px;text-align:center}.hi-input__fix-box .hi-input__clear:hover,.hi-input_m__fix-box .hi-input__clear:hover{color:var(--color-black)}.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:var(--color-black);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-input_m__prepend{margin-right:-1px;z-index:1}.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-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:var(--color-primary);margin-left:-1px}.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-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:#f44343}

package/es/input/style/index.js

@@ -1,5 +0,0 @@
-"use strict";
-
-require("../../style/icon/index.css");
-
-require("./index.css");