fix(Menu): 修复展开子菜单收起的时候没有动画 #774 (#775)

uiwjs · Apr 18, 2022 · b35cd34 · b35cd34
1 parent 270fd2b
commit b35cd34
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 0 deletions.
diff --git a/packages/react-menu/src/SubMenu.tsx b/packages/react-menu/src/SubMenu.tsx
@@ -103,6 +103,9 @@ export const SubMenu = React.forwardRef(function <Tag extends TagType = 'a'>(
   }
   function onEntered(node: HTMLElement) {
     node.style.height = 'initial';
+    if (popupRef.current && popupRef.current.overlayDom) {
+      node.style.height = popupRef.current.overlayDom.current!.getBoundingClientRect().height + 'px';
+    }
   }
 
   if (!collapse) {

diff --git a/packages/react-overlay-trigger/src/index.tsx b/packages/react-overlay-trigger/src/index.tsx
@@ -72,6 +72,7 @@ const normalizeDelay = (delay?: Delay) => (delay && typeof delay === 'object' ?
 export type OverlayTriggerRef = {
   hide: () => void;
   show: () => void;
+  overlayDom: React.MutableRefObject<HTMLElement | undefined>;
 };
 
 export default React.forwardRef<OverlayTriggerRef, OverlayTriggerProps>((props, ref) => {
@@ -114,6 +115,7 @@ export default React.forwardRef<OverlayTriggerRef, OverlayTriggerProps>((props,
   useImperativeHandle(ref, () => ({
     hide: () => hide(),
     show: () => show(),
+    overlayDom: popupRef,
   }));
 
   const child: any = React.Children.only(children);