acud 1.2.17 → 1.2.18

package/lib/menu/rc-menu/Menu.js

@@ -1,73 +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 _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
 var React = _interopRequireWildcard(require("react"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _shallowequal = _interopRequireDefault(require("shallowequal"));
-
 var _useMergedState7 = _interopRequireDefault(require("rc-util/lib/hooks/useMergedState"));
-
 var _warning = _interopRequireDefault(require("rc-util/lib/warning"));
-
 var _rcOverflow = _interopRequireDefault(require("rc-overflow"));
-
 var _MenuItem = _interopRequireDefault(require("./MenuItem"));
-
 var _nodeUtil = require("./utils/nodeUtil");
-
 var _MenuContext = _interopRequireDefault(require("./context/MenuContext"));
-
 var _useMemoCallback = _interopRequireDefault(require("./hooks/useMemoCallback"));
-
 var _warnUtil = require("./utils/warnUtil");
-
 var _SubMenu = _interopRequireDefault(require("./SubMenu"));
-
 var _useAccessibility = _interopRequireDefault(require("./hooks/useAccessibility"));
-
 var _useUUID = _interopRequireDefault(require("./hooks/useUUID"));
-
 var _PathContext = require("./context/PathContext");
-
 var _useKeyRecords2 = _interopRequireWildcard(require("./hooks/useKeyRecords"));
-
 var _IdContext = require("./context/IdContext");
-
 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 __rest = void 0 && (void 0).__rest || function (s, e) {
   var t = {};
-
-  for (var p in s) {
-    if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
-  }
-
+  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
   if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
     if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
   }
   return t;
 };
-
 /**
  * Menu modify after refactor:
  * ## Add
@@ -79,157 +48,141 @@ var __rest = void 0 && (void 0).__rest || function (s, e) {
  * - onDestroy
  * - siderCollapsed: Seems antd do not use this prop (Need test in antd)
  * - collapsedWidth: Seems this logic should be handle by antd Layout.Sider
- */
-// optimize for render
+ */ // optimize for render
 var EMPTY_LIST = [];
-
 var Menu = function Menu(props) {
   var _classNames;
-
   var _a;
-
   var _b = props,
-      _b$prefixCls = _b.prefixCls,
-      prefixCls = _b$prefixCls === void 0 ? 'rc-menu' : _b$prefixCls,
-      style = _b.style,
-      className = _b.className,
-      _b$tabIndex = _b.tabIndex,
-      tabIndex = _b$tabIndex === void 0 ? 0 : _b$tabIndex,
-      children = _b.children,
-      direction = _b.direction,
-      id = _b.id,
-      _b$mode = _b.mode,
-      mode = _b$mode === void 0 ? 'vertical' : _b$mode,
-      inlineCollapsed = _b.inlineCollapsed,
-      disabled = _b.disabled,
-      disabledOverflow = _b.disabledOverflow,
-      _b$subMenuOpenDelay = _b.subMenuOpenDelay,
-      subMenuOpenDelay = _b$subMenuOpenDelay === void 0 ? 0.1 : _b$subMenuOpenDelay,
-      _b$subMenuCloseDelay = _b.subMenuCloseDelay,
-      subMenuCloseDelay = _b$subMenuCloseDelay === void 0 ? 0.1 : _b$subMenuCloseDelay,
-      forceSubMenuRender = _b.forceSubMenuRender,
-      defaultOpenKeys = _b.defaultOpenKeys,
-      openKeys = _b.openKeys,
-      activeKey = _b.activeKey,
-      defaultActiveFirst = _b.defaultActiveFirst,
-      _b$selectable = _b.selectable,
-      selectable = _b$selectable === void 0 ? true : _b$selectable,
-      _b$multiple = _b.multiple,
-      multiple = _b$multiple === void 0 ? false : _b$multiple,
-      defaultSelectedKeys = _b.defaultSelectedKeys,
-      selectedKeys = _b.selectedKeys,
-      onSelect = _b.onSelect,
-      onDeselect = _b.onDeselect,
-      _b$inlineIndent = _b.inlineIndent,
-      inlineIndent = _b$inlineIndent === void 0 ? 24 : _b$inlineIndent,
-      motion = _b.motion,
-      defaultMotions = _b.defaultMotions,
-      _b$triggerSubMenuActi = _b.triggerSubMenuAction,
-      triggerSubMenuAction = _b$triggerSubMenuActi === void 0 ? 'hover' : _b$triggerSubMenuActi,
-      builtinPlacements = _b.builtinPlacements,
-      itemIcon = _b.itemIcon,
-      expandIcon = _b.expandIcon,
-      _b$overflowedIndicato = _b.overflowedIndicator,
-      overflowedIndicator = _b$overflowedIndicato === void 0 ? '...' : _b$overflowedIndicato,
-      overflowedIndicatorPopupClassName = _b.overflowedIndicatorPopupClassName,
-      getPopupContainer = _b.getPopupContainer,
-      onClick = _b.onClick,
-      onOpenChange = _b.onOpenChange,
-      onKeyDown = _b.onKeyDown,
-      openAnimation = _b.openAnimation,
-      openTransitionName = _b.openTransitionName,
-      restProps = __rest(_b, ["prefixCls", "style", "className", "tabIndex", "children", "direction", "id", "mode", "inlineCollapsed", "disabled", "disabledOverflow", "subMenuOpenDelay", "subMenuCloseDelay", "forceSubMenuRender", "defaultOpenKeys", "openKeys", "activeKey", "defaultActiveFirst", "selectable", "multiple", "defaultSelectedKeys", "selectedKeys", "onSelect", "onDeselect", "inlineIndent", "motion", "defaultMotions", "triggerSubMenuAction", "builtinPlacements", "itemIcon", "expandIcon", "overflowedIndicator", "overflowedIndicatorPopupClassName", "getPopupContainer", "onClick", "onOpenChange", "onKeyDown", "openAnimation", "openTransitionName"]);
-
+    _b$prefixCls = _b.prefixCls,
+    prefixCls = _b$prefixCls === void 0 ? 'rc-menu' : _b$prefixCls,
+    style = _b.style,
+    className = _b.className,
+    _b$tabIndex = _b.tabIndex,
+    tabIndex = _b$tabIndex === void 0 ? 0 : _b$tabIndex,
+    children = _b.children,
+    direction = _b.direction,
+    id = _b.id,
+    _b$mode = _b.mode,
+    mode = _b$mode === void 0 ? 'vertical' : _b$mode,
+    inlineCollapsed = _b.inlineCollapsed,
+    disabled = _b.disabled,
+    disabledOverflow = _b.disabledOverflow,
+    _b$subMenuOpenDelay = _b.subMenuOpenDelay,
+    subMenuOpenDelay = _b$subMenuOpenDelay === void 0 ? 0.1 : _b$subMenuOpenDelay,
+    _b$subMenuCloseDelay = _b.subMenuCloseDelay,
+    subMenuCloseDelay = _b$subMenuCloseDelay === void 0 ? 0.1 : _b$subMenuCloseDelay,
+    forceSubMenuRender = _b.forceSubMenuRender,
+    defaultOpenKeys = _b.defaultOpenKeys,
+    openKeys = _b.openKeys,
+    activeKey = _b.activeKey,
+    defaultActiveFirst = _b.defaultActiveFirst,
+    _b$selectable = _b.selectable,
+    selectable = _b$selectable === void 0 ? true : _b$selectable,
+    _b$multiple = _b.multiple,
+    multiple = _b$multiple === void 0 ? false : _b$multiple,
+    defaultSelectedKeys = _b.defaultSelectedKeys,
+    selectedKeys = _b.selectedKeys,
+    onSelect = _b.onSelect,
+    onDeselect = _b.onDeselect,
+    _b$inlineIndent = _b.inlineIndent,
+    inlineIndent = _b$inlineIndent === void 0 ? 24 : _b$inlineIndent,
+    motion = _b.motion,
+    defaultMotions = _b.defaultMotions,
+    _b$triggerSubMenuActi = _b.triggerSubMenuAction,
+    triggerSubMenuAction = _b$triggerSubMenuActi === void 0 ? 'hover' : _b$triggerSubMenuActi,
+    builtinPlacements = _b.builtinPlacements,
+    itemIcon = _b.itemIcon,
+    expandIcon = _b.expandIcon,
+    _b$overflowedIndicato = _b.overflowedIndicator,
+    overflowedIndicator = _b$overflowedIndicato === void 0 ? '...' : _b$overflowedIndicato,
+    overflowedIndicatorPopupClassName = _b.overflowedIndicatorPopupClassName,
+    getPopupContainer = _b.getPopupContainer,
+    onClick = _b.onClick,
+    onOpenChange = _b.onOpenChange,
+    onKeyDown = _b.onKeyDown,
+    openAnimation = _b.openAnimation,
+    openTransitionName = _b.openTransitionName,
+    restProps = __rest(_b, ["prefixCls", "style", "className", "tabIndex", "children", "direction", "id", "mode", "inlineCollapsed", "disabled", "disabledOverflow", "subMenuOpenDelay", "subMenuCloseDelay", "forceSubMenuRender", "defaultOpenKeys", "openKeys", "activeKey", "defaultActiveFirst", "selectable", "multiple", "defaultSelectedKeys", "selectedKeys", "onSelect", "onDeselect", "inlineIndent", "motion", "defaultMotions", "triggerSubMenuAction", "builtinPlacements", "itemIcon", "expandIcon", "overflowedIndicator", "overflowedIndicatorPopupClassName", "getPopupContainer", "onClick", "onOpenChange", "onKeyDown", "openAnimation", "openTransitionName"]);
   var childList = (0, _nodeUtil.parseChildren)(children, EMPTY_LIST);
-
   var _React$useState = React.useState(false),
-      _React$useState2 = (0, _slicedToArray2["default"])(_React$useState, 2),
-      mounted = _React$useState2[0],
-      setMounted = _React$useState2[1];
-
+    _React$useState2 = (0, _slicedToArray2["default"])(_React$useState, 2),
+    mounted = _React$useState2[0],
+    setMounted = _React$useState2[1];
   var containerRef = React.useRef();
   var uuid = (0, _useUUID["default"])(id);
-  var isRtl = direction === 'rtl'; // ========================= Warn =========================
-
+  var isRtl = direction === 'rtl';
+  // ========================= Warn =========================
   if (process.env.NODE_ENV !== 'production') {
     (0, _warning["default"])(!openAnimation && !openTransitionName, '`openAnimation` and `openTransitionName` is removed. Please use `motion` or `defaultMotion` instead.');
-  } // ========================= Mode =========================
-
-
+  }
+  // ========================= Mode =========================
   var _React$useMemo = React.useMemo(function () {
-    if ((mode === 'inline' || mode === 'vertical') && inlineCollapsed) {
-      return ['vertical', inlineCollapsed];
-    }
-
-    return [mode, false];
-  }, [mode, inlineCollapsed]),
-      _React$useMemo2 = (0, _slicedToArray2["default"])(_React$useMemo, 2),
-      mergedMode = _React$useMemo2[0],
-      mergedInlineCollapsed = _React$useMemo2[1]; // ====================== Responsive ======================
-
-
+      if ((mode === 'inline' || mode === 'vertical') && inlineCollapsed) {
+        return ['vertical', inlineCollapsed];
+      }
+      return [mode, false];
+    }, [mode, inlineCollapsed]),
+    _React$useMemo2 = (0, _slicedToArray2["default"])(_React$useMemo, 2),
+    mergedMode = _React$useMemo2[0],
+    mergedInlineCollapsed = _React$useMemo2[1];
+  // ====================== Responsive ======================
   var _React$useState3 = React.useState(0),
