@flexem/fc-gui 3.0.0-alpha.156 → 3.0.0-alpha.158

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

@@ -21897,6 +21897,7 @@ var VariableStateEnum;
     VariableStateEnum[VariableStateEnum["Offline"] = 1] = "Offline";
     VariableStateEnum[VariableStateEnum["Unbind"] = 3] = "Unbind";
     VariableStateEnum[VariableStateEnum["DataNormal"] = 9] = "DataNormal";
+    VariableStateEnum[VariableStateEnum["InvalidMonitor"] = 10] = "InvalidMonitor";
     VariableStateEnum[VariableStateEnum["Abnormal"] = 99] = "Abnormal";
 })(VariableStateEnum || (VariableStateEnum = {}));
 
@@ -22343,6 +22344,7 @@ const Localization_zh_CN = {
     offline: '离线',
     abnormal: '数据异常',
     disable: '禁用',
+    invalidMonitor: '元件绑定的监控点无效',
     permissiontip: '您无权限执行此操作',
     conditionIsNotMetTip: '操作条件不满足或逻辑控制变量异常',
     chartNoData: '无数据',
@@ -32538,6 +32540,7 @@ const DefaultLocalization = {
     offline: 'Offline',
     abnormal: 'Data abnormal',
     disable: 'Disable',
+    invalidMonitor: 'Element binding monitor point is invalid',
     permissiontip: 'You have no permission to operate.',
     conditionIsNotMetTip: 'Operation conditions not met or variable anomalies.',
     chartNoData: 'No Data Available',
@@ -35087,26 +35090,34 @@ class state_control_element_StateControlElement extends conditional_dynamic_disp
             case communication["d" /* VariableStateEnum */].Abnormal:
                 currentState = _tmp_model["State"].Abnormal;
                 break;
+            case communication["d" /* VariableStateEnum */].InvalidMonitor:
+                currentState = _tmp_model["State"].InvalidMonitor;
+                break;
         }
         return currentState;
     }
     changeState(state) {
         switch (state) {
+            case _tmp_model["State"].InvalidMonitor:
+                this.state = _tmp_model["State"].InvalidMonitor;
+                break;
             case _tmp_model["State"].Unbind:
-                this.state = _tmp_model["State"].Unbind;
+                if (this.state !== _tmp_model["State"].InvalidMonitor) {
+                    this.state = _tmp_model["State"].Unbind;
+                }
                 break;
             case _tmp_model["State"].Offline:
-                if (this.state !== _tmp_model["State"].Unbind) {
+                if (this.state !== _tmp_model["State"].Unbind && this.state !== _tmp_model["State"].InvalidMonitor) {
                     this.state = _tmp_model["State"].Offline;
                 }
                 break;
             case _tmp_model["State"].Loading:
-                if (this.state !== _tmp_model["State"].Unbind && this.state !== _tmp_model["State"].Offline) {
+                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;
                 }
                 break;
             case _tmp_model["State"].Abnormal:
-                if (this.state !== _tmp_model["State"].Unbind && this.state !== _tmp_model["State"].Offline && this.state !== _tmp_model["State"].Loading) {
+                if (this.state !== _tmp_model["State"].Unbind && this.state !== _tmp_model["State"].Offline && this.state !== _tmp_model["State"].Loading && this.state !== _tmp_model["State"].InvalidMonitor) {
                     this.state = _tmp_model["State"].Abnormal;
                 }
                 break;
@@ -35145,6 +35156,11 @@ class state_control_element_StateControlElement extends conditional_dynamic_disp
                 title = this.localization.disable;
                 stroke = '#ff4444';
                 break;
+            case _tmp_model["State"].InvalidMonitor:
+                url = 'assets/img/loading.svg';
+                title = this.localization.invalidMonitor;
+                stroke = '#226abc';
+                break;
             default:
                 url = 'assets/img/loading.svg';
                 title = this.localization.loading;
@@ -35793,6 +35809,13 @@ class text_element_TextElementModal {
     get Element() {
         return this._element;
     }
+    /**
+     * 更新字体样式
+     * @param font 新的字体样式
+     */
+    updateFont(font) {
+        this.font = font;
+    }
     /**
      * 更新文本内容
      * @param content 新的文本内容
@@ -39119,15 +39142,7 @@ class text_element_TextElement extends conditional_dynamic_display_element_Condi
                 graphStateElement.switchToState(0);
                 this.$element.prepend(graphStateElement.Element);
             }
-            const font = {
-                isUnderline: this.model.isUnderline,
-                isBold: this.isBold(this.model.font),
-                isItalic: this.isItalic(this.model.font),
-                fontSize: this.model.fontSize,
-                fontFamily: this.fontFamily(this.model.font),
-                color: this.model.stroke,
-                textAlign: this.model.textAlign
-            };
+            const font = this.getFontStyle();
             // 获取显示文本（支持文本库）
             const displayText = this.getDisplayText();
             this.textElementModal = new text_element_TextElementModal(displayText, font, width, height);
@@ -39171,11 +39186,52 @@ class text_element_TextElement extends conditional_dynamic_display_element_Condi
         if (!this.textElementModal || !this.model.size) {
             return;
         }
-        // 获取新的显示文本
+        // 获取新的显示文本和样式
         const displayText = this.getDisplayText();
-        // 直接更新文本内容，而不是重新创建元素
+        const font = this.getFontStyle();
+        // 更新样式和文本内容
+        this.textElementModal.updateFont(font);
         this.textElementModal.updateText(displayText);
     }
+    /**
+     * 获取当前语种的字体样式
+     */
+    getFontStyle() {
+        // 获取目标语种
+        const getTargetLanguage = () => {
+            var _a, _b, _c, _d, _e, _f;
+            const currentLanguageId = (_c = (_b = (_a = this.guiContext) === null || _a === void 0 ? void 0 : _a.getCurrentLanguageId) === null || _b === void 0 ? void 0 : _b.call(_a)) !== null && _c !== void 0 ? _c : null;
+            const defaultLanguage = ((_d = this.languageService) === null || _d === void 0 ? void 0 : _d.getDefaultLanguage()) || 'zh-CN';
+            if (currentLanguageId === null || currentLanguageId === undefined) {
+                return defaultLanguage;
+            }
+            return ((_f = (_e = this.guiContext) === null || _e === void 0 ? void 0 : _e.getLanguageCultureById) === null || _f === void 0 ? void 0 : _f.call(_e, currentLanguageId)) || defaultLanguage;
+        };
+        const targetLanguage = getTargetLanguage();
+        // 如果有多语种样式配置，优先使用
+        if (this.model.fontStyleCultures && this.model.fontStyleCultures[targetLanguage]) {
+            const style = this.model.fontStyleCultures[targetLanguage];
+            return {
+                isUnderline: style.isUnderline,
+                isBold: this.isBold(style.fontStyle),
+                isItalic: this.isItalic(style.fontStyle),
+                fontSize: style.fontSize,
+                fontFamily: this.fontFamily(style.fontStyle),
+                color: style.fontColor,
+                textAlign: style.textAlign
+            };
+        }
+        // 回退到全局样式
+        return {
+            isUnderline: this.model.isUnderline,
+            isBold: this.isBold(this.model.font),
+            isItalic: this.isItalic(this.model.font),
+            fontSize: this.model.fontSize,
+            fontFamily: this.fontFamily(this.model.font),
+            color: this.model.stroke,
+            textAlign: this.model.textAlign
+        };
+    }
     /**
      * 获取显示文本
      * 如果配置了文本库，则从文本库中获取对应语种的文本
@@ -39273,7 +39329,7 @@ class text_element_TextElement extends conditional_dynamic_display_element_Condi
 // CONCATENATED MODULE: ./.tmp/elements/shared/text/text-state-element.ts
 
 class text_state_element_TextStateElement {
-    constructor(textStates, width, height, logger, version, faultFlickers, textLibrarySetting, textLibraryService, languageService, guiContext, allowEmpty = false) {
+    constructor(textStates, width, height, logger, version, faultFlickers, textLibrarySetting, textLibraryService, languageService, guiContext, allowEmpty = false, fontStyleCultures) {
         this.textStates = textStates;
         this.width = width;
         this.height = height;
@@ -39285,6 +39341,7 @@ class text_state_element_TextStateElement {
         this.languageService = languageService;
         this.guiContext = guiContext;
         this.allowEmpty = allowEmpty;
+        this.fontStyleCultures = fontStyleCultures;
         this.faultFlickerStatus = false;
         this.faultFlickerInterval = undefined;
         this._element = document.createElementNS('http://www.w3.org/2000/svg', 'g');
@@ -39309,7 +39366,7 @@ class text_state_element_TextStateElement {
             this.removeForeignObjectlement();
             return;
         }
-        const font = textState.text.font;
+        const font = this.getFontForState(stateId, textState.text.font);
         if (!font) {
             this.removeForeignObjectlement();
             this.logger.debug('The font is undefined.');
@@ -39431,6 +39488,32 @@ class text_state_element_TextStateElement {
             }
         }
     }
+    /**
+     * 获取指定状态在当前语种下的字体样式
+     */
+    getFontForState(stateId, defaultFont) {
+        if (!this.fontStyleCultures) {
+            return defaultFont;
+        }
+        const stateKey = stateId.toString();
+        if (!this.fontStyleCultures[stateKey]) {
+            return defaultFont;
+        }
+        const getTargetLanguage = () => {
+            var _a, _b, _c, _d, _e, _f;
+            const currentLanguageId = (_c = (_b = (_a = this.guiContext) === null || _a === void 0 ? void 0 : _a.getCurrentLanguageId) === null || _b === void 0 ? void 0 : _b.call(_a)) !== null && _c !== void 0 ? _c : null;
+            const defaultLanguage = ((_d = this.languageService) === null || _d === void 0 ? void 0 : _d.getDefaultLanguage()) || 'zh-CN';
+            if (currentLanguageId === null || currentLanguageId === undefined) {
+                return defaultLanguage;
+            }
+            return ((_f = (_e = this.guiContext) === null || _e === void 0 ? void 0 : _e.getLanguageCultureById) === null || _f === void 0 ? void 0 : _f.call(_e, currentLanguageId)) || defaultLanguage;
+        };
+        const targetLanguage = getTargetLanguage();
+        if (this.fontStyleCultures[stateKey][targetLanguage]) {
+            return this.fontStyleCultures[stateKey][targetLanguage];
+        }
+        return defaultFont;
+    }
     /**
      * 获取显示文本
      * 支持三种格式：
@@ -40089,11 +40172,18 @@ class switch_indicator_light_element_SwitchIndicatorLightElement extends conditi
         }
     }
     initIndictorLightOperator() {
+        var _a, _b, _c, _d;
         const settings = this.model.indicatorLightSettings;
         if (settings.settings.variableName) {
             const variable = new variable_definition["a" /* VariableDefinition */](settings.settings.variableName, settings.settings.variableGroupName, settings.settings.dataSourceCode, settings.settings.variableVersion);
-            this.addElementState(new communication["c" /* VariableState */](variable_util["a" /* VariableUtil */].getConvertedVariableName(this.variableStore, variable), undefined));
+            const convertedName = variable_util["a" /* VariableUtil */].getConvertedVariableName(this.variableStore, variable);
+            this.addElementState(new communication["c" /* VariableState */](convertedName, undefined));
             this.initState();
+            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;
+            }
         }
         switch (settings.type) {
             case _tmp_model["IndicatorLightType"].Bit:
@@ -40140,7 +40230,7 @@ class switch_indicator_light_element_SwitchIndicatorLightElement extends conditi
             this.graphStateElement = new graph_state_element_GraphStateElement(this.model.graphSetting, width, height, this.graphStore, this.logger, this.model.version, this.model.states);
             this.$element.append(this.graphStateElement.Element);
         }
-        this.textStateElement = new text_state_element_TextStateElement(this.model.states, width, height, this.logger, this.model.version, this.model.states, this.model.textLibrary, this.textLibraryService, this.languageService, this.guiContext, true);
+        this.textStateElement = new text_state_element_TextStateElement(this.model.states, width, height, this.logger, this.model.version, this.model.states, this.model.textLibrary, this.textLibraryService, this.languageService, this.guiContext, true, this.model.fontStyleCultures);
         this.$element.append(this.textStateElement.Element);
     }
     /**
@@ -40585,7 +40675,7 @@ class view_operation_element_ViewOperationElement extends conditional_enable_ele
         this.$element.find('text').remove();
         this.initGraph(width, height);
         this.rootElement.append('rect').attr('id', 'StateFrame').attr('width', width).attr('height', height).attr('fill', 'transparent');
-        const font = Object.assign(Object.assign({}, this.model.label.font), { fontFamily: this.model.label.font.fontFamily || 'msyh' });
+        const font = this.getFontStyle();
         this.textElementModal = new text_element_TextElementModal(this.getDisplayText(), font, width, height);
         this.$element.append(this.textElementModal.Element);
         this.switchToState(0);
@@ -40765,11 +40855,41 @@ class view_operation_element_ViewOperationElement extends conditional_enable_ele
             });
         }
     }
+    /**
+     * 获取当前语种的字体样式
+     */
+    getFontStyle() {
+        const getTargetLanguage = () => {
+            var _a, _b, _c, _d, _e, _f;
+            const currentLanguageId = (_c = (_b = (_a = this.guiContext) === null || _a === void 0 ? void 0 : _a.getCurrentLanguageId) === null || _b === void 0 ? void 0 : _b.call(_a)) !== null && _c !== void 0 ? _c : null;
+            const defaultLanguage = ((_d = this.languageService) === null || _d === void 0 ? void 0 : _d.getDefaultLanguage()) || 'zh-CN';
+            if (currentLanguageId === null || currentLanguageId === undefined) {
+                return defaultLanguage;
+            }
+            return ((_f = (_e = this.guiContext) === null || _e === void 0 ? void 0 : _e.getLanguageCultureById) === null || _f === void 0 ? void 0 : _f.call(_e, currentLanguageId)) || defaultLanguage;
+        };
+        const targetLanguage = getTargetLanguage();
+        if (this.model.fontStyleCultures && this.model.fontStyleCultures[targetLanguage]) {
+            const style = this.model.fontStyleCultures[targetLanguage];
+            return {
+                isUnderline: style.isUnderline,
+                isBold: style.isBold,
+                isItalic: style.isItalic,
+                fontSize: style.fontSize,
+                fontFamily: style.fontFamily || 'msyh',
+                color: style.color,
+                textAlign: style.textAlign
+            };
+        }
+        return Object.assign(Object.assign({}, this.model.label.font), { fontFamily: this.model.label.font.fontFamily || 'msyh' });
+    }
     /**
      * 更新文本内容（支持文本库和语种切换）
      */
     updateTextContent() {
         if (this.textElementModal) {
+            const font = this.getFontStyle();
+            this.textElementModal.updateFont(font);
             this.textElementModal.updateText(this.getDisplayText());
         }
     }
@@ -40987,9 +41107,9 @@ class hyperlink_element_HyperlinkElement extends conditional_dynamic_display_ele
         if (!this.textElementModal || !this.model.size) {
             return;
         }
-        // 获取新的显示文本
         const displayText = this.getDisplayText();
-        // 直接更新文本内容，而不是重新创建元素
+        const font = this.getFontStyle();
+        this.textElementModal.updateFont(font);
         this.textElementModal.updateText(displayText);
     }
     initGraphAndText() {
@@ -41003,7 +41123,39 @@ class hyperlink_element_HyperlinkElement extends conditional_dynamic_display_ele
             graphStateElement.switchToState(0);
             this.$element.prepend(graphStateElement.Element);
         }
