@hi-ui/hiui 2.15.11 → 2.15.12

package/es/date-picker/util.js

@@ -1,12 +1,22 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.nextMonth = exports.calcDayCount = exports.getYearWeek = exports.deconstructDate = void 0;
+exports.getInRangeDate = exports.getPRCDate = exports.showLargeCalendar = exports.colDisabled = exports.nextMonth = exports.getYearWeek = exports.deconstructDate = void 0;
+
+var _axios = _interopRequireDefault(require("axios"));
 
 var _dateUtil = require("./dateUtil");
 
+var holiday = {
+  PRCHoliday: 'https://cdn.cnbj1.fds.api.mi-img.com/hiui/PRCHoliday.json?',
+  PRCLunar: 'https://cdn.cnbj1.fds.api.mi-img.com/hiui/PRCLunar.json?',
+  IndiaHoliday: 'https://cdn.cnbj1.fds.api.mi-img.com/hiui/IndiaHoliday.json?'
+};
+
 var deconstructDate = function deconstructDate(date) {
   var weekOffset = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
   !(date instanceof Date) && (date = new Date(date));
@@ -46,15 +56,98 @@ var getYearWeek = function getYearWeek(date) {
 
 exports.getYearWeek = getYearWeek;
 
-var calcDayCount = function calcDayCount(year, month) {
-  return new Date(year, parseInt(month, 10), 0).getDate();
-};
-
-exports.calcDayCount = calcDayCount;
-
 var nextMonth = function nextMonth(date) {
   !(date instanceof Date) && (date = new Date(date));
   return (0, _dateUtil.addMonths)(date, 1);
+}; // 判读日期是不可点击
+
+
+exports.nextMonth = nextMonth;
+
+var colDisabled = function colDisabled(type, col, _year, props, y) {
+  var maxDate = props.max,
+      minDate = props.min;
+  var maxYear = maxDate && (0, _dateUtil.getYear)(maxDate);
+  var minYear = minDate && (0, _dateUtil.getYear)(minDate);
+
+  if (type === 'year') {
+    col.text = y;
+
+    if (minDate || maxDate) {
+      col.disabled = y > maxYear || y < minYear;
+    }
+  } else {
+    col.text = props.localeDatas.datePicker.month[y - 1];
+
+    if (minDate || maxDate) {
+      col.disabled = _year > maxYear || _year < minYear;
+
+      if (_year === minYear) {
+        col.disabled = y - 1 < (0, _dateUtil.getMonth)(minDate);
+      }
+
+      if (_year === maxYear && !col.disabled) {
+        col.disabled = y - 1 > (0, _dateUtil.getMonth)(maxDate);
+      }
+    }
+  }
+
+  return col;
+};
+/**
+ * 是否展示历法次要信息
+ * @param {Object} props
+ */
+
+
+exports.colDisabled = colDisabled;
+
+var showLargeCalendar = function showLargeCalendar(props) {
+  return props.type !== 'yearrange' && props.type !== 'monthrange' && (props.altCalendar || props.altCalendarPreset || props.dateMarkRender || props.dateMarkPreset);
+};
+
+exports.showLargeCalendar = showLargeCalendar;
+
+var getPRCDate = function getPRCDate(api) {
+  var url = holiday[api];
+  var options = {
+    url: url,
+    method: 'GET'
+  };
+  return url ? _axios["default"].create().request(options) : null;
+}; // 处理输入不在该范围内的处理
+
+
+exports.getPRCDate = getPRCDate;
+
+var getInRangeDate = function getInRangeDate(startDate, endDate, max, min) {
+  var _startDate = (0, _dateUtil.isValid)(startDate) ? startDate : '';
+
+  var _endDate = (0, _dateUtil.isValid)(endDate) ? endDate : '';
+
+  if (min && (0, _dateUtil.isValid)(startDate)) {
+    var minTimestamp = Date.parse((0, _dateUtil.toDate)(min));
+    var startDateTimestamp = Date.parse(startDate);
+    var endDateTimestamp = Date.parse(endDate);
+    _startDate = startDateTimestamp < minTimestamp ? new Date(minTimestamp) : new Date(startDate);
+    _endDate = endDateTimestamp < minTimestamp ? new Date(minTimestamp) : new Date(endDate);
+  }
+
+  if (max && (0, _dateUtil.isValid)(startDate)) {
+    var maxTimestamp = Date.parse((0, _dateUtil.toDate)(max));
+
+    var _startDateTimestamp = Date.parse(_startDate);
+
+    var _endDateTimestamp = Date.parse(_endDate);
+
+    _startDate = _startDateTimestamp > maxTimestamp ? new Date(maxTimestamp) : new Date(_startDate);
+    _endDate = _endDateTimestamp > maxTimestamp ? new Date(maxTimestamp) : new Date(_endDate);
+  }
+
+  return {
+    startDate: _startDate,
+    endDate: _endDate
+  };
 };
 
-exports.nextMonth = nextMonth;
+exports.getInRangeDate = getInRangeDate;

package/es/dropdown/Dropdown.js

@@ -1,259 +1,247 @@
 "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;
+exports.Dropdown = exports["default"] = void 0;
 
-var _react = _interopRequireWildcard(require("react"));
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 
-var _reactClickOutside = _interopRequireDefault(require("react-click-outside"));
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 
-var _classnames = _interopRequireDefault(require("classnames"));
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
 
-var _index = _interopRequireDefault(require("../button/index"));
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
 
-var _popper = _interopRequireDefault(require("../popper"));
+var _getPrototypeOf3 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
 
-var _context = _interopRequireDefault(require("../context"));
+var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 
-function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 
-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 _react = _interopRequireDefault(require("react"));
 
-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 _classnames = _interopRequireDefault(require("classnames"));
 
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+var _propTypes = _interopRequireDefault(require("prop-types"));
 
-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 _DropdownButton = _interopRequireDefault(require("./DropdownButton"));
 
-function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
+var _DropdownMenu = _interopRequireWildcard(require("./DropdownMenu"));
 
-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); }
+var _context = _interopRequireDefault(require("../context"));
 
