@hi-ui/menu 4.1.4 → 4.1.5

package/CHANGELOG.md

@@ -1,5 +1,27 @@
 # @hi-ui/menu
 
+## 4.1.5
+
+### Patch Changes
+
+- fix: 修复 rollup3 打包 cjs 模块问题
+- Updated dependencies
+  - @hi-ui/env@4.0.3
+  - @hi-ui/core@4.0.7
+  - @hi-ui/use-id@4.0.3
+  - @hi-ui/use-merge-refs@4.0.3
+  - @hi-ui/use-resize-observer@4.0.3
+  - @hi-ui/use-toggle@4.0.3
+  - @hi-ui/use-uncontrolled-state@4.0.3
+  - @hi-ui/icons@4.0.17
+  - @hi-ui/popper@4.1.2
+  - @hi-ui/tooltip@4.0.9
+  - @hi-ui/array-utils@4.0.3
+  - @hi-ui/classname@4.0.3
+  - @hi-ui/times@4.0.3
+  - @hi-ui/tree-utils@4.1.3
+  - @hi-ui/type-assertion@4.0.3
+
 ## 4.1.4
 
 ### Patch Changes

package/lib/cjs/Expander.js

@@ -9,8 +9,18 @@
  */
 'use strict';
 
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, '__esModule', {
+  value: true
+});
 var React = require('react');
 var reactTransitionGroup = require('react-transition-group');
