@hi-ui/menu 4.0.0-beta.3 → 4.0.0-beta.6

package/lib/cjs/Menu.js

@@ -33,6 +33,8 @@ var util = require('./util.js');
 
 var useUncontrolledState = require('@hi-ui/use-uncontrolled-state');
 
+var Tooltip = require('@hi-ui/tooltip');
+
 function _interopDefaultLegacy(e) {
   return e && _typeof(e) === 'object' && 'default' in e ? e : {
     'default': e
@@ -41,6 +43,8 @@ function _interopDefaultLegacy(e) {
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
+var Tooltip__default = /*#__PURE__*/_interopDefaultLegacy(Tooltip);
+
 var MENU_PREFIX = classname.getPrefixCls('menu');
 /**
  * TODO: What is Menu
@@ -89,8 +93,8 @@ var Menu = /*#__PURE__*/React.forwardRef(function (_a, ref) {
     updateActiveId(id);
   }, [updateActiveId]);
   var clickSubMenu = React.useCallback(function (id) {
-    var expandedIds = _expandedIds.includes(id) ? _expandedIds.filter(function (expandedid) {
-      return expandedid !== id;
+    var expandedIds = _expandedIds.includes(id) ? _expandedIds.filter(function (expandedId) {
+      return expandedId !== id;
     }) : _expandedIds.concat(id);
     updateExpanedIds(expandedIds);
 
@@ -99,8 +103,8 @@ var Menu = /*#__PURE__*/React.forwardRef(function (_a, ref) {
     }
   }, [onClickSubMenu, _expandedIds]);
   var closePopper = React.useCallback(function (id) {
-    updateExpanedIds(_expandedIds.filter(function (expandedid) {
-      return expandedid !== id;
+    updateExpanedIds(_expandedIds.filter(function (expandedId) {
+      return expandedId !== id;
     }));
   }, [_expandedIds]);
   var closeAllPopper = React.useCallback(function () {
@@ -111,11 +115,12 @@ var Menu = /*#__PURE__*/React.forwardRef(function (_a, ref) {
       mini = _useState3[0],
       setMini = _useState3[1];
 
-  var cls = classname.cx(prefixCls, className, prefixCls + "--" + placement, (_cx = {}, _cx[prefixCls + "--mini"] = mini, _cx));
+  var cls = classname.cx(prefixCls, className, prefixCls + "--" + placement, (_cx = {}, _cx[prefixCls + "--mini"] = mini, _cx[prefixCls + "--popup"] = expandedType === 'pop' || showAllSubMenus || mini, _cx));
   var onToggle = React.useCallback(function () {
     setMini(!mini);
     closeAllPopper();
   }, [mini, closeAllPopper]);
+  var canToggle = placement === 'vertical' && showCollapse;
   return /*#__PURE__*/React__default['default'].createElement("div", Object.assign({
     ref: ref,
     role: role,
@@ -136,15 +141,21 @@ var Menu = /*#__PURE__*/React.forwardRef(function (_a, ref) {
     }
   }, /*#__PURE__*/React__default['default'].createElement("ul", {
     className: classname.cx(prefixCls + "__wrapper")
-  }, data.map(function (d) {
-    return /*#__PURE__*/React__default['default'].createElement(MenuItem.MenuItem, Object.assign({}, d, {
-      key: d.id,
+  }, data.map(function (item) {
+    return canToggle && mini ? /*#__PURE__*/React__default['default'].createElement(Tooltip__default['default'], {
+      title: item.title,
+      key: item.id,
+      placement: "right"
+    }, /*#__PURE__*/React__default['default'].createElement(MenuItem.MenuItem, Object.assign({}, item, {
+      level: 1
+    }))) : /*#__PURE__*/React__default['default'].createElement(MenuItem.MenuItem, Object.assign({}, item, {
+      key: item.id,
       level: 1
     }));
-  })), placement === 'vertical' && showCollapse && /*#__PURE__*/React__default['default'].createElement("div", {
+  })), canToggle ? /*#__PURE__*/React__default['default'].createElement("div", {
     className: classname.cx(prefixCls + "__toggle"),
     onClick: onToggle
-  }, mini ? /*#__PURE__*/React__default['default'].createElement(icons.MenuUnfoldOutlined, null) : /*#__PURE__*/React__default['default'].createElement(icons.MenuFoldOutlined, null))));
+  }, mini ? /*#__PURE__*/React__default['default'].createElement(icons.MenuUnfoldOutlined, null) : /*#__PURE__*/React__default['default'].createElement(icons.MenuFoldOutlined, null)) : null));
 });
 
 if (env.__DEV__) {

package/lib/cjs/Menu.js.map

@@ -1 +1 @@
-{"version":3,"file":"Menu.js","sources":["../../src/Menu.tsx"],"sourcesContent":[null],"names":["MENU_PREFIX","getPrefixCls","Menu","forwardRef","_a","ref","prefixCls","role","className","data","placement","showCollapse","expandedType","showAllSubMenus","defaultExpandedIds","defaultActiveId","activeId","onClickSubMenu","onClick","rest","useUncontrolledState","_activeId","updateActiveId","useState","getAncestorIds","activeParents","updateActiveParents","useEffect","_expandedIds","updateExpanedIds","clickMenu","useCallback","id","clickSubMenu","expandedIds","includes","filter","expandedid","concat","closePopper","closeAllPopper","mini","setMini","cls","cx","onToggle","React","MenuContext","Provider","value","map","d","MenuItem","key","level","MenuUnfoldOutlined","MenuFoldOutlined","__DEV__","displayName"],"mappings":"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"}
+{"version":3,"file":"Menu.js","sources":["../../src/Menu.tsx"],"sourcesContent":[null],"names":["MENU_PREFIX","getPrefixCls","Menu","forwardRef","_a","ref","prefixCls","role","className","data","placement","showCollapse","expandedType","showAllSubMenus","defaultExpandedIds","defaultActiveId","activeId","onClickSubMenu","onClick","rest","useUncontrolledState","_activeId","updateActiveId","useState","getAncestorIds","activeParents","updateActiveParents","useEffect","_expandedIds","updateExpanedIds","clickMenu","useCallback","id","clickSubMenu","expandedIds","includes","filter","expandedId","concat","closePopper","closeAllPopper","mini","setMini","cls","cx","onToggle","canToggle","React","MenuContext","Provider","value","map","item","Tooltip","title","key","MenuItem","level","MenuUnfoldOutlined","MenuFoldOutlined","__DEV__","displayName"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAYA,IAAMA,WAAW,GAAGC,sBAAAA,CAAa,MAAbA,CAApB;AAEA;;;;IAGaC,IAAI,gBAAGC,gBAAAA,CAClB,UACEC,EADF,EAkBEC,GAlBF;;;wBAEIC;MAAAA,sCAAYN;mBACZO;MAAAA,4BAAO;MACPC,eAAAA;MACAC,UAAAA;wBACAC;MAAAA,sCAAY;MACZC,kBAAAA;2BAEAC;MAAAA,4CAAe;8BACfC;MAAAA,kDAAkB;MAClBC,wBAAAA;MACAC,qBAAAA;MACAC,cAAAA;MACAC,oBAAAA;MACAC,aAAAA;MACGC,wBAfL,YAAA,QAAA,aAAA,QAAA,aAAA,gBAAA,gBAAA,mBAAA,sBAAA,mBAAA,YAAA,kBAAA,WAAA;;8BAmBoCC,yCAAAA,CAClCL,eAAe,IAAI,EADeK,EAElCJ,QAFkCI,EAGlCF,OAHkCE;MAA7BC,SAAP;MAAkBC,cAAlB;;kBAM6CC,cAAAA,CAASC,mBAAAA,CAAeH,SAAfG,EAA0Bf,IAA1Be,CAATD;MAAtCE,aAAP;MAAsBC,mBAAtB;;AACAC,EAAAA,eAAAA,CAAU;AACRD,IAAAA,mBAAmB,CAACF,mBAAAA,CAAeH,SAAfG,EAA0Bf,IAA1Be,CAAD,CAAnBE;AADO,GAATC,EAEG,CAACN,SAAD,EAAYZ,IAAZ,CAFHkB;;mBAGyCJ,cAAAA,CAAST,kBAAkB,IAAI,EAA/BS;MAAlCK,YAAP;MAAqBC,gBAArB;;MAEMC,SAAS,GAAGC,iBAAAA,CAChB,UAACC,EAAD;AACEV,IAAAA,cAAc,CAACU,EAAD,CAAdV;AAFyB,GAAXS,EAIhB,CAACT,cAAD,CAJgBS;MAMZE,YAAY,GAAGF,iBAAAA,CACnB,UAACC,EAAD;QACQE,WAAW,GAAGN,YAAY,CAACO,QAAbP,CAAsBI,EAAtBJ,IAChBA,YAAY,CAACQ,MAAbR,CAAoB,UAACS,UAAD;aAAgBA,UAAU,KAAKL;AAAnD,KAAAJ,CADgBA,GAEhBA,YAAY,CAACU,MAAbV,CAAoBI,EAApBJ;AACJC,IAAAA,gBAAgB,CAACK,WAAD,CAAhBL;;QACIZ,gBAAgB;AAClBA,MAAAA,cAAc,CAACe,EAAD,EAAKE,WAAL,CAAdjB;;AAP0B,GAAXc,EAUnB,CAACd,cAAD,EAAiBW,YAAjB,CAVmBG;MAafQ,WAAW,GAAGR,iBAAAA,CAClB,UAACC,EAAD;AACEH,IAAAA,gBAAgB,CAACD,YAAY,CAACQ,MAAbR,CAAoB,UAACS,UAAD;aAAgBA,UAAU,KAAKL;AAAnD,KAAAJ,CAAD,CAAhBC;AAF2B,GAAXE,EAIlB,CAACH,YAAD,CAJkBG;MAOdS,cAAc,GAAGT,iBAAAA,CAAY;AACjCF,IAAAA,gBAAgB,CAAC,EAAD,CAAhBA;AADgC,GAAXE,EAEpB,EAFoBA;;mBAICR,cAAAA,CAAS,KAATA;MAAjBkB,IAAP;MAAaC,OAAb;;MACMC,GAAG,GAAGC,YAAAA,CAAGtC,SAAHsC,EAAcpC,SAAdoC,EAA4BtC,SAA1B,OAA0BA,GAAcI,SAA1CkC,iBACNtC,SADQ,eACYmC,UACpBnC,SAFQ,gBAEaM,YAAY,KAAK,KAAjBA,IAA0BC,eAA1BD,IAA6C6B,SAF5DG;MAKNC,QAAQ,GAAGd,iBAAAA,CAAY;AAC3BW,IAAAA,OAAO,CAAC,CAACD,IAAF,CAAPC;AACAF,IAAAA,cAAc;AAFY,GAAXT,EAGd,CAACU,IAAD,EAAOD,cAAP,CAHcT;MAKXe,SAAS,GAAGpC,SAAS,KAAK,UAAdA,IAA4BC;sBAG5CoC,yBAAAA,cAAAA,MAAAA;AAAK1C,IAAAA,GAAG,EAAEA;AAAKE,IAAAA,IAAI,EAAEA;AAAMC,IAAAA,SAAS,EAAEmC;KAASxB,KAA/C4B,eACEA,yBAAAA,cAAAA,CAACC,kBAAAA,CAAYC,QAAbF;AACEG,IAAAA,KAAK,EAAE;AACLxC,MAAAA,SAAS,EAATA,SADK;AAELE,MAAAA,YAAY,EAAZA,YAFK;AAGLC,MAAAA,eAAe,EAAfA,eAHK;AAIL4B,MAAAA,IAAI,EAAJA,IAJK;AAKLX,MAAAA,SAAS,EAATA,SALK;AAMLG,MAAAA,YAAY,EAAZA,YANK;AAOLM,MAAAA,WAAW,EAAXA,WAPK;AAQLC,MAAAA,cAAc,EAAdA,cARK;AASLf,MAAAA,aAAa,EAAbA,aATK;AAULT,MAAAA,QAAQ,EAAEK,SAVL;AAWLa,MAAAA,WAAW,EAAEN;AAXR;GADTmB,eAeEA,yBAAAA,cAAAA,KAAAA;AAAIvC,IAAAA,SAAS,EAAEoC,YAAAA,CAAMtC,SAAJ,cAAFsC;GAAfG,EACGtC,IAAI,CAAC0C,GAAL1C,CAAS,UAAC2C,IAAD;WACDN,SAAS,IAAIL,IAAbK,gBACLC,yBAAAA,cAAAA,CAACM,2BAADN;AAASO,MAAAA,KAAK,EAAEF,IAAI,CAACE;AAAOC,MAAAA,GAAG,EAAEH,IAAI,CAACpB;AAAItB,MAAAA,SAAS,EAAC;KAApDqC,eACEA,yBAAAA,cAAAA,CAACS,iBAADT,oBAAcK;AAAMK,MAAAA,KAAK,EAAE;MAA3BV,CADFA,CADKD,gBAKLC,yBAAAA,cAAAA,CAACS,iBAADT,oBAAcK;AAAMG,MAAAA,GAAG,EAAEH,IAAI,CAACpB;AAAIyB,MAAAA,KAAK,EAAE;MAAzCV;AANH,GAAAtC,CADHsC,CAfFA,EA0BGD,SAAS,gBACRC,yBAAAA,cAAAA,MAAAA;AAAKvC,IAAAA,SAAS,EAAEoC,YAAAA,CAAMtC,SAAJ,aAAFsC;AAA4B1B,IAAAA,OAAO,EAAE2B;GAArDE,EACGN,IAAI,gBAAGM,yBAAAA,cAAAA,CAACW,wBAADX,MAAAA,CAAH,gBAA4BA,yBAAAA,cAAAA,CAACY,sBAADZ,MAAAA,CADnCA,CADQ,GAIN,IA9BNA,CADFA;AA7EwB,CAAV5C;;AAoIpB,IAAIyD,WAAJ,EAAa;AACX1D,EAAAA,IAAI,CAAC2D,WAAL3D,GAAmB,MAAnBA;;;"}

package/lib/cjs/MenuItem.js

@@ -15,6 +15,8 @@ Object.defineProperty(exports, '__esModule', {
   value: true
 });
 
+var tslib = require('tslib');
+
 var React = require('react');
 
 var classname = require('@hi-ui/classname');
@@ -25,10 +27,16 @@ var icons = require('@hi-ui/icons');
 
 var context = require('./context.js');
 
-var popper = require('@hi-ui/popper');
+var Popper = require('@hi-ui/popper');
 
 var Expander = require('./Expander.js');
 
+var typeAssertion = require('@hi-ui/type-assertion');
+
+var arrayUtils = require('@hi-ui/array-utils');
+
+var useMergeRefs = require('@hi-ui/use-merge-refs');
+
 function _interopDefaultLegacy(e) {
   return e && _typeof(e) === 'object' && 'default' in e ? e : {
     'default': e
@@ -37,21 +45,25 @@ function _interopDefaultLegacy(e) {
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-var MENU_PREFIX = classname.getPrefixCls('menu');
+var Popper__default = /*#__PURE__*/_interopDefaultLegacy(Popper);
 
-var MenuItem = function MenuItem(_ref) {
+var MENU_PREFIX = classname.getPrefixCls('menu');
+var MenuItem = /*#__PURE__*/React.forwardRef(function (_a, ref) {
   var _cx, _cx2;
 
-  var _ref$prefixCls = _ref.prefixCls,
-      prefixCls = _ref$prefixCls === void 0 ? MENU_PREFIX : _ref$prefixCls,
-      icon = _ref.icon,
-      title = _ref.title,
-      disabled = _ref.disabled,
-      id = _ref.id,
-      _ref$level = _ref.level,
-      level = _ref$level === void 0 ? 1 : _ref$level,
-      children = _ref.children,
-      parentIds = _ref.parentIds;
+  var _a$prefixCls = _a.prefixCls,
+      prefixCls = _a$prefixCls === void 0 ? MENU_PREFIX : _a$prefixCls,
+      className = _a.className,
+      icon = _a.icon,
+      title = _a.title,
+      disabled = _a.disabled,
+      id = _a.id,
+      _a$level = _a.level,
+      level = _a$level === void 0 ? 1 : _a$level,
+      children = _a.children,
+      parentIds = _a.parentIds,
+      rest = tslib.__rest(_a, ["prefixCls", "className", "icon", "title", "disabled", "id", "level", "children", "parentIds"]);
+
   var itemRef = React.useRef(null);
 
   var _useContext = React.useContext(context['default']),
@@ -69,13 +81,15 @@ var MenuItem = function MenuItem(_ref) {
 
   var _parentIds = (parentIds || []).concat(id);
 
-  return /*#__PURE__*/React__default['default'].createElement("li", {
-    ref: itemRef,
-    className: classname.cx(prefixCls + "-item", (_cx = {}, _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))
-  }, /*#__PURE__*/React__default['default'].createElement("div", {
-    className: classname.cx(prefixCls + "-item__inner", (_cx2 = {}, _cx2[prefixCls + "-item__inner--mini"] = mini, _cx2[prefixCls + "-item__inner--active"] = activeId === id, _cx2[prefixCls + "-item__inner--active-p"] = activeParents === null || activeParents === void 0 ? void 0 : activeParents.includes(id), _cx2)),
+  var hasChildren = typeAssertion.isArrayNonEmpty(children);
+  var mergedRef = useMergeRefs.useMergeRefs(itemRef, ref);
+  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)
+  }, 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 (children === null || children === void 0 ? void 0 : children.length) {
+      if (typeAssertion.isArrayNonEmpty(children)) {
         if (clickSubMenu) {
           clickSubMenu(id);
         }
@@ -88,21 +102,33 @@ var MenuItem = function MenuItem(_ref) {
           closeAllPopper();
         }
       }
-    },
-    style: placement === 'vertical' && expandedType === 'collapse' && !mini ? {
-      paddingLeft: level > 1 ? 12 + (level - 1 > 0 ? 1 : 0) * 20 + (level - 2 || 0) * 16 : 12
-    } : {}
-  }, icon, /*#__PURE__*/React__default['default'].createElement("span", {
-    className: prefixCls + "-item__content"
-  }, title), (children === null || children === void 0 ? void 0 : children.length) && !mini && placement === 'vertical' && expandedType === 'collapse' && !showAllSubMenus && ((expandedIds === null || expandedIds === void 0 ? void 0 : expandedIds.includes(id)) ? /*#__PURE__*/React__default['default'].createElement(icons.UpOutlined, null) : /*#__PURE__*/React__default['default'].createElement(icons.DownOutlined, null)), (children === null || children === void 0 ? void 0 : children.length) && mini && level > 1 && placement === 'vertical' && /*#__PURE__*/React__default['default'].createElement(icons.RightOutlined, null), (children === null || children === void 0 ? void 0 : children.length) && !mini && placement === 'vertical' && (expandedType === 'pop' || showAllSubMenus) && /*#__PURE__*/React__default['default'].createElement(icons.RightOutlined, null), (children === null || children === void 0 ? void 0 : children.length) && placement === 'horizontal' && level > 1 && /*#__PURE__*/React__default['default'].createElement(icons.RightOutlined, null), (children === null || children === void 0 ? void 0 : children.length) && placement === 'horizontal' && level === 1 && ((expandedIds === null || expandedIds === void 0 ? void 0 : expandedIds.includes(id)) ? /*#__PURE__*/React__default['default'].createElement(icons.UpOutlined, {
-    style: {
-      marginLeft: 4
-    }
-  }) : /*#__PURE__*/React__default['default'].createElement(icons.DownOutlined, {
-    style: {
-      marginLeft: 4
     }
-  }))), (children === null || children === void 0 ? void 0 : children.length) && placement === 'vertical' && !mini && !showAllSubMenus && expandedType === 'collapse' && /*#__PURE__*/React__default['default'].createElement(Expander.Expander, {
+  }, placement === 'vertical' && expandedType === 'collapse' && !mini ? renderIndent({
+    prefixCls: prefixCls + "-item",
+    depth: level - 1
+  }) : null, icon ? /*#__PURE__*/React__default['default'].createElement("span", {
+    className: prefixCls + "-item__icon"
+  }, icon) : null, /*#__PURE__*/React__default['default'].createElement("span", {
+    className: prefixCls + "-item__content"
+  }, title), hasChildren && !mini && placement === 'vertical' && expandedType === 'collapse' && !showAllSubMenus && ((expandedIds === null || expandedIds === void 0 ? void 0 : expandedIds.includes(id)) ? /*#__PURE__*/React__default['default'].createElement(Arrow, {
+    prefixCls: prefixCls + "-item",
+    direction: "up"
+  }) : /*#__PURE__*/React__default['default'].createElement(Arrow, {
+    prefixCls: prefixCls + "-item",
+    direction: "down"
+  })), 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__default['default'].createElement(Arrow, {
+    prefixCls: prefixCls + "-item"
+  }) : null, hasChildren && placement === 'horizontal' && level > 1 ? /*#__PURE__*/React__default['default'].createElement(Arrow, {
+    prefixCls: prefixCls + "-item"
+  }) : null, hasChildren && placement === 'horizontal' && level === 1 && ((expandedIds === null || expandedIds === void 0 ? void 0 : expandedIds.includes(id)) ? /*#__PURE__*/React__default['default'].createElement(Arrow, {
+    prefixCls: prefixCls + "-item",
+    direction: "up"
+  }) : /*#__PURE__*/React__default['default'].createElement(Arrow, {
+    prefixCls: prefixCls + "-item",
+    direction: "down"
+  }))), hasChildren && placement === 'vertical' && !mini && !showAllSubMenus && expandedType === 'collapse' ? /*#__PURE__*/React__default['default'].createElement(Expander.Expander, {
     visible: !!(expandedIds === null || expandedIds === void 0 ? void 0 : expandedIds.includes(id))
   }, /*#__PURE__*/React__default['default'].createElement("ul", {
     className: prefixCls + "-submenu"
@@ -112,7 +138,7 @@ var MenuItem = function MenuItem(_ref) {
       level: level + 1,
       parentIds: _parentIds
     }));
-  }))), (children === null || children === void 0 ? void 0 : children.length) && placement === 'vertical' && mini && !showAllSubMenus && expandedType === 'collapse' && (level === 1 ? /*#__PURE__*/React__default['default'].createElement(popper.PopperPortal, {
+  }))) : 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',
@@ -130,11 +156,12 @@ var MenuItem = function MenuItem(_ref) {
       level: level + 1,
       parentIds: _parentIds
     }));
-  }))) : /*#__PURE__*/React__default['default'].createElement(popper.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',
     gutterGap: 16,
+    disabledPortal: true,
     onClose: function onClose() {
       if (closePopper) {
         closePopper(id);
@@ -148,7 +175,7 @@ var MenuItem = function MenuItem(_ref) {
       level: level + 1,
       parentIds: _parentIds
     }));
-  })))), (children === null || children === void 0 ? void 0 : children.length) && placement === 'vertical' && !showAllSubMenus && expandedType === 'pop' && (level === 1 ? /*#__PURE__*/React__default['default'].createElement(popper.PopperPortal, {
+  })))), 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',
@@ -166,9 +193,10 @@ var MenuItem = function MenuItem(_ref) {
       level: level + 1,
       parentIds: _parentIds
     }));
-  }))) : /*#__PURE__*/React__default['default'].createElement(popper.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,
     placement: 'right-start',
     gutterGap: 16,
     onClose: function onClose() {
@@ -184,7 +212,7 @@ var MenuItem = function MenuItem(_ref) {
       level: level + 1,
       parentIds: _parentIds
     }));
