acud 1.2.17 → 1.2.18

package/lib/cascader/MenuItem.js

@@ -1,55 +1,42 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _tooltip = _interopRequireDefault(require("../tooltip"));
-
 var _checkbox = _interopRequireDefault(require("../checkbox"));
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 var MenuItem = function MenuItem(props) {
   var option = props.option,
-      label = props.label,
-      menuItemCls = props.menuItemCls,
-      expandProps = props.expandProps,
-      prefixCls = props.prefixCls,
-      isMulti = props.isMulti,
-      checked = props.checked,
-      indeterminate = props.indeterminate,
-      labelContent = props.labelContent,
-      expandIconNode = props.expandIconNode,
-      loadingIconNode = props.loadingIconNode,
-      handleMultiClick = props.handleMultiClick,
-      onMultiSelect = props.onMultiSelect,
-      onMouseEnter = props.onMouseEnter;
+    label = props.label,
+    menuItemCls = props.menuItemCls,
+    expandProps = props.expandProps,
+    prefixCls = props.prefixCls,
+    isMulti = props.isMulti,
+    checked = props.checked,
+    indeterminate = props.indeterminate,
+    labelContent = props.labelContent,
+    expandIconNode = props.expandIconNode,
+    loadingIconNode = props.loadingIconNode,
+    handleMultiClick = props.handleMultiClick,
+    onMultiSelect = props.onMultiSelect,
+    onMouseEnter = props.onMouseEnter;
   var targetRef = (0, _react.useRef)();
-
   var _useState = (0, _react.useState)(false),
-      _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-      overflow = _useState2[0],
-      setOverflow = _useState2[1];
-
+    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+    overflow = _useState2[0],
+    setOverflow = _useState2[1];
   var title = (0, _react.useMemo)(function () {
     if ('title' in option) {
       return option.title;
     }
-
     if ((typeof label === 'string' || option.__IS_FILTERED_OPTION) && overflow) {
       return label;
     }
@@ -57,11 +44,9 @@ var MenuItem = function MenuItem(props) {
   var handleMouseEnter = (0, _react.useCallback)(function (e) {
     onMouseEnter === null || onMouseEnter === void 0 ? void 0 : onMouseEnter(e);
     var ele = targetRef.current;
-
     if (isMulti) {
       ele = ele === null || ele === void 0 ? void 0 : ele.parentNode;
     }
-
     var overflow = (ele === null || ele === void 0 ? void 0 : ele.scrollWidth) > (ele === null || ele === void 0 ? void 0 : ele.clientWidth);
     setOverflow(overflow);
   }, [onMouseEnter]);
@@ -93,6 +78,5 @@ var MenuItem = function MenuItem(props) {
     ref: targetRef
   })), expandIconNode, loadingIconNode));
 };
-
 var _default = MenuItem;
 exports["default"] = _default;

package/lib/cascader/Menus.d.ts

@@ -33,8 +33,8 @@ interface MenusState {
     menuScrollOpen: boolean;
     activeValue?: (string | number)[];
 }
