@hi-ui/menu 4.0.0-alpha.1
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.
- package/LICENSE +21 -0
- package/README.md +11 -0
- package/lib/cjs/Expander.js +69 -0
- package/lib/cjs/Expander.js.map +1 -0
- package/lib/cjs/Menu.js +155 -0
- package/lib/cjs/Menu.js.map +1 -0
- package/lib/cjs/MenuItem.js +296 -0
- package/lib/cjs/MenuItem.js.map +1 -0
- package/lib/cjs/context.js +20 -0
- package/lib/cjs/context.js.map +1 -0
- package/lib/cjs/index.js +22 -0
- package/lib/cjs/index.js.map +1 -0
- package/lib/cjs/styles/index.scss.js +22 -0
- package/lib/cjs/styles/index.scss.js.map +1 -0
- package/lib/cjs/util.js +48 -0
- package/lib/cjs/util.js.map +1 -0
- package/lib/esm/Expander.js +52 -0
- package/lib/esm/Expander.js.map +1 -0
- package/lib/esm/Menu.js +131 -0
- package/lib/esm/Menu.js.map +1 -0
- package/lib/esm/MenuItem.js +273 -0
- package/lib/esm/MenuItem.js.map +1 -0
- package/lib/esm/context.js +13 -0
- package/lib/esm/context.js.map +1 -0
- package/lib/esm/index.js +12 -0
- package/lib/esm/index.js.map +1 -0
- package/lib/esm/styles/index.scss.js +17 -0
- package/lib/esm/styles/index.scss.js.map +1 -0
- package/lib/esm/util.js +42 -0
- package/lib/esm/util.js.map +1 -0
- package/lib/types/Expander.d.ts +7 -0
- package/lib/types/Menu.d.ts +50 -0
- package/lib/types/MenuItem.d.ts +3 -0
- package/lib/types/context.d.ts +15 -0
- package/lib/types/index.d.ts +3 -0
- package/lib/types/types.d.ts +11 -0
- package/lib/types/util.d.ts +2 -0
- package/package.json +65 -0
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
/** @LICENSE
|
|
2
|
+
* @hi-ui/menu
|
|
3
|
+
* https://github.com/XiaoMi/hiui/tree/master/packages/ui/menu#readme
|
|
4
|
+
*
|
|
5
|
+
* Copyright (c) HIUI <mi-hiui@xiaomi.com>.
|
|
6
|
+
*
|
|
7
|
+
* This source code is licensed under the MIT license found in the
|
|
8
|
+
* LICENSE file in the root directory of this source tree.
|
|
9
|
+
*/
|
|
10
|
+
'use strict';
|
|
11
|
+
|
|
12
|
+
Object.defineProperty(exports, '__esModule', {
|
|
13
|
+
value: true
|
|
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";
|
|
16
|
+
|
|
17
|
+
var __styleInject__ = require('style-inject/dist/style-inject.es.js')["default"];
|
|
18
|
+
|
|
19
|
+
__styleInject__(css_248z);
|
|
20
|
+
|
|
21
|
+
exports["default"] = css_248z;
|
|
22
|
+
//# sourceMappingURL=index.scss.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;"}
|
package/lib/cjs/util.js
ADDED
|
@@ -0,0 +1,48 @@
|
|
|
1
|
+
/** @LICENSE
|
|
2
|
+
* @hi-ui/menu
|
|
3
|
+
* https://github.com/XiaoMi/hiui/tree/master/packages/ui/menu#readme
|
|
4
|
+
*
|
|
5
|
+
* Copyright (c) HIUI <mi-hiui@xiaomi.com>.
|
|
6
|
+
*
|
|
7
|
+
* This source code is licensed under the MIT license found in the
|
|
8
|
+
* LICENSE file in the root directory of this source tree.
|
|
9
|
+
*/
|
|
10
|
+
'use strict';
|
|
11
|
+
|
|
12
|
+
Object.defineProperty(exports, '__esModule', {
|
|
13
|
+
value: true
|
|
14
|
+
}); // 寻找某一节点的父节点
|
|
15
|
+
|
|
16
|
+
var getParentId = function getParentId(id, data) {
|
|
17
|
+
var parentId = '';
|
|
18
|
+
data.forEach(function (item) {
|
|
19
|
+
if (item.children) {
|
|
20
|
+
if (item.children.some(function (item) {
|
|
21
|
+
return item.id === id;
|
|
22
|
+
})) {
|
|
23
|
+
parentId = item.id;
|
|
24
|
+
} else if (getParentId(id, item.children)) {
|
|
25
|
+
parentId = getParentId(id, item.children);
|
|
26
|
+
}
|
|
27
|
+
}
|
|
28
|
+
});
|
|
29
|
+
return parentId;
|
|
30
|
+
}; // 寻找某一节点的所有祖先节点
|
|
31
|
+
|
|
32
|
+
|
|
33
|
+
var getAncestorIds = function getAncestorIds(id, data, arr) {
|
|
34
|
+
if (arr === void 0) {
|
|
35
|
+
arr = [];
|
|
36
|
+
}
|
|
37
|
+
|
|
38
|
+
if (getParentId(id, data)) {
|
|
39
|
+
arr.push(getParentId(id, data));
|
|
40
|
+
getAncestorIds(getParentId(id, data), data, arr);
|
|
41
|
+
}
|
|
42
|
+
|
|
43
|
+
return arr;
|
|
44
|
+
};
|
|
45
|
+
|
|
46
|
+
exports.getAncestorIds = getAncestorIds;
|
|
47
|
+
exports.getParentId = getParentId;
|
|
48
|
+
//# sourceMappingURL=util.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"util.js","sources":["../../src/util.ts"],"sourcesContent":[null],"names":["getParentId","id","data","parentId","forEach","item","children","some","getAncestorIds","arr","push"],"mappings":";;;;;;;;;;;;;IAAA;;IACaA,WAAW,GAAG,SAAdA,WAAc,CAACC,EAAD,EAAsBC,IAAtB;MACrBC,QAAQ,GAAG;AACfD,EAAAA,IAAI,CAACE,OAALF,CAAa,UAACG,IAAD;QACPA,IAAI,CAACC,UAAU;UACbD,IAAI,CAACC,QAALD,CAAcE,IAAdF,CAAmB,UAACA,IAAD;eAA+BA,IAAI,CAACJ,EAALI,KAAYJ;AAA9D,OAAAI,GAAmE;AACrEF,QAAAA,QAAQ,GAAGE,IAAI,CAACJ,EAAhBE;AADF,aAEO,IAAIH,WAAW,CAACC,EAAD,EAAKI,IAAI,CAACC,QAAV,CAAf,EAAoC;AACzCH,QAAAA,QAAQ,GAAGH,WAAW,CAACC,EAAD,EAAKI,IAAI,CAACC,QAAV,CAAtBH;;;AALN,GAAAD;SASOC;;;;IAIIK,cAAc,GAAG,SAAjBA,cAAiB,CAC5BP,EAD4B,EAE5BC,IAF4B,EAG5BO,GAH4B;MAG5BA;AAAAA,IAAAA,MAA2B,EAA3BA;;;MAEIT,WAAW,CAACC,EAAD,EAAKC,IAAL,GAAY;AACzBO,IAAAA,GAAG,CAACC,IAAJD,CAAST,WAAW,CAACC,EAAD,EAAKC,IAAL,CAApBO;AACAD,IAAAA,cAAc,CAACR,WAAW,CAACC,EAAD,EAAKC,IAAL,CAAZ,EAAwBA,IAAxB,EAA8BO,GAA9B,CAAdD;;;SAEKC;;;;"}
|
|
@@ -0,0 +1,52 @@
|
|
|
1
|
+
/** @LICENSE
|
|
2
|
+
* @hi-ui/menu
|
|
3
|
+
* https://github.com/XiaoMi/hiui/tree/master/packages/ui/menu#readme
|
|
4
|
+
*
|
|
5
|
+
* Copyright (c) HIUI <mi-hiui@xiaomi.com>.
|
|
6
|
+
*
|
|
7
|
+
* This source code is licensed under the MIT license found in the
|
|
8
|
+
* LICENSE file in the root directory of this source tree.
|
|
9
|
+
*/
|
|
10
|
+
import React, { useState } from 'react';
|
|
11
|
+
import { CSSTransition } from 'react-transition-group';
|
|
12
|
+
|
|
13
|
+
var Expander = function Expander(_ref) {
|
|
14
|
+
var children = _ref.children,
|
|
15
|
+
visible = _ref.visible,
|
|
16
|
+
className = _ref.className;
|
|
17
|
+
|
|
18
|
+
var _useState = useState(visible ? 'auto' : 0),
|
|
19
|
+
height = _useState[0],
|
|
20
|
+
setHeight = _useState[1];
|
|
21
|
+
|
|
22
|
+
return /*#__PURE__*/React.createElement(CSSTransition, {
|
|
23
|
+
"in": visible,
|
|
24
|
+
timeout: 200,
|
|
25
|
+
classNames: className,
|
|
26
|
+
unmountOnExit: false,
|
|
27
|
+
onEnter: function onEnter(element) {
|
|
28
|
+
setHeight(0);
|
|
29
|
+
setTimeout(function () {
|
|
30
|
+
setHeight(element.scrollHeight);
|
|
31
|
+
});
|
|
32
|
+
},
|
|
33
|
+
onEntered: function onEntered() {
|
|
34
|
+
setHeight('auto');
|
|
35
|
+
},
|
|
36
|
+
onExit: function onExit(element) {
|
|
37
|
+
setHeight(element.scrollHeight);
|
|
38
|
+
setTimeout(function () {
|
|
39
|
+
setHeight(0);
|
|
40
|
+
});
|
|
41
|
+
}
|
|
42
|
+
}, /*#__PURE__*/React.createElement("div", {
|
|
43
|
+
style: {
|
|
44
|
+
height: height,
|
|
45
|
+
overflow: 'hidden',
|
|
46
|
+
transition: 'all 0.3s'
|
|
47
|
+
}
|
|
48
|
+
}, children));
|
|
49
|
+
};
|
|
50
|
+
|
|
51
|
+
export { Expander };
|
|
52
|
+
//# sourceMappingURL=Expander.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Expander.js","sources":["../../src/Expander.tsx"],"sourcesContent":[null],"names":["Expander","children","visible","className","useState","height","setHeight","React","CSSTransition","in","timeout","classNames","unmountOnExit","onEnter","element","setTimeout","scrollHeight","onEntered","onExit","style","overflow","transition"],"mappings":";;;;;;;;;;;;IAGaA,QAAQ,GAA4B,SAApCA,QAAoC,KAAA;MAAGC,gBAAAA;MAAUC,eAAAA;MAASC,iBAAAA;;kBACzCC,QAAQ,CAACF,OAAO,GAAG,MAAH,GAAY,CAApB;MAA7BG,MAAP;MAAeC,SAAf;;sBAEEC,mBAAAA,CAACC,aAADD;AACEE,UAAIP;AACJQ,IAAAA,OAAO,EAAE;AACTC,IAAAA,UAAU,EAAER;AACZS,IAAAA,aAAa,EAAE;AACfC,IAAAA,OAAO,EAAE,gBAAA,CAACC,OAAD;AACPR,MAAAA,SAAS,CAAC,CAAD,CAATA;AACAS,MAAAA,UAAU,CAAC;AACTT,QAAAA,SAAS,CAACQ,OAAO,CAACE,YAAT,CAATV;AADQ,OAAA,CAAVS;;AAIFE,IAAAA,SAAS,EAAE,kBAAA;AACTX,MAAAA,SAAS,CAAC,MAAD,CAATA;;AAEFY,IAAAA,MAAM,EAAE,eAAA,CAACJ,OAAD;AACNR,MAAAA,SAAS,CAACQ,OAAO,CAACE,YAAT,CAATV;AACAS,MAAAA,UAAU,CAAC;AACTT,QAAAA,SAAS,CAAC,CAAD,CAATA;AADQ,OAAA,CAAVS;;GAhBJR,eAqBEA,mBAAAA,MAAAA;AAAKY,IAAAA,KAAK,EAAE;AAAEd,MAAAA,MAAM,EAANA,MAAF;AAAUe,MAAAA,QAAQ,EAAE,QAApB;AAA8BC,MAAAA,UAAU,EAAE;AAA1C;GAAZd,EAAqEN,QAArEM,CArBFA;;;"}
|
package/lib/esm/Menu.js
ADDED
|
@@ -0,0 +1,131 @@
|
|
|
1
|
+
/** @LICENSE
|
|
2
|
+
* @hi-ui/menu
|
|
3
|
+
* https://github.com/XiaoMi/hiui/tree/master/packages/ui/menu#readme
|
|
4
|
+
*
|
|
5
|
+
* Copyright (c) HIUI <mi-hiui@xiaomi.com>.
|
|
6
|
+
*
|
|
7
|
+
* This source code is licensed under the MIT license found in the
|
|
8
|
+
* LICENSE file in the root directory of this source tree.
|
|
9
|
+
*/
|
|
10
|
+
import { __rest } from 'tslib';
|
|
11
|
+
import React, { forwardRef, useState, useEffect, useCallback } from 'react';
|
|
12
|
+
import { getPrefixCls, cx } from '@hi-ui/classname';
|
|
13
|
+
import { RightOutlined, LeftOutlined } from '@hi-ui/icons';
|
|
14
|
+
import { __DEV__ } from '@hi-ui/env';
|
|
15
|
+
import { MenuItem } from './MenuItem.js';
|
|
16
|
+
import MenuContext from './context.js';
|
|
17
|
+
import { getAncestorIds } from './util.js';
|
|
18
|
+
var MENU_PREFIX = getPrefixCls('menu');
|
|
19
|
+
/**
|
|
20
|
+
* TODO: What is Menu
|
|
21
|
+
*/
|
|
22
|
+
|
|
23
|
+
var Menu = /*#__PURE__*/forwardRef(function (_a, ref) {
|
|
24
|
+
var _cx;
|
|
25
|
+
|
|
26
|
+
var _a$prefixCls = _a.prefixCls,
|
|
27
|
+
prefixCls = _a$prefixCls === void 0 ? MENU_PREFIX : _a$prefixCls,
|
|
28
|
+
_a$role = _a.role,
|
|
29
|
+
role = _a$role === void 0 ? 'menu' : _a$role,
|
|
30
|
+
className = _a.className,
|
|
31
|
+
data = _a.data,
|
|
32
|
+
_a$placement = _a.placement,
|
|
33
|
+
placement = _a$placement === void 0 ? 'vertical' : _a$placement,
|
|
34
|
+
showCollapse = _a.showCollapse,
|
|
35
|
+
_a$expandedType = _a.expandedType,
|
|
36
|
+
expandedType = _a$expandedType === void 0 ? 'default' : _a$expandedType,
|
|
37
|
+
_a$showAllSubMenus = _a.showAllSubMenus,
|
|
38
|
+
showAllSubMenus = _a$showAllSubMenus === void 0 ? false : _a$showAllSubMenus,
|
|
39
|
+
defaultExpandedIds = _a.defaultExpandedIds,
|
|
40
|
+
defaultActiveId = _a.defaultActiveId,
|
|
41
|
+
onClickSubMenu = _a.onClickSubMenu,
|
|
42
|
+
onClick = _a.onClick,
|
|
43
|
+
rest = __rest(_a, ["prefixCls", "role", "className", "data", "placement", "showCollapse", "expandedType", "showAllSubMenus", "defaultExpandedIds", "defaultActiveId", "onClickSubMenu", "onClick"]);
|
|
44
|
+
|
|
45
|
+
var _useState = useState(defaultActiveId || ''),
|
|
46
|
+
_activeId = _useState[0],
|
|
47
|
+
updateActiveId = _useState[1];
|
|
48
|
+
|
|
49
|
+
var _useState2 = useState(getAncestorIds(_activeId, data)),
|
|
50
|
+
activeParents = _useState2[0],
|
|
51
|
+
updateActiveParents = _useState2[1];
|
|
52
|
+
|
|
53
|
+
useEffect(function () {
|
|
54
|
+
updateActiveParents(getAncestorIds(_activeId, data));
|
|
55
|
+
}, [_activeId, data]);
|
|
56
|
+
|
|
57
|
+
var _useState3 = useState(defaultExpandedIds || []),
|
|
58
|
+
_expandedIds = _useState3[0],
|
|
59
|
+
updateExpanedIds = _useState3[1];
|
|
60
|
+
|
|
61
|
+
var clickMenu = useCallback(function (id) {
|
|
62
|
+
updateActiveId(id);
|
|
63
|
+
|
|
64
|
+
if (onClick) {
|
|
65
|
+
onClick(id);
|
|
66
|
+
}
|
|
67
|
+
}, [onClick]);
|
|
68
|
+
var clickSubMenu = useCallback(function (id) {
|
|
69
|
+
updateExpanedIds(_expandedIds.includes(id) ? _expandedIds.filter(function (expandedid) {
|
|
70
|
+
return expandedid !== id;
|
|
71
|
+
}) : _expandedIds.concat(id));
|
|
72
|
+
|
|
73
|
+
if (onClickSubMenu) {
|
|
74
|
+
onClickSubMenu(id);
|
|
75
|
+
}
|
|
76
|
+
}, [onClickSubMenu, _expandedIds]);
|
|
77
|
+
var closePopper = useCallback(function (id) {
|
|
78
|
+
updateExpanedIds(_expandedIds.filter(function (expandedid) {
|
|
79
|
+
return expandedid !== id;
|
|
80
|
+
}));
|
|
81
|
+
}, [_expandedIds]);
|
|
82
|
+
var closeAllPopper = useCallback(function () {
|
|
83
|
+
updateExpanedIds([]);
|
|
84
|
+
}, []);
|
|
85
|
+
|
|
86
|
+
var _useState4 = useState(false),
|
|
87
|
+
mini = _useState4[0],
|
|
88
|
+
setMini = _useState4[1];
|
|
89
|
+
|
|
90
|
+
var cls = cx(prefixCls, className, prefixCls + "--" + placement, (_cx = {}, _cx[prefixCls + "--mini"] = mini, _cx));
|
|
91
|
+
var onToggle = useCallback(function () {
|
|
92
|
+
setMini(!mini);
|
|
93
|
+
closeAllPopper();
|
|
94
|
+
}, [mini, closeAllPopper]);
|
|
95
|
+
return /*#__PURE__*/React.createElement("div", Object.assign({
|
|
96
|
+
ref: ref,
|
|
97
|
+
role: role,
|
|
98
|
+
className: cls
|
|
99
|
+
}, rest), /*#__PURE__*/React.createElement(MenuContext.Provider, {
|
|
100
|
+
value: {
|
|
101
|
+
placement: placement,
|
|
102
|
+
expandedType: expandedType,
|
|
103
|
+
showAllSubMenus: showAllSubMenus,
|
|
104
|
+
mini: mini,
|
|
105
|
+
clickMenu: clickMenu,
|
|
106
|
+
clickSubMenu: clickSubMenu,
|
|
107
|
+
closePopper: closePopper,
|
|
108
|
+
closeAllPopper: closeAllPopper,
|
|
109
|
+
activeParents: activeParents,
|
|
110
|
+
activeId: _activeId,
|
|
111
|
+
expandedIds: _expandedIds
|
|
112
|
+
}
|
|
113
|
+
}, /*#__PURE__*/React.createElement("ul", {
|
|
114
|
+
className: cx(prefixCls + "__wrapper")
|
|
115
|
+
}, data.map(function (d) {
|
|
116
|
+
return /*#__PURE__*/React.createElement(MenuItem, Object.assign({}, d, {
|
|
117
|
+
key: d.id,
|
|
118
|
+
level: 1
|
|
119
|
+
}));
|
|
120
|
+
})), placement === 'vertical' && showCollapse && /*#__PURE__*/React.createElement("div", {
|
|
121
|
+
className: cx(prefixCls + "__toggle"),
|
|
122
|
+
onClick: onToggle
|
|
123
|
+
}, mini ? /*#__PURE__*/React.createElement(RightOutlined, null) : /*#__PURE__*/React.createElement(LeftOutlined, null))));
|
|
124
|
+
});
|
|
125
|
+
|
|
126
|
+
if (__DEV__) {
|
|
127
|
+
Menu.displayName = 'Menu';
|
|
128
|
+
}
|
|
129
|
+
|
|
130
|
+
export { Menu };
|
|
131
|
+
//# sourceMappingURL=Menu.js.map
|
|
@@ -0,0 +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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"}
|
|
@@ -0,0 +1,273 @@
|
|
|
1
|
+
/** @LICENSE
|
|
2
|
+
* @hi-ui/menu
|
|
3
|
+
* https://github.com/XiaoMi/hiui/tree/master/packages/ui/menu#readme
|
|
4
|
+
*
|
|
5
|
+
* Copyright (c) HIUI <mi-hiui@xiaomi.com>.
|
|
6
|
+
*
|
|
7
|
+
* This source code is licensed under the MIT license found in the
|
|
8
|
+
* LICENSE file in the root directory of this source tree.
|
|
9
|
+
*/
|
|
10
|
+
import React, { useRef, useContext } from 'react';
|
|
11
|
+
import { getPrefixCls, cx } from '@hi-ui/classname';
|
|
12
|
+
import { __DEV__ } from '@hi-ui/env';
|
|
13
|
+
import { UpOutlined, DownOutlined, RightOutlined } from '@hi-ui/icons';
|
|
14
|
+
import MenuContext from './context.js';
|
|
15
|
+
import { PopperPortal, Popper } from '@hi-ui/popper';
|
|
16
|
+
import { Expander } from './Expander.js';
|
|
17
|
+
var MENU_PREFIX = getPrefixCls('menu');
|
|
18
|
+
|
|
19
|
+
var MenuItem = function MenuItem(_ref) {
|
|
20
|
+
var _cx, _cx2;
|
|
21
|
+
|
|
22
|
+
var _ref$prefixCls = _ref.prefixCls,
|
|
23
|
+
prefixCls = _ref$prefixCls === void 0 ? MENU_PREFIX : _ref$prefixCls,
|
|
24
|
+
icon = _ref.icon,
|
|
25
|
+
content = _ref.content,
|
|
26
|
+
disabled = _ref.disabled,
|
|
27
|
+
id = _ref.id,
|
|
28
|
+
level = _ref.level,
|
|
29
|
+
children = _ref.children,
|
|
30
|
+
parentIds = _ref.parentIds;
|
|
31
|
+
var itemRef = useRef(null);
|
|
32
|
+
|
|
33
|
+
var _useContext = useContext(MenuContext),
|
|
34
|
+
placement = _useContext.placement,
|
|
35
|
+
expandedType = _useContext.expandedType,
|
|
36
|
+
showAllSubMenus = _useContext.showAllSubMenus,
|
|
37
|
+
mini = _useContext.mini,
|
|
38
|
+
activeId = _useContext.activeId,
|
|
39
|
+
closePopper = _useContext.closePopper,
|
|
40
|
+
expandedIds = _useContext.expandedIds,
|
|
41
|
+
clickMenu = _useContext.clickMenu,
|
|
42
|
+
clickSubMenu = _useContext.clickSubMenu,
|
|
43
|
+
closeAllPopper = _useContext.closeAllPopper,
|
|
44
|
+
activeParents = _useContext.activeParents;
|
|
45
|
+
|
|
46
|
+
var _parentIds = (parentIds || []).concat(id);
|
|
47
|
+
|
|
48
|
+
return /*#__PURE__*/React.createElement("li", {
|
|
49
|
+
ref: itemRef,
|
|
50
|
+
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))
|
|
51
|
+
}, /*#__PURE__*/React.createElement("div", {
|
|
52
|
+
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)),
|
|
53
|
+
onClick: function onClick() {
|
|
54
|
+
if (children === null || children === void 0 ? void 0 : children.length) {
|
|
55
|
+
if (clickSubMenu) {
|
|
56
|
+
clickSubMenu(id);
|
|
57
|
+
}
|
|
58
|
+
} else {
|
|
59
|
+
if (clickMenu) {
|
|
60
|
+
clickMenu(id);
|
|
61
|
+
}
|
|
62
|
+
|
|
63
|
+
if (closeAllPopper && !(placement === 'vertical' && expandedType === 'default' && mini === false)) {
|
|
64
|
+
closeAllPopper();
|
|
65
|
+
}
|
|
66
|
+
}
|
|
67
|
+
},
|
|
68
|
+
style: placement === 'vertical' && expandedType === 'default' && !mini ? {
|
|
69
|
+
paddingLeft: level > 1 ? 12 + (level - 1 > 0 ? 1 : 0) * 20 + (level - 2 || 0) * 16 : 12
|
|
70
|
+
} : {}
|
|
71
|
+
}, icon, /*#__PURE__*/React.createElement("span", {
|
|
72
|
+
className: prefixCls + "-item__content"
|
|
73
|
+
}, content), (children === null || children === void 0 ? void 0 : children.length) && !mini && placement === 'vertical' && expandedType === 'default' && !showAllSubMenus && ((expandedIds === null || expandedIds === void 0 ? void 0 : expandedIds.includes(id)) ? /*#__PURE__*/React.createElement(UpOutlined, null) : /*#__PURE__*/React.createElement(DownOutlined, null)), (children === null || children === void 0 ? void 0 : children.length) && mini && level > 1 && placement === 'vertical' && /*#__PURE__*/React.createElement(RightOutlined, null), (children === null || children === void 0 ? void 0 : children.length) && !mini && placement === 'vertical' && (expandedType === 'pop' || showAllSubMenus) && /*#__PURE__*/React.createElement(RightOutlined, null), (children === null || children === void 0 ? void 0 : children.length) && placement === 'horizontal' && level > 1 && /*#__PURE__*/React.createElement(RightOutlined, null), (children === null || children === void 0 ? void 0 : children.length) && placement === 'horizontal' && level === 1 && ((expandedIds === null || expandedIds === void 0 ? void 0 : expandedIds.includes(id)) ? /*#__PURE__*/React.createElement(UpOutlined, null) : /*#__PURE__*/React.createElement(DownOutlined, null))), (children === null || children === void 0 ? void 0 : children.length) && placement === 'vertical' && !mini && !showAllSubMenus && expandedType === 'default' && /*#__PURE__*/React.createElement(Expander, {
|
|
74
|
+
visible: !!(expandedIds === null || expandedIds === void 0 ? void 0 : expandedIds.includes(id))
|
|
75
|
+
}, /*#__PURE__*/React.createElement("ul", {
|
|
76
|
+
className: prefixCls + "-submenu"
|
|
77
|
+
}, children.map(function (child) {
|
|
78
|
+
return /*#__PURE__*/React.createElement(MenuItem, Object.assign({}, child, {
|
|
79
|
+
key: child.id,
|
|
80
|
+
level: level + 1,
|
|
81
|
+
parentIds: _parentIds
|
|
82
|
+
}));
|
|
83
|
+
}))), (children === null || children === void 0 ? void 0 : children.length) && placement === 'vertical' && mini && !showAllSubMenus && expandedType === 'default' && (level === 1 ? /*#__PURE__*/React.createElement(PopperPortal, {
|
|
84
|
+
visible: !!(expandedIds === null || expandedIds === void 0 ? void 0 : expandedIds.includes(id)),
|
|
85
|
+
attachEl: itemRef.current,
|
|
86
|
+
placement: 'right-start',
|
|
87
|
+
gutterGap: 16,
|
|
88
|
+
onClose: function onClose() {
|
|
89
|
+
if (closePopper) {
|
|
90
|
+
closePopper(id);
|
|
91
|
+
}
|
|
92
|
+
}
|
|
93
|
+
}, /*#__PURE__*/React.createElement("ul", {
|
|
94
|
+
className: prefixCls + "-popmenu"
|
|
95
|
+
}, children.map(function (child) {
|
|
96
|
+
return /*#__PURE__*/React.createElement(MenuItem, Object.assign({}, child, {
|
|
97
|
+
key: child.id,
|
|
98
|
+
level: level + 1,
|
|
99
|
+
parentIds: _parentIds
|
|
100
|
+
}));
|
|
101
|
+
}))) : /*#__PURE__*/React.createElement(Popper, {
|
|
102
|
+
visible: !!(expandedIds === null || expandedIds === void 0 ? void 0 : expandedIds.includes(id)),
|
|
103
|
+
attachEl: itemRef.current,
|
|
104
|
+
placement: 'right-start',
|
|
105
|
+
gutterGap: 16,
|
|
106
|
+
onClose: function onClose() {
|
|
107
|
+
if (closePopper) {
|
|
108
|
+
closePopper(id);
|
|
109
|
+
}
|
|
110
|
+
}
|
|
111
|
+
}, /*#__PURE__*/React.createElement("ul", {
|
|
112
|
+
className: prefixCls + "-popmenu"
|
|
113
|
+
}, children.map(function (child) {
|
|
114
|
+
return /*#__PURE__*/React.createElement(MenuItem, Object.assign({}, child, {
|
|
115
|
+
key: child.id,
|
|
116
|
+
level: level + 1,
|
|
117
|
+
parentIds: _parentIds
|
|
118
|
+
}));
|
|
119
|
+
})))), (children === null || children === void 0 ? void 0 : children.length) && placement === 'vertical' && !showAllSubMenus && expandedType === 'pop' && (level === 1 ? /*#__PURE__*/React.createElement(PopperPortal, {
|
|
120
|
+
visible: !!(expandedIds === null || expandedIds === void 0 ? void 0 : expandedIds.includes(id)),
|
|
121
|
+
attachEl: itemRef.current,
|
|
122
|
+
placement: 'right-start',
|
|
123
|
+
gutterGap: 16,
|
|
124
|
+
onClose: function onClose() {
|
|
125
|
+
if (closePopper) {
|
|
126
|
+
closePopper(id);
|
|
127
|
+
}
|
|
128
|
+
}
|
|
129
|
+
}, /*#__PURE__*/React.createElement("ul", {
|
|
130
|
+
className: prefixCls + "-popmenu"
|
|
131
|
+
}, children.map(function (child) {
|
|
132
|
+
return /*#__PURE__*/React.createElement(MenuItem, Object.assign({}, child, {
|
|
133
|
+
key: child.id,
|
|
134
|
+
level: level + 1,
|
|
135
|
+
parentIds: _parentIds
|
|
136
|
+
}));
|
|
137
|
+
}))) : /*#__PURE__*/React.createElement(Popper, {
|
|
138
|
+
visible: !!(expandedIds === null || expandedIds === void 0 ? void 0 : expandedIds.includes(id)),
|
|
139
|
+
attachEl: itemRef.current,
|
|
140
|
+
placement: 'right-start',
|
|
141
|
+
gutterGap: 16,
|
|
142
|
+
onClose: function onClose() {
|
|
143
|
+
if (closePopper) {
|
|
144
|
+
closePopper(id);
|
|
145
|
+
}
|
|
146
|
+
}
|
|
147
|
+
}, /*#__PURE__*/React.createElement("ul", {
|
|
148
|
+
className: prefixCls + "-popmenu"
|
|
149
|
+
}, children.map(function (child) {
|
|
150
|
+
return /*#__PURE__*/React.createElement(MenuItem, Object.assign({}, child, {
|
|
151
|
+
key: child.id,
|
|
152
|
+
level: level + 1,
|
|
153
|
+
parentIds: _parentIds
|
|
154
|
+
}));
|
|
155
|
+
})))), (children === null || children === void 0 ? void 0 : children.length) && placement === 'vertical' && showAllSubMenus && /*#__PURE__*/React.createElement(PopperPortal, {
|
|
156
|
+
visible: !!(expandedIds === null || expandedIds === void 0 ? void 0 : expandedIds.includes(id)),
|
|
157
|
+
attachEl: itemRef.current,
|
|
158
|
+
placement: 'right-start',
|
|
159
|
+
gutterGap: 16,
|
|
160
|
+
onClose: function onClose() {
|
|
161
|
+
if (closePopper) {
|
|
162
|
+
closePopper(id);
|
|
163
|
+
}
|
|
164
|
+
}
|
|
165
|
+
}, /*#__PURE__*/React.createElement("div", {
|
|
166
|
+
className: prefixCls + "-fat-menu"
|
|
167
|
+
}, children.map(function (child) {
|
|
168
|
+
var _a;
|
|
169
|
+
|
|
170
|
+
return /*#__PURE__*/React.createElement("div", {
|
|
171
|
+
key: child.id,
|
|
172
|
+
className: prefixCls + "-fat-menu__group"
|
|
173
|
+
}, /*#__PURE__*/React.createElement("div", {
|
|
174
|
+
className: prefixCls + "-group-item"
|
|
175
|
+
}, child.content), ((_a = child === null || child === void 0 ? void 0 : child.children) === null || _a === void 0 ? void 0 : _a.length) && /*#__PURE__*/React.createElement("ul", null, child.children.map(function (item) {
|
|
176
|
+
var _cx3;
|
|
177
|
+
|
|
178
|
+
return /*#__PURE__*/React.createElement("div", {
|
|
179
|
+
onClick: function onClick() {
|
|
180
|
+
if (clickMenu) {
|
|
181
|
+
clickMenu(item.id);
|
|
182
|
+
}
|
|
183
|
+
|
|
184
|
+
if (closePopper) {
|
|
185
|
+
closePopper(id);
|
|
186
|
+
}
|
|
187
|
+
},
|
|
188
|
+
className: cx(prefixCls + "-item", (_cx3 = {}, _cx3[prefixCls + "-item--active"] = activeId === item.id, _cx3)),
|
|
189
|
+
key: item.id
|
|
190
|
+
}, item.content);
|
|
191
|
+
})));
|
|
192
|
+
}))), (children === null || children === void 0 ? void 0 : children.length) && placement === 'horizontal' && !showAllSubMenus && (level === 1 ? /*#__PURE__*/React.createElement(PopperPortal, {
|
|
193
|
+
visible: !!(expandedIds === null || expandedIds === void 0 ? void 0 : expandedIds.includes(id)),
|
|
194
|
+
attachEl: itemRef.current,
|
|
195
|
+
placement: level === 1 ? 'bottom-start' : 'right-start',
|
|
196
|
+
gutterGap: level === 1 ? 8 : 16,
|
|
197
|
+
onClose: function onClose() {
|
|
198
|
+
if (closePopper) {
|
|
199
|
+
closePopper(id);
|
|
200
|
+
}
|
|
201
|
+
}
|
|
202
|
+
}, /*#__PURE__*/React.createElement("ul", {
|
|
203
|
+
className: prefixCls + "-popmenu"
|
|
204
|
+
}, children.map(function (child) {
|
|
205
|
+
return /*#__PURE__*/React.createElement(MenuItem, Object.assign({}, child, {
|
|
206
|
+
key: child.id,
|
|
207
|
+
level: level + 1,
|
|
208
|
+
parentIds: _parentIds
|
|
209
|
+
}));
|
|
210
|
+
}))) : /*#__PURE__*/React.createElement(Popper, {
|
|
211
|
+
visible: !!(expandedIds === null || expandedIds === void 0 ? void 0 : expandedIds.includes(id)),
|
|
212
|
+
attachEl: itemRef.current,
|
|
213
|
+
placement: level === 1 ? 'bottom-start' : 'right-start',
|
|
214
|
+
gutterGap: level === 1 ? 8 : 16,
|
|
215
|
+
onClose: function onClose() {
|
|
216
|
+
if (closePopper) {
|
|
217
|
+
closePopper(id);
|
|
218
|
+
}
|
|
219
|
+
}
|
|
220
|
+
}, /*#__PURE__*/React.createElement("ul", {
|
|
221
|
+
className: prefixCls + "-popmenu"
|
|
222
|
+
}, children.map(function (child) {
|
|
223
|
+
return /*#__PURE__*/React.createElement(MenuItem, Object.assign({}, child, {
|
|
224
|
+
key: child.id,
|
|
225
|
+
level: level + 1,
|
|
226
|
+
parentIds: _parentIds
|
|
227
|
+
}));
|
|
228
|
+
})))), (children === null || children === void 0 ? void 0 : children.length) && placement === 'horizontal' && showAllSubMenus && /*#__PURE__*/React.createElement(PopperPortal, {
|
|
229
|
+
visible: !!(expandedIds === null || expandedIds === void 0 ? void 0 : expandedIds.includes(id)),
|
|
230
|
+
attachEl: itemRef.current,
|
|
231
|
+
placement: 'bottom-start',
|
|
232
|
+
gutterGap: 8,
|
|
233
|
+
onClose: function onClose() {
|
|
234
|
+
if (closePopper) {
|
|
235
|
+
closePopper(id);
|
|
236
|
+
}
|
|
237
|
+
}
|
|
238
|
+
}, /*#__PURE__*/React.createElement("div", {
|
|
239
|
+
className: prefixCls + "-fat-menu"
|
|
240
|
+
}, children.map(function (child) {
|
|
241
|
+
var _a;
|
|
242
|
+
|
|
243
|
+
return /*#__PURE__*/React.createElement("div", {
|
|
244
|
+
key: child.id,
|
|
245
|
+
className: prefixCls + "-fat-menu__group"
|
|
246
|
+
}, /*#__PURE__*/React.createElement("div", {
|
|
247
|
+
className: prefixCls + "-group-item"
|
|
248
|
+
}, child.content), ((_a = child === null || child === void 0 ? void 0 : child.children) === null || _a === void 0 ? void 0 : _a.length) && /*#__PURE__*/React.createElement("ul", null, child.children.map(function (item) {
|
|
249
|
+
var _cx4;
|
|
250
|
+
|
|
251
|
+
return /*#__PURE__*/React.createElement("div", {
|
|
252
|
+
className: cx(prefixCls + "-item", (_cx4 = {}, _cx4[prefixCls + "-item--active"] = activeId === item.id, _cx4)),
|
|
253
|
+
onClick: function onClick() {
|
|
254
|
+
if (clickMenu) {
|
|
255
|
+
clickMenu(item.id);
|
|
256
|
+
}
|
|
257
|
+
|
|
258
|
+
if (closePopper) {
|
|
259
|
+
closePopper(id);
|
|
260
|
+
}
|
|
261
|
+
},
|
|
262
|
+
key: item.id
|
|
263
|
+
}, item.content);
|
|
264
|
+
})));
|
|
265
|
+
}))));
|
|
266
|
+
};
|
|
267
|
+
|
|
268
|
+
if (__DEV__) {
|
|
269
|
+
MenuItem.displayName = 'MenuItem';
|
|
270
|
+
}
|
|
271
|
+
|
|
272
|
+
export { MenuItem };
|
|
273
|
+
//# sourceMappingURL=MenuItem.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"MenuItem.js","sources":["../../src/MenuItem.tsx"],"sourcesContent":[null],"names":["MENU_PREFIX","getPrefixCls","MenuItem","prefixCls","icon","content","disabled","id","level","children","parentIds","itemRef","useRef","useContext","MenuContext","placement","expandedType","showAllSubMenus","mini","activeId","closePopper","expandedIds","clickMenu","clickSubMenu","closeAllPopper","activeParents","_parentIds","concat","React","ref","className","cx","includes","onClick","length","style","paddingLeft","UpOutlined","DownOutlined","RightOutlined","Expander","visible","map","child","key","PopperPortal","attachEl","current","gutterGap","onClose","Popper","item","__DEV__","displayName"],"mappings":";;;;;;;;;;;;;;;;AASA,IAAMA,WAAW,GAAGC,YAAY,CAAC,MAAD,CAAhC;;IAEaC,QAAQ,GAA4B,SAApCA,QAAoC,KAAA;;;4BAC/CC;MAAAA,wCAAYH;MACZI,YAAAA;MACAC,eAAAA;MACAC,gBAAAA;MACAC,UAAAA;MACAC,aAAAA;MACAC,gBAAAA;MACAC,iBAAAA;MAEMC,OAAO,GAAGC,MAAM,CAAuB,IAAvB;;oBAalBC,UAAU,CAACC,WAAD;MAXZC,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,CAAChB,SAAS,IAAI,EAAd,EAAkBiB,MAAlB,CAAyBpB,EAAzB;;sBAGjBqB,mBAAAA,KAAAA;AACEC,IAAAA,GAAG,EAAElB;AACLmB,IAAAA,SAAS,EAAEC,EAAE,CAAI5B,SAAJ,UAAA,iBACPA,SADO,wBACsBG,cAC7BH,SAFO,sBAGTY,SAAS,KAAK,YAAdA,KACCI,QAAQ,KAAKZ,EAAbY,KAAmBM,aAAa,SAAbA,IAAAA,aAAa,WAAbA,SAAAA,GAAAA,aAAa,CAAEO,QAAfP,CAAwBlB,EAAxBkB,CAAnBN,CADDJ,KAEAP,KAAK,KAAK,MALD;GAFfoB,eAUEA,mBAAAA,MAAAA;AACEE,IAAAA,SAAS,EAAEC,EAAE,CAAI5B,SAAJ,iBAAA,mBACPA,SADO,2BACyBe,WAChCf,SAFO,6BAE2BgB,QAAQ,KAAKZ,SAC/CJ,SAHO,+BAG6BsB,aAAa,SAAbA,IAAAA,aAAa,WAAbA,SAAAA,GAAAA,aAAa,CAAEO,QAAfP,CAAwBlB,EAAxBkB,OAH7B;AAKbQ,IAAAA,OAAO,EAAE,gBAAA;UACHxB,QAAQ,SAARA,IAAAA,QAAQ,WAARA,SAAAA,GAAAA,QAAQ,CAAEyB,QAAQ;YAChBX,cAAc;AAChBA,UAAAA,YAAY,CAAChB,EAAD,CAAZgB;;AAFJ,aAIO;YACDD,WAAW;AACbA,UAAAA,SAAS,CAACf,EAAD,CAATe;;;YAGAE,cAAc,IACd,EAAET,SAAS,KAAK,UAAdA,IAA4BC,YAAY,KAAK,SAA7CD,IAA0DG,IAAI,KAAK,KAArE,GACA;AACAM,UAAAA,cAAc;;;;AAIpBW,IAAAA,KAAK,EACHpB,SAAS,KAAK,UAAdA,IAA4BC,YAAY,KAAK,SAA7CD,IAA0D,CAACG,IAA3DH,GACI;AACEqB,MAAAA,WAAW,EACT5B,KAAK,GAAG,CAARA,GAAY,KAAK,CAACA,KAAK,GAAG,CAARA,GAAY,CAAZA,GAAgB,CAAhBA,GAAoB,CAArB,IAA0B,EAA/B,GAAoC,CAACA,KAAK,GAAG,CAARA,IAAa,CAAd,IAAmB,EAAnEA,GAAwE;AAF5E,KADJO,GAKI;GA7BRa,EAgCGxB,IAhCHwB,eAiCEA,mBAAAA,OAAAA;AAAME,IAAAA,SAAS,EAAK3B,SAAL;GAAfyB,EAAgDvB,OAAhDuB,CAjCFA,EAmCG,CAAAnB,QAAQ,SAARA,IAAAA,QAAQ,WAARA,SAAAA,GAAAA,QAAQ,CAAEyB,MAAV,KACC,CAAChB,IADF,IAECH,SAAS,KAAK,UAFf,IAGCC,YAAY,KAAK,SAHlB,IAIC,CAACC,eAJF,KAKE,CAAAI,WAAW,SAAXA,IAAAA,WAAW,WAAXA,SAAAA,GAAAA,WAAW,CAAEW,QAAbX,CAAsBd,EAAtBc,CAAA,iBAA4BO,mBAAAA,CAACS,UAADT,MAAAA,CAA5B,gBAA6CA,mBAAAA,CAACU,YAADV,MAAAA,CAL/C,CAnCHA,EA0CG,CAAAnB,QAAQ,SAARA,IAAAA,QAAQ,WAARA,SAAAA,GAAAA,QAAQ,CAAEyB,MAAV,KAAoBhB,IAApB,IAA4BV,KAAK,GAAG,CAApC,IAAyCO,SAAS,KAAK,UAAvD,iBAAqEa,mBAAAA,CAACW,aAADX,MAAAA,CA1CxEA,EA4CG,CAAAnB,QAAQ,SAARA,IAAAA,QAAQ,WAARA,SAAAA,GAAAA,QAAQ,CAAEyB,MAAV,KACC,CAAChB,IADF,IAECH,SAAS,KAAK,UAFf,KAGEC,YAAY,KAAK,KAAjBA,IAA0BC,eAH5B,kBAGgDW,mBAAAA,CAACW,aAADX,MAAAA,CA/CnDA,EAiDG,CAAAnB,QAAQ,SAARA,IAAAA,QAAQ,WAARA,SAAAA,GAAAA,QAAQ,CAAEyB,MAAV,KAAoBnB,SAAS,KAAK,YAAlC,IAAkDP,KAAK,GAAG,CAA1D,iBAA+DoB,mBAAAA,CAACW,aAADX,MAAAA,CAjDlEA,EAkDG,CAAAnB,QAAQ,SAARA,IAAAA,QAAQ,WAARA,SAAAA,GAAAA,QAAQ,CAAEyB,MAAV,KACCnB,SAAS,KAAK,YADf,IAECP,KAAK,KAAK,CAFX,KAGE,CAAAa,WAAW,SAAXA,IAAAA,WAAW,WAAXA,SAAAA,GAAAA,WAAW,CAAEW,QAAbX,CAAsBd,EAAtBc,CAAA,iBAA4BO,mBAAAA,CAACS,UAADT,MAAAA,CAA5B,gBAA6CA,mBAAAA,CAACU,YAADV,MAAAA,CAH/C,CAlDHA,CAVFA,EAkEG,CAAAnB,QAAQ,SAARA,IAAAA,QAAQ,WAARA,SAAAA,GAAAA,QAAQ,CAAEyB,MAAV,KACCnB,SAAS,KAAK,UADf,IAEC,CAACG,IAFF,IAGC,CAACD,eAHF,IAICD,YAAY,KAAK,SAJlB,iBAKGY,mBAAAA,CAACY,QAADZ;AAAUa,IAAAA,OAAO,EAAE,CAAC,EAACpB,WAAW,SAAXA,IAAAA,WAAW,WAAXA,SAAAA,GAAAA,WAAW,CAAEW,QAAbX,CAAsBd,EAAtBc,CAAD;GAApBO,eACEA,mBAAAA,KAAAA;AAAIE,IAAAA,SAAS,EAAK3B,SAAL;GAAbyB,EACGnB,QAAQ,CAACiC,GAATjC,CAAa,UAACkC,KAAD;wBACZf,mBAAAA,CAAC1B,QAAD0B,oBAAce;AAAOC,MAAAA,GAAG,EAAED,KAAK,CAACpC;AAAIC,MAAAA,KAAK,EAAEA,KAAK,GAAG;AAAGE,MAAAA,SAAS,EAAEgB;MAAjEE;AADD,GAAAnB,CADHmB,CADFA,CAvENA,EAgFG,CAAAnB,QAAQ,SAARA,IAAAA,QAAQ,WAARA,SAAAA,GAAAA,QAAQ,CAAEyB,MAAV,KACCnB,SAAS,KAAK,UADf,IAECG,IAFD,IAGC,CAACD,eAHF,IAICD,YAAY,KAAK,SAJlB,KAKER,KAAK,KAAK,CAAVA,gBACCoB,mBAAAA,CAACiB,YAADjB;AACEa,IAAAA,OAAO,EAAE,CAAC,EAACpB,WAAW,SAAXA,IAAAA,WAAW,WAAXA,SAAAA,GAAAA,WAAW,CAAEW,QAAbX,CAAsBd,EAAtBc,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,CAACb,EAAD,CAAXa;;;GAPNQ,eAWEA,mBAAAA,KAAAA;AAAIE,IAAAA,SAAS,EAAK3B,SAAL;GAAbyB,EACGnB,QAAQ,CAACiC,GAATjC,CAAa,UAACkC,KAAD;wBACZf,mBAAAA,CAAC1B,QAAD0B,oBAAce;AAAOC,MAAAA,GAAG,EAAED,KAAK,CAACpC;AAAIC,MAAAA,KAAK,EAAEA,KAAK,GAAG;AAAGE,MAAAA,SAAS,EAAEgB;MAAjEE;AADD,GAAAnB,CADHmB,CAXFA,CADDpB,gBAmBCoB,mBAAAA,CAACsB,MAADtB;AACEa,IAAAA,OAAO,EAAE,CAAC,EAACpB,WAAW,SAAXA,IAAAA,WAAW,WAAXA,SAAAA,GAAAA,WAAW,CAAEW,QAAbX,CAAsBd,EAAtBc,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,CAACb,EAAD,CAAXa;;;GAPNQ,eAWEA,mBAAAA,KAAAA;AAAIE,IAAAA,SAAS,EAAK3B,SAAL;GAAbyB,EACGnB,QAAQ,CAACiC,GAATjC,CAAa,UAACkC,KAAD;wBACZf,mBAAAA,CAAC1B,QAAD0B,oBAAce;AAAOC,MAAAA,GAAG,EAAED,KAAK,CAACpC;AAAIC,MAAAA,KAAK,EAAEA,KAAK,GAAG;AAAGE,MAAAA,SAAS,EAAEgB;MAAjEE;AADD,GAAAnB,CADHmB,CAXFA,CAxBH,CAhFHA,EA2HG,CAAAnB,QAAQ,SAARA,IAAAA,QAAQ,WAARA,SAAAA,GAAAA,QAAQ,CAAEyB,MAAV,KACCnB,SAAS,KAAK,UADf,IAEC,CAACE,eAFF,IAGCD,YAAY,KAAK,KAHlB,KAIER,KAAK,KAAK,CAAVA,gBACCoB,mBAAAA,CAACiB,YAADjB;AACEa,IAAAA,OAAO,EAAE,CAAC,EAACpB,WAAW,SAAXA,IAAAA,WAAW,WAAXA,SAAAA,GAAAA,WAAW,CAAEW,QAAbX,CAAsBd,EAAtBc,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,CAACb,EAAD,CAAXa;;;GAPNQ,eAWEA,mBAAAA,KAAAA;AAAIE,IAAAA,SAAS,EAAK3B,SAAL;GAAbyB,EACGnB,QAAQ,CAACiC,GAATjC,CAAa,UAACkC,KAAD;wBACZf,mBAAAA,CAAC1B,QAAD0B,oBAAce;AAAOC,MAAAA,GAAG,EAAED,KAAK,CAACpC;AAAIC,MAAAA,KAAK,EAAEA,KAAK,GAAG;AAAGE,MAAAA,SAAS,EAAEgB;MAAjEE;AADD,GAAAnB,CADHmB,CAXFA,CADDpB,gBAmBCoB,mBAAAA,CAACsB,MAADtB;AACEa,IAAAA,OAAO,EAAE,CAAC,EAACpB,WAAW,SAAXA,IAAAA,WAAW,WAAXA,SAAAA,GAAAA,WAAW,CAAEW,QAAbX,CAAsBd,EAAtBc,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,CAACb,EAAD,CAAXa;;;GAPNQ,eAWEA,mBAAAA,KAAAA;AAAIE,IAAAA,SAAS,EAAK3B,SAAL;GAAbyB,EACGnB,QAAQ,CAACiC,GAATjC,CAAa,UAACkC,KAAD;wBACZf,mBAAAA,CAAC1B,QAAD0B,oBAAce;AAAOC,MAAAA,GAAG,EAAED,KAAK,CAACpC;AAAIC,MAAAA,KAAK,EAAEA,KAAK,GAAG;AAAGE,MAAAA,SAAS,EAAEgB;MAAjEE;AADD,GAAAnB,CADHmB,CAXFA,CAvBH,CA3HHA,EAqKG,CAAAnB,QAAQ,SAARA,IAAAA,QAAQ,WAARA,SAAAA,GAAAA,QAAQ,CAAEyB,MAAV,KAAoBnB,SAAS,KAAK,UAAlC,IAAgDE,eAAhD,iBACCW,mBAAAA,CAACiB,YAADjB;AACEa,IAAAA,OAAO,EAAE,CAAC,EAACpB,WAAW,SAAXA,IAAAA,WAAW,WAAXA,SAAAA,GAAAA,WAAW,CAAEW,QAAbX,CAAsBd,EAAtBc,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,CAACb,EAAD,CAAXa;;;GAPNQ,eAWEA,mBAAAA,MAAAA;AAAKE,IAAAA,SAAS,EAAK3B,SAAL;GAAdyB,EACGnB,QAAQ,CAACiC,GAATjC,CAAa,UAACkC,KAAD;;;wBAEVf,mBAAAA,MAAAA;AAAKgB,MAAAA,GAAG,EAAED,KAAK,CAACpC;AAAIuB,MAAAA,SAAS,EAAK3B,SAAL;KAA7ByB,eACEA,mBAAAA,MAAAA;AAAKE,MAAAA,SAAS,EAAK3B,SAAL;KAAdyB,EAA4Ce,KAAK,CAACtC,OAAlDuB,CADFA,EAEG,CAAA,MAAAe,KAAK,SAALA,IAAAA,KAAK,WAALA,SAAAA,GAAAA,KAAK,CAAElC,QAAP,UAAA,iBAAA,SAAA,MAAiByB,MAAjB,kBACCN,mBAAAA,KAAAA,MAAAA,EACGe,KAAK,CAAClC,QAANkC,CAAeD,GAAfC,CAAmB,UAACQ,IAAD;;;0BAClBvB,mBAAAA,MAAAA;AACEK,QAAAA,OAAO,EAAE,gBAAA;cACHX,WAAW;AACbA,YAAAA,SAAS,CAAC6B,IAAI,CAAC5C,EAAN,CAATe;;;cAEEF,aAAa;AACfA,YAAAA,WAAW,CAACb,EAAD,CAAXa;;;AAGJU,QAAAA,SAAS,EAAEC,EAAE,CAAI5B,SAAJ,UAAA,mBACPA,SADO,sBACoBgB,QAAQ,KAAKgC,IAAI,CAAC5C,QADtC;AAGbqC,QAAAA,GAAG,EAAEO,IAAI,CAAC5C;OAZZqB,EAcGuB,IAAI,CAAC9C,OAdRuB;AADD,KAAAe,CADHf,CAHJA;AAFH,GAAAnB,CADHmB,CAXFA,CAtKJA,EAmNG,CAAAnB,QAAQ,SAARA,IAAAA,QAAQ,WAARA,SAAAA,GAAAA,QAAQ,CAAEyB,MAAV,KACCnB,SAAS,KAAK,YADf,IAEC,CAACE,eAFF,KAGET,KAAK,KAAK,CAAVA,gBACCoB,mBAAAA,CAACiB,YAADjB;AACEa,IAAAA,OAAO,EAAE,CAAC,EAACpB,WAAW,SAAXA,IAAAA,WAAW,WAAXA,SAAAA,GAAAA,WAAW,CAAEW,QAAbX,CAAsBd,EAAtBc,CAAD;AACVyB,IAAAA,QAAQ,EAAEnC,OAAO,CAACoC;AAClBhC,IAAAA,SAAS,EAAEP,KAAK,KAAK,CAAVA,GAAc,cAAdA,GAA+B;AAC1CwC,IAAAA,SAAS,EAAExC,KAAK,KAAK,CAAVA,GAAc,CAAdA,GAAkB;AAC7ByC,IAAAA,OAAO,EAAE,gBAAA;UACH7B,aAAa;AACfA,QAAAA,WAAW,CAACb,EAAD,CAAXa;;;GAPNQ,eAWEA,mBAAAA,KAAAA;AAAIE,IAAAA,SAAS,EAAK3B,SAAL;GAAbyB,EACGnB,QAAQ,CAACiC,GAATjC,CAAa,UAACkC,KAAD;wBACZf,mBAAAA,CAAC1B,QAAD0B,oBAAce;AAAOC,MAAAA,GAAG,EAAED,KAAK,CAACpC;AAAIC,MAAAA,KAAK,EAAEA,KAAK,GAAG;AAAGE,MAAAA,SAAS,EAAEgB;MAAjEE;AADD,GAAAnB,CADHmB,CAXFA,CADDpB,gBAmBCoB,mBAAAA,CAACsB,MAADtB;AACEa,IAAAA,OAAO,EAAE,CAAC,EAACpB,WAAW,SAAXA,IAAAA,WAAW,WAAXA,SAAAA,GAAAA,WAAW,CAAEW,QAAbX,CAAsBd,EAAtBc,CAAD;AACVyB,IAAAA,QAAQ,EAAEnC,OAAO,CAACoC;AAClBhC,IAAAA,SAAS,EAAEP,KAAK,KAAK,CAAVA,GAAc,cAAdA,GAA+B;AAC1CwC,IAAAA,SAAS,EAAExC,KAAK,KAAK,CAAVA,GAAc,CAAdA,GAAkB;AAC7ByC,IAAAA,OAAO,EAAE,gBAAA;UACH7B,aAAa;AACfA,QAAAA,WAAW,CAACb,EAAD,CAAXa;;;GAPNQ,eAWEA,mBAAAA,KAAAA;AAAIE,IAAAA,SAAS,EAAK3B,SAAL;GAAbyB,EACGnB,QAAQ,CAACiC,GAATjC,CAAa,UAACkC,KAAD;wBACZf,mBAAAA,CAAC1B,QAAD0B,oBAAce;AAAOC,MAAAA,GAAG,EAAED,KAAK,CAACpC;AAAIC,MAAAA,KAAK,EAAEA,KAAK,GAAG;AAAGE,MAAAA,SAAS,EAAEgB;MAAjEE;AADD,GAAAnB,CADHmB,CAXFA,CAtBH,CAnNHA,EA4PG,CAAAnB,QAAQ,SAARA,IAAAA,QAAQ,WAARA,SAAAA,GAAAA,QAAQ,CAAEyB,MAAV,KAAoBnB,SAAS,KAAK,YAAlC,IAAkDE,eAAlD,iBACCW,mBAAAA,CAACiB,YAADjB;AACEa,IAAAA,OAAO,EAAE,CAAC,EAACpB,WAAW,SAAXA,IAAAA,WAAW,WAAXA,SAAAA,GAAAA,WAAW,CAAEW,QAAbX,CAAsBd,EAAtBc,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,CAACb,EAAD,CAAXa;;;GAPNQ,eAWEA,mBAAAA,MAAAA;AAAKE,IAAAA,SAAS,EAAK3B,SAAL;GAAdyB,EACGnB,QAAQ,CAACiC,GAATjC,CAAa,UAACkC,KAAD;;;wBAEVf,mBAAAA,MAAAA;AAAKgB,MAAAA,GAAG,EAAED,KAAK,CAACpC;AAAIuB,MAAAA,SAAS,EAAK3B,SAAL;KAA7ByB,eACEA,mBAAAA,MAAAA;AAAKE,MAAAA,SAAS,EAAK3B,SAAL;KAAdyB,EAA4Ce,KAAK,CAACtC,OAAlDuB,CADFA,EAEG,CAAA,MAAAe,KAAK,SAALA,IAAAA,KAAK,WAALA,SAAAA,GAAAA,KAAK,CAAElC,QAAP,UAAA,iBAAA,SAAA,MAAiByB,MAAjB,kBACCN,mBAAAA,KAAAA,MAAAA,EACGe,KAAK,CAAClC,QAANkC,CAAeD,GAAfC,CAAmB,UAACQ,IAAD;;;0BAClBvB,mBAAAA,MAAAA;AACEE,QAAAA,SAAS,EAAEC,EAAE,CAAI5B,SAAJ,UAAA,mBACPA,SADO,sBACoBgB,QAAQ,KAAKgC,IAAI,CAAC5C,QADtC;AAGb0B,QAAAA,OAAO,EAAE,gBAAA;cACHX,WAAW;AACbA,YAAAA,SAAS,CAAC6B,IAAI,CAAC5C,EAAN,CAATe;;;cAEEF,aAAa;AACfA,YAAAA,WAAW,CAACb,EAAD,CAAXa;;;AAGJwB,QAAAA,GAAG,EAAEO,IAAI,CAAC5C;OAZZqB,EAcGuB,IAAI,CAAC9C,OAdRuB;AADD,KAAAe,CADHf,CAHJA;AAFH,GAAAnB,CADHmB,CAXFA,CA7PJA;;;AA6SJ,IAAIwB,OAAJ,EAAa;AACXlD,EAAAA,QAAQ,CAACmD,WAATnD,GAAuB,UAAvBA;;;"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
/** @LICENSE
|
|
2
|
+
* @hi-ui/menu
|
|
3
|
+
* https://github.com/XiaoMi/hiui/tree/master/packages/ui/menu#readme
|
|
4
|
+
*
|
|
5
|
+
* Copyright (c) HIUI <mi-hiui@xiaomi.com>.
|
|
6
|
+
*
|
|
7
|
+
* This source code is licensed under the MIT license found in the
|
|
8
|
+
* LICENSE file in the root directory of this source tree.
|
|
9
|
+
*/
|
|
10
|
+
import { createContext } from 'react';
|
|
11
|
+
var MenuContext = /*#__PURE__*/createContext({});
|
|
12
|
+
export default MenuContext;
|
|
13
|
+
//# sourceMappingURL=context.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"context.js","sources":["../../src/context.ts"],"sourcesContent":[null],"names":["MenuContext","createContext"],"mappings":";;;;;;;;;;IAEMA,WAAW,gBAAGC,aAAa,CAY9B,EAZ8B;"}
|
package/lib/esm/index.js
ADDED
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
/** @LICENSE
|
|
2
|
+
* @hi-ui/menu
|
|
3
|
+
* https://github.com/XiaoMi/hiui/tree/master/packages/ui/menu#readme
|
|
4
|
+
*
|
|
5
|
+
* Copyright (c) HIUI <mi-hiui@xiaomi.com>.
|
|
6
|
+
*
|
|
7
|
+
* This source code is licensed under the MIT license found in the
|
|
8
|
+
* LICENSE file in the root directory of this source tree.
|
|
9
|
+
*/
|
|
10
|
+
import './styles/index.scss.js';
|
|
11
|
+
export { Menu, Menu as default } from './Menu.js';
|
|
12
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;"}
|