@flexem/fc-gui 3.0.0-alpha.155 → 3.0.0-alpha.157

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

@@ -35793,6 +35793,13 @@ class text_element_TextElementModal {
     get Element() {
         return this._element;
     }
+    /**
+     * 更新字体样式
+     * @param font 新的字体样式
+     */
+    updateFont(font) {
+        this.font = font;
+    }
     /**
      * 更新文本内容
      * @param content 新的文本内容
@@ -39119,15 +39126,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 +39170,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 +39313,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 +39325,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 +39350,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 +39472,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;
+    }
     /**
      * 获取显示文本
      * 支持三种格式：
@@ -40140,7 +40207,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 +40652,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 +40832,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 +41084,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 +41100,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 +41141,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);
     }
     /**
      * 获取显示文本
@@ -44291,11 +44416,11 @@ let WriteValueModalComponent = class WriteValueModalComponent {
         this.validate();
     }
     initData(option) {
-        var _a, _b, _c;
+        var _a, _b, _c, _d, _e;
         this.variableName = option.variableName;
         this.displayVariableName = this.variableName;
         if (this.variableName === '当前语种ID') {
-            const language = (_c = (_b = (_a = window.abp) === null || _a === void 0 ? void 0 : _a.localization) === null || _b === void 0 ? void 0 : _b.currentLanguage) === null || _c === void 0 ? void 0 : _c.name;
+            const language = ((_c = (_b = (_a = window.abp) === null || _a === void 0 ? void 0 : _a.localization) === null || _b === void 0 ? void 0 : _b.currentLanguage) === null || _c === void 0 ? void 0 : _c.name) || ((_e = (_d = this.localization.localizationService) === null || _d === void 0 ? void 0 : _d.translate) === null || _e === void 0 ? void 0 : _e.currentLang);
             const isTraditionalChinese = language === 'zh-Hant' || language === 'zh-TW' || language === 'zh-tw';
             const isChinese = language === 'zh-Hans' || language === 'zh';
             if (isTraditionalChinese) {