@flexem/fc-gui 3.0.0-alpha.141 → 3.0.0-alpha.142

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

@@ -41082,8 +41082,10 @@ class video_element_VideoElement extends conditional_display_element_Conditional
         this.svgRootClass = svgRootClass;
         this.videoId = '';
         this.isFullscreen = false;
+        this.lastTimeUpdate = 0;
         this.isMobileMode = _tmp_settings["a" /* DisplayMode */].Mobile === injector.get(_tmp_settings["b" /* GlobalSettings */]).displayMode;
         this.localization = injector.get(_tmp_localization["b" /* LOCALIZATION */]);
+        this.initVisibilityHandler();
         this.init();
     }
     dispose() {
@@ -41093,6 +41095,10 @@ class video_element_VideoElement extends conditional_display_element_Conditional
         $('div.' + this.svgRootClass + ' video').each(function () {
             $(this).remove();
         });
+        if (this.visibilityChangeHandler) {
+            document.removeEventListener('visibilitychange', this.visibilityChangeHandler);
+        }
+        this.clearTimeUpdateWatchdog();
     }
     hide() {
         super.hide();
@@ -41191,6 +41197,7 @@ class video_element_VideoElement extends conditional_display_element_Conditional
                         this.videoPlayer.play();
                     });
                 }
+                this.startTimeUpdateWatchdog(videoId);
             }
             catch (err) {
                 console.log(err);
@@ -41276,6 +41283,37 @@ class video_element_VideoElement extends conditional_display_element_Conditional
             }
         });
     }
+    initVisibilityHandler() {
+        this.visibilityChangeHandler = () => {
+            if (!document.hidden && this.videoUrl && this.videoId) {
+                this.initVideo(this.videoUrl, this.videoId);
+            }
+        };
+        document.addEventListener('visibilitychange', this.visibilityChangeHandler);
+    }
+    startTimeUpdateWatchdog(videoId) {
+        this.clearTimeUpdateWatchdog();
+        this.lastTimeUpdate = Date.now();
+        const videoEl = document.getElementById(videoId);
+        if (videoEl && videoEl.tagName === 'VIDEO') {
+            videoEl.addEventListener('timeupdate', () => {
+                this.lastTimeUpdate = Date.now();
+            });
+        }
+        this.timeUpdateWatchdog = setInterval(() => {
+            if (document.hidden)
+                return;
+            if (Date.now() - this.lastTimeUpdate > 30000) {
+                this.initVideo(this.videoUrl, this.videoId);
+            }
+        }, 30000);
+    }
+    clearTimeUpdateWatchdog() {
+        if (this.timeUpdateWatchdog) {
+            clearInterval(this.timeUpdateWatchdog);
+            this.timeUpdateWatchdog = null;
+        }
+    }
     setIosVideo(videoUrl, videoId) {
         const video = $('#' + this.videoId);
         video.on('webkitendfullscreen', () => {
@@ -42494,7 +42532,7 @@ class scroll_alarm_element_ScrollAlarmElement extends conditional_dynamic_displa
         this.container = document.createElement('div');
         this.container.style.cssText = `
             height: ${elementHeight}px;
-            width: 100%;
+            width: ${elementWidth}px;
             background-color: ${((_a = this.model.generalSetting) === null || _a === void 0 ? void 0 : _a.headerFillColor) || '#ffffff'};
             display: flex;
             align-items: center;
@@ -42505,11 +42543,11 @@ class scroll_alarm_element_ScrollAlarmElement extends conditional_dynamic_displa
         `;
         this.element.appendChild(this.container);
         // 创建一个大容器来包含所有告警项，初始位置在容器右侧（从右边开始滚入）
+        // 使用 position: relative 而非 absolute，避免 iOS Safari foreignObject 内 absolute 定位逃逸到页面左上角的 bug
         this.allAlarmsContainer = document.createElement('div');
         this.allAlarmsContainer.style.cssText = `
-            position: absolute;
-            top: 50%;
-            transform: translateY(-50%);
+            position: relative;
+            flex-shrink: 0;
             display: flex;
             align-items: center;
             gap: 80px;