@hi-ui/menu 4.0.0-beta.5 → 4.0.0-beta.8

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":"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"}

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');
@@ -31,6 +33,10 @@ 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
@@ -42,20 +48,22 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var Popper__default = /*#__PURE__*/_interopDefaultLegacy(Popper);
 
 var MENU_PREFIX = classname.getPrefixCls('menu');
-
-var MenuItem = function MenuItem(_ref) {
+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']),
@@ -74,11 +82,12 @@ var MenuItem = function MenuItem(_ref) {
   var _parentIds = (parentIds || []).concat(id);
 
   var hasChildren = typeAssertion.isArrayNonEmpty(children);
-  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 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 (typeAssertion.isArrayNonEmpty(children)) {
         if (clickSubMenu) {
@@ -93,20 +102,32 @@ 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), hasChildren && !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)), hasChildren && mini && level > 1 && placement === 'vertical' ? /*#__PURE__*/React__default['default'].createElement(icons.RightOutlined, null) : null, hasChildren && !mini && placement === 'vertical' && (expandedType === 'pop' || showAllSubMenus) ? /*#__PURE__*/React__default['default'].createElement(icons.RightOutlined, null) : null, hasChildren && placement === 'horizontal' && level > 1 ? /*#__PURE__*/React__default['default'].createElement(icons.RightOutlined, null) : null, hasChildren && 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
     }
+  }, 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", {
@@ -117,7 +138,7 @@ var MenuItem = function MenuItem(_ref) {
       level: level + 1,
       parentIds: _parentIds
     }));