-  })))), (children === null || children === void 0 ? void 0 : children.length) && placement === 'vertical' && showAllSubMenus && /*#__PURE__*/React__default['default'].createElement(popper.PopperPortal, {
+  })))), 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',
@@ -197,14 +225,12 @@ var MenuItem = function MenuItem(_ref) {
   }, /*#__PURE__*/React__default['default'].createElement("div", {
     className: prefixCls + "-fat-menu"
   }, children.map(function (child) {
-    var _a;
-
     return /*#__PURE__*/React__default['default'].createElement("div", {
       key: child.id,
       className: prefixCls + "-fat-menu__group"
     }, /*#__PURE__*/React__default['default'].createElement("div", {
       className: prefixCls + "-group-item"
-    }, child.title), ((_a = child === null || child === void 0 ? void 0 : child.children) === null || _a === void 0 ? void 0 : _a.length) && /*#__PURE__*/React__default['default'].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__default['default'].createElement("div", {
@@ -220,8 +246,8 @@ var MenuItem = function MenuItem(_ref) {
         className: classname.cx(prefixCls + "-item", (_cx3 = {}, _cx3[prefixCls + "-item--active"] = activeId === item.id, _cx3)),
         key: item.id
       }, item.title);
-    })));
-  }))), (children === null || children === void 0 ? void 0 : children.length) && placement === 'horizontal' && !showAllSubMenus && (level === 1 ? /*#__PURE__*/React__default['default'].createElement(popper.PopperPortal, {
+    })) : 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',
@@ -239,9 +265,10 @@ var MenuItem = function MenuItem(_ref) {
       level: level + 1,
       parentIds: _parentIds
     }));
