@flexem/fc-gui 3.0.0-alpha.105 → 3.0.0-alpha.107

package/CHANGELOG.md

@@ -469,4 +469,9 @@
 ## 3.0.0-alpha.105(2024-03-15)
 ### Web端
 #### Features
-    1. FLEXCLOUD-3086 历史曲线可以设置筛选的背景颜色
+    1. FLEXCLOUD-3086 历史曲线可以设置筛选的背景颜色
+
+## 3.0.0-alpha.107(2024-04-10)
+### Web端
+#### Features
+    1. FLEXCLOUD-3269 由于历史曲线使用d3绘制，数据量过多或者通道较多时导致安卓端操作较卡顿

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

@@ -36226,7 +36226,7 @@ class datetime_display_element_DatetimeDisplayElement extends conditional_displa
             this.getAndSetCurrentTime(format);
             setInterval(() => {
                 this.getAndSetCurrentTime(format);
-            }, 1000);
+            }, 100);
         }
     }
     getAndSetCurrentTime(format) {
@@ -36422,6 +36422,11 @@ class historical_curve_element_HistoricalCurveElement extends conditional_displa
         };
         this.elementStatus = HistoricalCurveElementStatus.Loading;
         this.data = [];
+        this.needResize = true;
+        this.setNeedResize = () => {
+            this.needResize = false;
+            setTimeout(() => this.needResize = true, 500);
+        };
         this.logger = injector.get(logger["b" /* LOGGER_SERVICE_TOKEN */]);
         this.localization = injector.get(_tmp_localization["b" /* LOCALIZATION */]);
         this.timePeriods = this.getValidTimePeriods();
@@ -36442,6 +36447,7 @@ class historical_curve_element_HistoricalCurveElement extends conditional_displa
             }
         }
         this.loadFirstPage();
+        this.initKeyboardListener();
     }
     dispose() {
         clearInterval(this.refreshIntervalId);
@@ -36451,8 +36457,19 @@ class historical_curve_element_HistoricalCurveElement extends conditional_displa
         if (this.resizeEventListener) {
             this.resizeEventListener.clear();
         }
+        if (this.isAndroid) {
+            window.removeEventListener('native.keyboardshow', this.setNeedResize);
+            window.removeEventListener('native.keyboardhide', this.setNeedResize);
+        }
         this.logger.debug(`[GUI]Dispose Histoical Curve Refresh Interval:${d3["time"].format('%x %X')(new Date())}`);
     }
+    initKeyboardListener() {
+        this.isAndroid = !!navigator.userAgent.match(/(Android)/i);
+        if (this.isAndroid) {
+            window.addEventListener('native.keyboardshow', this.setNeedResize);
+            window.addEventListener('native.keyboardhide', this.setNeedResize);
+        }
+    }
     getValidTimePeriods() {
         const timePeriods = new Array();
         timePeriods.push({ key: 6, name: this.localization.lastThirtyMinutes });
@@ -36699,6 +36716,8 @@ class historical_curve_element_HistoricalCurveElement extends conditional_displa
         this.rootElement.append('g').datum(data).call(chart);
         this.rootElement.selectAll('.nv-noData').attr('x', chartWidth / 2).attr('y', chartHeight / 2 + this.displayOption.operationAreaHeight);
         this.resizeEventListener = nv_d3["utils"].windowResize(() => {
+            if (!this.needResize)
+                return;
             chart.update();
             this.rootElement.selectAll('.nv-noData').attr('x', chartWidth / 2).attr('y', chartHeight / 2 + this.displayOption.operationAreaHeight);
         });