-  }))) : null, hasChildren && placement === 'vertical' && mini && !showAllSubMenus && expandedType === 'collapse' && (level === 1 ? /*#__PURE__*/React__default['default'].createElement(Popper__default['default'], {
+  }))) : 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',
@@ -299,11 +320,49 @@ var MenuItem = function MenuItem(_ref) {
       }, 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","hasChildren","isArrayNonEmpty","React","ref","className","cx","includes","onClick","style","paddingLeft","UpOutlined","DownOutlined","RightOutlined","marginLeft","Expander","visible","map","child","key","Popper","attachEl","current","gutterGap","onClose","disabledPortal","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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAYA,IAAMA,WAAW,GAAGC,sBAAAA,CAAa,MAAbA,CAApB;IAEaC,QAAQ,gBAAGC,gBAAAA,CACtB,UACEC,EADF,EAaEC,GAbF;;;wBAEIC;MAAAA,sCAAYN;MACZO,eAAAA;MACAC,UAAAA;MACAC,WAAAA;MACAC,cAAAA;MACAC,QAAAA;oBACAC;MAAAA,8BAAQ;MACRC,cAAAA;MACAC,eAAAA;MACGC,wBAVL,YAAA,aAAA,QAAA,SAAA,YAAA,MAAA,SAAA,YAAA,aAAA;;MAcMC,OAAO,GAAGC,YAAAA,CAA6B,IAA7BA;;oBAaZC,gBAAAA,CAAWC,kBAAXD;MAXFE,SADF,eACEA;MACAC,YAFF,eAEEA;MACAC,eAHF,eAGEA;MACAC,IAJF,eAIEA;MACAC,QALF,eAKEA;MACAC,WANF,eAMEA;MACAC,WAPF,eAOEA;MACAC,SARF,eAQEA;MACAC,YATF,eASEA;MACAC,cAVF,eAUEA;MACAC,aAXF,eAWEA;;MAGIC,UAAU,GAAG,CAACjB,SAAS,IAAI,EAAd,EAAkBkB,MAAlB,CAAyBrB,EAAzB;;MAEbsB,WAAW,GAAGC,6BAAAA,CAAgBrB,QAAhBqB;MAEdC,SAAS,GAAGC,yBAAAA,CAAapB,OAAboB,EAAsB/B,GAAtB+B;sBAGhBC,yBAAAA,cAAAA,mCAAAA,MAAAA,eACEA,yBAAAA,cAAAA,KAAAA;AACEhC,IAAAA,GAAG,EAAE8B;AACL5B,IAAAA,SAAS,EAAE+B,YAAAA,CACNhC,SADQ,UAAFgC,iBAGHhC,SAHK,2BAG2BiB,UAChCjB,SAJK,wBAIwBI,cAC7BJ,SALK,sBAMPc,SAAS,KAAK,YAAdA,KACCI,QAAQ,KAAKb,EAAba,KAAmBM,aAAa,SAAbA,IAAAA,aAAa,WAAbA,SAAAA,GAAAA,aAAa,CAAES,QAAfT,CAAwBnB,EAAxBmB,CAAnBN,CADDJ,KAEAR,KAAK,KAAK,MARL0B,GAUT/B,SAVS+B;KAYPvB,KAdNsB,eAgBEA,yBAAAA,cAAAA,MAAAA;AACE9B,IAAAA,SAAS,EAAE+B,YAAAA,CAAMhC,SAAJ,iBAAFgC,mBAELhC,SAFO,6BAE2BkB,QAAQ,KAAKb,SAC/CL,SAHO,+BAG6BwB,aAAa,SAAbA,IAAAA,aAAa,WAAbA,SAAAA,GAAAA,aAAa,CAAES,QAAfT,CAAwBnB,EAAxBmB,QACpCxB,SAJO,+BAI6BoB,WAAW,SAAXA,IAAAA,WAAW,WAAXA,SAAAA,GAAAA,WAAW,CAAEa,QAAbb,CAAsBf,EAAtBe,OAJ/BY;AAMXE,IAAAA,OAAO,EAAE,gBAAA;UACHN,6BAAAA,CAAgBrB,QAAhBqB,GAA2B;YACzBN,cAAc;AAChBA,UAAAA,YAAY,CAACjB,EAAD,CAAZiB;;AAFJ,aAIO;YACDD,WAAW;AACbA,UAAAA,SAAS,CAAChB,EAAD,CAATgB;;;YAGAE,cAAc,IACd,EAAET,SAAS,KAAK,UAAdA,IAA4BC,YAAY,KAAK,UAA7CD,IAA2DG,IAAI,KAAK,KAAtE,GACA;AACAM,UAAAA,cAAc;;;;GApBtBQ,EAyBGjB,SAAS,KAAK,UAAdA,IAA4BC,YAAY,KAAK,UAA7CD,IAA2D,CAACG,IAA5DH,GACGqB,YAAY,CAAC;AAAEnC,IAAAA,SAAS,EAAKA,SAAL,UAAX;AAAkCoC,IAAAA,KAAK,EAAE9B,KAAK,GAAG;AAAjD,GAAD,CADfQ,GAEG,IA3BNiB,EA6BG7B,IAAI,gBAAG6B,yBAAAA,cAAAA,OAAAA;AAAM9B,IAAAA,SAAS,EAAKD,SAAL;GAAf+B,EAA6C7B,IAA7C6B,CAAH,GAA+D,IA7BtEA,eA8BEA,yBAAAA,cAAAA,OAAAA;AAAM9B,IAAAA,SAAS,EAAKD,SAAL;GAAf+B,EAAgD5B,KAAhD4B,CA9BFA,EAgCGJ,WAAW,IACV,CAACV,IADFU,IAECb,SAAS,KAAK,UAFfa,IAGCZ,YAAY,KAAK,UAHlBY,IAIC,CAACX,eAJFW,KAKE,CAAAP,WAAW,SAAXA,IAAAA,WAAW,WAAXA,SAAAA,GAAAA,WAAW,CAAEa,QAAbb,CAAsBf,EAAtBe,CAAA,iBACCW,yBAAAA,cAAAA,CAACM,KAADN;AAAO/B,IAAAA,SAAS,EAAKA,SAAL;AAAuBsC,IAAAA,SAAS,EAAC;GAAjDP,CADD,gBAGCA,yBAAAA,cAAAA,CAACM,KAADN;AAAO/B,IAAAA,SAAS,EAAKA,SAAL;AAAuBsC,IAAAA,SAAS,EAAC;GAAjDP,CARHJ,CAhCHI,EA2CGJ,WAAW,IAAIV,IAAfU,IAAuBrB,KAAK,GAAG,CAA/BqB,IAAoCb,SAAS,KAAK,UAAlDa,gBACCI,yBAAAA,cAAAA,CAACM,KAADN;AAAO/B,IAAAA,SAAS,EAAKA,SAAL;GAAhB+B,CADDJ,GAEG,IA7CNI,EA+CGJ,WAAW,IACZ,CAACV,IADAU,IAEDb,SAAS,KAAK,UAFba,KAGAZ,YAAY,KAAK,KAAjBA,IAA0BC,eAH1BW,iBAICI,yBAAAA,cAAAA,CAACM,KAADN;AAAO/B,IAAAA,SAAS,EAAKA,SAAL;GAAhB+B,CAJDJ,GAKG,IApDNI,EAsDGJ,WAAW,IAAIb,SAAS,KAAK,YAA7Ba,IAA6CrB,KAAK,GAAG,CAArDqB,gBACCI,yBAAAA,cAAAA,CAACM,KAADN;AAAO/B,IAAAA,SAAS,EAAKA,SAAL;GAAhB+B,CADDJ,GAEG,IAxDNI,EAyDGJ,WAAW,IACVb,SAAS,KAAK,YADfa,IAECrB,KAAK,KAAK,CAFXqB,KAGE,CAAAP,WAAW,SAAXA,IAAAA,WAAW,WAAXA,SAAAA,GAAAA,WAAW,CAAEa,QAAbb,CAAsBf,EAAtBe,CAAA,iBACCW,yBAAAA,cAAAA,CAACM,KAADN;AAAO/B,IAAAA,SAAS,EAAKA,SAAL;AAAuBsC,IAAAA,SAAS,EAAC;GAAjDP,CADD,gBAGCA,yBAAAA,cAAAA,CAACM,KAADN;AAAO/B,IAAAA,SAAS,EAAKA,SAAL;AAAuBsC,IAAAA,SAAS,EAAC;GAAjDP,CANHJ,CAzDHI,CAhBFA,EAmFGJ,WAAW,IACZb,SAAS,KAAK,UADba,IAED,CAACV,IAFAU,IAGD,CAACX,eAHAW,IAIDZ,YAAY,KAAK,UAJhBY,gBAKCI,yBAAAA,cAAAA,CAACQ,iBAADR;AAAUS,IAAAA,OAAO,EAAE,CAAC,EAACpB,WAAW,SAAXA,IAAAA,WAAW,WAAXA,SAAAA,GAAAA,WAAW,CAAEa,QAAbb,CAAsBf,EAAtBe,CAAD;GAApBW,eACEA,yBAAAA,cAAAA,KAAAA;AAAI9B,IAAAA,SAAS,EAAKD,SAAL;GAAb+B,EACGxB,QAAS,CAACkC,GAAVlC,CAAc,UAACmC,KAAD;wBACbX,yBAAAA,cAAAA,CAACnC,QAADmC,oBAAcW;AAAOC,MAAAA,GAAG,EAAED,KAAK,CAACrC;AAAIC,MAAAA,KAAK,EAAEA,KAAK,GAAG;AAAGE,MAAAA,SAAS,EAAEiB;MAAjEM;AADD,GAAAxB,CADHwB,CADFA,CALDJ,GAYG,IA/FNI,CADFA,EAoGGJ,WAAW,IACVb,SAAS,KAAK,UADfa,IAECV,IAFDU,IAGC,CAACX,eAHFW,IAICZ,YAAY,KAAK,UAJlBY,KAKErB,KAAK,KAAK,CAAVA,gBACCyB,yBAAAA,cAAAA,CAACa,0BAADb;AACES,IAAAA,OAAO,EAAE,CAAC,EAACpB,WAAW,SAAXA,IAAAA,WAAW,WAAXA,SAAAA,GAAAA,WAAW,CAAEa,QAAbb,CAAsBf,EAAtBe,CAAD;AACVyB,IAAAA,QAAQ,EAAEnC,OAAO,CAACoC;AAClBhC,IAAAA,SAAS,EAAE;AACXiC,IAAAA,SAAS,EAAE;AACXC,IAAAA,OAAO,EAAE,gBAAA;UACH7B,aAAa;AACfA,QAAAA,WAAW,CAACd,EAAD,CAAXc;;;GAPNY,eAWEA,yBAAAA,cAAAA,KAAAA;AAAI9B,IAAAA,SAAS,EAAKD,SAAL;GAAb+B,EACGxB,QAAS,CAACkC,GAAVlC,CAAc,UAACmC,KAAD;wBACbX,yBAAAA,cAAAA,CAACnC,QAADmC,oBAAcW;AAAOC,MAAAA,GAAG,EAAED,KAAK,CAACrC;AAAIC,MAAAA,KAAK,EAAEA,KAAK,GAAG;AAAGE,MAAAA,SAAS,EAAEiB;MAAjEM;AADD,GAAAxB,CADHwB,CAXFA,CADDzB,gBAmBCyB,yBAAAA,cAAAA,CAACa,0BAADb;AACES,IAAAA,OAAO,EAAE,CAAC,EAACpB,WAAW,SAAXA,IAAAA,WAAW,WAAXA,SAAAA,GAAAA,WAAW,CAAEa,QAAbb,CAAsBf,EAAtBe,CAAD;AACVyB,IAAAA,QAAQ,EAAEnC,OAAO,CAACoC;AAClBhC,IAAAA,SAAS,EAAE;AACXiC,IAAAA,SAAS,EAAE;AACXE,IAAAA,cAAc;AACdD,IAAAA,OAAO,EAAE,gBAAA;UACH7B,aAAa;AACfA,QAAAA,WAAW,CAACd,EAAD,CAAXc;;;GARNY,eAYEA,yBAAAA,cAAAA,KAAAA;AAAI9B,IAAAA,SAAS,EAAKD,SAAL;GAAb+B,EACGxB,QAAS,CAACkC,GAAVlC,CAAc,UAACmC,KAAD;wBACbX,yBAAAA,cAAAA,CAACnC,QAADmC,oBAAcW;AAAOC,MAAAA,GAAG,EAAED,KAAK,CAACrC;AAAIC,MAAAA,KAAK,EAAEA,KAAK,GAAG;AAAGE,MAAAA,SAAS,EAAEiB;MAAjEM;AADD,GAAAxB,CADHwB,CAZFA,CAxBHJ,CApGHI,EAgJGJ,WAAW,IACVb,SAAS,KAAK,UADfa,IAEC,CAACX,eAFFW,IAGCZ,YAAY,KAAK,KAHlBY,KAIErB,KAAK,KAAK,CAAVA,gBACCyB,yBAAAA,cAAAA,CAACa,0BAADb;AACES,IAAAA,OAAO,EAAE,CAAC,EAACpB,WAAW,SAAXA,IAAAA,WAAW,WAAXA,SAAAA,GAAAA,WAAW,CAAEa,QAAbb,CAAsBf,EAAtBe,CAAD;AACVyB,IAAAA,QAAQ,EAAEnC,OAAO,CAACoC;AAClBhC,IAAAA,SAAS,EAAE;AACXiC,IAAAA,SAAS,EAAE;AACXC,IAAAA,OAAO,EAAE,gBAAA;UACH7B,aAAa;AACfA,QAAAA,WAAW,CAACd,EAAD,CAAXc;;;GAPNY,eAWEA,yBAAAA,cAAAA,KAAAA;AAAI9B,IAAAA,SAAS,EAAKD,SAAL;GAAb+B,EACGxB,QAAS,CAACkC,GAAVlC,CAAc,UAACmC,KAAD;wBACbX,yBAAAA,cAAAA,CAACnC,QAADmC,oBAAcW;AAAOC,MAAAA,GAAG,EAAED,KAAK,CAACrC;AAAIC,MAAAA,KAAK,EAAEA,KAAK,GAAG;AAAGE,MAAAA,SAAS,EAAEiB;MAAjEM;AADD,GAAAxB,CADHwB,CAXFA,CADDzB,gBAmBCyB,yBAAAA,cAAAA,CAACa,0BAADb;AACES,IAAAA,OAAO,EAAE,CAAC,EAACpB,WAAW,SAAXA,IAAAA,WAAW,WAAXA,SAAAA,GAAAA,WAAW,CAAEa,QAAbb,CAAsBf,EAAtBe,CAAD;AACVyB,IAAAA,QAAQ,EAAEnC,OAAO,CAACoC;AAClBG,IAAAA,cAAc;AACdnC,IAAAA,SAAS,EAAE;AACXiC,IAAAA,SAAS,EAAE;AACXC,IAAAA,OAAO,EAAE,gBAAA;UACH7B,aAAa;AACfA,QAAAA,WAAW,CAACd,EAAD,CAAXc;;;GARNY,eAYEA,yBAAAA,cAAAA,KAAAA;AAAI9B,IAAAA,SAAS,EAAKD,SAAL;GAAb+B,EACGxB,QAAS,CAACkC,GAAVlC,CAAc,UAACmC,KAAD;wBACbX,yBAAAA,cAAAA,CAACnC,QAADmC,oBAAcW;AAAOC,MAAAA,GAAG,EAAED,KAAK,CAACrC;AAAIC,MAAAA,KAAK,EAAEA,KAAK,GAAG;AAAGE,MAAAA,SAAS,EAAEiB;MAAjEM;AADD,GAAAxB,CADHwB,CAZFA,CAvBHJ,CAhJHI,EA2LGJ,WAAW,IAAIb,SAAS,KAAK,UAA7Ba,IAA2CX,eAA3CW,gBACCI,yBAAAA,cAAAA,CAACa,0BAADb;AACES,IAAAA,OAAO,EAAE,CAAC,EAACpB,WAAW,SAAXA,IAAAA,WAAW,WAAXA,SAAAA,GAAAA,WAAW,CAAEa,QAAbb,CAAsBf,EAAtBe,CAAD;AACVyB,IAAAA,QAAQ,EAAEnC,OAAO,CAACoC;AAClBhC,IAAAA,SAAS,EAAE;AACXiC,IAAAA,SAAS,EAAE;AACXC,IAAAA,OAAO,EAAE,gBAAA;UACH7B,aAAa;AACfA,QAAAA,WAAW,CAACd,EAAD,CAAXc;;;GAPNY,eAWEA,yBAAAA,cAAAA,MAAAA;AAAK9B,IAAAA,SAAS,EAAKD,SAAL;GAAd+B,EACGxB,QAAS,CAACkC,GAAVlC,CAAc,UAACmC,KAAD;wBAEXX,yBAAAA,cAAAA,MAAAA;AAAKY,MAAAA,GAAG,EAAED,KAAK,CAACrC;AAAIJ,MAAAA,SAAS,EAAKD,SAAL;KAA7B+B,eACEA,yBAAAA,cAAAA,MAAAA;AAAK9B,MAAAA,SAAS,EAAKD,SAAL;KAAd+B,EAA4CW,KAAK,CAACvC,KAAlD4B,CADFA,EAEGW,KAAK,IAAId,6BAAAA,CAAgBc,KAAK,CAACnC,QAAtBqB,CAATc,gBACCX,yBAAAA,cAAAA,KAAAA,MAAAA,EACGW,KAAK,CAACnC,QAANmC,CAAeD,GAAfC,CAAmB,UAACQ,IAAD;;;0BAClBnB,yBAAAA,cAAAA,MAAAA;AACEG,QAAAA,OAAO,EAAE,gBAAA;cACHb,WAAW;AACbA,YAAAA,SAAS,CAAC6B,IAAI,CAAC7C,EAAN,CAATgB;;;cAEEF,aAAa;AACfA,YAAAA,WAAW,CAACd,EAAD,CAAXc;;;AAGJlB,QAAAA,SAAS,EAAE+B,YAAAA,CAAMhC,SAAJ,UAAFgC,mBACLhC,SADO,sBACoBkB,QAAQ,KAAKgC,IAAI,CAAC7C,QADxC2B;AAGXW,QAAAA,GAAG,EAAEO,IAAI,CAAC7C;OAZZ0B,EAcGmB,IAAI,CAAC/C,KAdR4B;AADD,KAAAW,CADHX,CADDW,GAqBG,IAvBNX;AAFH,GAAAxB,CADHwB,CAXFA,CADDJ,GA4CG,IAvONI,EAyOGJ,WAAW,IACVb,SAAS,KAAK,YADfa,IAEC,CAACX,eAFFW,KAGErB,KAAK,KAAK,CAAVA,gBACCyB,yBAAAA,cAAAA,CAACa,0BAADb;AACES,IAAAA,OAAO,EAAE,CAAC,EAACpB,WAAW,SAAXA,IAAAA,WAAW,WAAXA,SAAAA,GAAAA,WAAW,CAAEa,QAAbb,CAAsBf,EAAtBe,CAAD;AACVyB,IAAAA,QAAQ,EAAEnC,OAAO,CAACoC;AAClBhC,IAAAA,SAAS,EAAER,KAAK,KAAK,CAAVA,GAAc,cAAdA,GAA+B;AAC1CyC,IAAAA,SAAS,EAAEzC,KAAK,KAAK,CAAVA,GAAc,CAAdA,GAAkB;AAC7B0C,IAAAA,OAAO,EAAE,gBAAA;UACH7B,aAAa;AACfA,QAAAA,WAAW,CAACd,EAAD,CAAXc;;;GAPNY,eAWEA,yBAAAA,cAAAA,KAAAA;AAAI9B,IAAAA,SAAS,EAAKD,SAAL;GAAb+B,EACGxB,QAAS,CAACkC,GAAVlC,CAAc,UAACmC,KAAD;wBACbX,yBAAAA,cAAAA,CAACnC,QAADmC,oBAAcW;AAAOC,MAAAA,GAAG,EAAED,KAAK,CAACrC;AAAIC,MAAAA,KAAK,EAAEA,KAAK,GAAG;AAAGE,MAAAA,SAAS,EAAEiB;MAAjEM;AADD,GAAAxB,CADHwB,CAXFA,CADDzB,gBAmBCyB,yBAAAA,cAAAA,CAACa,0BAADb;AACES,IAAAA,OAAO,EAAE,CAAC,EAACpB,WAAW,SAAXA,IAAAA,WAAW,WAAXA,SAAAA,GAAAA,WAAW,CAAEa,QAAbb,CAAsBf,EAAtBe,CAAD;AACVyB,IAAAA,QAAQ,EAAEnC,OAAO,CAACoC;AAClBG,IAAAA,cAAc;AACdnC,IAAAA,SAAS,EAAER,KAAK,KAAK,CAAVA,GAAc,cAAdA,GAA+B;AAC1CyC,IAAAA,SAAS,EAAEzC,KAAK,KAAK,CAAVA,GAAc,CAAdA,GAAkB;AAC7B0C,IAAAA,OAAO,EAAE,gBAAA;UACH7B,aAAa;AACfA,QAAAA,WAAW,CAACd,EAAD,CAAXc;;;GARNY,eAYEA,yBAAAA,cAAAA,KAAAA;AAAI9B,IAAAA,SAAS,EAAKD,SAAL;GAAb+B,EACGxB,QAAS,CAACkC,GAAVlC,CAAc,UAACmC,KAAD;wBACbX,yBAAAA,cAAAA,CAACnC,QAADmC,oBAAcW;AAAOC,MAAAA,GAAG,EAAED,KAAK,CAACrC;AAAIC,MAAAA,KAAK,EAAEA,KAAK,GAAG;AAAGE,MAAAA,SAAS,EAAEiB;MAAjEM;AADD,GAAAxB,CADHwB,CAZFA,CAtBHJ,CAzOHI,EAmRGJ,WAAW,IAAIb,SAAS,KAAK,YAA7Ba,IAA6CX,eAA7CW,gBACCI,yBAAAA,cAAAA,CAACa,0BAADb;AACES,IAAAA,OAAO,EAAE,CAAC,EAACpB,WAAW,SAAXA,IAAAA,WAAW,WAAXA,SAAAA,GAAAA,WAAW,CAAEa,QAAbb,CAAsBf,EAAtBe,CAAD;AACVyB,IAAAA,QAAQ,EAAEnC,OAAO,CAACoC;AAClBhC,IAAAA,SAAS,EAAE;AACXiC,IAAAA,SAAS,EAAE;AACXC,IAAAA,OAAO,EAAE,gBAAA;UACH7B,aAAa;AACfA,QAAAA,WAAW,CAACd,EAAD,CAAXc;;;GAPNY,eAWEA,yBAAAA,cAAAA,MAAAA;AAAK9B,IAAAA,SAAS,EAAKD,SAAL;GAAd+B,EACGxB,QAAS,CAACkC,GAAVlC,CAAc,UAACmC,KAAD;wBAEXX,yBAAAA,cAAAA,MAAAA;AAAKY,MAAAA,GAAG,EAAED,KAAK,CAACrC;AAAIJ,MAAAA,SAAS,EAAKD,SAAL;KAA7B+B,eACEA,yBAAAA,cAAAA,MAAAA;AAAK9B,MAAAA,SAAS,EAAKD,SAAL;KAAd+B,EAA4CW,KAAK,CAACvC,KAAlD4B,CADFA,EAEGW,KAAK,IAAId,6BAAAA,CAAgBc,KAAK,CAACnC,QAAtBqB,CAATc,gBACCX,yBAAAA,cAAAA,KAAAA,MAAAA,EACGW,KAAK,CAACnC,QAANmC,CAAeD,GAAfC,CAAmB,UAACQ,IAAD;;;0BAClBnB,yBAAAA,cAAAA,MAAAA;AACE9B,QAAAA,SAAS,EAAE+B,YAAAA,CAAMhC,SAAJ,UAAFgC,mBACLhC,SADO,sBACoBkB,QAAQ,KAAKgC,IAAI,CAAC7C,QADxC2B;AAGXE,QAAAA,OAAO,EAAE,gBAAA;cACHb,WAAW;AACbA,YAAAA,SAAS,CAAC6B,IAAI,CAAC7C,EAAN,CAATgB;;;cAEEF,aAAa;AACfA,YAAAA,WAAW,CAACd,EAAD,CAAXc;;;AAGJwB,QAAAA,GAAG,EAAEO,IAAI,CAAC7C;OAZZ0B,EAcGmB,IAAI,CAAC/C,KAdR4B;AADD,KAAAW,CADHX,CADDW,GAqBG,IAvBNX;AAFH,GAAAxB,CADHwB,CAXFA,CADDJ,GA4CG,IA/TNI;AAtC4B,CAAVlC;;AAqXxB,IAAIsD,WAAJ,EAAa;AACXvD,EAAAA,QAAQ,CAACwD,WAATxD,GAAuB,UAAvBA;;;AAGF,IAAMyC,KAAK,GAAG,SAARA,KAAQ,KAAA;MAAGrC,iBAAAA;MAAWsC,iBAAAA;MACtBpC,IAAI,GAAG;;UACHoC;SACD;AACHpC,MAAAA,IAAI,gBAAG6B,yBAAAA,cAAAA,CAACsB,gBAADtB,MAAAA,CAAP7B;;;SAEG;AACHA,MAAAA,IAAI,gBAAG6B,yBAAAA,cAAAA,CAACuB,kBAADvB,MAAAA,CAAP7B;;;;AAGAA,MAAAA,IAAI,gBAAG6B,yBAAAA,cAAAA,CAACwB,mBAADxB,MAAAA,CAAP7B;;;sBAGG6B,yBAAAA,cAAAA,OAAAA;AAAM9B,IAAAA,SAAS,EAAKD,SAAL;GAAf+B,EAAyC7B,IAAzC6B;AAbT,CAAA;AAgBA;;;;;AAGA,IAAMI,YAAY,GAAG,SAAfA,YAAe,MAAA;MAAGnC,kBAAAA;MAAWoC,cAAAA;SAC1BoB,gBAAAA,CAAMpB,KAANoB,EAAa,UAACC,KAAD;wBACX1B,yBAAAA,cAAAA,OAAAA;AAAM9B,MAAAA,SAAS,EAAKD,SAAL;AAA0B2C,MAAAA,GAAG,EAAEc;KAA9C1B;AADG,GAALyB;AADT,CAAA;;"}

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: 216px;\n    -webkit-box-sizing: border-box;\n            box-sizing: border-box;\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,29 +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 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),
@@ -48,11 +53,12 @@ var MenuItem = function MenuItem(_ref) {
   var _parentIds = (parentIds || []).concat(id);
 
   var hasChildren = isArrayNonEmpty(children);
-  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 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 (isArrayNonEmpty(children)) {
         if (clickSubMenu) {
@@ -67,20 +73,32 @@ 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), hasChildren && !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)), hasChildren && mini && level > 1 && placement === 'vertical' ? /*#__PURE__*/React.createElement(RightOutlined, null) : null, hasChildren && !mini && placement === 'vertical' && (expandedType === 'pop' || showAllSubMenus) ? /*#__PURE__*/React.createElement(RightOutlined, null) : null, hasChildren && placement === 'horizontal' && level > 1 ? /*#__PURE__*/React.createElement(RightOutlined, null) : null, hasChildren && 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
     }