-        const font = {
+        const font = this.getFontStyle();
+        // 获取显示文本（支持文本库）
+        const displayText = this.getDisplayText();
+        this.textElementModal = new text_element_TextElementModal(displayText, font, width, height);
+        this.$element.append(this.textElementModal.Element);
+    }
+    /**
+     * 获取当前语种的字体样式
+     */
+    getFontStyle() {
+        const getTargetLanguage = () => {
+            var _a, _b, _c, _d, _e, _f;
+            const currentLanguageId = (_c = (_b = (_a = this.guiContext) === null || _a === void 0 ? void 0 : _a.getCurrentLanguageId) === null || _b === void 0 ? void 0 : _b.call(_a)) !== null && _c !== void 0 ? _c : null;
+            const defaultLanguage = ((_d = this.languageService) === null || _d === void 0 ? void 0 : _d.getDefaultLanguage()) || 'zh-CN';
+            if (currentLanguageId === null || currentLanguageId === undefined) {
+                return defaultLanguage;
+            }
+            return ((_f = (_e = this.guiContext) === null || _e === void 0 ? void 0 : _e.getLanguageCultureById) === null || _f === void 0 ? void 0 : _f.call(_e, currentLanguageId)) || defaultLanguage;
+        };
+        const targetLanguage = getTargetLanguage();
+        if (this.model.fontStyleCultures && this.model.fontStyleCultures[targetLanguage]) {
+            const style = this.model.fontStyleCultures[targetLanguage];
+            return {
+                isUnderline: style.isUnderline,
+                isBold: this.isBold(style.fontStyle),
+                isItalic: this.isItalic(style.fontStyle),
+                fontSize: style.fontSize,
+                fontFamily: this.fontFamily(style.fontStyle),
+                color: style.fontColor,
+                textAlign: style.textAlign
+            };
+        }
+        return {
             isUnderline: this.model.isUnderline,
             isBold: this.isBold(this.model.font),
             isItalic: this.isItalic(this.model.font),
@@ -41012,10 +41164,6 @@ class hyperlink_element_HyperlinkElement extends conditional_dynamic_display_ele
             color: this.model.stroke,
             textAlign: this.model.textAlign
         };
-        // 获取显示文本（支持文本库）
-        const displayText = this.getDisplayText();
-        this.textElementModal = new text_element_TextElementModal(displayText, font, width, height);
-        this.$element.append(this.textElementModal.Element);
     }
     /**
      * 获取显示文本
@@ -43550,6 +43698,7 @@ class gui_view_GuiView {
         this.logger.debug('[GUI] View loaded.');
     }
     loadElementState() {
+        var _a, _b;
         if (!this.mainElement) {
             return;
         }
@@ -43594,6 +43743,20 @@ class gui_view_GuiView {
                 });
             normalVariablesForState.splice(normalVariablesForState.indexOf('设备状态'), 1);
         }
+        const validVariableNames = (_b = (_a = this.context.configStore.variableStore).getAllVariableNames) === null || _b === void 0 ? void 0 : _b.call(_a);
+        if (validVariableNames) {
+            const invalidVariables = normalVariablesForState.filter(name => !validVariableNames.includes(name));
+            if (invalidVariables.length > 0) {
+                const unbindStates = invalidVariables.map(name => new communication["c" /* VariableState */](name, communication["d" /* VariableStateEnum */].InvalidMonitor));
+                this.mainElement.reportVariableStates(unbindStates);
+                invalidVariables.forEach(name => {
+                    const idx = normalVariablesForState.indexOf(name);
+                    if (idx !== -1) {
+                        normalVariablesForState.splice(idx, 1);
+                    }
+                });
+            }
+        }
         if (normalVariablesForState.length === 0) {
             return;
         }
@@ -67012,6 +67175,7 @@ var State;
     State[State["Unbind"] = 2] = "Unbind";
     State[State["Abnormal"] = 3] = "Abnormal";
     State[State["Loading"] = 4] = "Loading";
+    State[State["InvalidMonitor"] = 5] = "InvalidMonitor";
     State[State["Disable"] = 9] = "Disable";
 })(State || (State = {}));