+function _interopDefaultCompat(e) {
+  return e && _typeof(e) === 'object' && 'default' in e ? e : {
+    'default': e
+  };
+}
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var Expander = function Expander(_ref) {
   var children = _ref.children,
     visible = _ref.visible,
@@ -18,7 +28,7 @@ var Expander = function Expander(_ref) {
   var _useState = React.useState(visible ? 'auto' : 0),
     height = _useState[0],
     setHeight = _useState[1];
-  return /*#__PURE__*/React.createElement(reactTransitionGroup.CSSTransition, {
+  return /*#__PURE__*/React__default["default"].createElement(reactTransitionGroup.CSSTransition, {
     "in": visible,
     timeout: 200,
     classNames: className,
@@ -38,7 +48,7 @@ var Expander = function Expander(_ref) {
         setHeight(0);
       });
     }
-  }, /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
     style: {
       height: height,
       overflow: 'hidden',

package/lib/cjs/Menu.js

@@ -9,6 +9,10 @@
  */
 'use strict';
 
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, '__esModule', {
+  value: true
+});
 var tslib = require('tslib');
 var React = require('react');
 var classname = require('@hi-ui/classname');
@@ -25,6 +29,13 @@ var useId = require('@hi-ui/use-id');
 var MenuItem = require('./MenuItem.js');
 var context = require('./context.js');
 var util = require('./util.js');
+function _interopDefaultCompat(e) {
+  return e && _typeof(e) === 'object' && 'default' in e ? e : {
+    'default': e
+  };
+}
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+var Tooltip__default = /*#__PURE__*/_interopDefaultCompat(Tooltip);
 var MENU_PREFIX = classname.getPrefixCls('menu');
 var DEFAULT_EXPANDED_IDS = [];
 var NOOP_ARRAY = [];
@@ -184,15 +195,15 @@ var Menu = /*#__PURE__*/React.forwardRef(function (_a, ref) {
     setTagMaxCount(typeAssertion.isArrayNonEmpty(mergedTagList) && tagMaxCount < 1 ? 1 : tagMaxCount + 1);
   }, [showVertical, getTagWidth, containerWidth, mergedTagList]);
   var renderFooter = function renderFooter() {
-    var collapseNode = canToggle ? /*#__PURE__*/React.createElement("div", {
+    var collapseNode = canToggle ? ( /*#__PURE__*/React__default["default"].createElement("div", {
       className: classname.cx(prefixCls + "__toggle"),
       onClick: function onClick() {
         miniToggleAction.not();
         // 关闭所有展开的子菜单，防止切换到 mini 模式后，子菜单还是展开的
         updateExpandedIds([]);
       }
-    }, mini ? /*#__PURE__*/React.createElement(icons.MenuUnfoldOutlined, null) : /*#__PURE__*/React.createElement(icons.MenuFoldOutlined, null)) : null;
-    return /*#__PURE__*/React.createElement(React.Fragment, null, typeAssertion.isFunction(footerRender) ? footerRender({
+    }, mini ? /*#__PURE__*/React__default["default"].createElement(icons.MenuUnfoldOutlined, null) : /*#__PURE__*/React__default["default"].createElement(icons.MenuFoldOutlined, null))) : null;
+    return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, typeAssertion.isFunction(footerRender) ? footerRender({
       collapsed: showMini,
       collapseNode: collapseNode
     }) : collapseNode);
@@ -205,11 +216,11 @@ var Menu = /*#__PURE__*/React.forwardRef(function (_a, ref) {
     return typeAssertion.isFunction(render) ? render(menuItem, level) : menuItem.title;
   }, [render, showMini]);
   var cls = classname.cx(prefixCls, className, prefixCls + "--" + placement, prefixCls + "--size-" + size, mini && prefixCls + "--mini", (expandedType === 'pop' || showAllSubMenus || mini) && prefixCls + "--popup");
-  return /*#__PURE__*/React.createElement("div", Object.assign({
+  return /*#__PURE__*/React__default["default"].createElement("div", Object.assign({
     ref: useMergeRefs.useMergeRefs(ref, setContainerElement),
     role: role,
     className: cls
-  }, rest), extraHeader, /*#__PURE__*/React.createElement(context["default"].Provider, {
+  }, rest), extraHeader, /*#__PURE__*/React__default["default"].createElement(context["default"].Provider, {
     value: {
       placement: placement,
       expandedType: expandedType,
@@ -224,19 +235,19 @@ var Menu = /*#__PURE__*/React.forwardRef(function (_a, ref) {
       expandedIds: expandedIds,
       overlayClassName: overlayClassName
     }
-  }, /*#__PURE__*/React.createElement("ul", {
+  }, /*#__PURE__*/React__default["default"].createElement("ul", {
     className: classname.cx(prefixCls + "__wrapper")
   }, mergedTagList.map(function (item, index) {
-    return showMini ? /*#__PURE__*/React.createElement(Tooltip, {
+    return showMini ? ( /*#__PURE__*/React__default["default"].createElement(Tooltip__default["default"], {
       title: item.title,
       key: item.id,
       placement: "right"
-    }, /*#__PURE__*/React.createElement(MenuItem.MenuItem, Object.assign({}, item, {
+    }, /*#__PURE__*/React__default["default"].createElement(MenuItem.MenuItem, Object.assign({}, item, {
       level: 1,
       render: renderItem,
       raw: item,
       size: size
-    }))) : /*#__PURE__*/React.createElement(MenuItem.MenuItem, Object.assign({
+    })))) : ( /*#__PURE__*/React__default["default"].createElement(MenuItem.MenuItem, Object.assign({
       hidden: !showVertical && index >= tagMaxCount
     }, item, {
       render: renderItem,
@@ -244,13 +255,13 @@ var Menu = /*#__PURE__*/React.forwardRef(function (_a, ref) {
       level: 1,
       raw: item,
       size: size
-    }));
-  }), showVertical || restTagList.length === 0 ? null : /*#__PURE__*/React.createElement(MenuItem.MenuItem, {
+    })));
+  }), showVertical || restTagList.length === 0 ? null : ( /*#__PURE__*/React__default["default"].createElement(MenuItem.MenuItem, {
     key: MENU_MORE_ID,
     id: MENU_MORE_ID,
     title: "\u66F4\u591A",
     children: restTagList
-  })), /*#__PURE__*/React.createElement("div", {
+  }))), /*#__PURE__*/React__default["default"].createElement("div", {
     className: prefixCls + "__footer"
   }, renderFooter())));
 });

package/lib/cjs/MenuItem.js

@@ -9,6 +9,10 @@
  */
 'use strict';
 
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, '__esModule', {
+  value: true
+});
 var tslib = require('tslib');
 var React = require('react');
 var classname = require('@hi-ui/classname');
@@ -20,6 +24,13 @@ var arrayUtils = require('@hi-ui/array-utils');
 var useMergeRefs = require('@hi-ui/use-merge-refs');
 var context = require('./context.js');
 var Expander = require('./Expander.js');
+function _interopDefaultCompat(e) {
+  return e && _typeof(e) === 'object' && 'default' in e ? e : {
+    'default': e
+  };
+}
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+var Popper__default = /*#__PURE__*/_interopDefaultCompat(Popper);
 var MENU_PREFIX = classname.getPrefixCls('menu');
 var hiddenStyle = {
   position: 'absolute',
@@ -64,11 +75,11 @@ var MenuItem = /*#__PURE__*/React.forwardRef(function (_a, ref) {
   var _parentIds = (parentIds || []).concat(id);
   var hasChildren = typeAssertion.isArrayNonEmpty(children);
   var mergedRef = useMergeRefs.useMergeRefs(itemRef, ref);
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("li", Object.assign({
+  return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement("li", Object.assign({
     ref: mergedRef,
     className: classname.cx(prefixCls + "-item", (_cx = {}, _cx[prefixCls + "-item__inner--mini"] = mini, _cx[prefixCls + "-item--disabled"] = disabled, _cx[prefixCls + "-item--active"] = placement === 'horizontal' && (activeId === id || (activeParents === null || activeParents === void 0 ? void 0 : activeParents.includes(id))) && level === 1, _cx), className),
     style: hidden ? hiddenStyle : undefined
-  }, rest), /*#__PURE__*/React.createElement("div", {
+  }, rest), /*#__PURE__*/React__default["default"].createElement("div", {
     className: classname.cx(prefixCls + "-item__inner", (_cx2 = {}, _cx2[prefixCls + "-item__inner--active"] = activeId === id, _cx2[prefixCls + "-item__inner--active-p"] = activeParents === null || activeParents === void 0 ? void 0 : activeParents.includes(id), _cx2[prefixCls + "-item__inner--expanded"] = expandedIds === null || expandedIds === void 0 ? void 0 : expandedIds.includes(id), _cx2)),
     onClick: function onClick() {
       if (typeAssertion.isArrayNonEmpty(children)) {
@@ -83,38 +94,38 @@ var MenuItem = /*#__PURE__*/React.forwardRef(function (_a, ref) {
   }, placement === 'vertical' && expandedType === 'collapse' && !mini ? renderIndent({
     prefixCls: prefixCls + "-item",
     depth: level - 1
-  }) : null, icon ? /*#__PURE__*/React.createElement("span", {
+  }) : null, icon ? /*#__PURE__*/React__default["default"].createElement("span", {
     className: prefixCls + "-item__icon"
-  }, icon) : null, /*#__PURE__*/React.createElement("span", {
+  }, icon) : null, /*#__PURE__*/React__default["default"].createElement("span", {
     className: prefixCls + "-item__content"
   }, typeAssertion.isFunction(render) ? render({
     id: id,
     icon: icon,
     title: title
-  }, level) : title), hasChildren && !mini && placement === 'vertical' && expandedType === 'collapse' && !showAllSubMenus && (!disabled && (expandedIds === null || expandedIds === void 0 ? void 0 : expandedIds.includes(id)) ? /*#__PURE__*/React.createElement(Arrow, {
+  }, level) : title), hasChildren && !mini && placement === 'vertical' && expandedType === 'collapse' && !showAllSubMenus && (!disabled && (expandedIds === null || expandedIds === void 0 ? void 0 : expandedIds.includes(id)) ? ( /*#__PURE__*/React__default["default"].createElement(Arrow, {
     prefixCls: prefixCls + "-item",
     direction: "up"
-  }) : /*#__PURE__*/React.createElement(Arrow, {
+  })) : ( /*#__PURE__*/React__default["default"].createElement(Arrow, {
     prefixCls: prefixCls + "-item",
     direction: "down"
-  })), hasChildren && mini && level > 1 && placement === 'vertical' ? /*#__PURE__*/React.createElement(Arrow, {
+  }))), hasChildren && mini && level > 1 && placement === 'vertical' ? ( /*#__PURE__*/React__default["default"].createElement(Arrow, {
     prefixCls: prefixCls + "-item"
-  }) : null, hasChildren && !mini && placement === 'vertical' && (expandedType === 'pop' || showAllSubMenus) ? /*#__PURE__*/React.createElement(Arrow, {
+  })) : null, hasChildren && !mini && placement === 'vertical' && (expandedType === 'pop' || showAllSubMenus) ? ( /*#__PURE__*/React__default["default"].createElement(Arrow, {
     prefixCls: prefixCls + "-item"
-  }) : null, hasChildren && placement === 'horizontal' && level > 1 ? /*#__PURE__*/React.createElement(Arrow, {
+  })) : null, hasChildren && placement === 'horizontal' && level > 1 ? ( /*#__PURE__*/React__default["default"].createElement(Arrow, {
     prefixCls: prefixCls + "-item"
-  }) : null, hasChildren && placement === 'horizontal' && level === 1 && (!disabled && (expandedIds === null || expandedIds === void 0 ? void 0 : expandedIds.includes(id)) ? /*#__PURE__*/React.createElement(Arrow, {
+  })) : null, hasChildren && placement === 'horizontal' && level === 1 && (!disabled && (expandedIds === null || expandedIds === void 0 ? void 0 : expandedIds.includes(id)) ? ( /*#__PURE__*/React__default["default"].createElement(Arrow, {
     prefixCls: prefixCls + "-item",
     direction: "up"
-  }) : /*#__PURE__*/React.createElement(Arrow, {
+  })) : ( /*#__PURE__*/React__default["default"].createElement(Arrow, {
     prefixCls: prefixCls + "-item",
     direction: "down"
-  }))), hasChildren && placement === 'vertical' && !mini && !showAllSubMenus && expandedType === 'collapse' ? /*#__PURE__*/React.createElement(Expander.Expander, {
+  })))), hasChildren && placement === 'vertical' && !mini && !showAllSubMenus && expandedType === 'collapse' ? ( /*#__PURE__*/React__default["default"].createElement(Expander.Expander, {
     visible: !disabled && !!(expandedIds === null || expandedIds === void 0 ? void 0 : expandedIds.includes(id))
-  }, /*#__PURE__*/React.createElement("ul", {
+  }, /*#__PURE__*/React__default["default"].createElement("ul", {
     className: prefixCls + "-submenu"
   }, children.map(function (child) {
-    return /*#__PURE__*/React.createElement(MenuItem, Object.assign({}, child, {
+    return /*#__PURE__*/React__default["default"].createElement(MenuItem, Object.assign({}, child, {
       key: child.id,
       level: level + 1,
       parentIds: _parentIds,
@@ -122,7 +133,7 @@ var MenuItem = /*#__PURE__*/React.forwardRef(function (_a, ref) {
       render: render,
       size: size
     }));
-  }))) : null), hasChildren && placement === 'vertical' && mini && !showAllSubMenus && expandedType === 'collapse' && (level === 1 ? /*#__PURE__*/React.createElement(Popper, {
+  })))) : null), hasChildren && placement === 'vertical' && mini && !showAllSubMenus && expandedType === 'collapse' && (level === 1 ? ( /*#__PURE__*/React__default["default"].createElement(Popper__default["default"], {
     visible: !!(expandedIds === null || expandedIds === void 0 ? void 0 : expandedIds.includes(id)),
     attachEl: itemRef.current,
     placement: 'right-start',
@@ -131,10 +142,10 @@ var MenuItem = /*#__PURE__*/React.forwardRef(function (_a, ref) {
     onClose: function onClose() {
       closePopper === null || closePopper === void 0 ? void 0 : closePopper(id);
     }
-  }, /*#__PURE__*/React.createElement("ul", {
+  }, /*#__PURE__*/React__default["default"].createElement("ul", {
     className: prefixCls + "-popmenu " + prefixCls + "--size-" + size
   }, children.map(function (child) {
-    return /*#__PURE__*/React.createElement(MenuItem, Object.assign({}, child, {
+    return /*#__PURE__*/React__default["default"].createElement(MenuItem, Object.assign({}, child, {
       key: child.id,
       level: level + 1,
       parentIds: _parentIds,
@@ -142,7 +153,7 @@ var MenuItem = /*#__PURE__*/React.forwardRef(function (_a, ref) {
       render: render,
       size: size
     }));
-  }))) : /*#__PURE__*/React.createElement(Popper, {
+  })))) : ( /*#__PURE__*/React__default["default"].createElement(Popper__default["default"], {
     visible: !!(expandedIds === null || expandedIds === void 0 ? void 0 : expandedIds.includes(id)),
     attachEl: itemRef.current,
     placement: 'right-start',
@@ -152,10 +163,10 @@ var MenuItem = /*#__PURE__*/React.forwardRef(function (_a, ref) {
     onClose: function onClose() {
       closePopper === null || closePopper === void 0 ? void 0 : closePopper(id);
     }
-  }, /*#__PURE__*/React.createElement("ul", {
+  }, /*#__PURE__*/React__default["default"].createElement("ul", {
     className: prefixCls + "-popmenu " + prefixCls + "--size-" + size
   }, children.map(function (child) {
-    return /*#__PURE__*/React.createElement(MenuItem, Object.assign({}, child, {
+    return /*#__PURE__*/React__default["default"].createElement(MenuItem, Object.assign({}, child, {
       key: child.id,
       level: level + 1,
       parentIds: _parentIds,
@@ -163,7 +174,7 @@ var MenuItem = /*#__PURE__*/React.forwardRef(function (_a, ref) {
       render: render,
       size: size
     }));
-  })))), hasChildren && placement === 'vertical' && !showAllSubMenus && expandedType === 'pop' && (level === 1 ? /*#__PURE__*/React.createElement(Popper, {
+  }))))), hasChildren && placement === 'vertical' && !showAllSubMenus && expandedType === 'pop' && (level === 1 ? ( /*#__PURE__*/React__default["default"].createElement(Popper__default["default"], {
     visible: !!(expandedIds === null || expandedIds === void 0 ? void 0 : expandedIds.includes(id)),
     attachEl: itemRef.current,
     placement: 'right-start',
@@ -172,10 +183,10 @@ var MenuItem = /*#__PURE__*/React.forwardRef(function (_a, ref) {
     onClose: function onClose() {
       closePopper === null || closePopper === void 0 ? void 0 : closePopper(id);
     }
-  }, /*#__PURE__*/React.createElement("ul", {
+  }, /*#__PURE__*/React__default["default"].createElement("ul", {
     className: prefixCls + "-popmenu " + prefixCls + "--size-" + size
   }, children.map(function (child) {
-    return /*#__PURE__*/React.createElement(MenuItem, Object.assign({}, child, {
+    return /*#__PURE__*/React__default["default"].createElement(MenuItem, Object.assign({}, child, {
       key: child.id,
       level: level + 1,
       parentIds: _parentIds,
@@ -183,7 +194,7 @@ var MenuItem = /*#__PURE__*/React.forwardRef(function (_a, ref) {
       render: render,
       size: size
     }));
-  }))) : /*#__PURE__*/React.createElement(Popper, {
+  })))) : ( /*#__PURE__*/React__default["default"].createElement(Popper__default["default"], {
     visible: !!(expandedIds === null || expandedIds === void 0 ? void 0 : expandedIds.includes(id)),
     attachEl: itemRef.current,
     disabledPortal: true,
@@ -193,10 +204,10 @@ var MenuItem = /*#__PURE__*/React.forwardRef(function (_a, ref) {
     onClose: function onClose() {
       closePopper === null || closePopper === void 0 ? void 0 : closePopper(id);
     }
-  }, /*#__PURE__*/React.createElement("ul", {
+  }, /*#__PURE__*/React__default["default"].createElement("ul", {
     className: prefixCls + "-popmenu " + prefixCls + "--size-" + size
   }, children.map(function (child) {
-    return /*#__PURE__*/React.createElement(MenuItem, Object.assign({}, child, {
+    return /*#__PURE__*/React__default["default"].createElement(MenuItem, Object.assign({}, child, {
       key: child.id,
       level: level + 1,
       parentIds: _parentIds,
@@ -204,7 +215,7 @@ var MenuItem = /*#__PURE__*/React.forwardRef(function (_a, ref) {
       render: render,
       size: size
     }));
-  })))), hasChildren && placement === 'vertical' && showAllSubMenus ? /*#__PURE__*/React.createElement(Popper, {
+  }))))), hasChildren && placement === 'vertical' && showAllSubMenus ? ( /*#__PURE__*/React__default["default"].createElement(Popper__default["default"], {
     visible: !!(expandedIds === null || expandedIds === void 0 ? void 0 : expandedIds.includes(id)),
     attachEl: itemRef.current,
     placement: 'right-start',
@@ -213,17 +224,17 @@ var MenuItem = /*#__PURE__*/React.forwardRef(function (_a, ref) {
     onClose: function onClose() {
       closePopper === null || closePopper === void 0 ? void 0 : closePopper(id);
     }
-  }, /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
     className: prefixCls + "-fat-menu"
   }, children.map(function (child) {
-    return /*#__PURE__*/React.createElement("div", {
+    return /*#__PURE__*/React__default["default"].createElement("div", {
       key: child.id,
       className: prefixCls + "-fat-menu__group"
-    }, /*#__PURE__*/React.createElement("div", {
+    }, /*#__PURE__*/React__default["default"].createElement("div", {
       className: prefixCls + "-group-item"
-    }, child.title), child && typeAssertion.isArrayNonEmpty(child.children) ? /*#__PURE__*/React.createElement("ul", null, child.children.map(function (item) {
+    }, child.title), child && typeAssertion.isArrayNonEmpty(child.children) ? ( /*#__PURE__*/React__default["default"].createElement("ul", null, child.children.map(function (item) {
       var _cx3;
-      return /*#__PURE__*/React.createElement("div", {
+      return /*#__PURE__*/React__default["default"].createElement("div", {
         onClick: function onClick() {
           if (!item.disabled) {
             clickMenu === null || clickMenu === void 0 ? void 0 : clickMenu(item.id, item);
@@ -233,8 +244,8 @@ var MenuItem = /*#__PURE__*/React.forwardRef(function (_a, ref) {
         className: classname.cx(prefixCls + "-item", (_cx3 = {}, _cx3[prefixCls + "-item--active"] = activeId === item.id, _cx3[prefixCls + "-item--disabled"] = item.disabled, _cx3)),
         key: item.id
       }, item.title);
-    })) : null);
-  }))) : null, hasChildren && placement === 'horizontal' && !showAllSubMenus && (level === 1 ? /*#__PURE__*/React.createElement(Popper, {
+    }))) : null);
+  })))) : null, hasChildren && placement === 'horizontal' && !showAllSubMenus && (level === 1 ? ( /*#__PURE__*/React__default["default"].createElement(Popper__default["default"], {
     visible: !!(expandedIds === null || expandedIds === void 0 ? void 0 : expandedIds.includes(id)),
     attachEl: itemRef.current,
     placement: level === 1 ? 'bottom-start' : 'right-start',
@@ -243,10 +254,10 @@ var MenuItem = /*#__PURE__*/React.forwardRef(function (_a, ref) {
     onClose: function onClose() {
       closePopper === null || closePopper === void 0 ? void 0 : closePopper(id);
     }
-  }, /*#__PURE__*/React.createElement("ul", {
+  }, /*#__PURE__*/React__default["default"].createElement("ul", {
     className: prefixCls + "-popmenu " + prefixCls + "--size-" + size
   }, children.map(function (child) {
-    return /*#__PURE__*/React.createElement(MenuItem, Object.assign({}, child, {
+    return /*#__PURE__*/React__default["default"].createElement(MenuItem, Object.assign({}, child, {
       key: child.id,
       level: level + 1,
       parentIds: _parentIds,
@@ -254,7 +265,7 @@ var MenuItem = /*#__PURE__*/React.forwardRef(function (_a, ref) {
       render: render,
       size: size
     }));
-  }))) : /*#__PURE__*/React.createElement(Popper, {
+  })))) : ( /*#__PURE__*/React__default["default"].createElement(Popper__default["default"], {
     visible: !!(expandedIds === null || expandedIds === void 0 ? void 0 : expandedIds.includes(id)),
     attachEl: itemRef.current,
     disabledPortal: true,
@@ -264,10 +275,10 @@ var MenuItem = /*#__PURE__*/React.forwardRef(function (_a, ref) {
     onClose: function onClose() {
       closePopper === null || closePopper === void 0 ? void 0 : closePopper(id);
     }
-  }, /*#__PURE__*/React.createElement("ul", {
+  }, /*#__PURE__*/React__default["default"].createElement("ul", {
     className: prefixCls + "-popmenu " + prefixCls + "--size-" + size
   }, children.map(function (child) {
-    return /*#__PURE__*/React.createElement(MenuItem, Object.assign({}, child, {
+    return /*#__PURE__*/React__default["default"].createElement(MenuItem, Object.assign({}, child, {
       key: child.id,
       level: level + 1,
       parentIds: _parentIds,
@@ -275,7 +286,7 @@ var MenuItem = /*#__PURE__*/React.forwardRef(function (_a, ref) {
       render: render,
       size: size
     }));
-  })))), hasChildren && placement === 'horizontal' && showAllSubMenus ? /*#__PURE__*/React.createElement(Popper, {
+  }))))), hasChildren && placement === 'horizontal' && showAllSubMenus ? ( /*#__PURE__*/React__default["default"].createElement(Popper__default["default"], {
     visible: !!(expandedIds === null || expandedIds === void 0 ? void 0 : expandedIds.includes(id)),
     attachEl: itemRef.current,
     placement: 'bottom-start',
@@ -284,17 +295,17 @@ var MenuItem = /*#__PURE__*/React.forwardRef(function (_a, ref) {
     onClose: function onClose() {
       closePopper === null || closePopper === void 0 ? void 0 : closePopper(id);
     }
-  }, /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
     className: prefixCls + "-fat-menu"
   }, children.map(function (child) {
-    return /*#__PURE__*/React.createElement("div", {
+    return /*#__PURE__*/React__default["default"].createElement("div", {
       key: child.id,
       className: prefixCls + "-fat-menu__group"
-    }, /*#__PURE__*/React.createElement("div", {
+    }, /*#__PURE__*/React__default["default"].createElement("div", {
       className: prefixCls + "-group-item"
-    }, child.title), child && typeAssertion.isArrayNonEmpty(child.children) ? /*#__PURE__*/React.createElement("ul", null, child.children.map(function (item) {
+    }, child.title), child && typeAssertion.isArrayNonEmpty(child.children) ? ( /*#__PURE__*/React__default["default"].createElement("ul", null, child.children.map(function (item) {
       var _cx4;
-      return /*#__PURE__*/React.createElement("div", {
+      return /*#__PURE__*/React__default["default"].createElement("div", {
         className: classname.cx(prefixCls + "-item", (_cx4 = {}, _cx4[prefixCls + "-item--active"] = activeId === item.id, _cx4[prefixCls + "-item--disabled"] = item.disabled, _cx4)),
         onClick: function onClick() {
           if (!item.disabled) {
@@ -304,8 +315,8 @@ var MenuItem = /*#__PURE__*/React.forwardRef(function (_a, ref) {
         },
         key: item.id
       }, item.title);
-    })) : null);
-  }))) : null);
+    }))) : null);
+  })))) : null);
 });
 if (env.__DEV__) {
   MenuItem.displayName = 'MenuItem';
@@ -316,15 +327,15 @@ var Arrow = function Arrow(_ref) {
   var icon;
   switch (direction) {
     case 'up':
-      icon = /*#__PURE__*/React.createElement(icons.UpOutlined, null);
+      icon = /*#__PURE__*/React__default["default"].createElement(icons.UpOutlined, null);
       break;
     case 'down':
-      icon = /*#__PURE__*/React.createElement(icons.DownOutlined, null);
+      icon = /*#__PURE__*/React__default["default"].createElement(icons.DownOutlined, null);
       break;
     default:
-      icon = /*#__PURE__*/React.createElement(icons.RightOutlined, null);
+      icon = /*#__PURE__*/React__default["default"].createElement(icons.RightOutlined, null);
   }
-  return /*#__PURE__*/React.createElement("span", {
+  return /*#__PURE__*/React__default["default"].createElement("span", {
     className: prefixCls + "__arrow"
   }, icon);
 };
@@ -335,7 +346,7 @@ var renderIndent = function renderIndent(_ref2) {
   var prefixCls = _ref2.prefixCls,
     depth = _ref2.depth;
   return arrayUtils.times(depth, function (index) {
-    return /*#__PURE__*/React.createElement("span", {
+    return /*#__PURE__*/React__default["default"].createElement("span", {
       className: prefixCls + "__indent",
       key: index
     });

package/lib/cjs/util.js

@@ -9,6 +9,10 @@
  */
 'use strict';
 
+Object.defineProperty(exports, '__esModule', {
+  value: true
+});
+
 // 寻找某一节点的父节点
 var getParentId = function getParentId(id, data) {
   var parentId = '';

package/lib/esm/Menu.js

@@ -182,14 +182,14 @@ var Menu = /*#__PURE__*/forwardRef(function (_a, ref) {
     setTagMaxCount(isArrayNonEmpty(mergedTagList) && tagMaxCount < 1 ? 1 : tagMaxCount + 1);
   }, [showVertical, getTagWidth, containerWidth, mergedTagList]);
   var renderFooter = function renderFooter() {
-    var collapseNode = canToggle ? /*#__PURE__*/React.createElement("div", {
+    var collapseNode = canToggle ? ( /*#__PURE__*/React.createElement("div", {
       className: cx(prefixCls + "__toggle"),
       onClick: function onClick() {
         miniToggleAction.not();
         // 关闭所有展开的子菜单，防止切换到 mini 模式后，子菜单还是展开的
         updateExpandedIds([]);
       }
-    }, mini ? /*#__PURE__*/React.createElement(MenuUnfoldOutlined, null) : /*#__PURE__*/React.createElement(MenuFoldOutlined, null)) : null;
+    }, mini ? /*#__PURE__*/React.createElement(MenuUnfoldOutlined, null) : /*#__PURE__*/React.createElement(MenuFoldOutlined, null))) : null;
     return /*#__PURE__*/React.createElement(React.Fragment, null, isFunction(footerRender) ? footerRender({
       collapsed: showMini,
       collapseNode: collapseNode
@@ -225,7 +225,7 @@ var Menu = /*#__PURE__*/forwardRef(function (_a, ref) {
   }, /*#__PURE__*/React.createElement("ul", {
     className: cx(prefixCls + "__wrapper")
   }, mergedTagList.map(function (item, index) {
-    return showMini ? /*#__PURE__*/React.createElement(Tooltip, {
+    return showMini ? ( /*#__PURE__*/React.createElement(Tooltip, {
       title: item.title,
       key: item.id,
       placement: "right"
@@ -234,7 +234,7 @@ var Menu = /*#__PURE__*/forwardRef(function (_a, ref) {
       render: renderItem,
       raw: item,
       size: size
-    }))) : /*#__PURE__*/React.createElement(MenuItem, Object.assign({
+    })))) : ( /*#__PURE__*/React.createElement(MenuItem, Object.assign({
       hidden: !showVertical && index >= tagMaxCount
     }, item, {
       render: renderItem,
@@ -242,13 +242,13 @@ var Menu = /*#__PURE__*/forwardRef(function (_a, ref) {
       level: 1,
       raw: item,
       size: size
-    }));
-  }), showVertical || restTagList.length === 0 ? null : /*#__PURE__*/React.createElement(MenuItem, {
+    })));
+  }), showVertical || restTagList.length === 0 ? null : ( /*#__PURE__*/React.createElement(MenuItem, {
     key: MENU_MORE_ID,
     id: MENU_MORE_ID,
     title: "\u66F4\u591A",
     children: restTagList
-  })), /*#__PURE__*/React.createElement("div", {
+  }))), /*#__PURE__*/React.createElement("div", {
     className: prefixCls + "__footer"
   }, renderFooter())));
 });

package/lib/esm/MenuItem.js

@@ -89,25 +89,25 @@ var MenuItem = /*#__PURE__*/forwardRef(function (_a, ref) {
     id: id,
     icon: icon,
     title: title
-  }, level) : title), hasChildren && !mini && placement === 'vertical' && expandedType === 'collapse' && !showAllSubMenus && (!disabled && (expandedIds === null || expandedIds === void 0 ? void 0 : expandedIds.includes(id)) ? /*#__PURE__*/React.createElement(Arrow, {
+  }, level) : title), hasChildren && !mini && placement === 'vertical' && expandedType === 'collapse' && !showAllSubMenus && (!disabled && (expandedIds === null || expandedIds === void 0 ? void 0 : expandedIds.includes(id)) ? ( /*#__PURE__*/React.createElement(Arrow, {
     prefixCls: prefixCls + "-item",
     direction: "up"
-  }) : /*#__PURE__*/React.createElement(Arrow, {
+  })) : ( /*#__PURE__*/React.createElement(Arrow, {
     prefixCls: prefixCls + "-item",
     direction: "down"
-  })), hasChildren && mini && level > 1 && placement === 'vertical' ? /*#__PURE__*/React.createElement(Arrow, {
+  }))), hasChildren && mini && level > 1 && placement === 'vertical' ? ( /*#__PURE__*/React.createElement(Arrow, {
     prefixCls: prefixCls + "-item"
-  }) : null, hasChildren && !mini && placement === 'vertical' && (expandedType === 'pop' || showAllSubMenus) ? /*#__PURE__*/React.createElement(Arrow, {
+  })) : null, hasChildren && !mini && placement === 'vertical' && (expandedType === 'pop' || showAllSubMenus) ? ( /*#__PURE__*/React.createElement(Arrow, {
     prefixCls: prefixCls + "-item"
-  }) : null, hasChildren && placement === 'horizontal' && level > 1 ? /*#__PURE__*/React.createElement(Arrow, {
+  })) : null, hasChildren && placement === 'horizontal' && level > 1 ? ( /*#__PURE__*/React.createElement(Arrow, {
     prefixCls: prefixCls + "-item"
-  }) : null, hasChildren && placement === 'horizontal' && level === 1 && (!disabled && (expandedIds === null || expandedIds === void 0 ? void 0 : expandedIds.includes(id)) ? /*#__PURE__*/React.createElement(Arrow, {
+  })) : null, hasChildren && placement === 'horizontal' && level === 1 && (!disabled && (expandedIds === null || expandedIds === void 0 ? void 0 : expandedIds.includes(id)) ? ( /*#__PURE__*/React.createElement(Arrow, {
     prefixCls: prefixCls + "-item",
     direction: "up"
-  }) : /*#__PURE__*/React.createElement(Arrow, {
+  })) : ( /*#__PURE__*/React.createElement(Arrow, {
     prefixCls: prefixCls + "-item",
     direction: "down"
-  }))), hasChildren && placement === 'vertical' && !mini && !showAllSubMenus && expandedType === 'collapse' ? /*#__PURE__*/React.createElement(Expander, {
+  })))), hasChildren && placement === 'vertical' && !mini && !showAllSubMenus && expandedType === 'collapse' ? ( /*#__PURE__*/React.createElement(Expander, {
     visible: !disabled && !!(expandedIds === null || expandedIds === void 0 ? void 0 : expandedIds.includes(id))
   }, /*#__PURE__*/React.createElement("ul", {
     className: prefixCls + "-submenu"
@@ -120,7 +120,7 @@ var MenuItem = /*#__PURE__*/forwardRef(function (_a, ref) {
       render: render,
       size: size
     }));
-  }))) : null), hasChildren && placement === 'vertical' && mini && !showAllSubMenus && expandedType === 'collapse' && (level === 1 ? /*#__PURE__*/React.createElement(Popper, {
+  })))) : null), hasChildren && placement === 'vertical' && mini && !showAllSubMenus && expandedType === 'collapse' && (level === 1 ? ( /*#__PURE__*/React.createElement(Popper, {
     visible: !!(expandedIds === null || expandedIds === void 0 ? void 0 : expandedIds.includes(id)),
     attachEl: itemRef.current,
     placement: 'right-start',
@@ -140,7 +140,7 @@ var MenuItem = /*#__PURE__*/forwardRef(function (_a, ref) {
       render: render,
       size: size
     }));
-  }))) : /*#__PURE__*/React.createElement(Popper, {
+  })))) : ( /*#__PURE__*/React.createElement(Popper, {
     visible: !!(expandedIds === null || expandedIds === void 0 ? void 0 : expandedIds.includes(id)),
     attachEl: itemRef.current,
     placement: 'right-start',
@@ -161,7 +161,7 @@ var MenuItem = /*#__PURE__*/forwardRef(function (_a, ref) {
       render: render,
       size: size
     }));
-  })))), hasChildren && placement === 'vertical' && !showAllSubMenus && expandedType === 'pop' && (level === 1 ? /*#__PURE__*/React.createElement(Popper, {
+  }))))), hasChildren && placement === 'vertical' && !showAllSubMenus && expandedType === 'pop' && (level === 1 ? ( /*#__PURE__*/React.createElement(Popper, {
     visible: !!(expandedIds === null || expandedIds === void 0 ? void 0 : expandedIds.includes(id)),
     attachEl: itemRef.current,
     placement: 'right-start',
@@ -181,7 +181,7 @@ var MenuItem = /*#__PURE__*/forwardRef(function (_a, ref) {
       render: render,
       size: size
     }));
-  }))) : /*#__PURE__*/React.createElement(Popper, {
+  })))) : ( /*#__PURE__*/React.createElement(Popper, {
     visible: !!(expandedIds === null || expandedIds === void 0 ? void 0 : expandedIds.includes(id)),
     attachEl: itemRef.current,
     disabledPortal: true,
@@ -202,7 +202,7 @@ var MenuItem = /*#__PURE__*/forwardRef(function (_a, ref) {
       render: render,
       size: size
     }));
-  })))), hasChildren && placement === 'vertical' && showAllSubMenus ? /*#__PURE__*/React.createElement(Popper, {
+  }))))), hasChildren && placement === 'vertical' && showAllSubMenus ? ( /*#__PURE__*/React.createElement(Popper, {
     visible: !!(expandedIds === null || expandedIds === void 0 ? void 0 : expandedIds.includes(id)),
     attachEl: itemRef.current,
     placement: 'right-start',
@@ -219,7 +219,7 @@ var MenuItem = /*#__PURE__*/forwardRef(function (_a, ref) {
       className: prefixCls + "-fat-menu__group"
     }, /*#__PURE__*/React.createElement("div", {
       className: prefixCls + "-group-item"
-    }, child.title), child && isArrayNonEmpty(child.children) ? /*#__PURE__*/React.createElement("ul", null, child.children.map(function (item) {
+    }, child.title), child && isArrayNonEmpty(child.children) ? ( /*#__PURE__*/React.createElement("ul", null, child.children.map(function (item) {
       var _cx3;
       return /*#__PURE__*/React.createElement("div", {
         onClick: function onClick() {
@@ -231,8 +231,8 @@ var MenuItem = /*#__PURE__*/forwardRef(function (_a, ref) {
         className: cx(prefixCls + "-item", (_cx3 = {}, _cx3[prefixCls + "-item--active"] = activeId === item.id, _cx3[prefixCls + "-item--disabled"] = item.disabled, _cx3)),
         key: item.id
       }, item.title);
-    })) : null);
-  }))) : null, hasChildren && placement === 'horizontal' && !showAllSubMenus && (level === 1 ? /*#__PURE__*/React.createElement(Popper, {
+    }))) : null);
+  })))) : null, hasChildren && placement === 'horizontal' && !showAllSubMenus && (level === 1 ? ( /*#__PURE__*/React.createElement(Popper, {
     visible: !!(expandedIds === null || expandedIds === void 0 ? void 0 : expandedIds.includes(id)),
     attachEl: itemRef.current,
     placement: level === 1 ? 'bottom-start' : 'right-start',
@@ -252,7 +252,7 @@ var MenuItem = /*#__PURE__*/forwardRef(function (_a, ref) {
       render: render,
       size: size
     }));
-  }))) : /*#__PURE__*/React.createElement(Popper, {
+  })))) : ( /*#__PURE__*/React.createElement(Popper, {
     visible: !!(expandedIds === null || expandedIds === void 0 ? void 0 : expandedIds.includes(id)),
     attachEl: itemRef.current,
     disabledPortal: true,
@@ -273,7 +273,7 @@ var MenuItem = /*#__PURE__*/forwardRef(function (_a, ref) {
       render: render,
       size: size
     }));
-  })))), hasChildren && placement === 'horizontal' && showAllSubMenus ? /*#__PURE__*/React.createElement(Popper, {
+  }))))), hasChildren && placement === 'horizontal' && showAllSubMenus ? ( /*#__PURE__*/React.createElement(Popper, {
     visible: !!(expandedIds === null || expandedIds === void 0 ? void 0 : expandedIds.includes(id)),
     attachEl: itemRef.current,
     placement: 'bottom-start',
@@ -290,7 +290,7 @@ var MenuItem = /*#__PURE__*/forwardRef(function (_a, ref) {
       className: prefixCls + "-fat-menu__group"
     }, /*#__PURE__*/React.createElement("div", {
       className: prefixCls + "-group-item"
-    }, child.title), child && isArrayNonEmpty(child.children) ? /*#__PURE__*/React.createElement("ul", null, child.children.map(function (item) {
+    }, child.title), child && isArrayNonEmpty(child.children) ? ( /*#__PURE__*/React.createElement("ul", null, child.children.map(function (item) {
       var _cx4;
       return /*#__PURE__*/React.createElement("div", {
         className: cx(prefixCls + "-item", (_cx4 = {}, _cx4[prefixCls + "-item--active"] = activeId === item.id, _cx4[prefixCls + "-item--disabled"] = item.disabled, _cx4)),
@@ -302,8 +302,8 @@ var MenuItem = /*#__PURE__*/forwardRef(function (_a, ref) {
         },
         key: item.id
       }, item.title);
-    })) : null);
-  }))) : null);
+    }))) : null);
+  })))) : null);
 });
 if (__DEV__) {
   MenuItem.displayName = 'MenuItem';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hi-ui/menu",
-  "version": "4.1.4",
+  "version": "4.1.5",
   "description": "A sub-package for @hi-ui/hiui.",
   "keywords": [],
   "author": "HiUI <mi-hiui@xiaomi.com>",
@@ -43,30 +43,30 @@
     "url": "https://github.com/XiaoMi/hiui/issues"
   },
   "dependencies": {
-    "@hi-ui/array-utils": "^4.0.2",
-    "@hi-ui/classname": "^4.0.2",
-    "@hi-ui/env": "^4.0.2",
-    "@hi-ui/icons": "^4.0.16",
-    "@hi-ui/popper": "^4.1.1",
-    "@hi-ui/times": "^4.0.2",
-    "@hi-ui/tooltip": "^4.0.8",
-    "@hi-ui/tree-utils": "^4.1.2",
-    "@hi-ui/type-assertion": "^4.0.2",
-    "@hi-ui/use-id": "^4.0.2",
-    "@hi-ui/use-merge-refs": "^4.0.2",
-    "@hi-ui/use-resize-observer": "^4.0.2",
-    "@hi-ui/use-toggle": "^4.0.2",
-    "@hi-ui/use-uncontrolled-state": "^4.0.2",
+    "@hi-ui/array-utils": "^4.0.3",
+    "@hi-ui/classname": "^4.0.3",
+    "@hi-ui/env": "^4.0.3",
+    "@hi-ui/icons": "^4.0.17",
+    "@hi-ui/popper": "^4.1.2",
+    "@hi-ui/times": "^4.0.3",
+    "@hi-ui/tooltip": "^4.0.9",
+    "@hi-ui/tree-utils": "^4.1.3",
+    "@hi-ui/type-assertion": "^4.0.3",
+    "@hi-ui/use-id": "^4.0.3",
+    "@hi-ui/use-merge-refs": "^4.0.3",
+    "@hi-ui/use-resize-observer": "^4.0.3",
+    "@hi-ui/use-toggle": "^4.0.3",
+    "@hi-ui/use-uncontrolled-state": "^4.0.3",
     "react-transition-group": "^4.4.2"
   },
   "peerDependencies": {
-    "@hi-ui/core": ">=4.0.6",
+    "@hi-ui/core": ">=4.0.7",
     "react": ">=16.8.6",
     "react-dom": ">=16.8.6"
   },
   "devDependencies": {
-    "@hi-ui/core": "^4.0.6",
-    "@hi-ui/core-css": "^4.1.3",
+    "@hi-ui/core": "^4.0.7",
+    "@hi-ui/core-css": "^4.1.4",
     "react": "^17.0.1",
     "react-dom": "^17.0.1"
   }