-function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+var _ = require(".");
 
-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); }; }
+var _utils = require("./utils");
 
-function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
+var Dropdown =
+/*#__PURE__*/
+function (_React$Component) {
+  (0, _inherits2["default"])(Dropdown, _React$Component);
 
-function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+  function Dropdown() {
+    var _getPrototypeOf2;
 
-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 _this;
 
-function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+    (0, _classCallCheck2["default"])(this, Dropdown);
 
-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; }
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
 
-var Dropdown = /*#__PURE__*/function (_Component) {
-  _inherits(Dropdown, _Component);
+    _this = (0, _possibleConstructorReturn2["default"])(this, (_getPrototypeOf2 = (0, _getPrototypeOf3["default"])(Dropdown)).call.apply(_getPrototypeOf2, [this].concat(args)));
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "refDropdown", _react["default"].createRef());
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "timerHideMenu", null);
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "state", {
+      visible: false
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "setPopperShow", function (event) {
+      event.preventDefault();
+      clearTimeout(_this.timerHideMenu);
 
-  var _super = _createSuper(Dropdown);
+      _this.setState({
+        visible: true
+      });
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "setPopperHide", function (event) {
+      event.preventDefault();
 
-  function Dropdown(props) {
-    var _this;
+      _this.setState({
+        visible: false
+      });
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "setPopperDelayHide", function (event) {
+      _this.eventHandler(event);
 
-    _classCallCheck(this, Dropdown);
+      _this.timerHideMenu = setTimeout(function () {
+        _this.setState({
+          visible: false
+        });
+      }, 100);
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "toggleVisible", function () {
+      var visible = _this.state.visible;
+      var toggleVisible = visible ? _this.setPopperHide : _this.setPopperShow;
+      return toggleVisible;
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "getPopperShowHandler", function () {
+      var disabled = _this.props.disabled;
+      if (disabled) return {};
+      var triggers = (0, _utils.trimTriggers)(_this.props);
+
+      var getHandler = function getHandler(props) {
+        if ((0, _utils.getIsTriggerEqualHover)(props)) {
+          return {
+            onMouseEnter: _this.setPopperShow
+          };
+        }
 
-    _this = _super.call(this, props);
+        if ((0, _utils.getIsTriggerEqualContextmenu)(props)) {
+          return {
+            onContextMenu: _this.toggleVisible()
+          };
+        }
 
-    _defineProperty(_assertThisInitialized(_this), "MENUTITLE", null);
+        return {
+          onClick: _this.toggleVisible()
+        };
+      };
+
+      return triggers.reduce(function (prev, cur) {
+        return Object.assign(prev, getHandler(cur));
+      }, {});
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "getPopperHideHandler", function () {
+      var disabled = _this.props.disabled;
+      if (disabled) return {};
+      return (0, _utils.getIsTriggerEqualHover)(_this.props) ? {
+        onMouseLeave: _this.setPopperDelayHide
+      } : {};
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleMenuMouseLeave", function () {
+      (0, _utils.getIsTriggerEqualHover)(_this.props) && _this.setPopperDelayHide();
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleMenuMouseEnter", function () {
+      clearTimeout(_this.timerHideMenu);
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleChildMenuMouseEnter", function () {
+      clearTimeout(_this.timerHideMenu);
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleChildMenuMouseLeave", function () {
+      (0, _utils.getIsTriggerEqualHover)(_this.props) && _this.setPopperDelayHide();
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleMenuItemClick", function (data, isLinkOrNoChildren) {
+      var onClick = _this.props.onClick;
+
+      if (isLinkOrNoChildren || onClick) {
+        _this.setPopperDelayHide();
+      }
 
-    _this.state = {
-      visible: false
-    };
+      onClick && onClick(data);
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleDocumentClick", function (e) {
+      if (_this.refDropdown.current) {
+        !_this.refDropdown.current.contains(e.target) && _this.setState({
+          visible: false
+        });
+      }
+    });
     return _this;
   }
 
-  _createClass(Dropdown, [{
-    key: "componentDidMount",
-    value: function componentDidMount() {
-      this.registerEvent();
-    }
-  }, {
-    key: "registerEvent",
-    value: function registerEvent() {
-      var _this2 = this;
+  (0, _createClass2["default"])(Dropdown, [{
+    key: "eventHandler",
+    value: function eventHandler(event) {
+      if (event) {
+        event.stopPropagation();
+        event.preventDefault();
 
-      var _this$props = this.props,
-          trigger = _this$props.trigger,
-          type = _this$props.type;
-
-      if (type !== 'group') {
-        if (trigger instanceof Array) {
-          trigger.forEach(function (en, index) {
-            _this2.MENUTITLE.addEventListener(en, function (e) {
-              _this2.triggerEvent(e);
-            }, false);
-          });
-        } else {
-          this.MENUTITLE.addEventListener(trigger, function (e) {
-            _this2.triggerEvent(e);
-          }, false);
+        if (event.nativeEvent && event.nativeEvent.stopImmediatePropagation) {
+          event.nativeEvent.stopImmediatePropagation();
         }
       }
     }
   }, {
-    key: "triggerEvent",
-    value: function triggerEvent(e) {
-      e && e.preventDefault();
-      this.setState({
-        visible: !this.state.visible
-      });
-    }
-  }, {
-    key: "handleClickOutside",
-    value: function handleClickOutside() {
-      if (this.state.visible) {
-        this.setState({
-          visible: false
-        });
-      }
-    }
-  }, {
-    key: "handlerClick",
-    value: function handlerClick(item) {
-      if (item.disabled) {
-        return false;
-      }
-
-      this.setState({
-        visible: false
-      });
-
-      if (item.onClick) {
-        item.onClick(item.value || item.title);
-        return false;
-      }
-
-      this.props.onClick(item.value || item.title);
+    key: "componentWillUnmount",
+    value: function componentWillUnmount() {
+      document.removeEventListener('click', this.handleDocumentClick);
+      document.removeEventListener('contextmenu', this.handleDocumentClick);
     }
   }, {
-    key: "renderTitle",
-    value: function renderTitle() {
-      var _this$props2 = this.props,
-          type = _this$props2.type,
-          title = _this$props2.title;
-
-      if (type === 'button') {
-        return /*#__PURE__*/_react["default"].createElement(_index["default"], {
-          type: "default"
-        }, title, " \xA0", /*#__PURE__*/_react["default"].createElement("i", {
-          className: "hi-icon icon-down"
-        }));
-      } else if (type === 'group') {
-        return /*#__PURE__*/_react["default"].createElement("div", {
-          className: "hi-dropdown__button-group"
-        }, /*#__PURE__*/_react["default"].createElement(_index["default"], {
-          type: "default",
-          onClick: this.handlerClick.bind(this, {
-            title: title
-          })
-        }, title), /*#__PURE__*/_react["default"].createElement(_index["default"], {
-          type: "default",
-          onClick: this.triggerEvent.bind(this)
-        }, /*#__PURE__*/_react["default"].createElement("i", {
-          className: "hi-icon icon-down"
-        })));
-      } else {
-        return /*#__PURE__*/_react["default"].createElement("div", {
-          className: "hi-dropdown__title"
-        }, /*#__PURE__*/_react["default"].createElement("span", {
-          className: "hi-dropdown__title-text"
-        }, title), /*#__PURE__*/_react["default"].createElement("i", {
-          className: "hi-icon icon-down"
-        }));
-      }
+    key: "componentDidMount",
+    value: function componentDidMount() {
+      document.addEventListener('click', this.handleDocumentClick);
+      document.addEventListener('contextmenu', this.handleDocumentClick);
     }
   }, {
     key: "render",
     value: function render() {
-      var _this3 = this;
-
-      // splitButton，disabled
-      var _this$props3 = this.props,
-          list = _this$props3.list,
-          width = _this$props3.width,
-          prefix = _this$props3.prefix,
-          suffix = _this$props3.suffix,
-          theme = _this$props3.theme,
-          title = _this$props3.title,
-          placement = _this$props3.placement;
+      var _this$props = this.props,
+          className = _this$props.className,
+          style = _this$props.style,
+          title = _this$props.title,
+          type = _this$props.type,
+          placement = _this$props.placement,
+          data = _this$props.data,
+          disabled = _this$props.disabled,
+          width = _this$props.width,
+          onButtonClick = _this$props.onButtonClick,
+          theme = _this$props.theme;
       var visible = this.state.visible;
-      var ulCls = (0, _classnames["default"])('hi-dropdown__menu');
-      return /*#__PURE__*/_react["default"].createElement("div", {
-        className: "hi-dropdown theme__".concat(theme),
-        ref: function ref(el) {
-          _this3.MENUTITLE = el;
-        },
-        style: {
-          width: width
-        }
-      }, this.renderTitle(), /*#__PURE__*/_react["default"].createElement(_popper["default"], {
-        className: "hi-dropdown__popper",
-        show: visible,
-        attachEle: this.MENUTITLE,
-        zIndex: 1060,
-        placement: placement
-      }, /*#__PURE__*/_react["default"].createElement("ul", {
-        className: ulCls
-      }, list.map(function (item, index) {
-        if (item.title === '-') {
-          // 分隔线
-          return /*#__PURE__*/_react["default"].createElement("li", {
-            className: "hi-dropdown__divider",
-            key: index
-          });
-        }
-
-        var liCls = (0, _classnames["default"])('hi-dropdown__item', item.disabled && 'hi-dropdown__item--disabled', String(item.title) === String(title) && 'hi-dropdown__item--active');
-        return /*#__PURE__*/_react["default"].createElement("li", {
-          className: liCls,
-          key: index,
-          onClick: _this3.handlerClick.bind(_this3, item)
-        }, (prefix || item.prefix) && /*#__PURE__*/_react["default"].createElement("div", {
-          className: "hi-dropdown__item-prefix"
-        }, prefix || item.prefix), /*#__PURE__*/_react["default"].createElement("div", {
-          className: "hi-dropdown__item-title",
-          title: item.title
-        }, item.title), (suffix || item.suffix) && /*#__PURE__*/_react["default"].createElement("div", {
-          className: "hi-dropdown__item-suffix"
-        }, suffix || item.suffix));
-      }))));
+      var dropdownCls = (0, _classnames["default"])(_.prefixCls, _.prefixCls + '--' + type, className, disabled && "".concat(_.prefixCls, "--disabled"));
+      return _react["default"].createElement("div", {
+        className: dropdownCls,
+        style: style,
+        ref: this.refDropdown
+      }, _react["default"].createElement(_DropdownButton["default"], (0, _extends2["default"])({}, this.getPopperShowHandler(), this.getPopperHideHandler(), {
+        type: type,
+        theme: theme,
+        visible: visible,
+        onButtonClick: onButtonClick,
+        disabled: disabled
+      }), title), _react["default"].createElement(_DropdownMenu["default"], {
+        theme: theme,
+        visible: visible,
+        attachEle: this.refDropdown.current,
+        data: data,
+        placement: placement,
+        onMouseEnter: this.handleMenuMouseEnter,
+        onMouseLeave: this.handleMenuMouseLeave,
+        onChildMenuMouseEnter: this.handleChildMenuMouseEnter,
+        onChildMenuMouseLeave: this.handleChildMenuMouseLeave,
+        onMenuItemClick: this.handleMenuItemClick,
+        width: width
+      }));
     }
   }]);
-
   return Dropdown;
-}(_react.Component);
+}(_react["default"].Component);
 
-_defineProperty(Dropdown, "propTypes", {
-  placement: _propTypes["default"].oneOf(['top-start', 'bottom-start', 'top-bottom-start']),
-  trigger: _propTypes["default"].oneOfType([_propTypes["default"].oneOf(['contextmenu', 'click']), _propTypes["default"].arrayOf(_propTypes["default"].string)]),
+exports.Dropdown = Dropdown;
+Dropdown.propTypes = {
+  placement: _propTypes["default"].oneOf(['top-start', 'bottom-start', 'top', 'bottom', 'bottom-end', 'top-end']),
+  trigger: _propTypes["default"].oneOfType([_propTypes["default"].oneOf(['contextmenu', 'click', 'hover']), _propTypes["default"].arrayOf(_propTypes["default"].oneOf(['contextmenu', 'click', 'hover']))]),
   onClick: _propTypes["default"].func,
-  list: _propTypes["default"].arrayOf(_propTypes["default"].shape({
-    title: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].node]),
-    onClick: _propTypes["default"].func,
-    prefix: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].node]),
-    suffix: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].node]),
-    value: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number])
-  })),
+  data: _DropdownMenu.propTypesOfMenuData,
   title: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].node]),
-  prefix: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].node]),
-  suffix: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].node]),
-  width: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number])
-});
-
-_defineProperty(Dropdown, "defaultProps", {
-  placement: 'top-bottom-start',
-  trigger: 'click',
-  onClick: function onClick() {},
-  list: []
-});
-
-var _default = (0, _context["default"])((0, _reactClickOutside["default"])(Dropdown));
+  width: _propTypes["default"].number,
+  className: _propTypes["default"].string,
+  style: _propTypes["default"].object
+};
+Dropdown.defaultProps = {
+  placement: 'bottom-start',
+  trigger: 'hover',
+  width: 240
+};
+
+var _default = (0, _context["default"])(Dropdown);
 
 exports["default"] = _default;