@hi-ui/hiui 2.15.11 → 2.15.12

package/es/popover/index.js

@@ -1,76 +1,78 @@
 "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 _react = _interopRequireWildcard(require("react"));
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _reactDom = _interopRequireDefault(require("react-dom"));
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
-var _popper = _interopRequireDefault(require("../popper"));
-
-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 _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
 
-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 _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
 
-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 _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
 
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 
-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); } }
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 
-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); }
+var _react = _interopRequireWildcard(require("react"));
 
-function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+var _propTypes = _interopRequireDefault(require("prop-types"));
 
-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; } }
+var _reactDom = _interopRequireDefault(require("react-dom"));
 
-function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+var _classnames = _interopRequireDefault(require("classnames"));
 
-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; }
+var _popper = _interopRequireDefault(require("../popper"));
 
-var Popover = /*#__PURE__*/function (_Component) {
-  _inherits(Popover, _Component);
+require("./style/index");
 
-  var _super = _createSuper(Popover);
+var Popover =
+/*#__PURE__*/
+function (_Component) {
+  (0, _inherits2["default"])(Popover, _Component);
 
   function Popover(props) {
     var _this;
 
-    _classCallCheck(this, Popover);
+    (0, _classCallCheck2["default"])(this, Popover);
+    _this = (0, _possibleConstructorReturn2["default"])(this, (0, _getPrototypeOf2["default"])(Popover).call(this, props));
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "unbindHover", true);
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handlePopperMouseOver", function () {
+      var trigger = _this.props.trigger;
 
-    _this = _super.call(this, props);
+      if (trigger === 'hover') {
+        _this.showPopper();
 
-    _defineProperty(_assertThisInitialized(_this), "unbindHover", true);
+        clearTimeout(_this.delayHidePopperTimer);
+      }
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handlePopperMouseOut", function () {
+      var trigger = _this.props.trigger;
 
+      if (trigger === 'hover') {
+        _this.hidePopper();
+      }
+    });
     _this.state = {
       showPopper: false
     };
     _this.eventTarget = null;
-    _this.popperRef = /*#__PURE__*/_react["default"].createRef();
+    _this.popperRef = _react["default"].createRef();
     _this.referenceRef = null;
+    _this.delayHidePopperTimer = null;
     return _this;
   }
 