-declare type MenusType = Record<number, HTMLLIElement>;
-declare type MenuItemsType = Record<number, HTMLLIElement>;
+type MenusType = Record<number, HTMLLIElement>;
+type MenuItemsType = Record<number, HTMLLIElement>;
 declare class Menus extends React.Component<MenusProps, MenusState> {
     menuWrap: HTMLLIElement;
     menus: MenusType;
@@ -45,8 +45,8 @@ declare class Menus extends React.Component<MenusProps, MenusState> {
     componentDidUpdate(prevProps: MenusProps): void;
     isStatusOption(statusValue: any[], option: any, menuIndex: any): boolean;
     getFieldName(name: any): any;
-    getOption(option: CascaderOption, menuIndex: number): JSX.Element;
-    getCheckAllOption(menuIndex: number): JSX.Element;
+    getOption(option: CascaderOption, menuIndex: number): React.JSX.Element;
+    getCheckAllOption(menuIndex: number): React.JSX.Element;
     getActiveOptions(values?: CascaderOption[]): CascaderOption[];
     getShowOptions(): CascaderOption[][];
     delayOnEvent(onEvent: any, ...args: any[]): void;
@@ -59,6 +59,6 @@ declare class Menus extends React.Component<MenusProps, MenusState> {
     handleMenuScroll: (menuIndex: any) => () => void;
     onShowActive: () => void;
     onShowEnd: () => void;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }
 export default Menus;

package/lib/cascader/Menus.js

@@ -1,119 +1,81 @@
 "use strict";
 
 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 _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-
 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 _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
-
 var _some = _interopRequireDefault(require("lodash/some"));
-
 var _isEqual = _interopRequireDefault(require("lodash/isEqual"));
-
 var _isEmpty = _interopRequireDefault(require("lodash/isEmpty"));
-
 var _map = _interopRequireDefault(require("lodash/map"));
-
 var _every = _interopRequireDefault(require("lodash/every"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _arrayTreeFilter = _interopRequireDefault(require("array-tree-filter"));
-
 var _classnames3 = _interopRequireDefault(require("classnames"));
-
 var _rcMotion = _interopRequireDefault(require("rc-motion"));
-
 var _checkbox = _interopRequireDefault(require("../checkbox"));
-
 var _MenuItem = _interopRequireDefault(require("./MenuItem"));
-
 var _utils = require("./utils");
-
 var DEFAULT_MENU_GAP = 4; // 菜单之间默认4px的间距
-
 var Menus = /*#__PURE__*/function (_React$Component) {
   (0, _inherits2["default"])(Menus, _React$Component);
-
   var _super = (0, _createSuper2["default"])(Menus);
-
   function Menus(props) {
     var _this;
-
     (0, _classCallCheck2["default"])(this, Menus);
     _this = _super.call(this, props);
     _this.menus = {};
     _this.menuItems = {};
-
     _this.saveMenuWrap = function (menuWrap) {
       _this.menuWrap = menuWrap;
     };
-
     _this.saveMenus = function (menuIndex) {
       return function (menus) {
         _this.menus[menuIndex] = menus;
       };
     };
-
     _this.saveMenuItems = function (index) {
       return function (node) {
         _this.menuItems[index] = node;
       };
     };
-
     _this.handleMenuScroll = function (menuIndex) {
       return function () {
         var _a, _b;
-
         var menuScrollOpen = _this.state.menuScrollOpen;
-
         if (menuScrollOpen) {
           // 当前menu滚动时，取消当前选中项高亮，隐藏子级
           var activeValue = _this.props.activeValue.slice(0, menuIndex);
-
           (_b = (_a = _this.props).onActiveValueSet) === null || _b === void 0 ? void 0 : _b.call(_a, activeValue);
         }
       };
     };
-
     _this.onShowActive = function () {
       _this.scrollActiveItemToView();
-
       window.setTimeout(function () {
         _this.setMenuPosition();
-
         window.setTimeout(function () {
           _this.handleMenuScrollChange(true);
         }, 0);
       }, 0);
     };
-
     _this.onShowEnd = function () {
       _this.handleMenuScrollChange(false);
     };
-
     _this.state = {
       // 默认关闭对menu scroll事件的监听，待scrollActiveItemToView完成后开启
       menuScrollOpen: false
     };
     return _this;
   }
-
   (0, _createClass2["default"])(Menus, [{
     key: "componentDidUpdate",
     value: function componentDidUpdate(prevProps) {
@@ -133,73 +95,61 @@ var Menus = /*#__PURE__*/function (_React$Component) {
     key: "getFieldName",
     value: function getFieldName(name) {
       var _this$props = this.props,
-          fieldNames = _this$props.fieldNames,
-          defaultFieldNames = _this$props.defaultFieldNames; // 防止只设置单个属性的名字
-
+        fieldNames = _this$props.fieldNames,
+        defaultFieldNames = _this$props.defaultFieldNames;
+      // 防止只设置单个属性的名字
       return fieldNames[name] || defaultFieldNames[name];
     }
   }, {
     key: "getOption",
     value: function getOption(option, menuIndex) {
       var _this2 = this;
-
       var _this$props2 = this.props,
-          prefixCls = _this$props2.prefixCls,
-          mode = _this$props2.mode,
-          keyword = _this$props2.keyword,
-          value = _this$props2.value,
-          activeValue = _this$props2.activeValue,
-          hoveredValue = _this$props2.hoveredValue,
-          expandTrigger = _this$props2.expandTrigger,
-          expandIcon = _this$props2.expandIcon,
-          loadingIcon = _this$props2.loadingIcon;
+        prefixCls = _this$props2.prefixCls,
+        mode = _this$props2.mode,
+        keyword = _this$props2.keyword,
+        value = _this$props2.value,
+        activeValue = _this$props2.activeValue,
+        hoveredValue = _this$props2.hoveredValue,
+        expandTrigger = _this$props2.expandTrigger,
+        expandIcon = _this$props2.expandIcon,
+        loadingIcon = _this$props2.loadingIcon;
       var isMulti = mode === 'multiple';
-
       var optionValue = function () {
         var value = option[_this2.getFieldName('value')];
-
         return /*#__PURE__*/_react["default"].isValidElement(value) ? menuIndex : value;
       }();
-
       var optionKey = [].concat((0, _toConsumableArray2["default"])(activeValue.slice(0, menuIndex)), [optionValue]);
       var hasChildren = option[this.getFieldName('children')] && option[this.getFieldName('children')].length > 0;
       var hasLeaf = hasChildren || option.isLeaf === false;
       var onSelect = this.props.onSelect.bind(this, option, menuIndex);
       var onMultiSelect = this.props.onMultiSelect.bind(this, option, menuIndex, optionKey);
       var onItemDoubleClick = this.props.onItemDoubleClick.bind(this, option, menuIndex);
-
       var handleClick = function handleClick(e) {
         isMulti && !hasLeaf ? undefined : onSelect(e);
       };
-
       var handleMultiClick = function handleMultiClick(e) {
         if (activeValue[menuIndex] === optionValue) {
           e.stopPropagation();
         }
       };
-
       var expandProps = {
         onClick: handleClick,
         onDoubleClick: onItemDoubleClick
       };
       var menuItemCls = "".concat(prefixCls, "-menu-item");
-
       if (isMulti) {
         menuItemCls += " ".concat(prefixCls, "-menu-item-multi");
       }
-
       var expandIconNode = null;
-
       if (hasLeaf) {
         menuItemCls += " ".concat(prefixCls, "-menu-item-expand");
-
         if (!option.loading) {
           expandIconNode = /*#__PURE__*/_react["default"].createElement("span", {
             className: "".concat(prefixCls, "-menu-item-expand-icon")
           }, expandIcon);
         }
       }
-
       if (expandTrigger === 'hover') {
         expandProps = {
           onMouseEnter: this.delayOnEvent.bind(this, onSelect),
@@ -207,75 +157,60 @@ var Menus = /*#__PURE__*/function (_React$Component) {
           onClick: handleClick
         };
       }
-
       if (this.isStatusOption(hoveredValue, option, menuIndex)) {
         menuItemCls += " ".concat(prefixCls, "-menu-item-hovered");
       }
-
       if (this.isStatusOption(activeValue, option, menuIndex)) {
         expandProps.ref = this.saveMenuItems(menuIndex);
       }
-
       if (!isMulti && this.isStatusOption(value, option, menuIndex)) {
         menuItemCls += " ".concat(prefixCls, "-menu-item-active");
       }
-
       if (option.disabled) {
         menuItemCls += " ".concat(prefixCls, "-menu-item-disabled");
       }
-
       var loadingIconNode = null;
-
       if (option.loading) {
         menuItemCls += " ".concat(prefixCls, "-menu-item-loading");
         loadingIconNode = loadingIcon || null;
       }
-
       var _ref = function () {
-        if (!isMulti) {
-          return {};
-        }
-
-        var checked;
-        var indeterminate;
-
-        if (keyword) {
-          checked = (0, _utils.isIncludeArray)(value, optionValue);
-        } else if (hasLeaf) {
-          var children = option[_this2.getFieldName('children')];
-
-          var getEnableValues = _this2.props.getEnableValues.bind(_this2);
-
-          var childrenValue = getEnableValues(children);
-          var selectedValue = (0, _map["default"])(value, function (valueItem) {
-            return valueItem.slice(menuIndex + 1);
-          });
-          checked = !(0, _isEmpty["default"])(childrenValue) && (0, _every["default"])(childrenValue, function (valueItem) {
-            return (0, _utils.isIncludeArray)(selectedValue, valueItem);
-          });
-          indeterminate = !checked && (0, _some["default"])(childrenValue, function (valueItem) {
-            return (0, _utils.isIncludeArray)(selectedValue, valueItem);
-          });
-        } else {
-          checked = (0, _some["default"])(value, function (valueItem) {
-            return valueItem[menuIndex] === optionValue;
-          });
-        }
-
-        return {
-          checked: checked,
-          indeterminate: indeterminate
-        };
-      }(),
-          checked = _ref.checked,
-          indeterminate = _ref.indeterminate;
-
+          if (!isMulti) {
+            return {};
+          }
+          var checked;
+          var indeterminate;
+          if (keyword) {
+            checked = (0, _utils.isIncludeArray)(value, optionValue);
+          } else if (hasLeaf) {
+            var children = option[_this2.getFieldName('children')];
+            var getEnableValues = _this2.props.getEnableValues.bind(_this2);
+            var childrenValue = getEnableValues(children);
+            var selectedValue = (0, _map["default"])(value, function (valueItem) {
+              return valueItem.slice(menuIndex + 1);
+            });
+            checked = !(0, _isEmpty["default"])(childrenValue) && (0, _every["default"])(childrenValue, function (valueItem) {
+              return (0, _utils.isIncludeArray)(selectedValue, valueItem);
+            });
+            indeterminate = !checked && (0, _some["default"])(childrenValue, function (valueItem) {
+              return (0, _utils.isIncludeArray)(selectedValue, valueItem);
+            });
+          } else {
+            checked = (0, _some["default"])(value, function (valueItem) {
+              return valueItem[menuIndex] === optionValue;
+            });
+          }
+          return {
+            checked: checked,
+            indeterminate: indeterminate
+          };
+        }(),
+        checked = _ref.checked,
+        indeterminate = _ref.indeterminate;
       var label = option[this.getFieldName('label')];
-
       var labelContent = /*#__PURE__*/_react["default"].createElement("span", {
         className: "".concat(prefixCls, "-menu-item-label")
       }, label);
-
       var menuItemProps = {
         key: optionKey,
         option: option,
@@ -299,18 +234,16 @@ var Menus = /*#__PURE__*/function (_React$Component) {
     key: "getCheckAllOption",
     value: function getCheckAllOption(menuIndex) {
       var _this$props3 = this.props,
-          mode = _this$props3.mode,
-          prefixCls = _this$props3.prefixCls,
-          value = _this$props3.value,
-          enableValues = _this$props3.enableValues,
-          _this$props3$withChec = _this$props3.withCheckAll,
-          withCheckAll = _this$props3$withChec === void 0 ? true : _this$props3$withChec;
+        mode = _this$props3.mode,
+        prefixCls = _this$props3.prefixCls,
+        value = _this$props3.value,
+        enableValues = _this$props3.enableValues,
+        _this$props3$withChec = _this$props3.withCheckAll,
+        withCheckAll = _this$props3$withChec === void 0 ? true : _this$props3$withChec;
       var isMulti = mode === 'multiple';
-
       if (!(isMulti && menuIndex === 0) || !withCheckAll) {
         return null;
       }
-
       var checked = value.length > 0 && value.length >= enableValues.length && enableValues.every(function (valueItem) {
         return (0, _utils.isIncludeArray)(value, valueItem);
       });
@@ -337,7 +270,6 @@ var Menus = /*#__PURE__*/function (_React$Component) {
     key: "getActiveOptions",
     value: function getActiveOptions(values) {
       var _this3 = this;
-
       var options = this.props.options;
       var activeValue = values || this.props.activeValue;
       return (0, _arrayTreeFilter["default"])(options, function (o, level) {
@@ -350,7 +282,6 @@ var Menus = /*#__PURE__*/function (_React$Component) {
     key: "getShowOptions",
     value: function getShowOptions() {
       var _this4 = this;
-
       var options = this.props.options;
       var result = this.getActiveOptions().map(function (activeOption) {
         return activeOption[_this4.getFieldName('children')];
@@ -364,16 +295,13 @@ var Menus = /*#__PURE__*/function (_React$Component) {
     key: "delayOnEvent",
     value: function delayOnEvent(onEvent) {
       var _this5 = this;
-
       for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
         args[_key - 1] = arguments[_key];
       }
-
       if (this.delayTimer) {
         clearTimeout(this.delayTimer);
         this.delayTimer = null;
       }
-
       if (typeof onEvent === 'function') {
         this.delayTimer = window.setTimeout(function () {
           onEvent.apply(void 0, args);
@@ -385,12 +313,11 @@ var Menus = /*#__PURE__*/function (_React$Component) {
     key: "scrollActiveItemToView",
     value: function scrollActiveItemToView() {
       // scroll into view
-      var optionsLength = this.getShowOptions().length; // eslint-disable-next-line no-plusplus
-
+      var optionsLength = this.getShowOptions().length;
+      // eslint-disable-next-line no-plusplus
       for (var i = 0; i < optionsLength; i++) {
         var menuItem = this.menuItems[i];
         var menuItemParent = menuItem && menuItem.parentElement;
-
         if (menuItemParent) {
           var paddingTop = Number((0, _utils.getElementStyle)(menuItemParent).paddingTop.replace('px', ''));
           menuItemParent.scrollTop = menuItem.offsetTop - paddingTop;
@@ -401,29 +328,24 @@ var Menus = /*#__PURE__*/function (_React$Component) {
     key: "setMenuPosition",
     value: function setMenuPosition() {
       var _this6 = this;
-
       var callback = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : function () {};
       var _this$props4 = this.props,
-          menusEdgeBuffer = _this$props4.menusEdgeBuffer,
-          popupPlacement = _this$props4.popupPlacement;
+        menusEdgeBuffer = _this$props4.menusEdgeBuffer,
+        popupPlacement = _this$props4.popupPlacement;
       var menuDirections = [];
       var optionsLength = this.getShowOptions().length;
-
       if (Number(optionsLength) <= 0) {
         return;
       }
-
       var isPlaceTop = ['topLeft', 'topRight'].includes(popupPlacement);
       var clientHeight = document.body.clientHeight;
       var clientWidth = document.body.clientWidth;
-
-      for (var i = 1; i < optionsLength; i++) {
-        var currentMenu = this.menus[i];
-        var prevMenu = this.menus[i - 1]; // 1、计算left并设置
-
+      var _loop = function _loop() {
+        var currentMenu = _this6.menus[i];
+        var prevMenu = _this6.menus[i - 1];
+        // 1、计算left并设置
         var prevMenusWidthSum = 0;
         var prevMenuDir = menuDirections[i - 1] || 'right';
-
         if (prevMenuDir === 'right') {
           // 往右展开时到达边界
           // eslint-disable-next-line max-len
@@ -443,40 +365,34 @@ var Menus = /*#__PURE__*/function (_React$Component) {
             prevMenusWidthSum = prevMenu.offsetLeft - currentMenu.offsetWidth - DEFAULT_MENU_GAP;
             menuDirections[i] = 'left';
           }
-        } // 设置left
-
-
-        currentMenu.style.left = prevMenusWidthSum + 'px'; // 2、计算top/bottom并设置
-
+        }
+        // 设置left
+        currentMenu.style.left = prevMenusWidthSum + 'px';
+        // 2、计算top/bottom并设置
         if (isPlaceTop) {
           var prevMenuBottom = Number((0, _utils.getElementStyle)(prevMenu).bottom.replace('px', ''));
           var currentMenuPaddingBottom = Number((0, _utils.getElementStyle)(currentMenu).paddingBottom.replace('px', ''));
-          var bottom = prevMenu.offsetHeight + prevMenuBottom + currentMenuPaddingBottom + prevMenu.scrollTop - this.menuItems[i - 1].offsetTop - currentMenu.offsetHeight;
+          var bottom = prevMenu.offsetHeight + prevMenuBottom + currentMenuPaddingBottom + prevMenu.scrollTop - _this6.menuItems[i - 1].offsetTop - currentMenu.offsetHeight;
           currentMenu.style.bottom = (bottom < 0 ? 0 : bottom) + 'px';
         } else {
-          (function () {
-            var prevMenuPaddingTop = Number((0, _utils.getElementStyle)(currentMenu).paddingTop.replace('px', ''));
-            var prevMenuTop = Number((0, _utils.getElementStyle)(prevMenu).top.replace('px', ''));
-            var prevMenuItemsTopSum = prevMenuTop + _this6.menuItems[i - 1].offsetTop - prevMenu.scrollTop - prevMenuPaddingTop;
-
-            var menuWrapTop = _this6.menuWrap.parentElement.getBoundingClientRect().top;
-
-            var currentMenuHeight = currentMenu.offsetHeight;
-            var currentMenuMaxTop = clientHeight - menuWrapTop - currentMenuHeight - menusEdgeBuffer;
-
-            var currentMenuTop = function () {
-              if (currentMenuMaxTop <= 0) {
-                return 0;
-              }
-
-              return prevMenuItemsTopSum > currentMenuMaxTop ? currentMenuMaxTop : prevMenuItemsTopSum;
-            }();
-
-            currentMenu.style.top = currentMenuTop + 'px';
-          })();
+          var prevMenuPaddingTop = Number((0, _utils.getElementStyle)(currentMenu).paddingTop.replace('px', ''));
+          var prevMenuTop = Number((0, _utils.getElementStyle)(prevMenu).top.replace('px', ''));
+          var prevMenuItemsTopSum = prevMenuTop + _this6.menuItems[i - 1].offsetTop - prevMenu.scrollTop - prevMenuPaddingTop;
+          var menuWrapTop = _this6.menuWrap.parentElement.getBoundingClientRect().top;
+          var currentMenuHeight = currentMenu.offsetHeight;
+          var currentMenuMaxTop = clientHeight - menuWrapTop - currentMenuHeight - menusEdgeBuffer;
+          var currentMenuTop = function () {
+            if (currentMenuMaxTop <= 0) {
+              return 0;
+            }
+            return prevMenuItemsTopSum > currentMenuMaxTop ? currentMenuMaxTop : prevMenuItemsTopSum;
+          }();
+          currentMenu.style.top = currentMenuTop + 'px';
         }
+      };
+      for (var i = 1; i < optionsLength; i++) {
+        _loop();
       }
-
       if (typeof callback === 'function') {
         callback();
       }
@@ -492,15 +408,14 @@ var Menus = /*#__PURE__*/function (_React$Component) {
     key: "render",
     value: function render() {
       var _classnames,
-          _this7 = this;
-
+        _this7 = this;
       var _this$props5 = this.props,
-          prefixCls = _this$props5.prefixCls,
-          transitionName = _this$props5.transitionName,
-          visible = _this$props5.visible,
-          dropdownMenuColumnStyle = _this$props5.dropdownMenuColumnStyle,
-          size = _this$props5.size,
-          mode = _this$props5.mode;
+        prefixCls = _this$props5.prefixCls,
+        transitionName = _this$props5.transitionName,
+        visible = _this$props5.visible,
+        dropdownMenuColumnStyle = _this$props5.dropdownMenuColumnStyle,
+        size = _this$props5.size,
+        mode = _this$props5.mode;
       var showOptions = this.getShowOptions();
       var isMulti = mode === 'multiple';
       var sizeCls = (0, _classnames3["default"])((_classnames = {}, (0, _defineProperty2["default"])(_classnames, "".concat(prefixCls, "-menu-lg"), size === 'large'), (0, _defineProperty2["default"])(_classnames, "".concat(prefixCls, "-menu-sm"), size === 'small'), _classnames));
@@ -514,9 +429,8 @@ var Menus = /*#__PURE__*/function (_React$Component) {
         onLeaveEnd: this.onShowEnd
       }, function (_ref2) {
         var _classnames2;
-
         var className = _ref2.className,
-            style = _ref2.style;
+          style = _ref2.style;
         var menuClas = (0, _classnames3["default"])("".concat(prefixCls, "-menu"), (_classnames2 = {}, (0, _defineProperty2["default"])(_classnames2, "".concat(prefixCls, "-menu-multi"), isMulti), (0, _defineProperty2["default"])(_classnames2, sizeCls, sizeCls), _classnames2));
         return /*#__PURE__*/_react["default"].createElement("div", {
           ref: _this7.saveMenuWrap,
@@ -540,7 +454,6 @@ var Menus = /*#__PURE__*/function (_React$Component) {
   }]);
   return Menus;
 }(_react["default"].Component);
-
 Menus.defaultProps = {
   options: [],
   value: [],

package/lib/cascader/index.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { CascaderValueType, CascaderMultiValueType } from './Cascader';
 import { SizeType } from '../config-provider/SizeContext';
-export declare type CascaderExpandTrigger = 'click' | 'hover';
+export type CascaderExpandTrigger = 'click' | 'hover';
 export interface FieldNamesType {
     value?: string | number;
     label?: string;