@hi-ui/menu 4.0.6 → 4.0.8

package/CHANGELOG.md

@@ -0,0 +1,7 @@
+# @hi-ui/menu
+
+## 4.0.8
+
+### Patch Changes
+
+- [#2383](https://github.com/XiaoMi/hiui/pull/2383) [`6248e798b`](https://github.com/XiaoMi/hiui/commit/6248e798b4ad7b9256637027f6bbe79245ed68de) Thanks [@zyprepare](https://github.com/zyprepare)! - 实现 expandedType="pop" 模式下，可以自定义弹出层样式类名

package/lib/cjs/Menu.js

@@ -95,10 +95,11 @@ var Menu = /*#__PURE__*/React.forwardRef(function (_a, ref) {
       collapsed = _a.collapsed,
       _a$defaultCollapsed = _a.defaultCollapsed,
       defaultCollapsed = _a$defaultCollapsed === void 0 ? false : _a$defaultCollapsed,
+      overlayClassName = _a.overlayClassName,
       onCollapse = _a.onCollapse,
       footerRender = _a.footerRender,
       onClick = _a.onClick,
-      rest = tslib.__rest(_a, ["prefixCls", "role", "className", "data", "placement", "showCollapse", "expandedType", "showAllSubMenus", "defaultExpandAll", "defaultExpandedIds", "expandedIds", "onExpand", "defaultActiveId", "activeId", "onClickSubMenu", "collapsed", "defaultCollapsed", "onCollapse", "footerRender", "onClick"]);
+      rest = tslib.__rest(_a, ["prefixCls", "role", "className", "data", "placement", "showCollapse", "expandedType", "showAllSubMenus", "defaultExpandAll", "defaultExpandedIds", "expandedIds", "onExpand", "defaultActiveId", "activeId", "onClickSubMenu", "collapsed", "defaultCollapsed", "overlayClassName", "onCollapse", "footerRender", "onClick"]);
 
   var _useUncontrolledState = useUncontrolledState.useUncontrolledState(defaultActiveId, activeIdProp, onClick),
       activeId = _useUncontrolledState[0],
@@ -259,7 +260,8 @@ var Menu = /*#__PURE__*/React.forwardRef(function (_a, ref) {
       closeAllPopper: closeAllPopper,
       activeParents: activeParents,
       activeId: activeId,
-      expandedIds: expandedIds
+      expandedIds: expandedIds,
+      overlayClassName: overlayClassName
     }
   }, /*#__PURE__*/React__default["default"].createElement("ul", {
     className: classname.cx(prefixCls + "__wrapper")

package/lib/cjs/MenuItem.js

@@ -87,7 +87,8 @@ var MenuItem = /*#__PURE__*/React.forwardRef(function (_a, ref) {
       clickMenu = _useContext.clickMenu,
       clickSubMenu = _useContext.clickSubMenu,
       closeAllPopper = _useContext.closeAllPopper,
-      activeParents = _useContext.activeParents;
+      activeParents = _useContext.activeParents,
+      overlayClassName = _useContext.overlayClassName;
 
   var _parentIds = (parentIds || []).concat(id);
 
@@ -160,6 +161,7 @@ var MenuItem = /*#__PURE__*/React.forwardRef(function (_a, ref) {
     attachEl: itemRef.current,
     placement: 'right-start',
     gutterGap: 16,
+    className: overlayClassName,
     onClose: function onClose() {
       if (closePopper) {
         closePopper(id);
@@ -171,7 +173,8 @@ var MenuItem = /*#__PURE__*/React.forwardRef(function (_a, ref) {
     return /*#__PURE__*/React__default["default"].createElement(MenuItem, Object.assign({}, child, {
       key: child.id,
       level: level + 1,
-      parentIds: _parentIds
+      parentIds: _parentIds,
+      raw: child
     }));
   }))) : /*#__PURE__*/React__default["default"].createElement(Popper__default["default"], {
     visible: !!(expandedIds === null || expandedIds === void 0 ? void 0 : expandedIds.includes(id)),
@@ -179,6 +182,7 @@ var MenuItem = /*#__PURE__*/React.forwardRef(function (_a, ref) {
     placement: 'right-start',
     gutterGap: 16,
     disabledPortal: true,
+    className: overlayClassName,
     onClose: function onClose() {
       if (closePopper) {
         closePopper(id);
@@ -190,13 +194,15 @@ var MenuItem = /*#__PURE__*/React.forwardRef(function (_a, ref) {
     return /*#__PURE__*/React__default["default"].createElement(MenuItem, Object.assign({}, child, {
       key: child.id,
       level: level + 1,
-      parentIds: _parentIds
+      parentIds: _parentIds,
+      raw: child
     }));
   })))), hasChildren && placement === 'vertical' && !showAllSubMenus && expandedType === 'pop' && (level === 1 ? /*#__PURE__*/React__default["default"].createElement(Popper__default["default"], {
     visible: !!(expandedIds === null || expandedIds === void 0 ? void 0 : expandedIds.includes(id)),
     attachEl: itemRef.current,
     placement: 'right-start',
     gutterGap: 16,
+    className: overlayClassName,
     onClose: function onClose() {
       if (closePopper) {
         closePopper(id);
@@ -208,7 +214,8 @@ var MenuItem = /*#__PURE__*/React.forwardRef(function (_a, ref) {
     return /*#__PURE__*/React__default["default"].createElement(MenuItem, Object.assign({}, child, {
       key: child.id,
       level: level + 1,
-      parentIds: _parentIds
+      parentIds: _parentIds,
+      raw: child
     }));
   }))) : /*#__PURE__*/React__default["default"].createElement(Popper__default["default"], {
     visible: !!(expandedIds === null || expandedIds === void 0 ? void 0 : expandedIds.includes(id)),
@@ -216,6 +223,7 @@ var MenuItem = /*#__PURE__*/React.forwardRef(function (_a, ref) {
     disabledPortal: true,
     placement: 'right-start',
     gutterGap: 16,
+    className: overlayClassName,
     onClose: function onClose() {
       if (closePopper) {
         closePopper(id);
@@ -227,13 +235,15 @@ var MenuItem = /*#__PURE__*/React.forwardRef(function (_a, ref) {
     return /*#__PURE__*/React__default["default"].createElement(MenuItem, Object.assign({}, child, {
       key: child.id,
       level: level + 1,
-      parentIds: _parentIds
+      parentIds: _parentIds,
+      raw: child
     }));
   })))), hasChildren && placement === 'vertical' && showAllSubMenus ? /*#__PURE__*/React__default["default"].createElement(Popper__default["default"], {
     visible: !!(expandedIds === null || expandedIds === void 0 ? void 0 : expandedIds.includes(id)),
     attachEl: itemRef.current,
     placement: 'right-start',
     gutterGap: 16,
+    className: overlayClassName,
     onClose: function onClose() {
       if (closePopper) {
         closePopper(id);
@@ -269,6 +279,7 @@ var MenuItem = /*#__PURE__*/React.forwardRef(function (_a, ref) {
     attachEl: itemRef.current,
     placement: level === 1 ? 'bottom-start' : 'right-start',
     gutterGap: level === 1 ? 8 : 16,
+    className: overlayClassName,
     onClose: function onClose() {
       if (closePopper) {
         closePopper(id);
@@ -280,7 +291,8 @@ var MenuItem = /*#__PURE__*/React.forwardRef(function (_a, ref) {
     return /*#__PURE__*/React__default["default"].createElement(MenuItem, Object.assign({}, child, {
       key: child.id,
       level: level + 1,
-      parentIds: _parentIds
+      parentIds: _parentIds,
+      raw: child
     }));
   }))) : /*#__PURE__*/React__default["default"].createElement(Popper__default["default"], {
     visible: !!(expandedIds === null || expandedIds === void 0 ? void 0 : expandedIds.includes(id)),
@@ -288,6 +300,7 @@ var MenuItem = /*#__PURE__*/React.forwardRef(function (_a, ref) {
     disabledPortal: true,
     placement: level === 1 ? 'bottom-start' : 'right-start',
     gutterGap: level === 1 ? 8 : 16,
+    className: overlayClassName,
     onClose: function onClose() {
       if (closePopper) {
         closePopper(id);
@@ -299,13 +312,15 @@ var MenuItem = /*#__PURE__*/React.forwardRef(function (_a, ref) {
     return /*#__PURE__*/React__default["default"].createElement(MenuItem, Object.assign({}, child, {
       key: child.id,
       level: level + 1,
-      parentIds: _parentIds
+      parentIds: _parentIds,
+      raw: child
     }));
   })))), hasChildren && placement === 'horizontal' && showAllSubMenus ? /*#__PURE__*/React__default["default"].createElement(Popper__default["default"], {
     visible: !!(expandedIds === null || expandedIds === void 0 ? void 0 : expandedIds.includes(id)),
     attachEl: itemRef.current,
     placement: 'bottom-start',
     gutterGap: 8,
+    className: overlayClassName,
     onClose: function onClose() {
       if (closePopper) {
         closePopper(id);

package/lib/esm/Menu.js

@@ -61,10 +61,11 @@ var Menu = /*#__PURE__*/forwardRef(function (_a, ref) {
       collapsed = _a.collapsed,
       _a$defaultCollapsed = _a.defaultCollapsed,
       defaultCollapsed = _a$defaultCollapsed === void 0 ? false : _a$defaultCollapsed,
+      overlayClassName = _a.overlayClassName,
       onCollapse = _a.onCollapse,
       footerRender = _a.footerRender,
       onClick = _a.onClick,
-      rest = __rest(_a, ["prefixCls", "role", "className", "data", "placement", "showCollapse", "expandedType", "showAllSubMenus", "defaultExpandAll", "defaultExpandedIds", "expandedIds", "onExpand", "defaultActiveId", "activeId", "onClickSubMenu", "collapsed", "defaultCollapsed", "onCollapse", "footerRender", "onClick"]);
+      rest = __rest(_a, ["prefixCls", "role", "className", "data", "placement", "showCollapse", "expandedType", "showAllSubMenus", "defaultExpandAll", "defaultExpandedIds", "expandedIds", "onExpand", "defaultActiveId", "activeId", "onClickSubMenu", "collapsed", "defaultCollapsed", "overlayClassName", "onCollapse", "footerRender", "onClick"]);
 
   var _useUncontrolledState = useUncontrolledState(defaultActiveId, activeIdProp, onClick),
       activeId = _useUncontrolledState[0],
@@ -225,7 +226,8 @@ var Menu = /*#__PURE__*/forwardRef(function (_a, ref) {
       closeAllPopper: closeAllPopper,
       activeParents: activeParents,
       activeId: activeId,
-      expandedIds: expandedIds
+      expandedIds: expandedIds,
+      overlayClassName: overlayClassName
     }
   }, /*#__PURE__*/React.createElement("ul", {
     className: cx(prefixCls + "__wrapper")

package/lib/esm/MenuItem.js

@@ -58,7 +58,8 @@ var MenuItem = /*#__PURE__*/forwardRef(function (_a, ref) {
       clickMenu = _useContext.clickMenu,
       clickSubMenu = _useContext.clickSubMenu,
       closeAllPopper = _useContext.closeAllPopper,
-      activeParents = _useContext.activeParents;
+      activeParents = _useContext.activeParents,
+      overlayClassName = _useContext.overlayClassName;
 
   var _parentIds = (parentIds || []).concat(id);
 
@@ -131,6 +132,7 @@ var MenuItem = /*#__PURE__*/forwardRef(function (_a, ref) {
     attachEl: itemRef.current,
     placement: 'right-start',
     gutterGap: 16,
+    className: overlayClassName,
     onClose: function onClose() {
       if (closePopper) {
         closePopper(id);
@@ -142,7 +144,8 @@ var MenuItem = /*#__PURE__*/forwardRef(function (_a, ref) {
     return /*#__PURE__*/React.createElement(MenuItem, Object.assign({}, child, {
       key: child.id,
       level: level + 1,
-      parentIds: _parentIds
+      parentIds: _parentIds,
+      raw: child
     }));
   }))) : /*#__PURE__*/React.createElement(Popper, {
     visible: !!(expandedIds === null || expandedIds === void 0 ? void 0 : expandedIds.includes(id)),
@@ -150,6 +153,7 @@ var MenuItem = /*#__PURE__*/forwardRef(function (_a, ref) {
     placement: 'right-start',
     gutterGap: 16,
     disabledPortal: true,
+    className: overlayClassName,
     onClose: function onClose() {
       if (closePopper) {
         closePopper(id);
@@ -161,13 +165,15 @@ var MenuItem = /*#__PURE__*/forwardRef(function (_a, ref) {
     return /*#__PURE__*/React.createElement(MenuItem, Object.assign({}, child, {
       key: child.id,
       level: level + 1,
-      parentIds: _parentIds
+      parentIds: _parentIds,
+      raw: child
     }));
   })))), hasChildren && placement === 'vertical' && !showAllSubMenus && expandedType === 'pop' && (level === 1 ? /*#__PURE__*/React.createElement(Popper, {
     visible: !!(expandedIds === null || expandedIds === void 0 ? void 0 : expandedIds.includes(id)),
     attachEl: itemRef.current,
     placement: 'right-start',
     gutterGap: 16,
+    className: overlayClassName,
     onClose: function onClose() {
       if (closePopper) {
         closePopper(id);
@@ -179,7 +185,8 @@ var MenuItem = /*#__PURE__*/forwardRef(function (_a, ref) {
     return /*#__PURE__*/React.createElement(MenuItem, Object.assign({}, child, {
       key: child.id,
       level: level + 1,
-      parentIds: _parentIds
+      parentIds: _parentIds,
+      raw: child
     }));
   }))) : /*#__PURE__*/React.createElement(Popper, {
     visible: !!(expandedIds === null || expandedIds === void 0 ? void 0 : expandedIds.includes(id)),
@@ -187,6 +194,7 @@ var MenuItem = /*#__PURE__*/forwardRef(function (_a, ref) {
     disabledPortal: true,
     placement: 'right-start',
     gutterGap: 16,
+    className: overlayClassName,
     onClose: function onClose() {
       if (closePopper) {
         closePopper(id);
@@ -198,13 +206,15 @@ var MenuItem = /*#__PURE__*/forwardRef(function (_a, ref) {
     return /*#__PURE__*/React.createElement(MenuItem, Object.assign({}, child, {
       key: child.id,
       level: level + 1,
-      parentIds: _parentIds
+      parentIds: _parentIds,
+      raw: child
     }));
   })))), hasChildren && placement === 'vertical' && showAllSubMenus ? /*#__PURE__*/React.createElement(Popper, {
     visible: !!(expandedIds === null || expandedIds === void 0 ? void 0 : expandedIds.includes(id)),
     attachEl: itemRef.current,
     placement: 'right-start',
     gutterGap: 16,
+    className: overlayClassName,
     onClose: function onClose() {
       if (closePopper) {
         closePopper(id);
@@ -240,6 +250,7 @@ var MenuItem = /*#__PURE__*/forwardRef(function (_a, ref) {
     attachEl: itemRef.current,
     placement: level === 1 ? 'bottom-start' : 'right-start',
     gutterGap: level === 1 ? 8 : 16,
+    className: overlayClassName,
     onClose: function onClose() {
       if (closePopper) {
         closePopper(id);
@@ -251,7 +262,8 @@ var MenuItem = /*#__PURE__*/forwardRef(function (_a, ref) {
     return /*#__PURE__*/React.createElement(MenuItem, Object.assign({}, child, {
       key: child.id,
       level: level + 1,
-      parentIds: _parentIds
+      parentIds: _parentIds,
+      raw: child
     }));
   }))) : /*#__PURE__*/React.createElement(Popper, {
     visible: !!(expandedIds === null || expandedIds === void 0 ? void 0 : expandedIds.includes(id)),
@@ -259,6 +271,7 @@ var MenuItem = /*#__PURE__*/forwardRef(function (_a, ref) {
     disabledPortal: true,
     placement: level === 1 ? 'bottom-start' : 'right-start',
     gutterGap: level === 1 ? 8 : 16,
+    className: overlayClassName,
     onClose: function onClose() {
       if (closePopper) {
         closePopper(id);
@@ -270,13 +283,15 @@ var MenuItem = /*#__PURE__*/forwardRef(function (_a, ref) {
     return /*#__PURE__*/React.createElement(MenuItem, Object.assign({}, child, {
       key: child.id,
       level: level + 1,
-      parentIds: _parentIds
+      parentIds: _parentIds,
+      raw: child
     }));
   })))), hasChildren && placement === 'horizontal' && showAllSubMenus ? /*#__PURE__*/React.createElement(Popper, {
     visible: !!(expandedIds === null || expandedIds === void 0 ? void 0 : expandedIds.includes(id)),
     attachEl: itemRef.current,
     placement: 'bottom-start',
     gutterGap: 8,
+    className: overlayClassName,
     onClose: function onClose() {
       if (closePopper) {
         closePopper(id);

package/lib/types/context.d.ts

@@ -8,6 +8,7 @@ declare const MenuContext: React.Context<{
     expandedIds?: React.ReactText[] | undefined;
     activeId?: React.ReactText | undefined;
     activeParents?: React.ReactText[] | undefined;
+    overlayClassName?: string | undefined;
     clickMenu?: ((id: React.ReactText, raw: MenuDataItem) => void) | undefined;
     clickSubMenu?: ((id: React.ReactText) => void) | undefined;
     closePopper?: ((id: React.ReactText) => void) | undefined;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hi-ui/menu",
-  "version": "4.0.6",
+  "version": "4.0.8",
   "description": "A sub-package for @hi-ui/hiui.",
   "keywords": [],
   "author": "HiUI <mi-hiui@xiaomi.com>",
@@ -70,6 +70,5 @@
     "@hi-ui/hi-build": "^4.0.1",
     "react": "^17.0.1",
     "react-dom": "^17.0.1"
-  },
-  "gitHead": "785078746d82c4082b1cf884f8e235166648ef98"
+  }
 }

package/LICENSE

@@ -1,21 +0,0 @@
-MIT License
-
-Copyright (c) 2018 Xiaomi
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.