@hi-ui/hiui 2.15.11 → 2.15.12

package/es/index.js

@@ -1,6 +1,6 @@
 "use strict";
 
-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 _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
 Object.defineProperty(exports, "__esModule", {
   value: true
@@ -44,7 +44,7 @@ Object.defineProperty(exports, "Notification", {
 Object.defineProperty(exports, "handleNotificate", {
   enumerable: true,
   get: function get() {
-    return _notification.handleNotificate;
+    return _HandleNotification["default"];
   }
 });
 Object.defineProperty(exports, "Modal", {
@@ -95,6 +95,12 @@ 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() {
@@ -200,7 +206,7 @@ Object.defineProperty(exports, "Menu", {
 Object.defineProperty(exports, "FormItem", {
   enumerable: true,
   get: function get() {
-    return _item["default"];
+    return _Item["default"];
   }
 });
 Object.defineProperty(exports, "Ficon", {
@@ -251,6 +257,42 @@ 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() {
@@ -274,7 +316,9 @@ var _tabs = _interopRequireDefault(require("./tabs"));
 
 var _table = _interopRequireDefault(require("./table"));
 
-var _notification = _interopRequireWildcard(require("./notification"));
+var _notification = _interopRequireDefault(require("./notification"));
+
+var _HandleNotification = _interopRequireDefault(require("./notification/HandleNotification"));
 
 var _modal = _interopRequireDefault(require("./modal"));
 
@@ -292,6 +336,8 @@ 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"));
@@ -324,7 +370,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"));
 
@@ -342,10 +388,16 @@ var _switch = _interopRequireDefault(require("./switch"));
 
 var _rate = _interopRequireDefault(require("./rate"));
 
-var _context = require("./context");
+var _message = _interopRequireDefault(require("./message"));
+
+var _tag = _interopRequireDefault(require("./tag"));
+
+var _breadcrumb = _interopRequireDefault(require("./breadcrumb"));
+
+var _carousel = _interopRequireDefault(require("./carousel"));
 
-function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
+var _watermark = _interopRequireDefault(require("./watermark"));
 
-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 _preview = _interopRequireDefault(require("./preview"));
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+var _context = require("./context");

package/es/input/Input.js

@@ -0,0 +1,400 @@
+"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 _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
+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 _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+
+var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
+
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _util = require("./util");
+
+var Input =
+/*#__PURE__*/
+function (_Component) {
+  (0, _inherits2["default"])(Input, _Component);
+
+  function Input(props) {
+    var _this;
+
+    (0, _classCallCheck2["default"])(this, Input);
+    _this = (0, _possibleConstructorReturn2["default"])(this, (0, _getPrototypeOf2["default"])(Input).call(this, props));
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "focus", function () {
+      _this._Input.current.focus();
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "blur", function () {
+      _this._Input.current.blur();
+    });
+    _this._Input = _react["default"].createRef(); // 传入属性
+
+    var commonAttrs = {
+      type: 'text',
+      size: 'm',
+      prefixicon: '',
+      suffixicon: '',
+      prefix: '',
+      suffix: ''
+    };
+    var oldProps = Object.assign({}, commonAttrs, _this.props);
+    var newProps = (0, _util.getAttrs)(oldProps);
+    var prepend = props.prepend,
+        append = props.append,
+        value = props.value,
+        defaultValue = props.defaultValue,
+        type = props.type; // 分离有效属性和事件
+
+    _this.attrs = newProps.attrs;
+    var valueSource = value === undefined ? defaultValue : value;
+    var valueType = (0, _typeof2["default"])(valueSource);
+    var prefix = typeof prepend === 'string' ? prepend : '';
+    var suffix = typeof append === 'string' ? append : '';
+    var prependNode = typeof prepend !== 'string' && prepend;
+    var appendNode = typeof append !== 'string' && append;
+    _this.state = {
+      value: valueType === 'string' || valueType === 'number' ? (0, _util.format)(valueSource.toString(), type) : '',
+      valueTrue: prefix + valueSource + suffix,
+      hover: false,
+      active: false,
+      prefix: prefix,
+      suffix: suffix,
+      prepend: prependNode,
+      append: appendNode,
+      type: type
+    };
+    return _this;
+  }
+
+  (0, _createClass2["default"])(Input, [{
+    key: "componentWillReceiveProps",
+    value: function componentWillReceiveProps(nextProps) {
+      if (nextProps.type !== this.state.type) {
+        this.setState({
+          type: nextProps.type
+        });
+      }
+
+      if (nextProps.value !== undefined) {
+        if (nextProps.value !== this.state.value) {
+          var valueType = (0, _typeof2["default"])(nextProps.value);
+          this.setState({
+            value: valueType === 'string' || valueType === 'number' ? (0, _util.format)(nextProps.value.toString(), nextProps.type) : '',
+            valueTrue: nextProps.value
+          });
+        }
+      }
+
+      if (nextProps.prepend !== this.state.prepend || nextProps.append !== this.state.append) {
+        var prepend = nextProps.prepend,
+            append = nextProps.append;
+        var prefix = typeof prepend === 'string' ? prepend : '';
+        var suffix = typeof append === 'string' ? append : '';
+        var prependNode = typeof prepend !== 'string' && prepend;
+        var appendNode = typeof append !== 'string' && append;
+        this.setState({
+          prefix: prefix,
+          suffix: suffix,
+          prepend: prependNode,
+          append: appendNode
+        });
+      }
+    }
+  }, {
+    key: "renderText",
+
+    /**
+     * 渲染 text 输入框
+     */
+    value: function renderText() {
+      var _this2 = this;
+
+      var _this$state = this.state,
+          hover = _this$state.hover,
+          active = _this$state.active,
+          value = _this$state.value,
+          type = _this$state.type; // clearableTrigger 为内部预留，主要表示清除按钮的触发形态，类型分为 'hover' 和 ‘always’
+
+      var _this$props = this.props,
+          disabled = _this$props.disabled,
+          id = _this$props.id,
+          placeholder = _this$props.placeholder,
+          clearable = _this$props.clearable,
+          _this$props$clearable = _this$props.clearableTrigger,
+          clearableTrigger = _this$props$clearable === void 0 ? 'hover' : _this$props$clearable;
+      var _this$state2 = this.state,
+          prefix = _this$state2.prefix,
+          suffix = _this$state2.suffix,
+          prepend = _this$state2.prepend,
+          append = _this$state2.append;
+      var noClear = ['textarea'];
+      var prefixId = id ? id + '_prefix' : '';
+      var suffixId = id ? id + '_suffix' : '';
+      var _this$attrs = this.attrs,
+          defaultValue = _this$attrs.defaultValue,
+          attrs = (0, _objectWithoutProperties2["default"])(_this$attrs, ["defaultValue"]);
+      var filterAttrs = (0, _util.filterObjProps)(attrs, ['locale', 'theme', 'suffixicon', 'suffix', 'prepend', 'prefixicon', 'prefix', 'localeDatas', 'append', 'innerRef', 'clearable']);
+      return _react["default"].createElement("div", {
+        className: (0, _classnames["default"])('hi-input__out', {
+          'hi-input--prepend': prepend,
+          'hi-input--append': append
+        })
+      }, // 前置元素
+      prepend && _react["default"].createElement("span", {
+        className: "hi-input__prepend"
+      }, prepend), _react["default"].createElement("div", {
+        className: "hi-input__inner".concat(active ? ' active' : '').concat(disabled ? ' disabled' : '')
+      }, // 前缀
+      prefix && _react["default"].createElement("span", {
+        id: prefixId,
+        className: "hi-input__prefix",
+        "data-value": prefix
+      }, prefix), _react["default"].createElement("input", (0, _extends2["default"])({
+        ref: this._Input,
+        className: "hi-input__text ".concat(disabled ? 'disabled' : ''),
+        value: this.state.value,
+        autoComplete: "off",
+        disabled: disabled
+      }, filterAttrs, {
+        type: type,
+        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.props.onChange && _this2.props.onChange(e, valueTrue);
+          _this2.props.value === undefined && _this2.setState({
+            value: value,
+            valueTrue: valueTrue
+          });
+        },
+        onBlur: function onBlur(e) {
+          e.persist();
+          var value = e.target.value;
+          var valueTrue = _this2.state.valueTrue; // amount 自动添加小数
+
+          if (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 && prefix === '' && suffix === '' && value !== '' && clearable && _react["default"].createElement("span", {
+        className: "hi-input__fix-box ".concat((hover || clearableTrigger === 'always') && !disabled ? '' : 'invisible'),
+        onClick: function onClick() {
+          _this2._Input.current.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.current
+            };
+            _this2.props.onChange && _this2.props.onChange(e, '');
+          });
+        }
+      }, _react["default"].createElement("i", {
+        className: "hi-input__clear hi-input__suffix__icon hi-icon icon-close-circle"
+      })), // 后缀
+      suffix && _react["default"].createElement("span", {
+        id: suffixId,
+        className: "hi-input__suffix",
+        "data-value": suffix
+      }, suffix)), // 后置元素
+      append && _react["default"].createElement("span", {
+        className: "hi-input__append"
+      }, append));
+    }
+    /**
+     * 渲染 textarea
+     */
+
+  }, {
+    key: "renderTextarea",
+    value: function renderTextarea() {
+      var _this3 = this;
+
+      var active = this.state.active;
+      var _this$props2 = this.props,
+          disabled = _this$props2.disabled,
+          theme = _this$props2.theme;
+      var _this$attrs2 = this.attrs,
+          defaultValue = _this$attrs2.defaultValue,
+          attrs = (0, _objectWithoutProperties2["default"])(_this$attrs2, ["defaultValue"]);
+      var filterAttrs = (0, _util.filterObjProps)(attrs, ['locale', 'theme', 'suffixicon', 'suffix', 'prepend', 'prefixicon', 'prefix', 'localeDatas', 'append', 'innerRef', 'clearable']);
+      return _react["default"].createElement("textarea", (0, _extends2["default"])({
+        className: "hi-input theme__".concat(theme, " ").concat(active ? 'active' : '', " ").concat(disabled ? 'disabled' : ''),
+        style: this.props.style,
+        autoComplete: "off",
+        value: this.state.value,
+        disabled: disabled
+      }, filterAttrs, {
+        onChange: function onChange(e) {
+          e.persist();
+          var valueTrue = e.target.value;
+          _this3.props.onChange && _this3.props.onChange(e, valueTrue);
+          _this3.props.value === undefined && _this3.setState({
+            value: valueTrue,
+            valueTrue: 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$props3 = this.props,
+          size = _this$props3.size,
+          id = _this$props3.id,
+          className = _this$props3.className,
+          required = _this$props3.required,
+          theme = _this$props3.theme;
+      return type === 'textarea' ? this.renderTextarea() : _react["default"].createElement("div", {
+        id: id,
+        className: "hi-input theme__".concat(theme, " ").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.current.focus();
+        },
+        onMouseOver: function onMouseOver(e) {
+          _this4.setState({
+            hover: true
+          });
+        },
+        onMouseLeave: function onMouseLeave(e) {
+          _this4.setState({
+            hover: false
+          });
+        }
+      }, this.renderText());
+    }
+  }]);
+  return Input;
+}(_react.Component);
+
+Input.defaultProps = {
+  defaultValue: ''
+};
+var _default = Input;
+exports["default"] = _default;