-      _React$useState4 = (0, _slicedToArray2["default"])(_React$useState3, 2),
-      lastVisibleIndex = _React$useState4[0],
-      setLastVisibleIndex = _React$useState4[1];
-
-  var allVisible = lastVisibleIndex >= childList.length - 1 || mergedMode !== 'horizontal' || disabledOverflow; // ========================= Open =========================
-
+    _React$useState4 = (0, _slicedToArray2["default"])(_React$useState3, 2),
+    lastVisibleIndex = _React$useState4[0],
+    setLastVisibleIndex = _React$useState4[1];
+  var allVisible = lastVisibleIndex >= childList.length - 1 || mergedMode !== 'horizontal' || disabledOverflow;
+  // ========================= Open =========================
   var _useMergedState = (0, _useMergedState7["default"])(defaultOpenKeys, {
-    value: openKeys,
-    postState: function postState(keys) {
-      return keys || EMPTY_LIST;
-    }
-  }),
-      _useMergedState2 = (0, _slicedToArray2["default"])(_useMergedState, 2),
-      mergedOpenKeys = _useMergedState2[0],
-      setMergedOpenKeys = _useMergedState2[1];
-
+      value: openKeys,
+      postState: function postState(keys) {
+        return keys || EMPTY_LIST;
+      }
+    }),
+    _useMergedState2 = (0, _slicedToArray2["default"])(_useMergedState, 2),
+    mergedOpenKeys = _useMergedState2[0],
+    setMergedOpenKeys = _useMergedState2[1];
   var triggerOpenKeys = function triggerOpenKeys(keys) {
     setMergedOpenKeys(keys);
     onOpenChange === null || onOpenChange === void 0 ? void 0 : onOpenChange(keys);
-  }; // >>>>> Cache & Reset open keys when inlineCollapsed changed
-
-
+  };
+  // >>>>> Cache & Reset open keys when inlineCollapsed changed
   var _React$useState5 = React.useState(mergedOpenKeys),
