fix(popup): 优化 popper 实例的 timeout 类型和更新逻辑

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 as ReturnType<typeof setTimeout>,
+      timeout: null,
       hasDocumentEvent: false,
       /** if a trusted action (opening or closing) is prevented, increase this flag */
       visibleState: 0,
@@ -194,16 +194,13 @@ export default mixins(classPrefixMixins, getAttachConfigMixins('popup')).extend(
     updatePopper() {
       const { $el: triggerEl } = this;
       const popperEl = this.$refs.popper as HTMLElement;
-      const overlayEl = this.$refs.overlay as HTMLElement;
-      const popperTargetEl = overlayEl || popperEl;
-
-      if (!popperTargetEl || !this.visible) return;
 
+      if (!popperEl || !this.visible) return;
       if (this.popper) {
         this.popper.update();
         return;
       }
-      this.popper = createPopper(triggerEl, popperTargetEl, {
+      this.popper = createPopper(triggerEl, popperEl, {
         modifiers:
           getIEVersion() > 9
             ? []
@@ -348,12 +345,8 @@ export default mixins(classPrefixMixins, getAttachConfigMixins('popup')).extend(
       // 子元素存在打开的 popup 时，ui 可能重叠，而 dom 节点多是并列关系
       // 需要做碰撞检测去阻止父级 popup 关闭
       if (this.visibleState > 1) {
-        // 优先使用实际可见的 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;
+        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;
       }
       this.mouseInRange = false;
       this.handleClose({});