-  }))) : /*#__PURE__*/React__default['default'].createElement(popper.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,
     placement: level === 1 ? 'bottom-start' : 'right-start',
     gutterGap: level === 1 ? 8 : 16,
     onClose: function onClose() {
@@ -257,7 +284,7 @@ var MenuItem = function MenuItem(_ref) {
       level: level + 1,
       parentIds: _parentIds
     }));
-  })))), (children === null || children === void 0 ? void 0 : children.length) && placement === 'horizontal' && showAllSubMenus && /*#__PURE__*/React__default['default'].createElement(popper.PopperPortal, {
+  })))), 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',
@@ -270,14 +297,12 @@ var MenuItem = function MenuItem(_ref) {
   }, /*#__PURE__*/React__default['default'].createElement("div", {
     className: prefixCls + "-fat-menu"
   }, children.map(function (child) {
-    var _a;
-
     return /*#__PURE__*/React__default['default'].createElement("div", {
       key: child.id,
       className: prefixCls + "-fat-menu__group"
     }, /*#__PURE__*/React__default['default'].createElement("div", {
       className: prefixCls + "-group-item"
-    }, child.title), ((_a = child === null || child === void 0 ? void 0 : child.children) === null || _a === void 0 ? void 0 : _a.length) && /*#__PURE__*/React__default['default'].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__default['default'].createElement("div", {
@@ -293,13 +318,51 @@ var MenuItem = function MenuItem(_ref) {
         },
         key: item.id
       }, item.title);
-    })));
-  }))));
-};
+    })) : null);
+  }))) : null);
+});
 
 if (env.__DEV__) {
   MenuItem.displayName = 'MenuItem';
 }
 
+var Arrow = function Arrow(_ref) {
+  var prefixCls = _ref.prefixCls,
+      direction = _ref.direction;
+  var icon = null;
+
+  switch (direction) {
+    case 'up':
+      icon = /*#__PURE__*/React__default['default'].createElement(icons.UpOutlined, null);
+      break;
+
+    case 'down':
+      icon = /*#__PURE__*/React__default['default'].createElement(icons.DownOutlined, null);
+      break;
+
+    default:
+      icon = /*#__PURE__*/React__default['default'].createElement(icons.RightOutlined, null);
+  }
+
+  return /*#__PURE__*/React__default['default'].createElement("span", {
+    className: prefixCls + "__arrow"
+  }, icon);
+};
+/**
+ * 渲染空白占位
+ */
+
+
+var renderIndent = function renderIndent(_ref2) {
+  var prefixCls = _ref2.prefixCls,
+      depth = _ref2.depth;
+  return arrayUtils.times(depth, function (index) {
+    return /*#__PURE__*/React__default['default'].createElement("span", {
+      className: prefixCls + "__indent",
+      key: index
+    });
+  });
+};
+
 exports.MenuItem = MenuItem;
 //# sourceMappingURL=MenuItem.js.map

package/lib/cjs/MenuItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"MenuItem.js","sources":["../../src/MenuItem.tsx"],"sourcesContent":[null],"names":["MENU_PREFIX","getPrefixCls","MenuItem","prefixCls","icon","title","disabled","id","level","children","parentIds","itemRef","useRef","useContext","MenuContext","placement","expandedType","showAllSubMenus","mini","activeId","closePopper","expandedIds","clickMenu","clickSubMenu","closeAllPopper","activeParents","_parentIds","concat","React","ref","className","cx","includes","onClick","length","style","paddingLeft","UpOutlined","DownOutlined","RightOutlined","marginLeft","Expander","visible","map","child","key","PopperPortal","attachEl","current","gutterGap","onClose","Popper","item","__DEV__","displayName"],"mappings":"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"}
+{"version":3,"file":"MenuItem.js","sources":["../../src/MenuItem.tsx"],"sourcesContent":[null],"names":["MENU_PREFIX","getPrefixCls","MenuItem","forwardRef","_a","ref","prefixCls","className","icon","title","disabled","id","level","children","parentIds","rest","itemRef","useRef","useContext","MenuContext","placement","expandedType","showAllSubMenus","mini","activeId","closePopper","expandedIds","clickMenu","clickSubMenu","closeAllPopper","activeParents","_parentIds","concat","hasChildren","isArrayNonEmpty","mergedRef","useMergeRefs","React","cx","includes","onClick","renderIndent","depth","Arrow","direction","Expander","visible","map","child","key","Popper","attachEl","current","gutterGap","onClose","disabledPortal","item","__DEV__","displayName","UpOutlined","DownOutlined","RightOutlined","times","index"],"mappings":"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"}

package/lib/cjs/styles/index.scss.js

@@ -12,7 +12,7 @@
 Object.defineProperty(exports, '__esModule', {
   value: true
 });