-      _React$useState6 = (0, _slicedToArray2["default"])(_React$useState5, 2),
-      inlineCacheOpenKeys = _React$useState6[0],
-      setInlineCacheOpenKeys = _React$useState6[1];
-
+    _React$useState6 = (0, _slicedToArray2["default"])(_React$useState5, 2),
+    inlineCacheOpenKeys = _React$useState6[0],
+    setInlineCacheOpenKeys = _React$useState6[1];
   var isInlineMode = mergedMode === 'inline';
-  var mountRef = React.useRef(false); // Cache
-
+  var mountRef = React.useRef(false);
+  // Cache
   React.useEffect(function () {
     if (isInlineMode) {
       setInlineCacheOpenKeys(mergedOpenKeys);
-    } // eslint-disable-next-line react-hooks/exhaustive-deps
-
-  }, [mergedOpenKeys]); // Restore
-
+    }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [mergedOpenKeys]);
+  // Restore
   React.useEffect(function () {
     if (!mountRef.current) {
       mountRef.current = true;
       return;
     }
-
     if (isInlineMode) {
       setMergedOpenKeys(inlineCacheOpenKeys);
     } else {
       // Trigger open event in case its in control
       triggerOpenKeys(EMPTY_LIST);
-    } // eslint-disable-next-line react-hooks/exhaustive-deps
-
-  }, [isInlineMode]); // ========================= Path =========================
-
+    }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [isInlineMode]);
+  // ========================= Path =========================
   var _useKeyRecords = (0, _useKeyRecords2["default"])(),