-  _createClass(Popover, [{
+  (0, _createClass2["default"])(Popover, [{
     key: "showPopper",
     value: function showPopper() {
       this.setState({
@@ -89,12 +91,21 @@ var Popover = /*#__PURE__*/function (_Component) {
     value: function delayHidePopper(e) {
       var _this2 = this;
 
-      setTimeout(function () {
+      this.delayHidePopperTimer = setTimeout(function () {
         if (_this2.eventTarget !== e.target && _this2.isInPopover()) return;
 
         _this2.hidePopper();
       }, 200);
     }
+  }, {
+    key: "delayShowPopper",
+    value: function delayShowPopper(e) {
+      var _this3 = this;
+
+      this.delayShowPopperTimer = setTimeout(function () {
+        _this3.showPopper();
+      }, 200);
+    }
   }, {
     key: "isInPopover",
     value: function isInPopover() {
@@ -109,62 +120,45 @@ var Popover = /*#__PURE__*/function (_Component) {
   }, {
     key: "componentDidMount",
     value: function componentDidMount() {
-      var _this3 = this;
+      var _this4 = this;
 
       var trigger = this.props.trigger;
       this.element = _reactDom["default"].findDOMNode(this);
 
-      var referenceRef = _reactDom["default"].findDOMNode(this.referenceRef); // this.reference = ReactDOM.findDOMNode(this.refs.reference)
-
+      var referenceRef = _reactDom["default"].findDOMNode(this.referenceRef);
 
       if (referenceRef === null) return;
 
       if (trigger === 'click') {
         referenceRef.addEventListener('click', function () {
-          if (_this3.state.showPopper) {
-            _this3.hidePopper();
+          if (_this4.state.showPopper) {
+            _this4.hidePopper();
           } else {
-            _this3.showPopper();
+            _this4.showPopper();
           }
         });
         document.addEventListener('click', function (e) {
-          _this3.eventTarget = e.target;
-          if (_this3.isInPopover()) return;
+          _this4.eventTarget = e.target;
+          if (_this4.isInPopover()) return;
 
-          _this3.hidePopper();
+          _this4.hidePopper();
         });
       } else if (trigger === 'hover') {
         referenceRef.addEventListener('mouseenter', function (e) {
-          _this3.eventTarget = e.target;
+          _this4.eventTarget = e.target;
 
-          _this3.showPopper();
+          _this4.delayShowPopper(e);
         });
         referenceRef.addEventListener('mouseleave', function (e) {
-          _this3.delayHidePopper(e);
+          _this4.delayHidePopper(e);
+
+          clearTimeout(_this4.delayShowPopperTimer);
         });
       } else {
         referenceRef.addEventListener('focus', this.showPopper.bind(this));
         referenceRef.addEventListener('blur', this.hidePopper.bind(this));
       }
     }
-  }, {
-    key: "componentDidUpdate",
-    value: function componentDidUpdate() {
-      var _this4 = this;
-
-      var trigger = this.props.trigger;
-      var popper = this.popperRef;
-
-      if (popper.current && trigger === 'hover' && this.unbindHover) {
-        this.unbindHover = false;
-        popper.current.addEventListener('mouseenter', function (e) {
-          _this4.eventTarget = e.target; // this.showPopper()
-        });
-        popper.current.addEventListener('mouseleave', function (e) {
-          _this4.delayHidePopper(e);
-        });
-      }
-    }
   }, {
     key: "render",
     value: function render() {
@@ -176,49 +170,49 @@ var Popover = /*#__PURE__*/function (_Component) {
           title = _this$props.title,
           content = _this$props.content,
           placement = _this$props.placement,
-          width = _this$props.width;
+          width = _this$props.width,
+          visible = _this$props.visible;
       var showPopper = this.state.showPopper;
-      return /*#__PURE__*/_react["default"].createElement("div", {
+      return _react["default"].createElement("div", {
         className: (0, _classnames["default"])(className, 'hi-popover'),
         style: style,
         ref: function ref(node) {
           _this5.popoverContainer = node;
         }
-      }, /*#__PURE__*/_react["default"].cloneElement(_react["default"].Children.only(this.props.children), {
+      }, _react["default"].cloneElement(_react["default"].Children.only(this.props.children), {
         ref: function ref(el) {
           _this5.referenceRef = el;
         },
         tabIndex: '0'
-      }), /*#__PURE__*/_react["default"].createElement(_popper["default"], {
+      }), _react["default"].createElement(_popper["default"], {
         className: "hi-popover__popper",
-        show: showPopper,
+        show: [true, false].includes(visible) ? visible : showPopper,
         attachEle: this.popoverContainer,
         placement: placement,
         zIndex: 1040,
-        width: width
-      }, /*#__PURE__*/_react["default"].createElement("div", {
+        width: width,
+        onMouseOver: this.handlePopperMouseOver,
+        onMouseOut: this.handlePopperMouseOut
+      }, _react["default"].createElement("div", {
         ref: this.popperRef,
         className: (0, _classnames["default"])('hi-popover-base', "hi-popover-".concat(placement))
-      }, title && /*#__PURE__*/_react["default"].createElement("div", {
+      }, title && _react["default"].createElement("div", {
         className: "hi-popover__title"
-      }, title), /*#__PURE__*/_react["default"].createElement("div", {
+      }, title), _react["default"].createElement("div", {
         className: "hi-popover__content"
       }, content))));
     }
   }]);
-
   return Popover;
 }(_react.Component);
 
 exports["default"] = Popover;
-
-_defineProperty(Popover, "defaultProps", {
+(0, _defineProperty2["default"])(Popover, "defaultProps", {
   trigger: 'click',
   placement: 'top',
   width: 'auto'
 });
-
-_defineProperty(Popover, "propTypes", {
+(0, _defineProperty2["default"])(Popover, "propTypes", {
   placement: _propTypes["default"].oneOf(['top', 'bottom', 'left', 'right']),
   trigger: _propTypes["default"].oneOf(['click', 'focus', 'hover']),
   title: _propTypes["default"].oneOfType([_propTypes["default"].node, _propTypes["default"].string]),

package/es/popper/index.js

@@ -1,78 +1,69 @@
 "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 _react = _interopRequireWildcard(require("react"));
-
-var _reactDom = require("react-dom");
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
-require("./style/index");
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 
-var _context = _interopRequireDefault(require("../context"));
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
 
-function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
+var _getPrototypeOf3 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
 
-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 _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
 
-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 _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 
-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); }
+var _react = _interopRequireWildcard(require("react"));
 
-function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+var _reactDom = require("react-dom");
 
-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; } }
+var _propTypes = _interopRequireDefault(require("prop-types"));
 
-function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+var _classnames = _interopRequireDefault(require("classnames"));
 
-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; }
+var _lodash = _interopRequireDefault(require("lodash"));
 
-var Popper = /*#__PURE__*/function (_Component) {
-  _inherits(Popper, _Component);
+require("./style/index");
 
-  var _super = _createSuper(Popper);
+var Popper =
+/*#__PURE__*/
+function (_Component) {
+  (0, _inherits2["default"])(Popper, _Component);
 
   function Popper() {
+    var _getPrototypeOf2;
+
     var _this;
 
-    _classCallCheck(this, Popper);
+    (0, _classCallCheck2["default"])(this, Popper);
 
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
 
-    _this = _super.call.apply(_super, [this].concat(args));
-
-    _defineProperty(_assertThisInitialized(_this), "container", undefined);
-
-    _defineProperty(_assertThisInitialized(_this), "popperHeight", undefined);
-
+    _this = (0, _possibleConstructorReturn2["default"])(this, (_getPrototypeOf2 = (0, _getPrototypeOf3["default"])(Popper)).call.apply(_getPrototypeOf2, [this].concat(args)));
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "container", undefined);
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "popperHeight", undefined);
     return _this;
   }
 
-  _createClass(Popper, [{
+  (0, _createClass2["default"])(Popper, [{
     key: "componentDidUpdate",
     value: function componentDidUpdate(prevProps) {
+      if (!_lodash["default"].isEqual(prevProps.children.props, this.props.children.props)) {
+        this.forceUpdate();
+      }
+
       if (prevProps.show !== this.props.show || this.props.show) {
         (0, _reactDom.render)(this.renderChildren(), this.container);
       }
@@ -117,6 +108,11 @@ var Popper = /*#__PURE__*/function (_Component) {
           left = left + leftGap;
           break;
 
+        case 'bottom-end':
+          top = top + topGap + rect.height;
+          left = left + leftGap - width + rect.width;
+          break;
+
         case 'top':
           top = top - topGap;
           left = left + leftGap + rect.width / 2;
@@ -127,13 +123,18 @@ var Popper = /*#__PURE__*/function (_Component) {
           left = left + leftGap;
           break;
 
+        case 'top-end':
+          top = top - topGap;
+          left = left + leftGap - width + rect.width;
+          break;
+
         case 'left':
-          top = top + topGap + rect.height / 2;
-          left = left + leftGap;
+          top = top + rect.height / 2;
+          left = left - leftGap;
           break;
 
         case 'right':
-          top = top + topGap + rect.height / 2;
+          top = top + rect.height / 2;
           left = left + rect.width + leftGap;
           break;
 
@@ -208,13 +209,17 @@ var Popper = /*#__PURE__*/function (_Component) {
           className = _this$props3.className,
           show = _this$props3.show,
           height = _this$props3.height,
-          zIndex = _this$props3.zIndex;
+          zIndex = _this$props3.zIndex,
+          onMouseOver = _this$props3.onMouseOver,
+          onMouseOut = _this$props3.onMouseOut,
+          onMouseEnter = _this$props3.onMouseEnter,
+          onMouseLeave = _this$props3.onMouseLeave;
       if (!attachEle) return;
       var offset = this.getOffset();
       var width = offset.width;
       var left = offset.left + 'px';
       var top = offset.top + 'px';
-      return /*#__PURE__*/_react["default"].createElement("div", {
+      return _react["default"].createElement("div", {
         className: (0, _classnames["default"])('hi-popper__container', {
           'hi-popper__container--hide': !show
         }),
@@ -223,7 +228,7 @@ var Popper = /*#__PURE__*/function (_Component) {
           top: top,
           zIndex: zIndex
         }
-      }, /*#__PURE__*/_react["default"].createElement("div", {
+      }, _react["default"].createElement("div", {
         ref: function ref(node) {
           _this3.popperRef = node;
         },
@@ -233,7 +238,11 @@ var Popper = /*#__PURE__*/function (_Component) {
         style: {
           width: width,
           height: height
-        }
+        },
+        onMouseOut: onMouseOut,
+        onMouseOver: onMouseOver,
+        onMouseLeave: onMouseLeave,
+        onMouseEnter: onMouseEnter
       }, children));
     }
   }, {
@@ -243,8 +252,7 @@ var Popper = /*#__PURE__*/function (_Component) {
       container.style.position = 'absolute';
       container.style.top = '0';
       container.style.left = '0';
-      container.style.width = '100%'; // const child = React.Children.only(this.props.children)
-
+      container.style.width = '100%';
       document.body.appendChild(container);
       this.container = container;
     }
@@ -254,14 +262,11 @@ var Popper = /*#__PURE__*/function (_Component) {
       return null;
     }
   }]);
-
   return Popper;
 }(_react.Component);
 
-_defineProperty(Popper, "propTypes", {
-  // attachEle: PropTypes.oneOfType([
-  //   PropTypes.node
-  // ]).isRequired,
+exports["default"] = Popper;
+(0, _defineProperty2["default"])(Popper, "propTypes", {
   width: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].bool, _propTypes["default"].number]),
   // 为false时不设置
   height: _propTypes["default"].number,
@@ -270,17 +275,16 @@ _defineProperty(Popper, "propTypes", {
   topGap: _propTypes["default"].number,
   leftGap: _propTypes["default"].number,
   zIndex: _propTypes["default"].number,
-  placement: _propTypes["default"].oneOf(['bottom', 'bottom-start', 'top', 'top-start', 'left', 'right', 'right-start', 'top-bottom-start', 'top-bottom'])
+  placement: _propTypes["default"].oneOf(['bottom', 'bottom-start', 'top', 'top-start', 'top-end', 'left', 'right', 'right-start', 'top-bottom-start', 'top-bottom', 'bottom-end']),
+  onMouseOver: _propTypes["default"].func,
+  onMouseOut: _propTypes["default"].func,
+  onMouseEnter: _propTypes["default"].func,
+  onMouseLeave: _propTypes["default"].func
 });
-
-_defineProperty(Popper, "defaultProps", {
+(0, _defineProperty2["default"])(Popper, "defaultProps", {
   show: false,
   topGap: 2,
-  leftGap: 0,
+  leftGap: 2,
   zIndex: 1060,
   placement: 'bottom-start'
-});
-
-var _default = (0, _context["default"])(Popper);
-
-exports["default"] = _default;
+});

package/es/popper/style/index.css

@@ -1 +1 @@
-.hi-popper__container{position:absolute}.hi-popper__container--hide{display:none !important}.hi-popper__container .hi-popper__content{position:absolute}.hi-popper__container .hi-popper__content--hide{visibility:hidden;opacity:0}.hi-popper__container .hi-popper__content--top{bottom:0;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.hi-popper__container .hi-popper__content--top-start{bottom:0}.hi-popper__container .hi-popper__content--right{-webkit-transform:translateY(-50%);transform:translateY(-50%)}.hi-popper__container .hi-popper__content--bottom{-webkit-transform:translateX(-50%);transform:translateX(-50%)}.hi-popper__container .hi-popper__content--left{right:0;-webkit-transform:translateY(-50%);transform:translateY(-50%)}
+.hi-popper__container{position:absolute}.hi-popper__container--hide{display:none !important}.hi-popper__container .hi-popper__content{position:absolute}.hi-popper__container .hi-popper__content--hide{visibility:hidden;opacity:0}.hi-popper__container .hi-popper__content--top{bottom:0;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.hi-popper__container .hi-popper__content--top-start{bottom:0}.hi-popper__container .hi-popper__content--top-end{bottom:0}.hi-popper__container .hi-popper__content--right{-webkit-transform:translateY(-50%);transform:translateY(-50%)}.hi-popper__container .hi-popper__content--bottom{-webkit-transform:translateX(-50%);transform:translateX(-50%)}.hi-popper__container .hi-popper__content--left{right:0;-webkit-transform:translateY(-50%);transform:translateY(-50%)}