fix: update height calculation

Author: RylanBot

packages/components/menu/SubMenu.tsx

@@ -58,10 +58,6 @@ const SubAccordion: FC<SubMenuWithCustomizeProps> = (props) => {
     }),
   );
 
-  const childStyle = {
-    maxHeight: isExpand ? undefined : 0,
-  };
-
   // 是否展开（popup 与 expand 两种状态）
   const isOpen = useMemo(() => {
     if (disabled) return false;
@@ -78,16 +74,24 @@ const SubAccordion: FC<SubMenuWithCustomizeProps> = (props) => {
 
   const transitionCallbacks = {
     onEnter: () => {
+      contentRef.current.style.height = '0px';
+      contentRef.current.style.maxHeight = '0px';
+    },
+    onEntering: () => {
       contentRef.current.style.height = `${contentRef?.current.scrollHeight}px`;
+      contentRef.current.style.maxHeight = `${contentRef?.current.scrollHeight}px`;
     },
     onEntered: () => {
       contentRef.current.style.height = 'auto';
+      contentRef.current.style.maxHeight = 'none';
     },
     onExit: () => {
       contentRef.current.style.height = `${contentRef?.current.scrollHeight}px`;
+      contentRef.current.style.maxHeight = `${contentRef?.current.scrollHeight}px`;
     },
     onExiting: () => {
       contentRef.current.style.height = '0px';
+      contentRef.current.style.maxHeight = '0px';
     },
   };
 
@@ -97,7 +101,6 @@ const SubAccordion: FC<SubMenuWithCustomizeProps> = (props) => {
         [`${classPrefix}-is-opened`]: isOpen,
       })}
       key="popup"
-      style={childStyle}
     >
       {popupChildren}
     </ul>
@@ -128,7 +131,6 @@ const SubAccordion: FC<SubMenuWithCustomizeProps> = (props) => {
             key="normal"
             style={
               {
-                ...childStyle,
                 '--padding-left': `${menuPaddingLeft}px`,
                 overflow: 'hidden',
               } as React.CSSProperties