-      registerPath = _useKeyRecords.registerPath,
-      unregisterPath = _useKeyRecords.unregisterPath,
-      refreshOverflowKeys = _useKeyRecords.refreshOverflowKeys,
-      isSubPathKey = _useKeyRecords.isSubPathKey,
-      getKeyPath = _useKeyRecords.getKeyPath,
-      getKeys = _useKeyRecords.getKeys,
-      getSubPathKeys = _useKeyRecords.getSubPathKeys;
-
+    registerPath = _useKeyRecords.registerPath,
+    unregisterPath = _useKeyRecords.unregisterPath,
+    refreshOverflowKeys = _useKeyRecords.refreshOverflowKeys,
+    isSubPathKey = _useKeyRecords.isSubPathKey,
+    getKeyPath = _useKeyRecords.getKeyPath,
+    getKeys = _useKeyRecords.getKeys,
+    getSubPathKeys = _useKeyRecords.getSubPathKeys;
   var registerPathContext = React.useMemo(function () {
     return {
       registerPath: registerPath,
@@ -244,51 +197,47 @@ var Menu = function Menu(props) {
   React.useEffect(function () {
     refreshOverflowKeys(allVisible ? EMPTY_LIST : childList.slice(lastVisibleIndex + 1).map(function (child) {
       return child.key;
-    })); // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [lastVisibleIndex, allVisible]); // ======================== Active ========================
-
+    }));
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [lastVisibleIndex, allVisible]);
+  // ======================== Active ========================
   var _useMergedState3 = (0, _useMergedState7["default"])(activeKey || defaultActiveFirst && ((_a = childList[0]) === null || _a === void 0 ? void 0 : _a.key), {
-    value: activeKey
-  }),
-      _useMergedState4 = (0, _slicedToArray2["default"])(_useMergedState3, 2),
-      mergedActiveKey = _useMergedState4[0],
-      setMergedActiveKey = _useMergedState4[1];
-
+      value: activeKey
+    }),
+    _useMergedState4 = (0, _slicedToArray2["default"])(_useMergedState3, 2),
+    mergedActiveKey = _useMergedState4[0],
+    setMergedActiveKey = _useMergedState4[1];
   var onActive = (0, _useMemoCallback["default"])(function (key) {
     setMergedActiveKey(key);
   });
   var onInactive = (0, _useMemoCallback["default"])(function () {
     setMergedActiveKey(undefined);
-  }); // ======================== Select ========================
+  });
+  // ======================== Select ========================
   // >>>>> Select keys
