@flexem/fc-gui 3.0.0-alpha.134 → 3.0.0-alpha.135

package/elements/scroll-alarm/scroll-alarm-element.js

@@ -392,9 +392,9 @@ export class ScrollAlarmElement extends ConditionalDynamicDisplayElement {
                 this.getAlarmData();
             }
         }
-        // 当内容完全滚出容器左侧时（currentLeft + totalWidth < 0）
-        // 说明所有内容都已经滚出视图，需要重置或停止
-        if (this.currentLeft + this.totalWidth < 0) {
+        // 当内容完全滚出容器左侧时（currentLeft + totalWidth < -50）
+        // 说明所有内容都已经滚出视图（不开启自动循环时多滚动50px确保最后一个字完全滚出）
+        if (this.currentLeft + this.totalWidth < -50) {
             if (this.autoCycle) {
                 // 自动循环模式：无缝衔接回到容器右侧
                 if (this.hasMoreData) {
@@ -645,9 +645,9 @@ export class ScrollAlarmElement extends ConditionalDynamicDisplayElement {
         this.allAlarmsContainer.style.left = `${this.currentLeft}px`;
         // 当内容完全滚出容器左侧时（内容右边缘完全移出容器左边缘）
         // currentLeft + totalWidth 表示内容右边缘的位置
-        // 当这个值 <= 0 时，表示内容右边缘已经到达或超过容器左边缘，内容完全不可见
+        // 当这个值 <= -50 时，表示内容完全不可见（不开启自动循环时多滚动50px确保最后一个字完全滚出）
         const rightEdge = this.currentLeft + this.totalWidth;
-        if (rightEdge <= 0) {
+        if (rightEdge <= -50) {
             if (this.autoCycle) {
                 // 自动循环模式：重置到容器右侧（使用配置宽度）
                 this.currentLeft = this.model.size.width;
@@ -708,17 +708,24 @@ export class ScrollAlarmElement extends ConditionalDynamicDisplayElement {
                     }
                     return;
                 }
-                // 如果是首次加载或当前没有数据，直接渲染
+                // 如果是首次加载或当前没有数据，直接渲染并启动滚动
                 if (this.displayedItems.length === 0) {
                     this.displayedItems = newItems;
                     this.allAlarmsContainer.innerHTML = '';
                     this.totalWidth = 0;
                     this.pageWidths = [];
+                    // 设置 hasMoreData 状态，防止滚动时误触发 getAlarmData
+                    this.hasMoreData = result.totalCount > newItems.length;
+                    // 设置初始位置到容器右侧
+                    this.currentLeft = this.container.clientWidth;
+                    this.allAlarmsContainer.style.left = `${this.currentLeft}px`;
                     this.renderNewPage(newItems);
+                    // 启动滚动
+                    if (!this.isScrolling) {
+                        this.initScrolling();
+                    }
                     return;
                 }
-                // 保存当前的滚动位置
-                const currentScrollPosition = this.currentLeft;
                 // 清空所有DOM元素
                 this.allAlarmsContainer.innerHTML = '';
                 // 获取语言设置
@@ -781,8 +788,8 @@ export class ScrollAlarmElement extends ConditionalDynamicDisplayElement {
                 this.totalWidth = newTotalWidth;
                 this.pageWidths = [newTotalWidth]; // 重置为单页
                 this.hasMoreData = result.totalCount > newItems.length;
-                // 保持滚动位置不变，继续滚动
-                this.currentLeft = currentScrollPosition;
+                // 收到新告警时，重置滚动位置到容器右侧，确保新内容能被滚动出来显示
+                this.currentLeft = this.container.clientWidth;
                 this.allAlarmsContainer.style.left = `${this.currentLeft}px`;
             }
         });

package/package.json

@@ -1,6 +1,6 @@
 {
 	"main": "bundles/fc-gui.umd.js",
-	"version": "3.0.0-alpha.134",
+	"version": "3.0.0-alpha.135",
 	"module": "public_api.js",
 	"typings": "public_api.d.ts",
 	"license": "UNLICENSED",