@flexem/fc-gui 3.0.0-alpha.146 → 3.0.0-alpha.148

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

@@ -35386,19 +35386,20 @@ class readable_element_ReadableElement extends conditional_enable_element_Condit
             let name = value.customStatus;
             const language = ((_b = (_a = window.abp.localization) === null || _a === void 0 ? void 0 : _a.currentLanguage) === null || _b === void 0 ? void 0 : _b.name) || ((_d = (_c = this.localization.localizationService) === null || _c === void 0 ? void 0 : _c.translate) === null || _d === void 0 ? void 0 : _d.currentLang);
             const isChinese = language === 'zh-Hans' || language === 'zh';
+            const isTraditionalChinese = language === 'zh-Hant' || language === 'zh-TW' || language === 'zh-tw';
             if (!name) {
                 switch (value.state) {
                     case 1:
-                        name = isChinese ? '在线' : 'Online';
+                        name = isTraditionalChinese ? '線上' : (isChinese ? '在线' : 'Online');
                         break;
                     case 3:
-                        name = isChinese ? '离线' : 'Offline';
+                        name = isTraditionalChinese ? '離線' : (isChinese ? '离线' : 'Offline');
                         break;
                     case 4:
-                        name = isChinese ? '告警' : 'Alarming';
+                        name = isTraditionalChinese ? '告警' : (isChinese ? '告警' : 'Alarming');
                         break;
                     case 5:
-                        name = isChinese ? '未绑定' : 'Unbound';
+                        name = isTraditionalChinese ? '未綁定' : (isChinese ? '未绑定' : 'Unbound');
                         break;
                     default:
                 }
@@ -42526,9 +42527,9 @@ class scroll_alarm_element_ScrollAlarmElement extends conditional_dynamic_displa
         clipPath.setAttribute('id', clipId);
         const clipRect = document.createElementNS('http://www.w3.org/2000/svg', 'rect');
         clipRect.setAttribute('x', '2');
-        clipRect.setAttribute('y', '0');
+        clipRect.setAttribute('y', '1');
         clipRect.setAttribute('width', (elementWidth - 4).toString());
-        clipRect.setAttribute('height', elementHeight.toString());
+        clipRect.setAttribute('height', (elementHeight - 2).toString());
         clipPath.appendChild(clipRect);
         defs.appendChild(clipPath);
         this.$element[0].appendChild(defs);
@@ -42558,8 +42559,10 @@ class scroll_alarm_element_ScrollAlarmElement extends conditional_dynamic_displa
     _createSvgTextNode(textContent) {
         const elementHeight = this.model.size.height;
         const fa = this._buildFontAttrs();
+        const g = document.createElementNS('http://www.w3.org/2000/svg', 'g');
         const text = document.createElementNS('http://www.w3.org/2000/svg', 'text');
-        text.setAttribute('y', (elementHeight / 2).toString());
+        const textY = elementHeight / 2;
+        text.setAttribute('y', textY.toString());
         text.setAttribute('dominant-baseline', 'central');
         text.setAttribute('fill', fa.color);
         text.setAttribute('font-size', fa.fontSize.toString());
@@ -42570,11 +42573,41 @@ class scroll_alarm_element_ScrollAlarmElement extends conditional_dynamic_displa
         if (fa.isItalic) {
             text.setAttribute('font-style', 'italic');
         }
+        // 不使用 SVG text-decoration，避免跨平台下划线位置不一致（Chrome/Android 与 iOS Safari 渲染差异）
+        text.textContent = textContent;
+        g.appendChild(text);
         if (fa.isUnderline) {
-            text.setAttribute('text-decoration', 'underline');
+            // dominant-baseline: central 下，基线约在 textY + fontSize*0.35
+            // 下划线紧贴文字底部（基线下 fontSize*0.1），再加 2px 间距避免与字形粘连
+            // stroke-width 随字号缩放，参照浏览器标准约 fontSize/14，最小 1px
+            const lineY = textY + Math.round(fa.fontSize * 0.35) + Math.round(fa.fontSize * 0.1) + 2;
+            const strokeWidth = Math.max(1, Math.round(fa.fontSize / 14));
+            const underline = document.createElementNS('http://www.w3.org/2000/svg', 'line');
+            underline.setAttribute('y1', lineY.toString());
+            underline.setAttribute('y2', lineY.toString());
+            underline.setAttribute('x1', '0');
+            underline.setAttribute('x2', '0'); // 宽度在 append 后由 _updateUnderlineWidth 设置
+            underline.setAttribute('stroke', fa.color);
+            underline.setAttribute('stroke-width', strokeWidth.toString());
+            underline.setAttribute('class', 'text-underline');
+            g.appendChild(underline);
+        }
+        return g;
+    }
+    _getSvgTextWidth(g) {
+        const text = g.querySelector('text');
+        if (!text) {
+            return 100;
+        }
+        return text.getComputedTextLength
+            ? text.getComputedTextLength()
+            : (text.getBBox ? text.getBBox().width : 100);
+    }
+    _updateUnderlineWidth(g, width) {
+        const underline = g.querySelector('line.text-underline');
+        if (underline) {
+            underline.setAttribute('x2', width.toString());
         }
-        text.textContent = textContent;
-        return text;
     }
     renderNewPage(pageData) {
         const GAP = 80;
@@ -42606,11 +42639,10 @@ class scroll_alarm_element_ScrollAlarmElement extends conditional_dynamic_displa
                 contentParts.push(stateMap[alarm.state] || (isChinese ? '触发/未确认' : 'Triggered/Unconfirmed'));
             }
             const textNode = this._createSvgTextNode(contentParts.join(' '));
-            textNode.setAttribute('x', xOffset.toString());
+            textNode.setAttribute('transform', `translate(${xOffset}, 0)`);
             this.allAlarmsContainer.appendChild(textNode);
-            const textWidth = textNode.getComputedTextLength
-                ? textNode.getComputedTextLength()
-                : (textNode.getBBox ? textNode.getBBox().width : 100);
+            const textWidth = this._getSvgTextWidth(textNode);
+            this._updateUnderlineWidth(textNode, textWidth);
             xOffset += textWidth + GAP;
             pageWidth += (pageWidth > 0 ? GAP : 0) + textWidth;
         });