-
   var _useMergedState5 = (0, _useMergedState7["default"])(defaultSelectedKeys || [], {
-    value: selectedKeys,
-    // Legacy convert key to array
-    postState: function postState(keys) {
-      if (Array.isArray(keys)) {
-        return keys;
-      }
-
-      if (keys === null || keys === undefined) {
-        return EMPTY_LIST;
+      value: selectedKeys,
+      // Legacy convert key to array
+      postState: function postState(keys) {
+        if (Array.isArray(keys)) {
+          return keys;
+        }
+        if (keys === null || keys === undefined) {
+          return EMPTY_LIST;
+        }
+        return [keys];
       }
-
-      return [keys];
-    }
-  }),
-      _useMergedState6 = (0, _slicedToArray2["default"])(_useMergedState5, 2),
-      mergedSelectKeys = _useMergedState6[0],
-      setMergedSelectKeys = _useMergedState6[1]; // >>>>> Trigger select
-
-
+    }),
+    _useMergedState6 = (0, _slicedToArray2["default"])(_useMergedState5, 2),
+    mergedSelectKeys = _useMergedState6[0],
+    setMergedSelectKeys = _useMergedState6[1];
+  // >>>>> Trigger select
   var triggerSelection = function triggerSelection(info) {
     if (selectable) {
       // Insert or Remove
       var targetKey = info.key;
       var exist = mergedSelectKeys.includes(targetKey);
       var newSelectKeys;
-
       if (multiple) {
         if (exist) {
           newSelectKeys = mergedSelectKeys.filter(function (key) {
@@ -300,31 +249,26 @@ var Menu = function Menu(props) {
       } else {
         newSelectKeys = [targetKey];
       }
-
-      setMergedSelectKeys(newSelectKeys); // Trigger event
-
+      setMergedSelectKeys(newSelectKeys);
+      // Trigger event
       var selectInfo = (0, _extends2["default"])((0, _extends2["default"])({}, info), {
         selectedKeys: newSelectKeys
       });
-
       if (exist) {
         onDeselect === null || onDeselect === void 0 ? void 0 : onDeselect(selectInfo);
       } else {
         onSelect === null || onSelect === void 0 ? void 0 : onSelect(selectInfo);
       }
-    } // Whatever selectable, always close it
-
-
+    }
+    // Whatever selectable, always close it
     if (!multiple && mergedOpenKeys.length && mergedMode !== 'inline') {
       triggerOpenKeys(EMPTY_LIST);
     }
-  }; // ========================= Open =========================
-
+  };
+  // ========================= Open =========================
   /**
    * Click for item. SubMenu do not have selection status
    */
-
-
   var onInternalClick = (0, _useMemoCallback["default"])(function (info) {
     onClick === null || onClick === void 0 ? void 0 : onClick((0, _warnUtil.warnItemProp)(info));
     triggerSelection(info);
@@ -333,7 +277,6 @@ var Menu = function Menu(props) {
     var newOpenKeys = mergedOpenKeys.filter(function (k) {
       return k !== key;
     });
-
     if (open) {
       newOpenKeys.push(key);
     } else if (mergedMode !== 'inline') {
@@ -343,26 +286,25 @@ var Menu = function Menu(props) {
         return !subPathKeys.has(k);
       });
     }
-
     if (!(0, _shallowequal["default"])(mergedOpenKeys, newOpenKeys)) {
       triggerOpenKeys(newOpenKeys);
     }
   });
-  var getInternalPopupContainer = (0, _useMemoCallback["default"])(getPopupContainer); // ==================== Accessibility =====================
-
+  var getInternalPopupContainer = (0, _useMemoCallback["default"])(getPopupContainer);
+  // ==================== Accessibility =====================
   var triggerAccessibilityOpen = function triggerAccessibilityOpen(key, open) {
     var nextOpen = open !== null && open !== void 0 ? open : !mergedOpenKeys.includes(key);
     onInternalOpenChange(key, nextOpen);
   };
-
-  var onInternalKeyDown = (0, _useAccessibility["default"])(mergedMode, mergedActiveKey, isRtl, uuid, containerRef, getKeys, getKeyPath, setMergedActiveKey, triggerAccessibilityOpen, onKeyDown); // ======================== Effect ========================
-
+  var onInternalKeyDown = (0, _useAccessibility["default"])(mergedMode, mergedActiveKey, isRtl, uuid, containerRef, getKeys, getKeyPath, setMergedActiveKey, triggerAccessibilityOpen, onKeyDown);
+  // ======================== Effect ========================
   React.useEffect(function () {
     setMounted(true);
-  }, []); // ======================== Render ========================
+  }, []);
+  // ======================== Render ========================
   // >>>>> Children
