fix(Submenu): 添加保持父级 popup 显示的功能，优化子菜单交互体验

Author: RSS1102

packages/components/menu/submenu.tsx

@@ -116,6 +116,14 @@ export default defineComponent({
         if (loopInPopup(related)) return;
         handleMouseLeavePopup(e);
       },
+      keepParentPopupVisible: () => {
+        // 保持当前 popup 显示，同时递归通知父级
+        isCursorInPopup.value = true;
+        popupVisible.value = true;
+        if (submenu?.keepParentPopupVisible) {
+          submenu.keepParentPopupVisible();
+        }
+      },
     });
 
     const passSubPopupRefToParent = (val: HTMLElement) => {
@@ -136,13 +144,8 @@ export default defineComponent({
         // 如果父 popup 可见，还需要检查鼠标是否真的在父 popup 内
         // 避免父 popup 延迟关闭时，鼠标已经移出但子菜单仍被触发
         if (e && subPopupRef.value) {
-          const parentPopupRect = subPopupRef.value.getBoundingClientRect();
-          const { clientX, clientY } = e;
-          const isInParentPopup =
-            clientX >= parentPopupRect.left &&
-            clientX <= parentPopupRect.right &&
-            clientY >= parentPopupRect.top &&
-            clientY <= parentPopupRect.bottom;
+          const elementAtCursor = document.elementFromPoint(e.clientX, e.clientY);
+          const isInParentPopup = elementAtCursor && subPopupRef.value.contains(elementAtCursor);
 
           if (!isInParentPopup) {
             return;
@@ -199,6 +202,10 @@ export default defineComponent({
     };
     const handleEnterPopup = () => {
       isCursorInPopup.value = true;
+      // 当鼠标进入子 popup 时，通知所有父级 popup 保持显示状态，防止父级延迟关闭
+      if (submenu?.keepParentPopupVisible) {
+        submenu.keepParentPopupVisible();
+      }
     };
 
     const handleSubmenuItemClick = () => {

packages/components/menu/types.ts

@@ -29,4 +29,5 @@ export interface TdSubMenuInterface {
   setSubPopup?: (popupRef: HTMLElement) => void;
   closeParentPopup?: (e: MouseEvent) => void;
   popupVisible?: Ref<boolean>;
+  keepParentPopupVisible?: () => void;
 }