@hi-ui/menu 4.0.0-alpha.10 → 4.0.0-alpha.11

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (9) hide show
  1. package/README.md +50 -0
  2. package/lib/cjs/Menu.js +18 -19
  3. package/lib/cjs/Menu.js.map +1 -1
  4. package/lib/cjs/styles/index.scss.js +1 -1
  5. package/lib/esm/Menu.js +18 -20
  6. package/lib/esm/Menu.js.map +1 -1
  7. package/lib/esm/styles/index.scss.js +1 -1
  8. package/lib/types/Menu.d.ts +2 -2
  9. package/package.json +6 -6
package/README.md CHANGED
@@ -9,3 +9,53 @@ const Menu = require('@hi-ui/menu');
9
9
 
10
10
  // TODO: DEMONSTRATE API
11
11
  ```
12
+
13
+ ## Props
14
+
15
+ | 参数 | 说明 | 类型 | 可选值 | 默认值 |
16
+ | ---------------- | ------------------------------------------------------ | ---------- | -------------------------- | ---------- |
17
+ | data | 菜单项数据源 | MenuItemProps[] | - | - |
18
+ | defaultActiveId | 默认激活的菜单项 id | React.ReactText | - | - |
19
+ | activeId | 激活的菜单项 id | React.ReactText | - | - |
20
+ | placement | 设置菜单水平或垂直展示 | string | 'horizontal' \| 'vertical' | 'vertical' |
21
+ | collapsed(没做) | 是否收起子菜单，菜单垂直展示时有效 | boolean | true \| false | false |
22
+ | showCollapse | 是否显示收缩开关，菜单垂直展示时有效 | boolean | true \| false | false |
23
+ | showAllSubMenus | 是否以胖菜单的形式展开所有子菜单（仅在水平菜单时有效） | boolean | true \| false | false |
24
+ | accordion(没做) | 手风琴模式，菜单水平展示时有效 | boolean | true \| false | true |
25
+ | overlayClassName（没做） | 下拉根元素的类名称 | string | - | - |
26
+ | expandedType | 垂直菜单展开的方式 | string | 'default' | 'pop' | 'default' |
27
+ | defaultExpandedIds | 默认展开的菜单项（仅在垂直菜单下有效） | React.ReactText[] | - | - |
28
+ | expandedIds（没做） | 展开的菜单项（仅在垂直菜单下有效） | React.ReactText[] | - | - |
29
+
30
+ ## Events
31
+
32
+ | 名称 | 说明 | 类型 | 参数 | 返回值 |
33
+ | -------------- | -------------------- | -------------------------------------------------------------------- | ------------------------------------------------------- | ------ |
34
+ | onClick | 点击菜单选项时的回调 | (activeId: React.ReactText) => void | activeId: 激活的 id | - |
35
+ | onClickSubMenu | 点击父菜单项时的回调 | (subMenuId) => void | subMenuId: 当前点击子菜单的id | - |
36
+ | onCollapse | 点击收缩开关时的回调 | (collapsed: boolean) => void | collapsed: 打开状态 | - |
37
+
38
+ ## Type
39
+
40
+ ### MenuItemProps
41
+
42
+ | 参数 | 说明 | 类型 | 可选值 | 默认值 |
43
+ | -------- | ------------------------------------------------ | ------------------- | ------------- | ------ |
44
+ | content | 菜单项标题 | ReactNode | - | - |
45
+ | icon | 菜单项 icon | ReactNode | - | - |
46
+ | id | 菜单项唯一标识 | React.ReactText | - | - |
47
+ | disabled | 菜单项是否禁止点击 | boolean | true \| false | false |
48
+ | children | 子菜单项配置 | MenuItemProps[] | - | - |
49
+
50
+ ## CHANGELOG
51
+
52
+ | 参数 | 变更类型 | 变更内容 | 解决的问题 |
53
+ | ------------ | ------------------------------- | ------------------------------------------------------------------------------ | ---------------------------- |
54
+ | expandedType | feature | 垂直菜单展开的方式 | 原来只能向下展开，现在可以弹窗呼出 |
55
+ | defaultActiveId | feature | 默认激活的菜单项 id | 原来只支持受控，现在支持非受控模式 |
56
+ | defaultExpandedIds | feature | 默认展开的菜单项（仅在垂直菜单下有效） | 支持默认展开项 |
57
+ | expandedIds | feature | 展开的菜单项（仅在垂直菜单下有效） | 支持受控展开项 |
58
+ | ---- | ---- | ---- | ---- |
59
+ | onClick | update | 移除第二个参数prevActiveId | 这个感觉没有意义 |
60
+ | onClickSubMenu | update | 将入参由索引变更为subMenuId | 之前的入参感觉比较奇怪，意义不大 |
61
+ | icon | update | icon 不再支持 string 模式 | Menu 组件与 Icon 组件真正解耦 |
package/lib/cjs/Menu.js CHANGED
@@ -31,6 +31,8 @@ var context = require('./context.js');
31
31
 
32
32
  var util = require('./util.js');
33
33
 
34
+ var useUncontrolledState = require('@hi-ui/use-uncontrolled-state');
35
+
34
36
  function _interopDefaultLegacy(e) {
35
37
  return e && _typeof(e) === 'object' && 'default' in e ? e : {
36
38
  'default': e
@@ -62,33 +64,30 @@ var Menu = /*#__PURE__*/React.forwardRef(function (_a, ref) {
62
64
  showAllSubMenus = _a$showAllSubMenus === void 0 ? false : _a$showAllSubMenus,
63
65
  defaultExpandedIds = _a.defaultExpandedIds,
64
66
  defaultActiveId = _a.defaultActiveId,
67
+ activeId = _a.activeId,
65
68
  onClickSubMenu = _a.onClickSubMenu,
66
69
  onClick = _a.onClick,
67
- rest = tslib.__rest(_a, ["prefixCls", "role", "className", "data", "placement", "showCollapse", "expandedType", "showAllSubMenus", "defaultExpandedIds", "defaultActiveId", "onClickSubMenu", "onClick"]);
70
+ rest = tslib.__rest(_a, ["prefixCls", "role", "className", "data", "placement", "showCollapse", "expandedType", "showAllSubMenus", "defaultExpandedIds", "defaultActiveId", "activeId", "onClickSubMenu", "onClick"]);
68
71
 
69
- var _useState = React.useState(defaultActiveId || ''),
70
- _activeId = _useState[0],
71
- updateActiveId = _useState[1];
72
+ var _useUncontrolledState = useUncontrolledState.useUncontrolledState(defaultActiveId || '', activeId, onClick),
73
+ _activeId = _useUncontrolledState[0],
74
+ updateActiveId = _useUncontrolledState[1];
72
75
 
73
- var _useState2 = React.useState(util.getAncestorIds(_activeId, data)),
74
- activeParents = _useState2[0],
75
- updateActiveParents = _useState2[1];
76
+ var _useState = React.useState(util.getAncestorIds(_activeId, data)),
77
+ activeParents = _useState[0],
78
+ updateActiveParents = _useState[1];
76
79
 
77
80
  React.useEffect(function () {
78
81
  updateActiveParents(util.getAncestorIds(_activeId, data));
79
82
  }, [_activeId, data]);
80
83
 
81
- var _useState3 = React.useState(defaultExpandedIds || []),
82
- _expandedIds = _useState3[0],
83
- updateExpanedIds = _useState3[1];
84
+ var _useState2 = React.useState(defaultExpandedIds || []),
85
+ _expandedIds = _useState2[0],
86
+ updateExpanedIds = _useState2[1];
84
87
 
85
88
  var clickMenu = React.useCallback(function (id) {
86
89
  updateActiveId(id);
87
-
88
- if (onClick) {
89
- onClick(id);
90
- }
91
- }, [onClick]);
90
+ }, [updateActiveId]);
92
91
  var clickSubMenu = React.useCallback(function (id) {
93
92
  updateExpanedIds(_expandedIds.includes(id) ? _expandedIds.filter(function (expandedid) {
94
93
  return expandedid !== id;
@@ -107,9 +106,9 @@ var Menu = /*#__PURE__*/React.forwardRef(function (_a, ref) {
107
106
  updateExpanedIds([]);
108
107
  }, []);
109
108
 
110
- var _useState4 = React.useState(false),
111
- mini = _useState4[0],
112
- setMini = _useState4[1];
109
+ var _useState3 = React.useState(false),
110
+ mini = _useState3[0],
111
+ setMini = _useState3[1];
113
112
 
114
113
  var cls = classname.cx(prefixCls, className, prefixCls + "--" + placement, (_cx = {}, _cx[prefixCls + "--mini"] = mini, _cx));
115
114
  var onToggle = React.useCallback(function () {
@@ -144,7 +143,7 @@ var Menu = /*#__PURE__*/React.forwardRef(function (_a, ref) {
144
143
  })), placement === 'vertical' && showCollapse && /*#__PURE__*/React__default['default'].createElement("div", {
145
144
  className: classname.cx(prefixCls + "__toggle"),
146
145
  onClick: onToggle
147
- }, mini ? /*#__PURE__*/React__default['default'].createElement(icons.RightOutlined, null) : /*#__PURE__*/React__default['default'].createElement(icons.LeftOutlined, null))));
146
+ }, mini ? /*#__PURE__*/React__default['default'].createElement(icons.MenuUnfoldOutlined, null) : /*#__PURE__*/React__default['default'].createElement(icons.MenuFoldOutlined, null))));
148
147
  });
149
148
 
150
149
  if (env.__DEV__) {
package/lib/cjs/Menu.js.map CHANGED
@@ -1 +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","onClickSubMenu","onClick","rest","useState","_activeId","updateActiveId","getAncestorIds","activeParents","updateActiveParents","useEffect","_expandedIds","updateExpanedIds","clickMenu","useCallback","id","clickSubMenu","includes","filter","expandedid","concat","closePopper","closeAllPopper","mini","setMini","cls","cx","onToggle","React","MenuContext","Provider","value","activeId","expandedIds","map","d","MenuItem","key","level","RightOutlined","LeftOutlined","__DEV__","displayName"],"mappings":"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"}
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","includes","filter","expandedid","concat","closePopper","closeAllPopper","mini","setMini","cls","cx","onToggle","React","MenuContext","Provider","value","expandedIds","map","d","MenuItem","key","level","MenuUnfoldOutlined","MenuFoldOutlined","__DEV__","displayName"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AASA,IAAMA,WAAW,GAAGC,sBAAAA,CAAa,MAAbA,CAApB;AAEA;;;;IAGaC,IAAI,gBAAGC,gBAAAA,CAClB,UACEC,EADF,EAiBEC,GAjBF;;;wBAEIC;MAAAA,sCAAYN;mBACZO;MAAAA,4BAAO;MACPC,eAAAA;MACAC,UAAAA;wBACAC;MAAAA,sCAAY;MACZC,kBAAAA;2BACAC;MAAAA,4CAAe;8BACfC;MAAAA,kDAAkB;MAClBC,wBAAAA;MACAC,qBAAAA;MACAC,cAAAA;MACAC,oBAAAA;MACAC,aAAAA;MACGC,wBAdL,YAAA,QAAA,aAAA,QAAA,aAAA,gBAAA,gBAAA,mBAAA,sBAAA,mBAAA,YAAA,kBAAA,WAAA;;8BAkBoCC,yCAAAA,CAClCL,eAAe,IAAI,EADeK,EAElCJ,QAFkCI,EAGlCF,OAHkCE;MAA7BC,SAAP;MAAkBC,cAAlB;;kBAM6CC,cAAAA,CAASC,mBAAAA,CAAeH,SAAfG,EAA0Bf,IAA1Be,CAATD;MAAtCE,aAAP;MAAsBC,mBAAtB;;AACAC,EAAAA,eAAAA,CAAU;AACRD,IAAAA,mBAAmB,CAACF,mBAAAA,CAAeH,SAAfG,EAA0Bf,IAA1Be,CAAD,CAAnBE;AADO,GAATC,EAEG,CAACN,SAAD,EAAYZ,IAAZ,CAFHkB;;mBAGyCJ,cAAAA,CAAST,kBAAkB,IAAI,EAA/BS;MAAlCK,YAAP;MAAqBC,gBAArB;;MAEMC,SAAS,GAAGC,iBAAAA,CAChB,UAACC,EAAD;AACEV,IAAAA,cAAc,CAACU,EAAD,CAAdV;AAFyB,GAAXS,EAIhB,CAACT,cAAD,CAJgBS;MAMZE,YAAY,GAAGF,iBAAAA,CACnB,UAACC,EAAD;AACEH,IAAAA,gBAAgB,CACdD,YAAY,CAACM,QAAbN,CAAsBI,EAAtBJ,IACIA,YAAY,CAACO,MAAbP,CAAoB,UAACQ,UAAD;aAAgBA,UAAU,KAAKJ;AAAnD,KAAAJ,CADJA,GAEIA,YAAY,CAACS,MAAbT,CAAoBI,EAApBJ,CAHU,CAAhBC;;QAKIZ,gBAAgB;AAClBA,MAAAA,cAAc,CAACe,EAAD,CAAdf;;AAR0B,GAAXc,EAWnB,CAACd,cAAD,EAAiBW,YAAjB,CAXmBG;MAcfO,WAAW,GAAGP,iBAAAA,CAClB,UAACC,EAAD;AACEH,IAAAA,gBAAgB,CAACD,YAAY,CAACO,MAAbP,CAAoB,UAACQ,UAAD;aAAgBA,UAAU,KAAKJ;AAAnD,KAAAJ,CAAD,CAAhBC;AAF2B,GAAXE,EAIlB,CAACH,YAAD,CAJkBG;MAOdQ,cAAc,GAAGR,iBAAAA,CAAY;AACjCF,IAAAA,gBAAgB,CAAC,EAAD,CAAhBA;AADgC,GAAXE,EAEpB,EAFoBA;;mBAICR,cAAAA,CAAS,KAATA;MAAjBiB,IAAP;MAAaC,OAAb;;MACMC,GAAG,GAAGC,YAAAA,CAAGrC,SAAHqC,EAAcnC,SAAdmC,EAA4BrC,SAA1B,OAA0BA,GAAcI,SAA1CiC,iBACNrC,SADQ,eACYkC,SADdG;MAINC,QAAQ,GAAGb,iBAAAA,CAAY;AAC3BU,IAAAA,OAAO,CAAC,CAACD,IAAF,CAAPC;AACAF,IAAAA,cAAc;AAFY,GAAXR,EAGd,CAACS,IAAD,EAAOD,cAAP,CAHcR;sBAMfc,yBAAAA,cAAAA,MAAAA;AAAKxC,IAAAA,GAAG,EAAEA;AAAKE,IAAAA,IAAI,EAAEA;AAAMC,IAAAA,SAAS,EAAEkC;KAASvB,KAA/C0B,eACEA,yBAAAA,cAAAA,CAACC,kBAAAA,CAAYC,QAAbF;AACEG,IAAAA,KAAK,EAAE;AACLtC,MAAAA,SAAS,EAATA,SADK;AAELE,MAAAA,YAAY,EAAZA,YAFK;AAGLC,MAAAA,eAAe,EAAfA,eAHK;AAIL2B,MAAAA,IAAI,EAAJA,IAJK;AAKLV,MAAAA,SAAS,EAATA,SALK;AAMLG,MAAAA,YAAY,EAAZA,YANK;AAOLK,MAAAA,WAAW,EAAXA,WAPK;AAQLC,MAAAA,cAAc,EAAdA,cARK;AASLd,MAAAA,aAAa,EAAbA,aATK;AAULT,MAAAA,QAAQ,EAAEK,SAVL;AAWL4B,MAAAA,WAAW,EAAErB;AAXR;GADTiB,eAeEA,yBAAAA,cAAAA,KAAAA;AAAIrC,IAAAA,SAAS,EAAEmC,YAAAA,CAAMrC,SAAJ,cAAFqC;GAAfE,EACGpC,IAAI,CAACyC,GAALzC,CAAS,UAAC0C,CAAD;wBACRN,yBAAAA,cAAAA,CAACO,iBAADP,oBAAcM;AAAGE,MAAAA,GAAG,EAAEF,CAAC,CAACnB;AAAIsB,MAAAA,KAAK,EAAE;MAAnCT;AADD,GAAApC,CADHoC,CAfFA,EAoBGnC,SAAS,KAAK,UAAdA,IAA4BC,YAA5BD,iBACCmC,yBAAAA,cAAAA,MAAAA;AAAKrC,IAAAA,SAAS,EAAEmC,YAAAA,CAAMrC,SAAJ,aAAFqC;AAA4BzB,IAAAA,OAAO,EAAE0B;GAArDC,EACGL,IAAI,gBAAGK,yBAAAA,cAAAA,CAACU,wBAADV,MAAAA,CAAH,gBAA4BA,yBAAAA,cAAAA,CAACW,sBAADX,MAAAA,CADnCA,CArBJA,CADFA;AA1EwB,CAAV1C;;AAuJpB,IAAIsD,WAAJ,EAAa;AACXvD,EAAAA,IAAI,CAACwD,WAALxD,GAAmB,MAAnBA;;;"}
package/lib/cjs/styles/index.scss.js CHANGED
@@ -12,7 +12,7 @@
12
12
  Object.defineProperty(exports, '__esModule', {
13
13
  value: true
14
14
  });
15
- 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: #fff;\n background-color: var(--hi-v4-color-static-white, #fff);\n margin: 0;\n font-size: 0.875rem;\n font-size: var(--hi-v4-text-size-normal, 0.875rem);\n padding: 8px;\n padding: var(--hi-v4-spacing-4, 8px);\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n color: #1f2733;\n color: var(--hi-v4-color-gray-700, #1f2733);\n border-radius: 4px;\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: 36px;\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 12px;\n padding: 0 var(--hi-v4-spacing-6, 12px);\n color: #929aa6;\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: 4px;\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 12px;\n padding: 0 var(--hi-v4-spacing-6, 12px); }\n.hi-v4-menu-fat-menu .hi-v4-menu-item--active {\n color: #237ffa;\n color: var(--hi-v4-color-brandblue-500, #237ffa);\n background-color: #e2f3fe;\n background-color: 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: #f2f4f7;\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: #fff;\n background-color: var(--hi-v4-color-static-white, #fff);\n border-radius: 4px;\n border-radius: var(--hi-v4-border-radius-normal, 4px);\n margin: 0;\n font-size: 0.875rem;\n font-size: var(--hi-v4-text-size-normal, 0.875rem);\n padding: 8px;\n padding: var(--hi-v4-spacing-4, 8px);\n color: #1f2733;\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: 8px;\n margin-bottom: var(--hi-v4-spacing-4, 8px);\n padding: 0 12px;\n padding: 0 var(--hi-v4-spacing-6, 12px);\n border-radius: 4px;\n border-radius: var(--hi-v4-border-radius-normal, 4px); }\n.hi-v4-menu-popmenu .hi-v4-menu-item__inner--active {\n color: #237ffa;\n color: var(--hi-v4-color-brandblue-500, #237ffa);\n background-color: #e2f3fe;\n background-color: var(--hi-v4-color-brandblue-50, #e2f3fe); }\n.hi-v4-menu-popmenu .hi-v4-menu-item__inner--active-p {\n color: #237ffa;\n color: 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: #f2f4f7;\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: 8px;\n padding-right: var(--hi-v4-spacing-4, 8px); }\n.hi-v4-menu {\n background-color: #fff;\n background-color: var(--hi-v4-color-static-white, #fff);\n color: #1f2733;\n color: var(--hi-v4-color-gray-700, #1f2733);\n font-size: 0.875rem;\n font-size: var(--hi-v4-text-size-normal, 0.875rem);\n line-height: 1.375rem;\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 20px;\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: 1rem;\n font-size: var(--hi-v4-text-size-lg, 1rem); }\n.hi-v4-menu--horizontal .hi-v4-menu-item:hover {\n color: #237ffa;\n color: var(--hi-v4-color-brandblue-500, #237ffa);\n border-bottom: 2px solid #237ffa;\n border-bottom: 2px solid var(--hi-v4-color-brandblue-500, #237ffa); }\n.hi-v4-menu--horizontal .hi-v4-menu-item--active {\n color: #237ffa;\n color: var(--hi-v4-color-brandblue-500, #237ffa);\n border-bottom: 2px solid #237ffa;\n border-bottom: 2px solid var(--hi-v4-color-brandblue-500, #237ffa); }\n.hi-v4-menu--horizontal .hi-v4-menu-item--active-p {\n color: #237ffa;\n color: 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 margin-right: 8px;\n margin-right: var(--hi-v4-spacing-4, 8px); }\n.hi-v4-menu--vertical {\n padding: 8px;\n padding: var(--hi-v4-spacing-4, 8px);\n width: 232px;\n height: 100%;\n overflow: auto;\n -webkit-transition: width 0.3s;\n transition: width 0.3s; }\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: 4px;\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: #f2f4f7;\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: 8px;\n margin-bottom: var(--hi-v4-spacing-4, 8px);\n padding: 0 12px;\n padding: 0 var(--hi-v4-spacing-6, 12px);\n border-radius: 4px;\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--mini {\n -webkit-box-pack: center;\n -ms-flex-pack: center;\n justify-content: center; }\n.hi-v4-menu--vertical .hi-v4-menu-item__inner--active {\n color: #237ffa;\n color: var(--hi-v4-color-brandblue-500, #237ffa);\n background-color: #e2f3fe;\n background-color: var(--hi-v4-color-brandblue-50, #e2f3fe); }\n.hi-v4-menu--vertical .hi-v4-menu-item__inner--active-p {\n color: #237ffa;\n color: 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: #f2f4f7;\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";
15
+ 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: #fff;\n background-color: var(--hi-v4-color-static-white, #fff);\n margin: 0;\n font-size: 0.875rem;\n font-size: var(--hi-v4-text-size-normal, 0.875rem);\n padding: 8px;\n padding: var(--hi-v4-spacing-4, 8px);\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n color: #1f2733;\n color: var(--hi-v4-color-gray-700, #1f2733);\n border-radius: 4px;\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: 36px;\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 12px;\n padding: 0 var(--hi-v4-spacing-6, 12px);\n color: #929aa6;\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: 4px;\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 12px;\n padding: 0 var(--hi-v4-spacing-6, 12px); }\n.hi-v4-menu-fat-menu .hi-v4-menu-item--active {\n color: #237ffa;\n color: var(--hi-v4-color-brandblue-500, #237ffa);\n background-color: #e2f3fe;\n background-color: 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: #f2f4f7;\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: #fff;\n background-color: var(--hi-v4-color-static-white, #fff);\n border-radius: 4px;\n border-radius: var(--hi-v4-border-radius-normal, 4px);\n margin: 0;\n font-size: 0.875rem;\n font-size: var(--hi-v4-text-size-normal, 0.875rem);\n padding: 8px;\n padding: var(--hi-v4-spacing-4, 8px);\n color: #1f2733;\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: 8px;\n margin-bottom: var(--hi-v4-spacing-4, 8px);\n padding: 0 12px;\n padding: 0 var(--hi-v4-spacing-6, 12px);\n border-radius: 4px;\n border-radius: var(--hi-v4-border-radius-normal, 4px); }\n.hi-v4-menu-popmenu .hi-v4-menu-item__inner--active {\n color: #237ffa;\n color: var(--hi-v4-color-brandblue-500, #237ffa);\n background-color: #e2f3fe;\n background-color: var(--hi-v4-color-brandblue-50, #e2f3fe); }\n.hi-v4-menu-popmenu .hi-v4-menu-item__inner--active-p {\n color: #237ffa;\n color: 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: #f2f4f7;\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: 8px;\n padding-right: var(--hi-v4-spacing-4, 8px); }\n.hi-v4-menu {\n background-color: #fff;\n background-color: var(--hi-v4-color-static-white, #fff);\n color: #1f2733;\n color: var(--hi-v4-color-gray-700, #1f2733);\n font-size: 0.875rem;\n font-size: var(--hi-v4-text-size-normal, 0.875rem);\n line-height: 1.375rem;\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 20px;\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: 1rem;\n font-size: var(--hi-v4-text-size-lg, 1rem); }\n.hi-v4-menu--horizontal .hi-v4-menu-item:hover {\n color: #237ffa;\n color: var(--hi-v4-color-brandblue-500, #237ffa);\n border-bottom: 2px solid #237ffa;\n border-bottom: 2px solid var(--hi-v4-color-brandblue-500, #237ffa); }\n.hi-v4-menu--horizontal .hi-v4-menu-item--active {\n color: #237ffa;\n color: var(--hi-v4-color-brandblue-500, #237ffa);\n border-bottom: 2px solid #237ffa;\n border-bottom: 2px solid var(--hi-v4-color-brandblue-500, #237ffa); }\n.hi-v4-menu--horizontal .hi-v4-menu-item--active-p {\n color: #237ffa;\n color: 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 margin-right: 8px;\n margin-right: var(--hi-v4-spacing-4, 8px); }\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: 8px;\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: 4px;\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: #f2f4f7;\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: 8px;\n margin-bottom: var(--hi-v4-spacing-4, 8px);\n padding: 0 12px;\n padding: 0 var(--hi-v4-spacing-6, 12px);\n border-radius: 4px;\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--mini {\n -webkit-box-pack: center;\n -ms-flex-pack: center;\n justify-content: center; }\n.hi-v4-menu--vertical .hi-v4-menu-item__inner--active {\n color: #237ffa;\n color: var(--hi-v4-color-brandblue-500, #237ffa);\n background-color: #e2f3fe;\n background-color: var(--hi-v4-color-brandblue-50, #e2f3fe); }\n.hi-v4-menu--vertical .hi-v4-menu-item__inner--active-p {\n color: #237ffa;\n color: 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: #f2f4f7;\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";
16
16
 
17
17
  var __styleInject__ = require('style-inject/dist/style-inject.es.js')["default"];
18
18
 
package/lib/esm/Menu.js CHANGED
@@ -10,11 +10,12 @@
10
10
  import { __rest } from 'tslib';
11
11
  import React, { forwardRef, useState, useEffect, useCallback } from 'react';
12
12
  import { getPrefixCls, cx } from '@hi-ui/classname';
13
- import { RightOutlined, LeftOutlined } from '@hi-ui/icons';
13
+ import { MenuUnfoldOutlined, MenuFoldOutlined } from '@hi-ui/icons';
14
14
  import { __DEV__ } from '@hi-ui/env';
15
15
  import { MenuItem } from './MenuItem.js';
16
16
  import MenuContext from './context.js';
17
17
  import { getAncestorIds } from './util.js';
18
+ import { useUncontrolledState } from '@hi-ui/use-uncontrolled-state';
18
19
  var MENU_PREFIX = getPrefixCls('menu');
19
20
  /**
20
21
  * TODO: What is Menu
@@ -38,33 +39,30 @@ var Menu = /*#__PURE__*/forwardRef(function (_a, ref) {
38
39
  showAllSubMenus = _a$showAllSubMenus === void 0 ? false : _a$showAllSubMenus,
39
40
  defaultExpandedIds = _a.defaultExpandedIds,
40
41
  defaultActiveId = _a.defaultActiveId,
42
+ activeId = _a.activeId,
41
43
  onClickSubMenu = _a.onClickSubMenu,
42
44
  onClick = _a.onClick,
43
- rest = __rest(_a, ["prefixCls", "role", "className", "data", "placement", "showCollapse", "expandedType", "showAllSubMenus", "defaultExpandedIds", "defaultActiveId", "onClickSubMenu", "onClick"]);
45
+ rest = __rest(_a, ["prefixCls", "role", "className", "data", "placement", "showCollapse", "expandedType", "showAllSubMenus", "defaultExpandedIds", "defaultActiveId", "activeId", "onClickSubMenu", "onClick"]);
44
46
 
45
- var _useState = useState(defaultActiveId || ''),
46
- _activeId = _useState[0],
47
- updateActiveId = _useState[1];
47
+ var _useUncontrolledState = useUncontrolledState(defaultActiveId || '', activeId, onClick),
48
+ _activeId = _useUncontrolledState[0],
49
+ updateActiveId = _useUncontrolledState[1];
48
50
 
49
- var _useState2 = useState(getAncestorIds(_activeId, data)),
50
- activeParents = _useState2[0],
51
- updateActiveParents = _useState2[1];
51
+ var _useState = useState(getAncestorIds(_activeId, data)),
52
+ activeParents = _useState[0],
53
+ updateActiveParents = _useState[1];
52
54
 
53
55
  useEffect(function () {
54
56
  updateActiveParents(getAncestorIds(_activeId, data));
55
57
  }, [_activeId, data]);
56
58
 
57
- var _useState3 = useState(defaultExpandedIds || []),
58
- _expandedIds = _useState3[0],
59
- updateExpanedIds = _useState3[1];
59
+ var _useState2 = useState(defaultExpandedIds || []),
60
+ _expandedIds = _useState2[0],
61
+ updateExpanedIds = _useState2[1];
60
62
 
61
63
  var clickMenu = useCallback(function (id) {
62
64
  updateActiveId(id);
63
-
64
- if (onClick) {
65
- onClick(id);
66
- }
67
- }, [onClick]);
65
+ }, [updateActiveId]);
68
66
  var clickSubMenu = useCallback(function (id) {
69
67
  updateExpanedIds(_expandedIds.includes(id) ? _expandedIds.filter(function (expandedid) {
70
68
  return expandedid !== id;
@@ -83,9 +81,9 @@ var Menu = /*#__PURE__*/forwardRef(function (_a, ref) {
83
81
  updateExpanedIds([]);
84
82
  }, []);
85
83
 
86
- var _useState4 = useState(false),
87
- mini = _useState4[0],
88
- setMini = _useState4[1];
84
+ var _useState3 = useState(false),
85
+ mini = _useState3[0],
86
+ setMini = _useState3[1];
89
87
 
90
88
  var cls = cx(prefixCls, className, prefixCls + "--" + placement, (_cx = {}, _cx[prefixCls + "--mini"] = mini, _cx));
91
89
  var onToggle = useCallback(function () {
@@ -120,7 +118,7 @@ var Menu = /*#__PURE__*/forwardRef(function (_a, ref) {
120
118
  })), placement === 'vertical' && showCollapse && /*#__PURE__*/React.createElement("div", {
121
119
  className: cx(prefixCls + "__toggle"),
122
120
  onClick: onToggle
123
- }, mini ? /*#__PURE__*/React.createElement(RightOutlined, null) : /*#__PURE__*/React.createElement(LeftOutlined, null))));
121
+ }, mini ? /*#__PURE__*/React.createElement(MenuUnfoldOutlined, null) : /*#__PURE__*/React.createElement(MenuFoldOutlined, null))));
124
122
  });
125
123
 
126
124
  if (__DEV__) {
package/lib/esm/Menu.js.map CHANGED
@@ -1 +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","onClickSubMenu","onClick","rest","useState","_activeId","updateActiveId","getAncestorIds","activeParents","updateActiveParents","useEffect","_expandedIds","updateExpanedIds","clickMenu","useCallback","id","clickSubMenu","includes","filter","expandedid","concat","closePopper","closeAllPopper","mini","setMini","cls","cx","onToggle","React","MenuContext","Provider","value","activeId","expandedIds","map","d","MenuItem","key","level","RightOutlined","LeftOutlined","__DEV__","displayName"],"mappings":"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"}
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","includes","filter","expandedid","concat","closePopper","closeAllPopper","mini","setMini","cls","cx","onToggle","React","MenuContext","Provider","value","expandedIds","map","d","MenuItem","key","level","MenuUnfoldOutlined","MenuFoldOutlined","__DEV__","displayName"],"mappings":"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"}
package/lib/esm/styles/index.scss.js CHANGED
@@ -7,7 +7,7 @@
7
7
  * This source code is licensed under the MIT license found in the
8
8
  * LICENSE file in the root directory of this source tree.
9
9
  */
10
- 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: #fff;\n background-color: var(--hi-v4-color-static-white, #fff);\n margin: 0;\n font-size: 0.875rem;\n font-size: var(--hi-v4-text-size-normal, 0.875rem);\n padding: 8px;\n padding: var(--hi-v4-spacing-4, 8px);\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n color: #1f2733;\n color: var(--hi-v4-color-gray-700, #1f2733);\n border-radius: 4px;\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: 36px;\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 12px;\n padding: 0 var(--hi-v4-spacing-6, 12px);\n color: #929aa6;\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: 4px;\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 12px;\n padding: 0 var(--hi-v4-spacing-6, 12px); }\n.hi-v4-menu-fat-menu .hi-v4-menu-item--active {\n color: #237ffa;\n color: var(--hi-v4-color-brandblue-500, #237ffa);\n background-color: #e2f3fe;\n background-color: 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: #f2f4f7;\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: #fff;\n background-color: var(--hi-v4-color-static-white, #fff);\n border-radius: 4px;\n border-radius: var(--hi-v4-border-radius-normal, 4px);\n margin: 0;\n font-size: 0.875rem;\n font-size: var(--hi-v4-text-size-normal, 0.875rem);\n padding: 8px;\n padding: var(--hi-v4-spacing-4, 8px);\n color: #1f2733;\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: 8px;\n margin-bottom: var(--hi-v4-spacing-4, 8px);\n padding: 0 12px;\n padding: 0 var(--hi-v4-spacing-6, 12px);\n border-radius: 4px;\n border-radius: var(--hi-v4-border-radius-normal, 4px); }\n.hi-v4-menu-popmenu .hi-v4-menu-item__inner--active {\n color: #237ffa;\n color: var(--hi-v4-color-brandblue-500, #237ffa);\n background-color: #e2f3fe;\n background-color: var(--hi-v4-color-brandblue-50, #e2f3fe); }\n.hi-v4-menu-popmenu .hi-v4-menu-item__inner--active-p {\n color: #237ffa;\n color: 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: #f2f4f7;\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: 8px;\n padding-right: var(--hi-v4-spacing-4, 8px); }\n.hi-v4-menu {\n background-color: #fff;\n background-color: var(--hi-v4-color-static-white, #fff);\n color: #1f2733;\n color: var(--hi-v4-color-gray-700, #1f2733);\n font-size: 0.875rem;\n font-size: var(--hi-v4-text-size-normal, 0.875rem);\n line-height: 1.375rem;\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 20px;\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: 1rem;\n font-size: var(--hi-v4-text-size-lg, 1rem); }\n.hi-v4-menu--horizontal .hi-v4-menu-item:hover {\n color: #237ffa;\n color: var(--hi-v4-color-brandblue-500, #237ffa);\n border-bottom: 2px solid #237ffa;\n border-bottom: 2px solid var(--hi-v4-color-brandblue-500, #237ffa); }\n.hi-v4-menu--horizontal .hi-v4-menu-item--active {\n color: #237ffa;\n color: var(--hi-v4-color-brandblue-500, #237ffa);\n border-bottom: 2px solid #237ffa;\n border-bottom: 2px solid var(--hi-v4-color-brandblue-500, #237ffa); }\n.hi-v4-menu--horizontal .hi-v4-menu-item--active-p {\n color: #237ffa;\n color: 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 margin-right: 8px;\n margin-right: var(--hi-v4-spacing-4, 8px); }\n.hi-v4-menu--vertical {\n padding: 8px;\n padding: var(--hi-v4-spacing-4, 8px);\n width: 232px;\n height: 100%;\n overflow: auto;\n -webkit-transition: width 0.3s;\n transition: width 0.3s; }\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: 4px;\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: #f2f4f7;\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: 8px;\n margin-bottom: var(--hi-v4-spacing-4, 8px);\n padding: 0 12px;\n padding: 0 var(--hi-v4-spacing-6, 12px);\n border-radius: 4px;\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--mini {\n -webkit-box-pack: center;\n -ms-flex-pack: center;\n justify-content: center; }\n.hi-v4-menu--vertical .hi-v4-menu-item__inner--active {\n color: #237ffa;\n color: var(--hi-v4-color-brandblue-500, #237ffa);\n background-color: #e2f3fe;\n background-color: var(--hi-v4-color-brandblue-50, #e2f3fe); }\n.hi-v4-menu--vertical .hi-v4-menu-item__inner--active-p {\n color: #237ffa;\n color: 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: #f2f4f7;\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";
10
+ 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: #fff;\n background-color: var(--hi-v4-color-static-white, #fff);\n margin: 0;\n font-size: 0.875rem;\n font-size: var(--hi-v4-text-size-normal, 0.875rem);\n padding: 8px;\n padding: var(--hi-v4-spacing-4, 8px);\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n color: #1f2733;\n color: var(--hi-v4-color-gray-700, #1f2733);\n border-radius: 4px;\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: 36px;\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 12px;\n padding: 0 var(--hi-v4-spacing-6, 12px);\n color: #929aa6;\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: 4px;\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 12px;\n padding: 0 var(--hi-v4-spacing-6, 12px); }\n.hi-v4-menu-fat-menu .hi-v4-menu-item--active {\n color: #237ffa;\n color: var(--hi-v4-color-brandblue-500, #237ffa);\n background-color: #e2f3fe;\n background-color: 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: #f2f4f7;\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: #fff;\n background-color: var(--hi-v4-color-static-white, #fff);\n border-radius: 4px;\n border-radius: var(--hi-v4-border-radius-normal, 4px);\n margin: 0;\n font-size: 0.875rem;\n font-size: var(--hi-v4-text-size-normal, 0.875rem);\n padding: 8px;\n padding: var(--hi-v4-spacing-4, 8px);\n color: #1f2733;\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: 8px;\n margin-bottom: var(--hi-v4-spacing-4, 8px);\n padding: 0 12px;\n padding: 0 var(--hi-v4-spacing-6, 12px);\n border-radius: 4px;\n border-radius: var(--hi-v4-border-radius-normal, 4px); }\n.hi-v4-menu-popmenu .hi-v4-menu-item__inner--active {\n color: #237ffa;\n color: var(--hi-v4-color-brandblue-500, #237ffa);\n background-color: #e2f3fe;\n background-color: var(--hi-v4-color-brandblue-50, #e2f3fe); }\n.hi-v4-menu-popmenu .hi-v4-menu-item__inner--active-p {\n color: #237ffa;\n color: 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: #f2f4f7;\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: 8px;\n padding-right: var(--hi-v4-spacing-4, 8px); }\n.hi-v4-menu {\n background-color: #fff;\n background-color: var(--hi-v4-color-static-white, #fff);\n color: #1f2733;\n color: var(--hi-v4-color-gray-700, #1f2733);\n font-size: 0.875rem;\n font-size: var(--hi-v4-text-size-normal, 0.875rem);\n line-height: 1.375rem;\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 20px;\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: 1rem;\n font-size: var(--hi-v4-text-size-lg, 1rem); }\n.hi-v4-menu--horizontal .hi-v4-menu-item:hover {\n color: #237ffa;\n color: var(--hi-v4-color-brandblue-500, #237ffa);\n border-bottom: 2px solid #237ffa;\n border-bottom: 2px solid var(--hi-v4-color-brandblue-500, #237ffa); }\n.hi-v4-menu--horizontal .hi-v4-menu-item--active {\n color: #237ffa;\n color: var(--hi-v4-color-brandblue-500, #237ffa);\n border-bottom: 2px solid #237ffa;\n border-bottom: 2px solid var(--hi-v4-color-brandblue-500, #237ffa); }\n.hi-v4-menu--horizontal .hi-v4-menu-item--active-p {\n color: #237ffa;\n color: 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 margin-right: 8px;\n margin-right: var(--hi-v4-spacing-4, 8px); }\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: 8px;\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: 4px;\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: #f2f4f7;\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: 8px;\n margin-bottom: var(--hi-v4-spacing-4, 8px);\n padding: 0 12px;\n padding: 0 var(--hi-v4-spacing-6, 12px);\n border-radius: 4px;\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--mini {\n -webkit-box-pack: center;\n -ms-flex-pack: center;\n justify-content: center; }\n.hi-v4-menu--vertical .hi-v4-menu-item__inner--active {\n color: #237ffa;\n color: var(--hi-v4-color-brandblue-500, #237ffa);\n background-color: #e2f3fe;\n background-color: var(--hi-v4-color-brandblue-50, #e2f3fe); }\n.hi-v4-menu--vertical .hi-v4-menu-item__inner--active-p {\n color: #237ffa;\n color: 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: #f2f4f7;\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";
11
11
 
12
12
  var __styleInject__ = require('style-inject/dist/style-inject.es.js')["default"];
13
13
 
package/lib/types/Menu.d.ts CHANGED
@@ -10,7 +10,7 @@ export declare type MenuItemProps = {
10
10
  prefixCls?: string;
11
11
  content: React.ReactNode;
12
12
  icon?: React.ReactNode;
13
- id: string | number;
13
+ id: React.ReactText;
14
14
  disabled?: boolean;
15
15
  children?: MenuItemProps[];
16
16
  level?: number;
@@ -33,7 +33,7 @@ export interface MenuProps {
33
33
  * 组件的注入样式
34
34
  */
35
35
  data: MenuItemProps[];
36
- activeId?: string | number;
36
+ activeId?: React.ReactText;
37
37
  placement?: 'horizontal' | 'vertical';
38
38
  collapsed?: boolean;
39
39
  showCollapse?: boolean;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@hi-ui/menu",
3
- "version": "4.0.0-alpha.10",
3
+ "version": "4.0.0-alpha.11",
4
4
  "description": "A sub-package for @hi-ui/hiui.",
5
5
  "keywords": [],
6
6
  "author": "HIUI <mi-hiui@xiaomi.com>",
@@ -44,11 +44,11 @@
44
44
  },
45
45
  "dependencies": {
46
46
  "@hi-ui/classname": "^4.0.0-alpha.3",
47
- "@hi-ui/core": "^4.0.0-alpha.15",
48
- "@hi-ui/core-css": "^4.0.0-alpha.11",
47
+ "@hi-ui/core": "^4.0.0-alpha.16",
48
+ "@hi-ui/core-css": "^4.0.0-alpha.12",
49
49
  "@hi-ui/env": "^4.0.0-alpha.5",
50
- "@hi-ui/icons": "^4.0.0-alpha.22",
51
- "@hi-ui/popper": "^4.0.0-alpha.18",
50
+ "@hi-ui/icons": "^4.0.0-alpha.23",
51
+ "@hi-ui/popper": "^4.0.0-alpha.19",
52
52
  "@hi-ui/use-uncontrolled-state": "^4.0.0-alpha.12",
53
53
  "react-transition-group": "^4.4.2"
54
54
  },
@@ -61,5 +61,5 @@
61
61
  "react": "^17.0.1",
62
62
  "react-dom": "^17.0.1"
63
63
  },
64
- "gitHead": "4f087bc74252731d943e607074c9754426c7be77"
64
+ "gitHead": "3b991dda3ffcbe843fc06b3c3c781ce870cb7adc"
65
65
  }