-
-  var wrappedChildList = mergedMode !== 'horizontal' || disabledOverflow ? childList // Need wrap for overflow dropdown that do not response for open
+  var wrappedChildList = mergedMode !== 'horizontal' || disabledOverflow ? childList
+  // Need wrap for overflow dropdown that do not response for open
   : childList.map(function (child, index) {
     return (
       /*#__PURE__*/
@@ -372,8 +314,8 @@ var Menu = function Menu(props) {
         overflowDisabled: index > lastVisibleIndex
       }, child)
     );
-  }); // >>>>> Container
-
+  });
+  // >>>>> Container
   var container = /*#__PURE__*/React.createElement(_rcOverflow["default"], (0, _extends2["default"])({
     id: id,
     ref: containerRef,
@@ -408,8 +350,8 @@ var Menu = function Menu(props) {
       setLastVisibleIndex(newLastIndex);
     },
     onKeyDown: onInternalKeyDown
-  }, restProps)); // >>>>> Render
-
+  }, restProps));
+  // >>>>> Render
   return /*#__PURE__*/React.createElement(_IdContext.IdContext.Provider, {
     value: uuid
   }, /*#__PURE__*/React.createElement(_MenuContext["default"], {
@@ -417,30 +359,38 @@ var Menu = function Menu(props) {
     mode: mergedMode,
     inlineCollapsed: mergedInlineCollapsed,
     openKeys: mergedOpenKeys,
-    rtl: isRtl // Disabled
+    rtl: isRtl
+    // Disabled
     ,
-    disabled: disabled // Motion
+    disabled: disabled
+    // Motion
     ,
     motion: mounted ? motion : null,
-    defaultMotions: mounted ? defaultMotions : null // Active
+    defaultMotions: mounted ? defaultMotions : null
+    // Active
     ,
     activeKey: mergedActiveKey,
     onActive: onActive,
-    onInactive: onInactive // Selection
+    onInactive: onInactive
+    // Selection
     ,
-    selectedKeys: mergedSelectKeys // Level
+    selectedKeys: mergedSelectKeys
+    // Level
     ,
-    inlineIndent: inlineIndent // Popup
+    inlineIndent: inlineIndent
+    // Popup
     ,
     subMenuOpenDelay: subMenuOpenDelay,
     subMenuCloseDelay: subMenuCloseDelay,
     forceSubMenuRender: forceSubMenuRender,
     builtinPlacements: builtinPlacements,
     triggerSubMenuAction: triggerSubMenuAction,
-    getPopupContainer: getInternalPopupContainer // Icon
+    getPopupContainer: getInternalPopupContainer
+    // Icon
     ,
     itemIcon: itemIcon,
-    expandIcon: expandIcon // Events
+    expandIcon: expandIcon
+    // Events
     ,
     onItemClick: onInternalClick,
     onOpenChange: onInternalOpenChange
@@ -455,6 +405,5 @@ var Menu = function Menu(props) {
     value: registerPathContext
   }, childList))));
 };
-
 var _default = Menu;
 exports["default"] = _default;