@flexem/fc-gui 3.0.0-alpha.163 → 3.0.0-alpha.165

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

@@ -35106,19 +35106,22 @@ class state_control_element_StateControlElement extends conditional_dynamic_disp
     }
     changeState(state) {
         switch (state) {
-            case _tmp_model["State"].InvalidMonitor:
-                this.state = _tmp_model["State"].InvalidMonitor;
-                break;
             case _tmp_model["State"].Unbind:
-                if (this.state !== _tmp_model["State"].InvalidMonitor) {
-                    this.state = _tmp_model["State"].Unbind;
-                }
+                // Unbind 优先级最高，可覆盖任何状态
+                this.state = _tmp_model["State"].Unbind;
                 break;
             case _tmp_model["State"].Offline:
-                if (this.state !== _tmp_model["State"].Unbind && this.state !== _tmp_model["State"].InvalidMonitor) {
+                // Offline 优先级次于 Unbind
+                if (this.state !== _tmp_model["State"].Unbind) {
                     this.state = _tmp_model["State"].Offline;
                 }
                 break;
+            case _tmp_model["State"].InvalidMonitor:
+                // InvalidMonitor 优先级低于 Offline/Unbind
+                if (this.state !== _tmp_model["State"].Unbind && this.state !== _tmp_model["State"].Offline) {
+                    this.state = _tmp_model["State"].InvalidMonitor;
+                }
+                break;
             case _tmp_model["State"].Loading:
                 if (this.state !== _tmp_model["State"].Unbind && this.state !== _tmp_model["State"].Offline && this.state !== _tmp_model["State"].InvalidMonitor) {
                     this.state = _tmp_model["State"].Loading;
@@ -35877,7 +35880,7 @@ class text_element_TextElementModal {
             lineHeight = parseInt(font.fontSize, 10) + 5;
             fontString += font.fontSize + '/' + lineHeight.toString() + 'px ' + font.fontFamily;
             textDiv.style.cssText = `color: ${font.color};word-break: break-all;font: ${fontString};text-align: ${textAlign};`;
-            if (font.isUnderline) {
+            if (font.isUnderline && content.length > 0) {
                 textDiv.style.textDecoration = 'underline';
             }
             const spanText = document.createElement('span');
@@ -39708,10 +39711,23 @@ class text_state_element_TextStateElement {
             return;
         }
         const textElement = this.getforeignObjectElement();
-        // 设置 text-anchor 和 dominant-baseline
-        textElement.setAttribute('text-anchor', 'middle');
-        textElement.setAttribute('dominant-baseline', 'middle');
         textElement.setAttribute('pointer-events', 'auto');
+        // 根据 textAlign 计算 SVG text-anchor 和 x 坐标
+        const textAlign = font.textAlign || 'center';
+        let textAnchor;
+        let anchorX;
+        if (textAlign === 'left') {
+            textAnchor = 'start';
+            anchorX = 0;
+        }
+        else if (textAlign === 'right') {
+            textAnchor = 'end';
+            anchorX = this.width;
+        }
+        else {
+            textAnchor = 'middle';
+            anchorX = this.width / 2;
+        }
         // 拆分换行
         const lines = content.split('\n');
         const fontSize = parseInt(font.fontSize, 10);
@@ -39729,16 +39745,16 @@ class text_state_element_TextStateElement {
                 textElement.appendChild(tspan);
             }
             tspan.setAttribute('display', 'inline');
-            tspan.setAttribute('x', (this.width / 2).toString());
+            tspan.setAttribute('x', anchorX.toString());
             tspan.setAttribute('y', startY + i * lineHeight + 'px');
-            tspan.textContent = lines[i].replace(/ /g, '\u00A0');
+            tspan.textContent = lines[i].replace(/ /g, ' ');
             tspan.setAttribute('font-size', font.fontSize);
             tspan.setAttribute('fill', font.color);
             tspan.setAttribute('font-family', font.fontFamily);
             tspan.setAttribute('font-weight', font.isBold ? 'bold' : 'normal');
             tspan.setAttribute('font-style', font.isItalic ? 'italic' : 'normal');
             tspan.setAttribute('text-decoration', font.isUnderline ? 'underline' : 'none');
-            tspan.setAttribute('text-anchor', 'middle');
+            tspan.setAttribute('text-anchor', textAnchor);
             tspan.setAttribute('dominant-baseline', 'middle');
         }
         // 隐藏多余的 tspan（不删除）
@@ -39796,7 +39812,7 @@ class text_state_element_TextStateElement {
         }
     }
     doFaultFlicker(textElement, stateId) {
-        if (this.version > 3 && this.faultFlickers) {
+        if (this.version != null && this.version > 3 && this.faultFlickers) {
             this.clearFlickerInterval(textElement);
             const faultFlicker = this.faultFlickers.find(t => t.id === stateId);
             if (faultFlicker && faultFlicker.faultFlicker) {
@@ -39825,6 +39841,8 @@ class text_state_element_TextStateElement {
     }
     /**
      * 获取指定状态在当前语种下的字体样式
+     * fontStyleCultures 中保存的对象含 fontStyle 字符串但无 isBold/isItalic/fontFamily，
+     * 此处从 fontStyle 解析这三个字段后返回
      */
     getFontForState(stateId, defaultFont) {
         if (!this.fontStyleCultures) {
@@ -39845,7 +39863,17 @@ class text_state_element_TextStateElement {
         };
         const targetLanguage = getTargetLanguage();
         if (this.fontStyleCultures[stateKey][targetLanguage]) {
-            return this.fontStyleCultures[stateKey][targetLanguage];
+            const culturedFont = this.fontStyleCultures[stateKey][targetLanguage];
+            if (culturedFont.fontStyle) {
+                const fs = culturedFont.fontStyle;
+                const isBold = fs.indexOf('bold') !== -1;
+                const isItalic = fs.indexOf('Italic') !== -1;
+                const parts = fs.split(' ');
+                const familyIndex = (isBold ? 1 : 0) + (isItalic ? 1 : 0) + 1;
+                const fontFamily = parts.length > familyIndex ? parts[familyIndex] : null;
+                return Object.assign(Object.assign({}, culturedFont), { isBold, isItalic, fontFamily });
+            }
+            return culturedFont;
         }
         return defaultFont;
     }
@@ -40517,7 +40545,9 @@ class switch_indicator_light_element_SwitchIndicatorLightElement extends conditi
             const validNames = (_d = (_c = (_b = (_a = this.guiContext) === null || _a === void 0 ? void 0 : _a.configStore) === null || _b === void 0 ? void 0 : _b.variableStore) === null || _c === void 0 ? void 0 : _c.getAllVariableNames) === null || _d === void 0 ? void 0 : _d.call(_c);
             if (validNames && !validNames.includes(convertedName)) {
                 this.updateElementStates([new communication["c" /* VariableState */](convertedName, communication["d" /* VariableStateEnum */].InvalidMonitor)]);
-                return;
+                // 无效变量时先显示第一个状态样式，避免空白；
+                // 但仍继续初始化订阅，以便后续收到 Offline/Unbind 时能正确覆盖
+                this.switchToState(0);
             }
         }
         switch (settings.type) {
@@ -40548,6 +40578,10 @@ class switch_indicator_light_element_SwitchIndicatorLightElement extends conditi
         else if (!Object(lodash["isUndefined"])(statusIdValue.value)) {
             this.switchToState(statusIdValue.value);
         }
+        else {
+            // 变量值为 null/undefined（含无效变量）时，显示第一个状态样式
+            this.switchToState(0);
+        }
     }
     switchToState(stateId) {
         this.textStateElement.switchToState(stateId);
@@ -41206,14 +41240,19 @@ class view_operation_element_ViewOperationElement extends conditional_enable_ele
         const targetLanguage = getTargetLanguage();
         if (this.model.fontStyleCultures && this.model.fontStyleCultures[targetLanguage]) {
             const style = this.model.fontStyleCultures[targetLanguage];
+            const fs = style.fontStyle || '';
+            const isBold = fs.indexOf('bold') !== -1;
+            const isItalic = fs.indexOf('Italic') !== -1;
+            const parts = fs.split(' ');
+            const familyIndex = (isBold ? 1 : 0) + (isItalic ? 1 : 0) + 1;
+            const fontFamily = parts.length > familyIndex ? parts[familyIndex] : null;
             return {
                 isUnderline: style.isUnderline,
-                isBold: style.isBold,
-                isItalic: style.isItalic,
+                isBold,
+                isItalic,
                 fontSize: style.fontSize,
-                fontFamily: style.fontFamily || 'msyh',
-                color: style.color,
-                textAlign: style.textAlign
+                fontFamily: fontFamily || 'msyh',
+                color: style.color
             };
         }
         return Object.assign(Object.assign({}, this.model.label.font), { fontFamily: this.model.label.font.fontFamily || 'msyh' });