-var css_248z = "@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n.hi-v4-menu-fat-menu {\n  background-color: var(--hi-v4-color-static-white, #fff);\n  margin: 0;\n  font-size: var(--hi-v4-text-size-normal, 0.875rem);\n  padding: var(--hi-v4-spacing-4, 8px);\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  color: var(--hi-v4-color-gray-700, #1f2733);\n  border-radius: var(--hi-v4-border-radius-normal, 4px);\n  -ms-flex-wrap: wrap;\n      flex-wrap: wrap; }\n.hi-v4-menu-fat-menu__group:not(:last-of-type) {\n    margin-right: var(--hi-v4-spacing-18, 36px); }\n.hi-v4-menu-fat-menu .hi-v4-menu-group-item {\n    height: 40px;\n    margin: 0;\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n    padding: 0 var(--hi-v4-spacing-6, 12px);\n    color: var(--hi-v4-color-gray-500, #929aa6); }\n.hi-v4-menu-fat-menu .hi-v4-menu-item {\n    height: 40px;\n    margin: 0;\n    border-radius: var(--hi-v4-border-radius-normal, 4px);\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n    padding: 0 var(--hi-v4-spacing-6, 12px); }\n.hi-v4-menu-fat-menu .hi-v4-menu-item--active {\n      color: var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa));\n      background-color: var(--hi-v4-color-primary-50, var(--hi-v4-color-brandblue-50, #e2f3fe)); }\n.hi-v4-menu-fat-menu .hi-v4-menu-item:not(.hi-v4-menu-item--active):hover {\n      background-color: var(--hi-v4-color-gray-100, #f2f4f7); }\n.hi-v4-menu-fat-menu ul {\n    padding: 0;\n    margin: 0; }\n.hi-v4-menu-fat-menu ul li {\n      list-style-type: none; }\n.hi-v4-menu-popmenu {\n  background-color: var(--hi-v4-color-static-white, #fff);\n  border-radius: var(--hi-v4-border-radius-normal, 4px);\n  margin: 0;\n  font-size: var(--hi-v4-text-size-normal, 0.875rem);\n  padding: var(--hi-v4-spacing-4, 8px);\n  color: var(--hi-v4-color-gray-700, #1f2733); }\n.hi-v4-menu-popmenu .hi-v4-menu-item {\n    height: 40px;\n    margin: 0; }\n.hi-v4-menu-popmenu .hi-v4-menu-item__inner {\n      -webkit-box-sizing: border-box;\n              box-sizing: border-box;\n      height: 40px;\n      display: -webkit-box;\n      display: -ms-flexbox;\n      display: flex;\n      -webkit-box-align: center;\n          -ms-flex-align: center;\n              align-items: center;\n      margin-bottom: var(--hi-v4-spacing-4, 8px);\n      padding: 0 var(--hi-v4-spacing-6, 12px);\n      border-radius: var(--hi-v4-border-radius-normal, 4px); }\n.hi-v4-menu-popmenu .hi-v4-menu-item__inner--active {\n        color: var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa));\n        background-color: var(--hi-v4-color-primary-50, var(--hi-v4-color-brandblue-50, #e2f3fe)); }\n.hi-v4-menu-popmenu .hi-v4-menu-item__inner--active-p {\n        color: var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa)); }\n.hi-v4-menu-popmenu .hi-v4-menu-item__inner:not(.hi-v4-menu-item__inner--active):hover {\n        background-color: var(--hi-v4-color-gray-100, #f2f4f7); }\n.hi-v4-menu-popmenu .hi-v4-menu-item__content {\n      -webkit-box-flex: 1;\n          -ms-flex: 1 1;\n              flex: 1 1;\n      overflow: hidden;\n      text-overflow: ellipsis;\n      white-space: nowrap;\n      max-width: 100px;\n      padding-right: var(--hi-v4-spacing-4, 8px); }\n.hi-v4-menu {\n  background-color: var(--hi-v4-color-static-white, #fff);\n  color: var(--hi-v4-color-gray-700, #1f2733);\n  font-size: var(--hi-v4-text-size-normal, 0.875rem);\n  line-height: var(--hi-v4-text-lineheight-normal, 1.375rem);\n  -webkit-box-sizing: border-box;\n          box-sizing: border-box; }\n.hi-v4-menu ul {\n    margin: 0;\n    padding: 0; }\n.hi-v4-menu-item {\n    list-style: none;\n    -webkit-box-sizing: border-box;\n            box-sizing: border-box;\n    cursor: pointer;\n    -webkit-transition: all 0.3s;\n    transition: all 0.3s; }\n.hi-v4-menu__wrapper {\n    padding: 0;\n    margin: 0; }\n.hi-v4-menu--horizontal {\n    width: 100%;\n    overflow: auto; }\n.hi-v4-menu--horizontal .hi-v4-menu__wrapper {\n      display: -webkit-box;\n      display: -ms-flexbox;\n      display: flex; }\n.hi-v4-menu--horizontal .hi-v4-menu-item {\n      margin: 0 var(--hi-v4-spacing-10, 20px);\n      display: -webkit-box;\n      display: -ms-flexbox;\n      display: flex;\n      -webkit-box-pack: center;\n          -ms-flex-pack: center;\n              justify-content: center;\n      -webkit-box-align: center;\n          -ms-flex-align: center;\n              align-items: center;\n      height: 56px;\n      border-bottom: 2px solid transparent;\n      font-size: var(--hi-v4-text-size-lg, 1rem); }\n.hi-v4-menu--horizontal .hi-v4-menu-item:hover {\n        color: var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa));\n        border-bottom: 2px solid var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa)); }\n.hi-v4-menu--horizontal .hi-v4-menu-item--active {\n        color: var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa));\n        border-bottom: 2px solid var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa)); }\n.hi-v4-menu--horizontal .hi-v4-menu-item--active-p {\n        color: var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa)); }\n.hi-v4-menu--horizontal .hi-v4-menu-item__inner {\n        height: 100%;\n        display: -webkit-box;\n        display: -ms-flexbox;\n        display: flex;\n        -webkit-box-align: center;\n            -ms-flex-align: center;\n                align-items: center; }\n.hi-v4-menu--horizontal .hi-v4-menu-item__content {\n        -webkit-box-flex: 1;\n            -ms-flex: 1 1;\n                flex: 1 1;\n        overflow: hidden;\n        text-overflow: ellipsis;\n        white-space: nowrap;\n        max-width: 100px; }\n.hi-v4-menu--vertical {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-orient: vertical;\n    -webkit-box-direction: normal;\n        -ms-flex-direction: column;\n            flex-direction: column;\n    padding: var(--hi-v4-spacing-4, 8px);\n    width: 232px;\n    height: 100%;\n    -webkit-transition: width 0.3s;\n    transition: width 0.3s; }\n.hi-v4-menu--vertical .hi-v4-menu__wrapper {\n      -webkit-box-flex: 1;\n          -ms-flex: 1 1;\n              flex: 1 1;\n      overflow: auto; }\n.hi-v4-menu--vertical.hi-v4-menu--mini {\n      width: 56px;\n      overflow-x: hidden; }\n.hi-v4-menu--vertical .hi-v4-menu__toggle {\n      width: 40px;\n      cursor: pointer;\n      display: -webkit-box;\n      display: -ms-flexbox;\n      display: flex;\n      -webkit-box-align: center;\n          -ms-flex-align: center;\n              align-items: center;\n      -webkit-box-pack: center;\n          -ms-flex-pack: center;\n              justify-content: center;\n      border-radius: var(--hi-v4-border-radius-normal, 4px);\n      height: 40px; }\n.hi-v4-menu--vertical .hi-v4-menu__toggle:hover {\n        background-color: var(--hi-v4-color-gray-100, #f2f4f7); }\n.hi-v4-menu--vertical .hi-v4-menu-item__inner {\n      -webkit-box-sizing: border-box;\n              box-sizing: border-box;\n      height: 40px;\n      display: -webkit-box;\n      display: -ms-flexbox;\n      display: flex;\n      -webkit-box-align: center;\n          -ms-flex-align: center;\n              align-items: center;\n      margin-bottom: var(--hi-v4-spacing-4, 8px);\n      padding: 0 var(--hi-v4-spacing-6, 12px);\n      border-radius: var(--hi-v4-border-radius-normal, 4px);\n      -webkit-transition: all 0.3s;\n      transition: all 0.3s; }\n.hi-v4-menu--vertical .hi-v4-menu-item__inner--active {\n        color: var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa));\n        background-color: var(--hi-v4-color-primary-50, var(--hi-v4-color-brandblue-50, #e2f3fe)); }\n.hi-v4-menu--vertical .hi-v4-menu-item__inner--active-p {\n        color: var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa)); }\n.hi-v4-menu--vertical .hi-v4-menu-item__inner:not(.hi-v4-menu-item__inner--active):hover {\n        background-color: var(--hi-v4-color-gray-100, #f2f4f7); }\n.hi-v4-menu--vertical .hi-v4-menu-item svg[class^=hi-v4-icon] {\n      -ms-flex-negative: 0;\n          flex-shrink: 0;\n      margin-right: var(--hi-v4-spacing-4, 8px);\n      margin-left: 1px; }\n.hi-v4-menu--vertical .hi-v4-menu-item__content {\n      -webkit-box-flex: 1;\n          -ms-flex: 1 1;\n              flex: 1 1;\n      overflow: hidden;\n      text-overflow: ellipsis;\n      white-space: nowrap;\n      text-indent: 0.5px; }\n";
+var css_248z = "@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n.hi-v4-menu-fat-menu {\n  background-color: var(--hi-v4-color-static-white, #fff);\n  margin: 0;\n  font-size: var(--hi-v4-text-size-normal, 0.875rem);\n  padding: var(--hi-v4-spacing-4, 8px);\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  color: var(--hi-v4-color-gray-700, #1f2733);\n  border-radius: var(--hi-v4-border-radius-normal, 4px);\n  -ms-flex-wrap: wrap;\n      flex-wrap: wrap; }\n.hi-v4-menu-fat-menu__group:not(:last-of-type) {\n    margin-right: var(--hi-v4-spacing-18, 36px); }\n.hi-v4-menu-fat-menu .hi-v4-menu-group-item {\n    height: 40px;\n    margin: 0;\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n    padding: 0 var(--hi-v4-spacing-6, 12px);\n    color: var(--hi-v4-color-gray-500, #929aa6); }\n.hi-v4-menu-fat-menu .hi-v4-menu-item {\n    height: 40px;\n    margin: 0;\n    border-radius: var(--hi-v4-border-radius-normal, 4px);\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n    padding: 0 var(--hi-v4-spacing-4, 8px) 0 var(--hi-v4-spacing-6, 12px); }\n.hi-v4-menu-fat-menu .hi-v4-menu-item--active {\n      color: var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa));\n      background-color: var(--hi-v4-color-primary-50, var(--hi-v4-color-brandblue-50, #e2f3fe)); }\n.hi-v4-menu-fat-menu .hi-v4-menu-item:not(.hi-v4-menu-item--active):hover {\n      background-color: var(--hi-v4-color-gray-100, #f2f4f7); }\n.hi-v4-menu-fat-menu ul {\n    padding: 0;\n    margin: 0; }\n.hi-v4-menu-fat-menu ul li {\n      list-style-type: none; }\n.hi-v4-menu-popmenu {\n  background-color: var(--hi-v4-color-static-white, #fff);\n  border-radius: var(--hi-v4-border-radius-normal, 4px);\n  margin: 0;\n  font-size: var(--hi-v4-text-size-normal, 0.875rem);\n  padding: var(--hi-v4-spacing-4, 8px);\n  color: var(--hi-v4-color-gray-700, #1f2733);\n  width: 216px;\n  -webkit-box-sizing: border-box;\n          box-sizing: border-box; }\n.hi-v4-menu-popmenu .hi-v4-menu-item {\n    height: 40px;\n    margin: 0; }\n.hi-v4-menu-popmenu .hi-v4-menu-item__inner {\n      -webkit-box-sizing: border-box;\n              box-sizing: border-box;\n      height: 40px;\n      display: -webkit-box;\n      display: -ms-flexbox;\n      display: flex;\n      -webkit-box-align: center;\n          -ms-flex-align: center;\n              align-items: center;\n      margin-bottom: var(--hi-v4-spacing-4, 8px);\n      padding: 0 var(--hi-v4-spacing-4, 8px) 0 var(--hi-v4-spacing-6, 12px);\n      border-radius: var(--hi-v4-border-radius-normal, 4px); }\n.hi-v4-menu-popmenu .hi-v4-menu-item__inner--active {\n        color: var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa));\n        background-color: var(--hi-v4-color-primary-50, var(--hi-v4-color-brandblue-50, #e2f3fe)); }\n.hi-v4-menu-popmenu .hi-v4-menu-item__inner--active-p {\n        color: var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa)); }\n.hi-v4-menu-popmenu .hi-v4-menu-item__inner--expanded {\n        background-color: var(--hi-v4-color-gray-100, #f2f4f7); }\n.hi-v4-menu-popmenu .hi-v4-menu-item__inner:not(.hi-v4-menu-item__inner--active):hover {\n        background-color: var(--hi-v4-color-gray-100, #f2f4f7); }\n.hi-v4-menu-popmenu .hi-v4-menu-item__content {\n      -webkit-box-flex: 1;\n          -ms-flex: 1 1;\n              flex: 1 1;\n      overflow: hidden;\n      text-overflow: ellipsis;\n      white-space: nowrap;\n      max-width: 100%;\n      padding-right: var(--hi-v4-spacing-4, 8px); }\n.hi-v4-menu {\n  background-color: var(--hi-v4-color-static-white, #fff);\n  color: var(--hi-v4-color-gray-700, #1f2733);\n  font-size: var(--hi-v4-text-size-normal, 0.875rem);\n  line-height: var(--hi-v4-text-lineheight-normal, 1.375rem);\n  -webkit-box-sizing: border-box;\n          box-sizing: border-box; }\n.hi-v4-menu ul {\n    margin: 0;\n    padding: 0; }\n.hi-v4-menu-item {\n    list-style: none;\n    -webkit-box-sizing: border-box;\n            box-sizing: border-box;\n    cursor: pointer;\n    -webkit-transition: all 0.3s;\n    transition: all 0.3s; }\n.hi-v4-menu-item__icon {\n      color: var(--hi-v4-color-gray-500, #929aa6);\n      -webkit-margin-end: var(--hi-v4-spacing-4, 8px);\n              margin-inline-end: var(--hi-v4-spacing-4, 8px); }\n.hi-v4-menu-item__icon svg[class^=hi-v4-icon] {\n        font-size: var(--hi-v4-text-size-lg, 1rem); }\n.hi-v4-menu-item__arrow {\n      color: var(--hi-v4-color-gray-500, #929aa6);\n      font-size: var(--hi-v4-text-size-lg, 1rem); }\n.hi-v4-menu-item__indent {\n      display: inline-block;\n      width: 24px;\n      height: 100%;\n      -ms-flex-negative: 0;\n          flex-shrink: 0; }\n.hi-v4-menu__wrapper {\n    padding: 0;\n    margin: 0; }\n.hi-v4-menu--horizontal {\n    width: 100%;\n    overflow-x: auto; }\n.hi-v4-menu--horizontal .hi-v4-menu__wrapper {\n      display: -webkit-box;\n      display: -ms-flexbox;\n      display: flex;\n      overflow: visible;\n      width: -webkit-max-content;\n      width: -moz-max-content;\n      width: max-content;\n      -webkit-box-sizing: border-box;\n              box-sizing: border-box; }\n.hi-v4-menu--horizontal .hi-v4-menu-item {\n      margin: 0 var(--hi-v4-spacing-10, 20px);\n      display: -webkit-box;\n      display: -ms-flexbox;\n      display: flex;\n      -webkit-box-pack: center;\n          -ms-flex-pack: center;\n              justify-content: center;\n      -webkit-box-align: center;\n          -ms-flex-align: center;\n              align-items: center;\n      height: 56px;\n      border: none;\n      font-size: var(--hi-v4-text-size-lg, 1rem); }\n.hi-v4-menu--horizontal .hi-v4-menu-item__arrow {\n        -webkit-margin-start: var(--hi-v4-spacing-2, 4px);\n                margin-inline-start: var(--hi-v4-spacing-2, 4px); }\n.hi-v4-menu--horizontal .hi-v4-menu-item:hover {\n        color: var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa)); }\n.hi-v4-menu--horizontal .hi-v4-menu-item:hover .hi-v4-menu-item__inner {\n          border-bottom: 2px solid var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa)); }\n.hi-v4-menu--horizontal .hi-v4-menu-item--active {\n        color: var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa)); }\n.hi-v4-menu--horizontal .hi-v4-menu-item--active .hi-v4-menu-item__inner {\n          border-bottom: 2px solid var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa)); }\n.hi-v4-menu--horizontal .hi-v4-menu-item--active .hi-v4-menu-item__icon {\n          color: var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa)); }\n.hi-v4-menu--horizontal .hi-v4-menu-item--active-p {\n        color: var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa)); }\n.hi-v4-menu--horizontal .hi-v4-menu-item--active-p .hi-v4-menu-item__icon {\n          color: var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa)); }\n.hi-v4-menu--horizontal .hi-v4-menu-item__inner {\n        height: 100%;\n        display: -webkit-box;\n        display: -ms-flexbox;\n        display: flex;\n        -webkit-box-align: center;\n            -ms-flex-align: center;\n                align-items: center;\n        -webkit-box-sizing: border-box;\n                box-sizing: border-box;\n        border-bottom: 2px solid transparent; }\n.hi-v4-menu--horizontal .hi-v4-menu-item__inner--expanded {\n          border-bottom: 2px solid var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa)); }\n.hi-v4-menu--horizontal .hi-v4-menu-item__content {\n        -webkit-box-flex: 1;\n            -ms-flex: 1 1;\n                flex: 1 1;\n        white-space: nowrap;\n        max-width: none; }\n.hi-v4-menu--vertical {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-orient: vertical;\n    -webkit-box-direction: normal;\n        -ms-flex-direction: column;\n            flex-direction: column;\n    padding: var(--hi-v4-spacing-4, 8px);\n    width: 232px;\n    height: 100%;\n    -webkit-transition: width 0.3s;\n    transition: width 0.3s; }\n.hi-v4-menu--vertical .hi-v4-menu__wrapper {\n      -webkit-box-flex: 1;\n          -ms-flex: 1 1;\n              flex: 1 1;\n      overflow: auto; }\n.hi-v4-menu--vertical.hi-v4-menu--mini {\n      width: 56px;\n      overflow-x: hidden; }\n.hi-v4-menu--vertical.hi-v4-menu--popup .hi-v4-menu-item__inner--expanded {\n      background-color: var(--hi-v4-color-gray-100, #f2f4f7); }\n.hi-v4-menu--vertical .hi-v4-menu__toggle {\n      width: 40px;\n      cursor: pointer;\n      display: -webkit-box;\n      display: -ms-flexbox;\n      display: flex;\n      -webkit-box-align: center;\n          -ms-flex-align: center;\n              align-items: center;\n      -webkit-box-pack: center;\n          -ms-flex-pack: center;\n              justify-content: center;\n      border-radius: var(--hi-v4-border-radius-normal, 4px);\n      color: var(--hi-v4-color-gray-500, #929aa6);\n      height: 40px; }\n.hi-v4-menu--vertical .hi-v4-menu__toggle:hover {\n        background-color: var(--hi-v4-color-gray-100, #f2f4f7); }\n.hi-v4-menu--vertical .hi-v4-menu-item__inner {\n      -webkit-box-sizing: border-box;\n              box-sizing: border-box;\n      height: 40px;\n      display: -webkit-box;\n      display: -ms-flexbox;\n      display: flex;\n      -webkit-box-align: center;\n          -ms-flex-align: center;\n              align-items: center;\n      margin-bottom: var(--hi-v4-spacing-4, 8px);\n      padding: 0 var(--hi-v4-spacing-4, 8px) 0 var(--hi-v4-spacing-6, 12px);\n      border-radius: var(--hi-v4-border-radius-normal, 4px);\n      -webkit-transition: all 0.3s;\n      transition: all 0.3s; }\n.hi-v4-menu--vertical .hi-v4-menu-item__inner--active {\n        color: var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa));\n        background-color: var(--hi-v4-color-primary-50, var(--hi-v4-color-brandblue-50, #e2f3fe)); }\n.hi-v4-menu--vertical .hi-v4-menu-item__inner--active .hi-v4-menu-item__icon {\n          color: var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa)); }\n.hi-v4-menu--vertical .hi-v4-menu-item__inner--active-p {\n        color: var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa)); }\n.hi-v4-menu--vertical .hi-v4-menu-item__inner--active-p .hi-v4-menu-item__icon {\n          color: var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa)); }\n.hi-v4-menu--vertical .hi-v4-menu-item__inner:not(.hi-v4-menu-item__inner--active):hover {\n        background-color: var(--hi-v4-color-gray-100, #f2f4f7); }\n.hi-v4-menu--vertical .hi-v4-menu-item__content {\n      -webkit-box-flex: 1;\n          -ms-flex: 1 1;\n              flex: 1 1;\n      overflow: hidden;\n      text-overflow: ellipsis;\n      white-space: nowrap;\n      text-indent: 0.5px; }\n";
 
 var __styleInject__ = require('style-inject/dist/style-inject.es.js')["default"];
 

