@flexem/fc-gui 3.0.0-alpha.173 → 3.0.0-alpha.175

package/bundles/@flexem/fc-gui.umd.js

@@ -37191,6 +37191,9 @@ class historical_curve_element_HistoricalCurveElement extends conditional_displa
         this.needResize = true;
         this.dropdownListEl = null;
         this.dropdownTriggerEl = null;
+        this._outsideClickHandler = null;
+        this._fullscreenChangeHandler = null;
+        this._resizeHideHandler = null;
         this.setNeedResize = () => {
             this.needResize = false;
             setTimeout(() => this.needResize = true, 500);
@@ -37232,6 +37235,24 @@ class historical_curve_element_HistoricalCurveElement extends conditional_displa
             window.removeEventListener('native.keyboardshow', this.setNeedResize);
             window.removeEventListener('native.keyboardhide', this.setNeedResize);
         }
+        // 清理下拉相关事件监听及 DOM
+        if (this._outsideClickHandler) {
+            document.removeEventListener('click', this._outsideClickHandler);
+            this._outsideClickHandler = null;
+        }
+        if (this._fullscreenChangeHandler) {
+            document.removeEventListener('fullscreenchange', this._fullscreenChangeHandler);
+            document.removeEventListener('webkitfullscreenchange', this._fullscreenChangeHandler);
+            this._fullscreenChangeHandler = null;
+        }
+        if (this._resizeHideHandler) {
+            window.removeEventListener('resize', this._resizeHideHandler);
+            this._resizeHideHandler = null;
+        }
+        if (this.dropdownListEl && this.dropdownListEl.parentNode) {
+            this.dropdownListEl.parentNode.removeChild(this.dropdownListEl);
+            this.dropdownListEl = null;
+        }
         // 取消语种变化订阅
         if (this.languageChangeSubscription) {
             this.languageChangeSubscription.unsubscribe();
@@ -37754,7 +37775,6 @@ class historical_curve_element_HistoricalCurveElement extends conditional_displa
         const dropdownBg = this.model.displaySetting.axisSetting.filterBackgroudColor || fillColor || '#fff';
         const dropdownWrapper = operationArea.append('div')
             .style('display', 'inline-block')
-            .style('position', 'relative')
             .style('margin-left', this.displayOption.marginLeft + 'px')
             .style('vertical-align', 'middle');
         const selectedText = this.timePeriods.find(t => t.key === Number(this.currentTimePeriod));
@@ -37881,12 +37901,20 @@ class historical_curve_element_HistoricalCurveElement extends conditional_displa
             }
         });
         // 点击外部收起
-        document.addEventListener('click', (event) => {
+        this._outsideClickHandler = (event) => {
             const triggerNode = dropdownTrigger.node();
             if (!dropdownListEl.contains(event.target) && !triggerNode.contains(event.target)) {
                 hideDropdown();
             }
-        });
+        };
+        document.addEventListener('click', this._outsideClickHandler);
+        // 全屏切换（含点击全屏按钮和 F11）时收起
+        this._fullscreenChangeHandler = () => { hideDropdown(); };
+        document.addEventListener('fullscreenchange', this._fullscreenChangeHandler);
+        document.addEventListener('webkitfullscreenchange', this._fullscreenChangeHandler);
+        // F11 退出全屏时 keydown 被浏览器拦截，用 resize 兜底
+        this._resizeHideHandler = () => { hideDropdown(); };
+        window.addEventListener('resize', this._resizeHideHandler);
         // 滚动时收起
         document.addEventListener('scroll', hideDropdown, true);
         const buttonWidth = this.displayOption.operationButtonWidth + 'px', buttonHeight = this.displayOption.operationButtonHeight + 'px';