fix(popup): 修复碰撞检测逻辑

Author: RSS1102

src/popup/popup.tsx

@@ -51,7 +51,7 @@ export default mixins(classPrefixMixins, getAttachConfigMixins('popup')).extend(
       /** popperjs instance */
       popper: null as ReturnType<typeof createPopper>,
       /** timeout id */
-      timeout: null,
+      timeout: null as ReturnType<typeof setTimeout>,
       hasDocumentEvent: false,
       /** if a trusted action (opening or closing) is prevented, increase this flag */
       visibleState: 0,
@@ -348,8 +348,12 @@ export default mixins(classPrefixMixins, getAttachConfigMixins('popup')).extend(
       // 子元素存在打开的 popup 时，ui 可能重叠，而 dom 节点多是并列关系
       // 需要做碰撞检测去阻止父级 popup 关闭
       if (this.visibleState > 1) {
-        const rect = (this.$refs.popper as HTMLElement).getBoundingClientRect();
-        if (ev.x > rect.x && ev.x < rect.x + rect.width && ev.y > rect.y && ev.y < rect.y + rect.height) return;
+        // 优先使用实际可见的 overlay 容器进行碰撞检测；
+        // 在某些场景下（如菜单子菜单弹层），popper 容器可能为 0x0（overlay 采用绝对定位脱离文档流），
+        // 这会导致用 popper 计算的矩形始终为 0x0，从而误判离开范围，导致父级过早关闭。
+        const rectTarget = (this.$refs.overlay as HTMLElement) || (this.$refs.popper as HTMLElement);
+        const rect = rectTarget?.getBoundingClientRect?.();
+        if (rect && ev.x > rect.x && ev.x < rect.x + rect.width && ev.y > rect.y && ev.y < rect.y + rect.height) return;
       }
       this.mouseInRange = false;
       this.handleClose({});