package/lib/esm/Menu.js

@@ -16,6 +16,7 @@ import { MenuItem } from './MenuItem.js';
 import MenuContext from './context.js';
 import { getAncestorIds } from './util.js';
 import { useUncontrolledState } from '@hi-ui/use-uncontrolled-state';
+import Tooltip from '@hi-ui/tooltip';
 var MENU_PREFIX = getPrefixCls('menu');
 /**
  * TODO: What is Menu
@@ -64,8 +65,8 @@ var Menu = /*#__PURE__*/forwardRef(function (_a, ref) {
     updateActiveId(id);
   }, [updateActiveId]);
   var clickSubMenu = useCallback(function (id) {
-    var expandedIds = _expandedIds.includes(id) ? _expandedIds.filter(function (expandedid) {
-      return expandedid !== id;
+    var expandedIds = _expandedIds.includes(id) ? _expandedIds.filter(function (expandedId) {
+      return expandedId !== id;
     }) : _expandedIds.concat(id);
     updateExpanedIds(expandedIds);
 
@@ -74,8 +75,8 @@ var Menu = /*#__PURE__*/forwardRef(function (_a, ref) {
     }
   }, [onClickSubMenu, _expandedIds]);
   var closePopper = useCallback(function (id) {
-    updateExpanedIds(_expandedIds.filter(function (expandedid) {
-      return expandedid !== id;
+    updateExpanedIds(_expandedIds.filter(function (expandedId) {
+      return expandedId !== id;
     }));
   }, [_expandedIds]);
   var closeAllPopper = useCallback(function () {
@@ -86,11 +87,12 @@ var Menu = /*#__PURE__*/forwardRef(function (_a, ref) {
       mini = _useState3[0],
       setMini = _useState3[1];
 
-  var cls = cx(prefixCls, className, prefixCls + "--" + placement, (_cx = {}, _cx[prefixCls + "--mini"] = mini, _cx));
+  var cls = cx(prefixCls, className, prefixCls + "--" + placement, (_cx = {}, _cx[prefixCls + "--mini"] = mini, _cx[prefixCls + "--popup"] = expandedType === 'pop' || showAllSubMenus || mini, _cx));
   var onToggle = useCallback(function () {
     setMini(!mini);
     closeAllPopper();
   }, [mini, closeAllPopper]);
+  var canToggle = placement === 'vertical' && showCollapse;
   return /*#__PURE__*/React.createElement("div", Object.assign({
     ref: ref,
     role: role,
@@ -111,15 +113,21 @@ var Menu = /*#__PURE__*/forwardRef(function (_a, ref) {
     }
   }, /*#__PURE__*/React.createElement("ul", {
     className: cx(prefixCls + "__wrapper")
-  }, data.map(function (d) {
-    return /*#__PURE__*/React.createElement(MenuItem, Object.assign({}, d, {
-      key: d.id,
+  }, data.map(function (item) {
+    return canToggle && mini ? /*#__PURE__*/React.createElement(Tooltip, {
+      title: item.title,
+      key: item.id,
+      placement: "right"
+    }, /*#__PURE__*/React.createElement(MenuItem, Object.assign({}, item, {
+      level: 1
+    }))) : /*#__PURE__*/React.createElement(MenuItem, Object.assign({}, item, {
+      key: item.id,
       level: 1
     }));
-  })), placement === 'vertical' && showCollapse && /*#__PURE__*/React.createElement("div", {
+  })), canToggle ? /*#__PURE__*/React.createElement("div", {
     className: cx(prefixCls + "__toggle"),
     onClick: onToggle
-  }, mini ? /*#__PURE__*/React.createElement(MenuUnfoldOutlined, null) : /*#__PURE__*/React.createElement(MenuFoldOutlined, null))));
+  }, mini ? /*#__PURE__*/React.createElement(MenuUnfoldOutlined, null) : /*#__PURE__*/React.createElement(MenuFoldOutlined, null)) : null));
 });
 
 if (__DEV__) {

package/lib/esm/Menu.js.map

@@ -1 +1 @@
-{"version":3,"file":"Menu.js","sources":["../../src/Menu.tsx"],"sourcesContent":[null],"names":["MENU_PREFIX","getPrefixCls","Menu","forwardRef","_a","ref","prefixCls","role","className","data","placement","showCollapse","expandedType","showAllSubMenus","defaultExpandedIds","defaultActiveId","activeId","onClickSubMenu","onClick","rest","useUncontrolledState","_activeId","updateActiveId","useState","getAncestorIds","activeParents","updateActiveParents","useEffect","_expandedIds","updateExpanedIds","clickMenu","useCallback","id","clickSubMenu","expandedIds","includes","filter","expandedid","concat","closePopper","closeAllPopper","mini","setMini","cls","cx","onToggle","React","MenuContext","Provider","value","map","d","MenuItem","key","level","MenuUnfoldOutlined","MenuFoldOutlined","__DEV__","displayName"],"mappings":"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"}
+{"version":3,"file":"Menu.js","sources":["../../src/Menu.tsx"],"sourcesContent":[null],"names":["MENU_PREFIX","getPrefixCls","Menu","forwardRef","_a","ref","prefixCls","role","className","data","placement","showCollapse","expandedType","showAllSubMenus","defaultExpandedIds","defaultActiveId","activeId","onClickSubMenu","onClick","rest","useUncontrolledState","_activeId","updateActiveId","useState","getAncestorIds","activeParents","updateActiveParents","useEffect","_expandedIds","updateExpanedIds","clickMenu","useCallback","id","clickSubMenu","expandedIds","includes","filter","expandedId","concat","closePopper","closeAllPopper","mini","setMini","cls","cx","onToggle","canToggle","React","MenuContext","Provider","value","map","item","Tooltip","title","key","MenuItem","level","MenuUnfoldOutlined","MenuFoldOutlined","__DEV__","displayName"],"mappings":"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"}

package/lib/esm/MenuItem.js

@@ -7,28 +7,34 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-import React, { useRef, useContext } from 'react';
+import { __rest } from 'tslib';
+import React, { forwardRef, useRef, useContext } from 'react';
 import { getPrefixCls, cx } from '@hi-ui/classname';
 import { __DEV__ } from '@hi-ui/env';
-import { UpOutlined, DownOutlined, RightOutlined } from '@hi-ui/icons';
+import { RightOutlined, DownOutlined, UpOutlined } from '@hi-ui/icons';
 import MenuContext from './context.js';
-import { PopperPortal, Popper } from '@hi-ui/popper';
+import Popper from '@hi-ui/popper';
 import { Expander } from './Expander.js';
+import { isArrayNonEmpty } from '@hi-ui/type-assertion';
+import { times } from '@hi-ui/array-utils';
+import { useMergeRefs } from '@hi-ui/use-merge-refs';
 var MENU_PREFIX = getPrefixCls('menu');
-
-var MenuItem = function MenuItem(_ref) {
+var MenuItem = /*#__PURE__*/forwardRef(function (_a, ref) {
   var _cx, _cx2;
 
-  var _ref$prefixCls = _ref.prefixCls,
-      prefixCls = _ref$prefixCls === void 0 ? MENU_PREFIX : _ref$prefixCls,
-      icon = _ref.icon,
-      title = _ref.title,
-      disabled = _ref.disabled,
-      id = _ref.id,
-      _ref$level = _ref.level,
-      level = _ref$level === void 0 ? 1 : _ref$level,
-      children = _ref.children,
-      parentIds = _ref.parentIds;
+  var _a$prefixCls = _a.prefixCls,
+      prefixCls = _a$prefixCls === void 0 ? MENU_PREFIX : _a$prefixCls,
+      className = _a.className,
+      icon = _a.icon,
+      title = _a.title,
+      disabled = _a.disabled,
+      id = _a.id,
+      _a$level = _a.level,
+      level = _a$level === void 0 ? 1 : _a$level,
+      children = _a.children,
+      parentIds = _a.parentIds,
+      rest = __rest(_a, ["prefixCls", "className", "icon", "title", "disabled", "id", "level", "children", "parentIds"]);
+
   var itemRef = useRef(null);
 
   var _useContext = useContext(MenuContext),
@@ -46,13 +52,15 @@ var MenuItem = function MenuItem(_ref) {
 
   var _parentIds = (parentIds || []).concat(id);
 
-  return /*#__PURE__*/React.createElement("li", {
-    ref: itemRef,
-    className: cx(prefixCls + "-item", (_cx = {}, _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))
-  }, /*#__PURE__*/React.createElement("div", {
-    className: cx(prefixCls + "-item__inner", (_cx2 = {}, _cx2[prefixCls + "-item__inner--mini"] = mini, _cx2[prefixCls + "-item__inner--active"] = activeId === id, _cx2[prefixCls + "-item__inner--active-p"] = activeParents === null || activeParents === void 0 ? void 0 : activeParents.includes(id), _cx2)),
+  var hasChildren = isArrayNonEmpty(children);
+  var mergedRef = useMergeRefs(itemRef, ref);
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("li", Object.assign({
+    ref: mergedRef,
+    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)
+  }, rest), /*#__PURE__*/React.createElement("div", {
+    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 (children === null || children === void 0 ? void 0 : children.length) {
+      if (isArrayNonEmpty(children)) {
         if (clickSubMenu) {
           clickSubMenu(id);
         }
@@ -65,21 +73,33 @@ var MenuItem = function MenuItem(_ref) {
           closeAllPopper();
         }
       }
-    },
-    style: placement === 'vertical' && expandedType === 'collapse' && !mini ? {
-      paddingLeft: level > 1 ? 12 + (level - 1 > 0 ? 1 : 0) * 20 + (level - 2 || 0) * 16 : 12
-    } : {}
-  }, icon, /*#__PURE__*/React.createElement("span", {
-    className: prefixCls + "-item__content"
-  }, title), (children === null || children === void 0 ? void 0 : children.length) && !mini && placement === 'vertical' && expandedType === 'collapse' && !showAllSubMenus && ((expandedIds === null || expandedIds === void 0 ? void 0 : expandedIds.includes(id)) ? /*#__PURE__*/React.createElement(UpOutlined, null) : /*#__PURE__*/React.createElement(DownOutlined, null)), (children === null || children === void 0 ? void 0 : children.length) && mini && level > 1 && placement === 'vertical' && /*#__PURE__*/React.createElement(RightOutlined, null), (children === null || children === void 0 ? void 0 : children.length) && !mini && placement === 'vertical' && (expandedType === 'pop' || showAllSubMenus) && /*#__PURE__*/React.createElement(RightOutlined, null), (children === null || children === void 0 ? void 0 : children.length) && placement === 'horizontal' && level > 1 && /*#__PURE__*/React.createElement(RightOutlined, null), (children === null || children === void 0 ? void 0 : children.length) && placement === 'horizontal' && level === 1 && ((expandedIds === null || expandedIds === void 0 ? void 0 : expandedIds.includes(id)) ? /*#__PURE__*/React.createElement(UpOutlined, {
-    style: {
-      marginLeft: 4
-    }
-  }) : /*#__PURE__*/React.createElement(DownOutlined, {
-    style: {
-      marginLeft: 4
     }
-  }))), (children === null || children === void 0 ? void 0 : children.length) && placement === 'vertical' && !mini && !showAllSubMenus && expandedType === 'collapse' && /*#__PURE__*/React.createElement(Expander, {
+  }, placement === 'vertical' && expandedType === 'collapse' && !mini ? renderIndent({
+    prefixCls: prefixCls + "-item",
+    depth: level - 1
+  }) : null, icon ? /*#__PURE__*/React.createElement("span", {
+    className: prefixCls + "-item__icon"
+  }, icon) : null, /*#__PURE__*/React.createElement("span", {
+    className: prefixCls + "-item__content"
+  }, title), hasChildren && !mini && placement === 'vertical' && expandedType === 'collapse' && !showAllSubMenus && ((expandedIds === null || expandedIds === void 0 ? void 0 : expandedIds.includes(id)) ? /*#__PURE__*/React.createElement(Arrow, {
+    prefixCls: prefixCls + "-item",
+    direction: "up"
+  }) : /*#__PURE__*/React.createElement(Arrow, {
+    prefixCls: prefixCls + "-item",
+    direction: "down"
+  })), 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, {
+    prefixCls: prefixCls + "-item"
+  }) : null, hasChildren && placement === 'horizontal' && level > 1 ? /*#__PURE__*/React.createElement(Arrow, {
+    prefixCls: prefixCls + "-item"
+  }) : null, hasChildren && placement === 'horizontal' && level === 1 && ((expandedIds === null || expandedIds === void 0 ? void 0 : expandedIds.includes(id)) ? /*#__PURE__*/React.createElement(Arrow, {
+    prefixCls: prefixCls + "-item",
+    direction: "up"
+  }) : /*#__PURE__*/React.createElement(Arrow, {
+    prefixCls: prefixCls + "-item",
+    direction: "down"
+  }))), hasChildren && placement === 'vertical' && !mini && !showAllSubMenus && expandedType === 'collapse' ? /*#__PURE__*/React.createElement(Expander, {
     visible: !!(expandedIds === null || expandedIds === void 0 ? void 0 : expandedIds.includes(id))
   }, /*#__PURE__*/React.createElement("ul", {
     className: prefixCls + "-submenu"
@@ -89,7 +109,7 @@ var MenuItem = function MenuItem(_ref) {
       level: level + 1,
       parentIds: _parentIds
     }));
-  }))), (children === null || children === void 0 ? void 0 : children.length) && placement === 'vertical' && mini && !showAllSubMenus && expandedType === 'collapse' && (level === 1 ? /*#__PURE__*/React.createElement(PopperPortal, {
+  }))) : 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',
@@ -112,6 +132,7 @@ var MenuItem = function MenuItem(_ref) {
     attachEl: itemRef.current,
     placement: 'right-start',
     gutterGap: 16,
+    disabledPortal: true,
     onClose: function onClose() {
       if (closePopper) {
         closePopper(id);
@@ -125,7 +146,7 @@ var MenuItem = function MenuItem(_ref) {
       level: level + 1,
       parentIds: _parentIds
     }));
-  })))), (children === null || children === void 0 ? void 0 : children.length) && placement === 'vertical' && !showAllSubMenus && expandedType === 'pop' && (level === 1 ? /*#__PURE__*/React.createElement(PopperPortal, {
+  })))), 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',
@@ -146,6 +167,7 @@ var MenuItem = function MenuItem(_ref) {
   }))) : /*#__PURE__*/React.createElement(Popper, {
     visible: !!(expandedIds === null || expandedIds === void 0 ? void 0 : expandedIds.includes(id)),
     attachEl: itemRef.current,
+    disabledPortal: true,
     placement: 'right-start',
     gutterGap: 16,
     onClose: function onClose() {
@@ -161,7 +183,7 @@ var MenuItem = function MenuItem(_ref) {
       level: level + 1,
       parentIds: _parentIds
     }));
-  })))), (children === null || children === void 0 ? void 0 : children.length) && placement === 'vertical' && showAllSubMenus && /*#__PURE__*/React.createElement(PopperPortal, {
+  })))), 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',
@@ -174,14 +196,12 @@ var MenuItem = function MenuItem(_ref) {
   }, /*#__PURE__*/React.createElement("div", {
     className: prefixCls + "-fat-menu"
   }, children.map(function (child) {
-    var _a;
-
     return /*#__PURE__*/React.createElement("div", {
       key: child.id,
       className: prefixCls + "-fat-menu__group"
     }, /*#__PURE__*/React.createElement("div", {
       className: prefixCls + "-group-item"
-    }, child.title), ((_a = child === null || child === void 0 ? void 0 : child.children) === null || _a === void 0 ? void 0 : _a.length) && /*#__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", {
@@ -197,8 +217,8 @@ var MenuItem = function MenuItem(_ref) {
         className: cx(prefixCls + "-item", (_cx3 = {}, _cx3[prefixCls + "-item--active"] = activeId === item.id, _cx3)),
         key: item.id
       }, item.title);
-    })));
-  }))), (children === null || children === void 0 ? void 0 : children.length) && placement === 'horizontal' && !showAllSubMenus && (level === 1 ? /*#__PURE__*/React.createElement(PopperPortal, {
+    })) : 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',
@@ -219,6 +239,7 @@ var MenuItem = function MenuItem(_ref) {
   }))) : /*#__PURE__*/React.createElement(Popper, {
     visible: !!(expandedIds === null || expandedIds === void 0 ? void 0 : expandedIds.includes(id)),
     attachEl: itemRef.current,
+    disabledPortal: true,
     placement: level === 1 ? 'bottom-start' : 'right-start',
     gutterGap: level === 1 ? 8 : 16,
     onClose: function onClose() {
@@ -234,7 +255,7 @@ var MenuItem = function MenuItem(_ref) {
       level: level + 1,
       parentIds: _parentIds
     }));
-  })))), (children === null || children === void 0 ? void 0 : children.length) && placement === 'horizontal' && showAllSubMenus && /*#__PURE__*/React.createElement(PopperPortal, {
+  })))), 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',
@@ -247,14 +268,12 @@ var MenuItem = function MenuItem(_ref) {
   }, /*#__PURE__*/React.createElement("div", {
     className: prefixCls + "-fat-menu"
   }, children.map(function (child) {
-    var _a;
-
     return /*#__PURE__*/React.createElement("div", {
       key: child.id,
       className: prefixCls + "-fat-menu__group"
     }, /*#__PURE__*/React.createElement("div", {
       className: prefixCls + "-group-item"
-    }, child.title), ((_a = child === null || child === void 0 ? void 0 : child.children) === null || _a === void 0 ? void 0 : _a.length) && /*#__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", {
@@ -270,13 +289,51 @@ var MenuItem = function MenuItem(_ref) {
         },
         key: item.id
       }, item.title);
-    })));
-  }))));
-};
+    })) : null);
+  }))) : null);
+});
 
 if (__DEV__) {
   MenuItem.displayName = 'MenuItem';
 }
 
+var Arrow = function Arrow(_ref) {
+  var prefixCls = _ref.prefixCls,
+      direction = _ref.direction;
+  var icon = null;
+
+  switch (direction) {
+    case 'up':
+      icon = /*#__PURE__*/React.createElement(UpOutlined, null);
+      break;
+
+    case 'down':
+      icon = /*#__PURE__*/React.createElement(DownOutlined, null);
+      break;
+
+    default:
+      icon = /*#__PURE__*/React.createElement(RightOutlined, null);
+  }
+
+  return /*#__PURE__*/React.createElement("span", {
+    className: prefixCls + "__arrow"
+  }, icon);
+};
+/**
+ * 渲染空白占位
+ */
+
+
+var renderIndent = function renderIndent(_ref2) {
+  var prefixCls = _ref2.prefixCls,
+      depth = _ref2.depth;
+  return times(depth, function (index) {
+    return /*#__PURE__*/React.createElement("span", {
+      className: prefixCls + "__indent",
+      key: index
+    });
+  });
+};
+
 export { MenuItem };
 //# sourceMappingURL=MenuItem.js.map

package/lib/esm/MenuItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"MenuItem.js","sources":["../../src/MenuItem.tsx"],"sourcesContent":[null],"names":["MENU_PREFIX","getPrefixCls","MenuItem","prefixCls","icon","title","disabled","id","level","children","parentIds","itemRef","useRef","useContext","MenuContext","placement","expandedType","showAllSubMenus","mini","activeId","closePopper","expandedIds","clickMenu","clickSubMenu","closeAllPopper","activeParents","_parentIds","concat","React","ref","className","cx","includes","onClick","length","style","paddingLeft","UpOutlined","DownOutlined","RightOutlined","marginLeft","Expander","visible","map","child","key","PopperPortal","attachEl","current","gutterGap","onClose","Popper","item","__DEV__","displayName"],"mappings":"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"}
+{"version":3,"file":"MenuItem.js","sources":["../../src/MenuItem.tsx"],"sourcesContent":[null],"names":["MENU_PREFIX","getPrefixCls","MenuItem","forwardRef","_a","ref","prefixCls","className","icon","title","disabled","id","level","children","parentIds","rest","itemRef","useRef","useContext","MenuContext","placement","expandedType","showAllSubMenus","mini","activeId","closePopper","expandedIds","clickMenu","clickSubMenu","closeAllPopper","activeParents","_parentIds","concat","hasChildren","isArrayNonEmpty","mergedRef","useMergeRefs","React","cx","includes","onClick","renderIndent","depth","Arrow","direction","Expander","visible","map","child","key","Popper","attachEl","current","gutterGap","onClose","disabledPortal","item","__DEV__","displayName","UpOutlined","DownOutlined","RightOutlined","times","index"],"mappings":"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"}

package/lib/esm/styles/index.scss.js

@@ -7,7 +7,7 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var css_248z = "@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n.hi-v4-menu-fat-menu {\n  background-color: var(--hi-v4-color-static-white, #fff);\n  margin: 0;\n  font-size: var(--hi-v4-text-size-normal, 0.875rem);\n  padding: var(--hi-v4-spacing-4, 8px);\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  color: var(--hi-v4-color-gray-700, #1f2733);\n  border-radius: var(--hi-v4-border-radius-normal, 4px);\n  -ms-flex-wrap: wrap;\n      flex-wrap: wrap; }\n.hi-v4-menu-fat-menu__group:not(:last-of-type) {\n    margin-right: var(--hi-v4-spacing-18, 36px); }\n.hi-v4-menu-fat-menu .hi-v4-menu-group-item {\n    height: 40px;\n    margin: 0;\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n    padding: 0 var(--hi-v4-spacing-6, 12px);\n    color: var(--hi-v4-color-gray-500, #929aa6); }\n.hi-v4-menu-fat-menu .hi-v4-menu-item {\n    height: 40px;\n    margin: 0;\n    border-radius: var(--hi-v4-border-radius-normal, 4px);\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n    padding: 0 var(--hi-v4-spacing-6, 12px); }\n.hi-v4-menu-fat-menu .hi-v4-menu-item--active {\n      color: var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa));\n      background-color: var(--hi-v4-color-primary-50, var(--hi-v4-color-brandblue-50, #e2f3fe)); }\n.hi-v4-menu-fat-menu .hi-v4-menu-item:not(.hi-v4-menu-item--active):hover {\n      background-color: var(--hi-v4-color-gray-100, #f2f4f7); }\n.hi-v4-menu-fat-menu ul {\n    padding: 0;\n    margin: 0; }\n.hi-v4-menu-fat-menu ul li {\n      list-style-type: none; }\n.hi-v4-menu-popmenu {\n  background-color: var(--hi-v4-color-static-white, #fff);\n  border-radius: var(--hi-v4-border-radius-normal, 4px);\n  margin: 0;\n  font-size: var(--hi-v4-text-size-normal, 0.875rem);\n  padding: var(--hi-v4-spacing-4, 8px);\n  color: var(--hi-v4-color-gray-700, #1f2733); }\n.hi-v4-menu-popmenu .hi-v4-menu-item {\n    height: 40px;\n    margin: 0; }\n.hi-v4-menu-popmenu .hi-v4-menu-item__inner {\n      -webkit-box-sizing: border-box;\n              box-sizing: border-box;\n      height: 40px;\n      display: -webkit-box;\n      display: -ms-flexbox;\n      display: flex;\n      -webkit-box-align: center;\n          -ms-flex-align: center;\n              align-items: center;\n      margin-bottom: var(--hi-v4-spacing-4, 8px);\n      padding: 0 var(--hi-v4-spacing-6, 12px);\n      border-radius: var(--hi-v4-border-radius-normal, 4px); }\n.hi-v4-menu-popmenu .hi-v4-menu-item__inner--active {\n        color: var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa));\n        background-color: var(--hi-v4-color-primary-50, var(--hi-v4-color-brandblue-50, #e2f3fe)); }\n.hi-v4-menu-popmenu .hi-v4-menu-item__inner--active-p {\n        color: var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa)); }\n.hi-v4-menu-popmenu .hi-v4-menu-item__inner:not(.hi-v4-menu-item__inner--active):hover {\n        background-color: var(--hi-v4-color-gray-100, #f2f4f7); }\n.hi-v4-menu-popmenu .hi-v4-menu-item__content {\n      -webkit-box-flex: 1;\n          -ms-flex: 1 1;\n              flex: 1 1;\n      overflow: hidden;\n      text-overflow: ellipsis;\n      white-space: nowrap;\n      max-width: 100px;\n      padding-right: var(--hi-v4-spacing-4, 8px); }\n.hi-v4-menu {\n  background-color: var(--hi-v4-color-static-white, #fff);\n  color: var(--hi-v4-color-gray-700, #1f2733);\n  font-size: var(--hi-v4-text-size-normal, 0.875rem);\n  line-height: var(--hi-v4-text-lineheight-normal, 1.375rem);\n  -webkit-box-sizing: border-box;\n          box-sizing: border-box; }\n.hi-v4-menu ul {\n    margin: 0;\n    padding: 0; }\n.hi-v4-menu-item {\n    list-style: none;\n    -webkit-box-sizing: border-box;\n            box-sizing: border-box;\n    cursor: pointer;\n    -webkit-transition: all 0.3s;\n    transition: all 0.3s; }\n.hi-v4-menu__wrapper {\n    padding: 0;\n    margin: 0; }\n.hi-v4-menu--horizontal {\n    width: 100%;\n    overflow: auto; }\n.hi-v4-menu--horizontal .hi-v4-menu__wrapper {\n      display: -webkit-box;\n      display: -ms-flexbox;\n      display: flex; }\n.hi-v4-menu--horizontal .hi-v4-menu-item {\n      margin: 0 var(--hi-v4-spacing-10, 20px);\n      display: -webkit-box;\n      display: -ms-flexbox;\n      display: flex;\n      -webkit-box-pack: center;\n          -ms-flex-pack: center;\n              justify-content: center;\n      -webkit-box-align: center;\n          -ms-flex-align: center;\n              align-items: center;\n      height: 56px;\n      border-bottom: 2px solid transparent;\n      font-size: var(--hi-v4-text-size-lg, 1rem); }\n.hi-v4-menu--horizontal .hi-v4-menu-item:hover {\n        color: var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa));\n        border-bottom: 2px solid var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa)); }\n.hi-v4-menu--horizontal .hi-v4-menu-item--active {\n        color: var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa));\n        border-bottom: 2px solid var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa)); }\n.hi-v4-menu--horizontal .hi-v4-menu-item--active-p {\n        color: var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa)); }\n.hi-v4-menu--horizontal .hi-v4-menu-item__inner {\n        height: 100%;\n        display: -webkit-box;\n        display: -ms-flexbox;\n        display: flex;\n        -webkit-box-align: center;\n            -ms-flex-align: center;\n                align-items: center; }\n.hi-v4-menu--horizontal .hi-v4-menu-item__content {\n        -webkit-box-flex: 1;\n            -ms-flex: 1 1;\n                flex: 1 1;\n        overflow: hidden;\n        text-overflow: ellipsis;\n        white-space: nowrap;\n        max-width: 100px; }\n.hi-v4-menu--vertical {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-orient: vertical;\n    -webkit-box-direction: normal;\n        -ms-flex-direction: column;\n            flex-direction: column;\n    padding: var(--hi-v4-spacing-4, 8px);\n    width: 232px;\n    height: 100%;\n    -webkit-transition: width 0.3s;\n    transition: width 0.3s; }\n.hi-v4-menu--vertical .hi-v4-menu__wrapper {\n      -webkit-box-flex: 1;\n          -ms-flex: 1 1;\n              flex: 1 1;\n      overflow: auto; }\n.hi-v4-menu--vertical.hi-v4-menu--mini {\n      width: 56px;\n      overflow-x: hidden; }\n.hi-v4-menu--vertical .hi-v4-menu__toggle {\n      width: 40px;\n      cursor: pointer;\n      display: -webkit-box;\n      display: -ms-flexbox;\n      display: flex;\n      -webkit-box-align: center;\n          -ms-flex-align: center;\n              align-items: center;\n      -webkit-box-pack: center;\n          -ms-flex-pack: center;\n              justify-content: center;\n      border-radius: var(--hi-v4-border-radius-normal, 4px);\n      height: 40px; }\n.hi-v4-menu--vertical .hi-v4-menu__toggle:hover {\n        background-color: var(--hi-v4-color-gray-100, #f2f4f7); }\n.hi-v4-menu--vertical .hi-v4-menu-item__inner {\n      -webkit-box-sizing: border-box;\n              box-sizing: border-box;\n      height: 40px;\n      display: -webkit-box;\n      display: -ms-flexbox;\n      display: flex;\n      -webkit-box-align: center;\n          -ms-flex-align: center;\n              align-items: center;\n      margin-bottom: var(--hi-v4-spacing-4, 8px);\n      padding: 0 var(--hi-v4-spacing-6, 12px);\n      border-radius: var(--hi-v4-border-radius-normal, 4px);\n      -webkit-transition: all 0.3s;\n      transition: all 0.3s; }\n.hi-v4-menu--vertical .hi-v4-menu-item__inner--active {\n        color: var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa));\n        background-color: var(--hi-v4-color-primary-50, var(--hi-v4-color-brandblue-50, #e2f3fe)); }\n.hi-v4-menu--vertical .hi-v4-menu-item__inner--active-p {\n        color: var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa)); }\n.hi-v4-menu--vertical .hi-v4-menu-item__inner:not(.hi-v4-menu-item__inner--active):hover {\n        background-color: var(--hi-v4-color-gray-100, #f2f4f7); }\n.hi-v4-menu--vertical .hi-v4-menu-item svg[class^=hi-v4-icon] {\n      -ms-flex-negative: 0;\n          flex-shrink: 0;\n      margin-right: var(--hi-v4-spacing-4, 8px);\n      margin-left: 1px; }\n.hi-v4-menu--vertical .hi-v4-menu-item__content {\n      -webkit-box-flex: 1;\n          -ms-flex: 1 1;\n              flex: 1 1;\n      overflow: hidden;\n      text-overflow: ellipsis;\n      white-space: nowrap;\n      text-indent: 0.5px; }\n";
+var css_248z = "@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n.hi-v4-menu-fat-menu {\n  background-color: var(--hi-v4-color-static-white, #fff);\n  margin: 0;\n  font-size: var(--hi-v4-text-size-normal, 0.875rem);\n  padding: var(--hi-v4-spacing-4, 8px);\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  color: var(--hi-v4-color-gray-700, #1f2733);\n  border-radius: var(--hi-v4-border-radius-normal, 4px);\n  -ms-flex-wrap: wrap;\n      flex-wrap: wrap; }\n.hi-v4-menu-fat-menu__group:not(:last-of-type) {\n    margin-right: var(--hi-v4-spacing-18, 36px); }\n.hi-v4-menu-fat-menu .hi-v4-menu-group-item {\n    height: 40px;\n    margin: 0;\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n    padding: 0 var(--hi-v4-spacing-6, 12px);\n    color: var(--hi-v4-color-gray-500, #929aa6); }\n.hi-v4-menu-fat-menu .hi-v4-menu-item {\n    height: 40px;\n    margin: 0;\n    border-radius: var(--hi-v4-border-radius-normal, 4px);\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n    padding: 0 var(--hi-v4-spacing-4, 8px) 0 var(--hi-v4-spacing-6, 12px); }\n.hi-v4-menu-fat-menu .hi-v4-menu-item--active {\n      color: var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa));\n      background-color: var(--hi-v4-color-primary-50, var(--hi-v4-color-brandblue-50, #e2f3fe)); }\n.hi-v4-menu-fat-menu .hi-v4-menu-item:not(.hi-v4-menu-item--active):hover {\n      background-color: var(--hi-v4-color-gray-100, #f2f4f7); }\n.hi-v4-menu-fat-menu ul {\n    padding: 0;\n    margin: 0; }\n.hi-v4-menu-fat-menu ul li {\n      list-style-type: none; }\n.hi-v4-menu-popmenu {\n  background-color: var(--hi-v4-color-static-white, #fff);\n  border-radius: var(--hi-v4-border-radius-normal, 4px);\n  margin: 0;\n  font-size: var(--hi-v4-text-size-normal, 0.875rem);\n  padding: var(--hi-v4-spacing-4, 8px);\n  color: var(--hi-v4-color-gray-700, #1f2733);\n  width: 216px;\n  -webkit-box-sizing: border-box;\n          box-sizing: border-box; }\n.hi-v4-menu-popmenu .hi-v4-menu-item {\n    height: 40px;\n    margin: 0; }\n.hi-v4-menu-popmenu .hi-v4-menu-item__inner {\n      -webkit-box-sizing: border-box;\n              box-sizing: border-box;\n      height: 40px;\n      display: -webkit-box;\n      display: -ms-flexbox;\n      display: flex;\n      -webkit-box-align: center;\n          -ms-flex-align: center;\n              align-items: center;\n      margin-bottom: var(--hi-v4-spacing-4, 8px);\n      padding: 0 var(--hi-v4-spacing-4, 8px) 0 var(--hi-v4-spacing-6, 12px);\n      border-radius: var(--hi-v4-border-radius-normal, 4px); }\n.hi-v4-menu-popmenu .hi-v4-menu-item__inner--active {\n        color: var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa));\n        background-color: var(--hi-v4-color-primary-50, var(--hi-v4-color-brandblue-50, #e2f3fe)); }\n.hi-v4-menu-popmenu .hi-v4-menu-item__inner--active-p {\n        color: var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa)); }\n.hi-v4-menu-popmenu .hi-v4-menu-item__inner--expanded {\n        background-color: var(--hi-v4-color-gray-100, #f2f4f7); }\n.hi-v4-menu-popmenu .hi-v4-menu-item__inner:not(.hi-v4-menu-item__inner--active):hover {\n        background-color: var(--hi-v4-color-gray-100, #f2f4f7); }\n.hi-v4-menu-popmenu .hi-v4-menu-item__content {\n      -webkit-box-flex: 1;\n          -ms-flex: 1 1;\n              flex: 1 1;\n      overflow: hidden;\n      text-overflow: ellipsis;\n      white-space: nowrap;\n      max-width: 100%;\n      padding-right: var(--hi-v4-spacing-4, 8px); }\n.hi-v4-menu {\n  background-color: var(--hi-v4-color-static-white, #fff);\n  color: var(--hi-v4-color-gray-700, #1f2733);\n  font-size: var(--hi-v4-text-size-normal, 0.875rem);\n  line-height: var(--hi-v4-text-lineheight-normal, 1.375rem);\n  -webkit-box-sizing: border-box;\n          box-sizing: border-box; }\n.hi-v4-menu ul {\n    margin: 0;\n    padding: 0; }\n.hi-v4-menu-item {\n    list-style: none;\n    -webkit-box-sizing: border-box;\n            box-sizing: border-box;\n    cursor: pointer;\n    -webkit-transition: all 0.3s;\n    transition: all 0.3s; }\n.hi-v4-menu-item__icon {\n      color: var(--hi-v4-color-gray-500, #929aa6);\n      -webkit-margin-end: var(--hi-v4-spacing-4, 8px);\n              margin-inline-end: var(--hi-v4-spacing-4, 8px); }\n.hi-v4-menu-item__icon svg[class^=hi-v4-icon] {\n        font-size: var(--hi-v4-text-size-lg, 1rem); }\n.hi-v4-menu-item__arrow {\n      color: var(--hi-v4-color-gray-500, #929aa6);\n      font-size: var(--hi-v4-text-size-lg, 1rem); }\n.hi-v4-menu-item__indent {\n      display: inline-block;\n      width: 24px;\n      height: 100%;\n      -ms-flex-negative: 0;\n          flex-shrink: 0; }\n.hi-v4-menu__wrapper {\n    padding: 0;\n    margin: 0; }\n.hi-v4-menu--horizontal {\n    width: 100%;\n    overflow-x: auto; }\n.hi-v4-menu--horizontal .hi-v4-menu__wrapper {\n      display: -webkit-box;\n      display: -ms-flexbox;\n      display: flex;\n      overflow: visible;\n      width: -webkit-max-content;\n      width: -moz-max-content;\n      width: max-content;\n      -webkit-box-sizing: border-box;\n              box-sizing: border-box; }\n.hi-v4-menu--horizontal .hi-v4-menu-item {\n      margin: 0 var(--hi-v4-spacing-10, 20px);\n      display: -webkit-box;\n      display: -ms-flexbox;\n      display: flex;\n      -webkit-box-pack: center;\n          -ms-flex-pack: center;\n              justify-content: center;\n      -webkit-box-align: center;\n          -ms-flex-align: center;\n              align-items: center;\n      height: 56px;\n      border: none;\n      font-size: var(--hi-v4-text-size-lg, 1rem); }\n.hi-v4-menu--horizontal .hi-v4-menu-item__arrow {\n        -webkit-margin-start: var(--hi-v4-spacing-2, 4px);\n                margin-inline-start: var(--hi-v4-spacing-2, 4px); }\n.hi-v4-menu--horizontal .hi-v4-menu-item:hover {\n        color: var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa)); }\n.hi-v4-menu--horizontal .hi-v4-menu-item:hover .hi-v4-menu-item__inner {\n          border-bottom: 2px solid var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa)); }\n.hi-v4-menu--horizontal .hi-v4-menu-item--active {\n        color: var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa)); }\n.hi-v4-menu--horizontal .hi-v4-menu-item--active .hi-v4-menu-item__inner {\n          border-bottom: 2px solid var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa)); }\n.hi-v4-menu--horizontal .hi-v4-menu-item--active .hi-v4-menu-item__icon {\n          color: var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa)); }\n.hi-v4-menu--horizontal .hi-v4-menu-item--active-p {\n        color: var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa)); }\n.hi-v4-menu--horizontal .hi-v4-menu-item--active-p .hi-v4-menu-item__icon {\n          color: var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa)); }\n.hi-v4-menu--horizontal .hi-v4-menu-item__inner {\n        height: 100%;\n        display: -webkit-box;\n        display: -ms-flexbox;\n        display: flex;\n        -webkit-box-align: center;\n            -ms-flex-align: center;\n                align-items: center;\n        -webkit-box-sizing: border-box;\n                box-sizing: border-box;\n        border-bottom: 2px solid transparent; }\n.hi-v4-menu--horizontal .hi-v4-menu-item__inner--expanded {\n          border-bottom: 2px solid var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa)); }\n.hi-v4-menu--horizontal .hi-v4-menu-item__content {\n        -webkit-box-flex: 1;\n            -ms-flex: 1 1;\n                flex: 1 1;\n        white-space: nowrap;\n        max-width: none; }\n.hi-v4-menu--vertical {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-orient: vertical;\n    -webkit-box-direction: normal;\n        -ms-flex-direction: column;\n            flex-direction: column;\n    padding: var(--hi-v4-spacing-4, 8px);\n    width: 232px;\n    height: 100%;\n    -webkit-transition: width 0.3s;\n    transition: width 0.3s; }\n.hi-v4-menu--vertical .hi-v4-menu__wrapper {\n      -webkit-box-flex: 1;\n          -ms-flex: 1 1;\n              flex: 1 1;\n      overflow: auto; }\n.hi-v4-menu--vertical.hi-v4-menu--mini {\n      width: 56px;\n      overflow-x: hidden; }\n.hi-v4-menu--vertical.hi-v4-menu--popup .hi-v4-menu-item__inner--expanded {\n      background-color: var(--hi-v4-color-gray-100, #f2f4f7); }\n.hi-v4-menu--vertical .hi-v4-menu__toggle {\n      width: 40px;\n      cursor: pointer;\n      display: -webkit-box;\n      display: -ms-flexbox;\n      display: flex;\n      -webkit-box-align: center;\n          -ms-flex-align: center;\n              align-items: center;\n      -webkit-box-pack: center;\n          -ms-flex-pack: center;\n              justify-content: center;\n      border-radius: var(--hi-v4-border-radius-normal, 4px);\n      color: var(--hi-v4-color-gray-500, #929aa6);\n      height: 40px; }\n.hi-v4-menu--vertical .hi-v4-menu__toggle:hover {\n        background-color: var(--hi-v4-color-gray-100, #f2f4f7); }\n.hi-v4-menu--vertical .hi-v4-menu-item__inner {\n      -webkit-box-sizing: border-box;\n              box-sizing: border-box;\n      height: 40px;\n      display: -webkit-box;\n      display: -ms-flexbox;\n      display: flex;\n      -webkit-box-align: center;\n          -ms-flex-align: center;\n              align-items: center;\n      margin-bottom: var(--hi-v4-spacing-4, 8px);\n      padding: 0 var(--hi-v4-spacing-4, 8px) 0 var(--hi-v4-spacing-6, 12px);\n      border-radius: var(--hi-v4-border-radius-normal, 4px);\n      -webkit-transition: all 0.3s;\n      transition: all 0.3s; }\n.hi-v4-menu--vertical .hi-v4-menu-item__inner--active {\n        color: var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa));\n        background-color: var(--hi-v4-color-primary-50, var(--hi-v4-color-brandblue-50, #e2f3fe)); }\n.hi-v4-menu--vertical .hi-v4-menu-item__inner--active .hi-v4-menu-item__icon {\n          color: var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa)); }\n.hi-v4-menu--vertical .hi-v4-menu-item__inner--active-p {\n        color: var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa)); }\n.hi-v4-menu--vertical .hi-v4-menu-item__inner--active-p .hi-v4-menu-item__icon {\n          color: var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa)); }\n.hi-v4-menu--vertical .hi-v4-menu-item__inner:not(.hi-v4-menu-item__inner--active):hover {\n        background-color: var(--hi-v4-color-gray-100, #f2f4f7); }\n.hi-v4-menu--vertical .hi-v4-menu-item__content {\n      -webkit-box-flex: 1;\n          -ms-flex: 1 1;\n              flex: 1 1;\n      overflow: hidden;\n      text-overflow: ellipsis;\n      white-space: nowrap;\n      text-indent: 0.5px; }\n";
 
 var __styleInject__ = require('style-inject/dist/style-inject.es.js')["default"];
 

package/lib/types/Menu.d.ts

@@ -1,45 +1,18 @@
 import React from 'react';
+import { HiBaseHTMLProps } from '@hi-ui/core';
+import { MenuDataItem } from './types';
 /**
  * TODO: What is Menu
  */
 export declare const Menu: React.ForwardRefExoticComponent<MenuProps & React.RefAttributes<HTMLDivElement | null>>;
-export declare type MenuItemProps = {
-    /**
-     * 组件默认的选择器类
-     */
-    prefixCls?: string;
-    title: React.ReactNode;
-    icon?: React.ReactNode;
-    id: React.ReactText;
-    disabled?: boolean;
-    children?: MenuItemProps[];
-    level?: number;
-    parentIds?: React.ReactText[];
-};
-export interface MenuProps {
-    /**
-     * 组件默认的选择器类
-     */
-    prefixCls?: string;
-    /**
-     * 组件的语义化 Role 属性
-     */
-    role?: string;
-    /**
-     * 组件的注入选择器类
-     */
-    className?: string;
-    /**
-     * 组件的注入样式
-     */
-    data: MenuItemProps[];
+export interface MenuProps extends Omit<HiBaseHTMLProps<'div'>, 'onClick'> {
+    data: MenuDataItem[];
     activeId?: React.ReactText;
     placement?: 'horizontal' | 'vertical';
     collapsed?: boolean;
     showCollapse?: boolean;
     showAllSubMenus?: boolean;
     accordion?: boolean;
-    style?: React.CSSProperties;
     onClick?: (menuId: React.ReactText) => void;
     onClickSubMenu?: (subMenuId: React.ReactText, expandedIds: React.ReactText[]) => void;
     onCollapse?: (collapsed: boolean) => void;

package/lib/types/MenuItem.d.ts

@@ -1,3 +1,12 @@
 import React from 'react';
-import { MenuItemProps } from './Menu';
-export declare const MenuItem: React.FC<MenuItemProps>;
+import { HiBaseHTMLProps } from '@hi-ui/core';
+export declare const MenuItem: React.ForwardRefExoticComponent<MenuItemProps & React.RefAttributes<HTMLLIElement | null>>;
+export interface MenuItemProps extends Omit<HiBaseHTMLProps<'li'>, 'id'> {
+    id: React.ReactText;
+    title: React.ReactNode;
+    icon?: React.ReactNode;
+    disabled?: boolean;
+    children?: MenuItemProps[];
+    level?: number;
+    parentIds?: React.ReactText[];
+}

package/lib/types/index.d.ts

@@ -1,3 +1,4 @@
 import './styles/index.scss';
 export * from './Menu';
 export { Menu as default } from './Menu';
+export * from './types';

package/lib/types/types.d.ts

@@ -8,4 +8,16 @@ export interface MenuDataItem {
      * 节点标题
      */
     title: React.ReactNode;
+    /**
+     * 菜单项 icon
+     */
+    icon?: React.ReactNode;
+    /**
+     * 菜单项是否禁止点击
+     */
+    disabled?: boolean;
+    /**
+     * 子菜单项配置
+     */
+    children?: MenuDataItem[];
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hi-ui/menu",
-  "version": "4.0.0-beta.3",
+  "version": "4.0.0-beta.6",
   "description": "A sub-package for @hi-ui/hiui.",
   "keywords": [],
   "author": "HIUI <mi-hiui@xiaomi.com>",
@@ -43,12 +43,17 @@
     "url": "https://github.com/XiaoMi/hiui/issues"
   },
   "dependencies": {
+    "@hi-ui/array-utils": "^4.0.0-beta.4",
     "@hi-ui/classname": "^4.0.0-beta.0",
-    "@hi-ui/core": "^4.0.0-beta.2",
-    "@hi-ui/core-css": "^4.0.0-beta.2",
+    "@hi-ui/core": "^4.0.0-beta.3",
+    "@hi-ui/core-css": "^4.0.0-beta.3",
     "@hi-ui/env": "^4.0.0-beta.0",
-    "@hi-ui/icons": "^4.0.0-beta.2",
-    "@hi-ui/popper": "^4.0.0-beta.3",
+    "@hi-ui/icons": "^4.0.0-beta.3",
+    "@hi-ui/popper": "^4.0.0-beta.5",
+    "@hi-ui/times": "^4.0.0-beta.2",
+    "@hi-ui/tooltip": "^4.0.0-beta.8",
+    "@hi-ui/type-assertion": "^4.0.0-beta.1",
+    "@hi-ui/use-merge-refs": "^4.0.0-beta.1",
     "@hi-ui/use-uncontrolled-state": "^4.0.0-beta.1",
     "react-transition-group": "^4.4.2"
   },
@@ -61,5 +66,5 @@
     "react": "^17.0.1",
     "react-dom": "^17.0.1"
   },
-  "gitHead": "34009f66090d5e0003a9453c9f0f743e74438815"
+  "gitHead": "6b493b7d53d775bd0b94f45f208986774620af43"
 }