@@ -42621,10 +42653,9 @@ class scroll_alarm_element_ScrollAlarmElement extends conditional_dynamic_displa
         const GAP = 80;
         let x = 0;
         Array.from(this.allAlarmsContainer.children).forEach(node => {
-            node.setAttribute('x', x.toString());
-            const w = node.getComputedTextLength
-                ? node.getComputedTextLength()
-                : (node.getBBox ? node.getBBox().width : 100);
+            node.setAttribute('transform', `translate(${x}, 0)`);
+            const w = this._getSvgTextWidth(node);
+            this._updateUnderlineWidth(node, w);
             x += w + GAP;
         });
         const newTotal = x > 0 ? x - GAP : 0;
@@ -42641,14 +42672,13 @@ class scroll_alarm_element_ScrollAlarmElement extends conditional_dynamic_displa
         elementsToRemove.forEach(el => {
             this.allAlarmsContainer.removeChild(el);
         });
-        // SVG text 的 x 坐标从 0 重排（DOM删除后剩余节点要重新编排 x）
+        // g 元素的 transform 从 0 重排（DOM删除后剩余节点要重新编排位置）
         const GAP = 80;
         let x = 0;
         Array.from(this.allAlarmsContainer.children).forEach(node => {
-            node.setAttribute('x', x.toString());
-            const w = node.getComputedTextLength
-                ? node.getComputedTextLength()
-                : (node.getBBox ? node.getBBox().width : 100);
+            node.setAttribute('transform', `translate(${x}, 0)`);
+            const w = this._getSvgTextWidth(node);
+            this._updateUnderlineWidth(node, w);
             x += w + GAP;
         });
         // currentLeft 补偿被移除页的宽度（含 gap），保持视觉位置不变
@@ -42858,14 +42888,13 @@ class scroll_alarm_element_ScrollAlarmElement extends conditional_dynamic_displa
         }
         // 创建 SVG text 节点（与真实运行模式一致，不依赖 foreignObject）
         const textNode = this._createSvgTextNode(textParts.join(' '));
-        textNode.setAttribute('x', '0');
+        textNode.setAttribute('transform', 'translate(0, 0)');
         this.currentLeft = this.model.size.width;
         this.allAlarmsContainer.setAttribute('transform', `translate(${this.currentLeft}, 0)`);
         this.allAlarmsContainer.appendChild(textNode);
-        // SVG text 宽度可直接通过 getComputedTextLength 同步获取，无需 setTimeout
-        const textWidth = textNode.getComputedTextLength
-            ? textNode.getComputedTextLength()
-            : (textNode.getBBox ? textNode.getBBox().width : 200);
+        // SVG text 宽度通过内部 text 元素的 getComputedTextLength 获取
+        const textWidth = this._getSvgTextWidth(textNode);
+        this._updateUnderlineWidth(textNode, textWidth);
         this.totalWidth = textWidth;
         this.pageWidths.push(textWidth);
         // 启动滚动（autoCycle 只控制是否循环，不控制是否滚动）