+  }, 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", {
@@ -91,7 +109,7 @@ var MenuItem = function MenuItem(_ref) {
       level: level + 1,
       parentIds: _parentIds
     }));
-  }))) : null, hasChildren && placement === 'vertical' && mini && !showAllSubMenus && expandedType === 'collapse' && (level === 1 ? /*#__PURE__*/React.createElement(Popper, {
+  }))) : null), hasChildren && placement === 'vertical' && mini && !showAllSubMenus && expandedType === 'collapse' && (level === 1 ? /*#__PURE__*/React.createElement(Popper, {
     visible: !!(expandedIds === null || expandedIds === void 0 ? void 0 : expandedIds.includes(id)),
     attachEl: itemRef.current,
     placement: 'right-start',
@@ -273,11 +291,49 @@ var MenuItem = function MenuItem(_ref) {
       }, 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","hasChildren","isArrayNonEmpty","React","ref","className","cx","includes","onClick","style","paddingLeft","UpOutlined","DownOutlined","RightOutlined","marginLeft","Expander","visible","map","child","key","Popper","attachEl","current","gutterGap","onClose","disabledPortal","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: 216px;\n    -webkit-box-sizing: border-box;\n            box-sizing: border-box;\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.5",
+  "version": "4.0.0-beta.8",
   "description": "A sub-package for @hi-ui/hiui.",
   "keywords": [],
   "author": "HIUI <mi-hiui@xiaomi.com>",
@@ -43,13 +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.4",
+    "@hi-ui/icons": "^4.0.0-beta.5",
+    "@hi-ui/popper": "^4.0.0-beta.6",
+    "@hi-ui/times": "^4.0.0-beta.2",
+    "@hi-ui/tooltip": "^4.0.0-beta.9",
     "@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"
   },
@@ -62,5 +66,5 @@
     "react": "^17.0.1",
     "react-dom": "^17.0.1"
   },
-  "gitHead": "813ceb23a361772e3513282fce415f357665414c"
+  "gitHead": "0b8887d40e656b9d6043b7feec778448f70323a6"
 }