@flexem/fc-gui 3.0.0-alpha.16 → 3.0.0-alpha.160

package/elements/static-elements/hyperlink-element.d.ts

@@ -1,14 +1,40 @@
-import { PermissionChecker } from '../../service';
-import { VariableCommunicator } from '../../communication';
-import { ConditionalDynamicDisplayElement } from '../base/conditional-dynamic-display-element';
-import { GraphStore, VariableStore } from '../../config';
-import { LoggerService } from '../../logger';
-import { Injector } from '@angular/core';
-import { HyperlinkModel } from '../../model/hyperlink/hyperlink.model';
-export declare class HyperlinkElement extends ConditionalDynamicDisplayElement {
-    private readonly graphStore;
-    protected readonly model: HyperlinkModel;
-    protected readonly logger: LoggerService;
-    constructor(element: HTMLElement, injector: Injector, permissionChecker: PermissionChecker, variableCommunicator: VariableCommunicator, variableStore: VariableStore, graphStore: GraphStore, signalRAppId: string);
-    private initGraphAndText;
-}
+import { PermissionChecker, TextLibraryService, LanguageService } from '../../service';
+import { VariableCommunicator } from '../../communication';
+import { ConditionalDynamicDisplayElement } from '../base/conditional-dynamic-display-element';
+import { GraphStore, VariableStore } from '../../config';
+import { LoggerService } from '../../logger';
+import { Injector } from '@angular/core';
+import { HyperlinkModel } from '../../model/hyperlink/hyperlink.model';
+import { GuiContext } from '../../gui/gui-context';
+export declare class HyperlinkElement extends ConditionalDynamicDisplayElement {
+    private readonly graphStore;
+    private readonly textLibraryService?;
+    private readonly languageService?;
+    private readonly guiContext?;
+    protected readonly model: HyperlinkModel;
+    protected readonly logger: LoggerService;
+    private languageChangeSubscription?;
+    private textElementModal?;
+    constructor(element: HTMLElement, injector: Injector, permissionChecker: PermissionChecker, variableCommunicator: VariableCommunicator, variableStore: VariableStore, graphStore: GraphStore, signalRAppId: string, textLibraryService?: TextLibraryService, languageService?: LanguageService, guiContext?: GuiContext);
+    dispose(): void;
+    /**
+     * 订阅语种变化事件
+     * 当设备的语种ID改变时，重新渲染文本
+     */
+    private subscribeLanguageChange;
+    /**
+     * 重新渲染文本
+     */
+    private reRenderText;
+    private initGraphAndText;
+    /**
+     * 获取当前语种的字体样式
+     */
+    private getFontStyle;
+    /**
+     * 获取显示文本
+     * 如果配置了文本库，则从文本库中获取对应语种的文本
+     * 否则返回默认文本
+     */
+    private getDisplayText;
+}

package/elements/static-elements/hyperlink-element.js

@@ -1,48 +1,197 @@
-import { ConditionalDynamicDisplayElement } from '../base/conditional-dynamic-display-element';
-import { GraphStateElement } from '../shared/graph/graph-state-element';
-import { LOGGER_SERVICE_TOKEN } from '../../logger';
-import { TextElementModal } from '../shared/text/text-element';
-export class HyperlinkElement extends ConditionalDynamicDisplayElement {
-    constructor(element, injector, permissionChecker, variableCommunicator, variableStore, graphStore, signalRAppId) {
-        super(element, permissionChecker, variableCommunicator, variableStore, signalRAppId);
-        this.graphStore = graphStore;
-        this.logger = injector.get(LOGGER_SERVICE_TOKEN);
-        if (this.model.size) {
-            this.initGraphAndText();
-        }
-        if (this.model && this.model.linkAddress) {
-            this.rootElement.style('cursor', 'hand');
-            this.rootElement.on('mousedown', () => {
-                let linkAddress = this.model.linkAddress;
-                const reg = /^http(s)?:\/\/.+$/;
-                if (!reg.test(linkAddress)) {
-                    linkAddress = 'http://' + linkAddress;
-                }
-                window.open(linkAddress, '_system');
-            });
-        }
-    }
-    initGraphAndText() {
-        this.rootElement.selectAll('*').remove();
-        const size = this.model.size;
-        const width = size.width;
-        const height = size.height;
-        this.rootElement.append('rect').attr('id', 'StateFrame').attr('width', width).attr('height', height).attr('fill', 'transparent');
-        if (this.model.useGraph === true) {
-            const graphStateElement = new GraphStateElement(this.model.graphSetting, width, height, this.graphStore, this.logger);
-            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 textElement = new TextElementModal(this.model.text, font, width, height);
-        this.$element.append(textElement.Element);
-    }
-}
+import { ConditionalDynamicDisplayElement } from '../base/conditional-dynamic-display-element';
+import { GraphStateElement } from '../shared/graph/graph-state-element';
+import { LOGGER_SERVICE_TOKEN } from '../../logger';
+import { TextElementModal } from '../shared/text/text-element';
+export class HyperlinkElement extends ConditionalDynamicDisplayElement {
+    constructor(element, injector, permissionChecker, variableCommunicator, variableStore, graphStore, signalRAppId, textLibraryService, languageService, guiContext) {
+        super(element, permissionChecker, variableCommunicator, variableStore, signalRAppId);
+        this.graphStore = graphStore;
+        this.textLibraryService = textLibraryService;
+        this.languageService = languageService;
+        this.guiContext = guiContext;
+        this.logger = injector.get(LOGGER_SERVICE_TOKEN);
+        if (this.model.size) {
+            this.initGraphAndText();
+            // 订阅语种变化
+            this.subscribeLanguageChange();
+        }
+        if (this.model && this.model.linkAddress) {
+            this.rootElement.style('cursor', 'hand');
+            this.rootElement.on('mousedown', () => {
+                let linkAddress = this.model.linkAddress;
+                const reg = /^http(s)?:\/\/.+$/;
+                if (!reg.test(linkAddress)) {
+                    linkAddress = 'http://' + linkAddress;
+                }
+                window.open(linkAddress, '_system');
+            });
+        }
+    }
+    dispose() {
+        // 取消语种变化订阅
+        if (this.languageChangeSubscription) {
+            this.languageChangeSubscription.unsubscribe();
+            this.languageChangeSubscription = undefined;
+        }
+        if (this.$element) {
+            this.$element.remove();
+        }
+    }
+    /**
+     * 订阅语种变化事件
+     * 当设备的语种ID改变时，重新渲染文本
+     */
+    subscribeLanguageChange() {
+        if (this.guiContext && this.guiContext.languageChanged$) {
+            this.languageChangeSubscription = this.guiContext.languageChanged$.subscribe(() => {
+                // 重新渲染文本
+                this.reRenderText();
+            });
+        }
+    }
+    /**
+     * 重新渲染文本
+     */
+    reRenderText() {
+        if (!this.textElementModal || !this.model.size) {
+            return;
+        }
+        const displayText = this.getDisplayText();
+        const font = this.getFontStyle();
+        this.textElementModal.updateFont(font);
+        this.textElementModal.updateText(displayText);
+    }
+    initGraphAndText() {
+        this.rootElement.selectAll('*').remove();
+        const size = this.model.size;
+        const width = size.width;
+        const height = size.height;
+        this.rootElement.append('rect').attr('id', 'StateFrame').attr('width', width).attr('height', height).attr('fill', 'transparent');
+        if (this.model.useGraph === true) {
+            const graphStateElement = new GraphStateElement(this.model.graphSetting, width, height, this.graphStore, this.logger);
+            graphStateElement.switchToState(0);
+            this.$element.prepend(graphStateElement.Element);
+        }
+        const font = this.getFontStyle();
+        // 获取显示文本（支持文本库）
+        const displayText = this.getDisplayText();
+        this.textElementModal = new 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),
+            fontSize: this.model.fontSize,
+            fontFamily: this.fontFamily(this.model.font),
+            color: this.model.stroke,
+            textAlign: this.model.textAlign
+        };
+    }
+    /**
+     * 获取显示文本
+     * 如果配置了文本库，则从文本库中获取对应语种的文本
+     * 否则返回默认文本
+     */
+    getDisplayText() {
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j;
+        // 检查是否使用文本库
+        if (this.model.textLibrary && this.model.textLibrary.labelType === 'textLibrary') {
+            const textLibraryId = this.model.textLibrary.selectedTextLibraryItem;
+            const textItem = this.model.textLibrary.selectedTextItem;
+            if (textLibraryId && textItem && this.textLibraryService) {
+                // 获取文本库数据
+                const textLibraryData = this.textLibraryService.getTextLibraryById(typeof textLibraryId === 'string' ? parseInt(textLibraryId, 10) : textLibraryId);
+                if (textLibraryData && textLibraryData.data) {
+                    // 查找对应的文本条目
+                    const textEntry = textLibraryData.data.find(entry => entry.key === textItem.toString());
+                    if (textEntry) {
+                        // 获取当前语种ID
+                        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;
+                        // 确定要使用的语种代码（culture）
+                        let targetLanguage;
+                        const defaultLanguage = ((_d = this.languageService) === null || _d === void 0 ? void 0 : _d.getDefaultLanguage()) || 'zh-CN';
+                        if (currentLanguageId === null || currentLanguageId === undefined) {
+                            // 设备未设置当前语种，使用默认语种
+                            targetLanguage = defaultLanguage;
+                        }
+                        else {
+                            // 设备已设置当前语种，获取对应的语种代码
+                            const currentLanguage = (_f = (_e = this.guiContext) === null || _e === void 0 ? void 0 : _e.getLanguageCultureById) === null || _f === void 0 ? void 0 : _f.call(_e, currentLanguageId);
+                            if (currentLanguage) {
+                                targetLanguage = currentLanguage;
+                            }
+                            else {
+                                // 无法获取语种代码，使用默认语种
+                                targetLanguage = defaultLanguage;
+                            }
+                        }
+                        // 返回对应语种的文本
+                        if (textEntry.cultures && textEntry.cultures[targetLanguage]) {
+                            return textEntry.cultures[targetLanguage];
+                        }
+                        // 如果没有对应语种，返回空字符串
+                        return '';
+                    }
+                }
+            }
+            // 文本库配置但未找到数据，返回空字符串
+            return '';
+        }
+        // 处理自定义文本（支持多语种）
+        if (this.model.text || this.model.textCultures) {
+            // 获取目标语种（公共逻辑）
+            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 language = ((_j = (_h = (_g = window.abp) === null || _g === void 0 ? void 0 : _g.localization) === null || _h === void 0 ? void 0 : _h.currentLanguage) === null || _j === void 0 ? void 0 : _j.name) || 'zh-Hans';
+            const isChinese = language === 'zh-Hans' || language === 'zh';
+            const fallback = isChinese ? '超链接' : 'Hyperlink';
+            // 新格式：textCultures 在顶层（与 text 字段并列）
+            if (this.model.textCultures && typeof this.model.textCultures === 'object') {
+                return this.model.textCultures[getTargetLanguage()] || fallback;
+            }
+            // 中间格式（兼容）：text 为 { cultures: {...} }
+            if (typeof this.model.text === 'object' && this.model.text.cultures) {
+                return this.model.text.cultures[getTargetLanguage()] || fallback;
+            }
+            // 旧格式：字符串
+            if (typeof this.model.text === 'string') {
+                return this.model.text;
+            }
+        }
+        return '';
+    }
+}

package/elements/static-elements/hyperlink-element.metadata.json

@@ -1 +1 @@
-[{"__symbolic":"module","version":4,"metadata":{"HyperlinkElement":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"../base/conditional-dynamic-display-element","name":"ConditionalDynamicDisplayElement","line":12,"character":38},"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"error","message":"Could not resolve type","line":17,"character":25,"context":{"typeName":"HTMLElement"}},{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":17,"character":48},{"__symbolic":"reference","module":"../../service","name":"PermissionChecker","line":17,"character":77},{"__symbolic":"reference","module":"../../communication","name":"VariableCommunicator","line":18,"character":30},{"__symbolic":"reference","module":"../../config","name":"VariableStore","line":18,"character":67},{"__symbolic":"reference","module":"../../config","name":"GraphStore","line":18,"character":111},{"__symbolic":"reference","name":"string"}]}],"initGraphAndText":[{"__symbolic":"method"}]}}}}]
+[{"__symbolic":"module","version":4,"metadata":{"HyperlinkElement":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"../base/conditional-dynamic-display-element","name":"ConditionalDynamicDisplayElement","line":14,"character":38},"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"error","message":"Could not resolve type","line":21,"character":25,"context":{"typeName":"HTMLElement"}},{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":21,"character":48},{"__symbolic":"reference","module":"../../service","name":"PermissionChecker","line":21,"character":77},{"__symbolic":"reference","module":"../../communication","name":"VariableCommunicator","line":22,"character":30},{"__symbolic":"reference","module":"../../config","name":"VariableStore","line":22,"character":67},{"__symbolic":"reference","module":"../../config","name":"GraphStore","line":22,"character":111},{"__symbolic":"reference","name":"string"},{"__symbolic":"reference","module":"../../service","name":"TextLibraryService","line":24,"character":46},{"__symbolic":"reference","module":"../../service","name":"LanguageService","line":25,"character":43},{"__symbolic":"reference","module":"../../gui/gui-context","name":"GuiContext","line":26,"character":38}]}],"dispose":[{"__symbolic":"method"}],"subscribeLanguageChange":[{"__symbolic":"method"}],"reRenderText":[{"__symbolic":"method"}],"initGraphAndText":[{"__symbolic":"method"}],"getFontStyle":[{"__symbolic":"method"}],"getDisplayText":[{"__symbolic":"method"}]}}}}]

package/elements/static-elements/image-element.d.ts

@@ -1,14 +1,14 @@
-import { ImageStore, GraphStore, VariableStore } from '../../config';
-import { Image } from '../../model';
-import { PermissionChecker } from '../../service';
-import { VariableCommunicator } from '../../communication';
-import { ConditionalDynamicDisplayElement } from '../base/conditional-dynamic-display-element';
-import { LoggerService } from '../../logger';
-import { Injector } from '@angular/core';
-export declare class ImageElement extends ConditionalDynamicDisplayElement {
-    private readonly graphStore;
-    readonly model: Image;
-    protected readonly logger: LoggerService;
-    constructor(element: HTMLElement, injector: Injector, imageStore: ImageStore, permissionChecker: PermissionChecker, variableCommunicator: VariableCommunicator, variableStore: VariableStore, graphStore: GraphStore, signalRAppId: string);
-    private initGraph;
-}
+import { ImageStore, GraphStore, VariableStore } from '../../config';
+import { Image } from '../../model';
+import { PermissionChecker } from '../../service';
+import { VariableCommunicator } from '../../communication';
+import { ConditionalDynamicDisplayElement } from '../base/conditional-dynamic-display-element';
+import { LoggerService } from '../../logger';
+import { Injector } from '@angular/core';
+export declare class ImageElement extends ConditionalDynamicDisplayElement {
+    private readonly graphStore;
+    readonly model: Image;
+    protected readonly logger: LoggerService;
+    constructor(element: HTMLElement, injector: Injector, imageStore: ImageStore, permissionChecker: PermissionChecker, variableCommunicator: VariableCommunicator, variableStore: VariableStore, graphStore: GraphStore, signalRAppId: string);
+    private initGraph;
+}

package/elements/static-elements/image-element.js

@@ -1,41 +1,41 @@
-import { ConditionalDynamicDisplayElement } from '../base/conditional-dynamic-display-element';
-import { ImageFillType } from '../../model/image/image-fill-type';
-import { GraphStateElement } from '../shared/graph/graph-state-element';
-import { LOGGER_SERVICE_TOKEN } from '../../logger';
-export class ImageElement extends ConditionalDynamicDisplayElement {
-    constructor(element, injector, imageStore, permissionChecker, variableCommunicator, variableStore, graphStore, signalRAppId) {
-        super(element, permissionChecker, variableCommunicator, variableStore, signalRAppId);
-        this.graphStore = graphStore;
-        this.logger = injector.get(LOGGER_SERVICE_TOKEN);
-        if (!this.model.version || this.model.version < 4 || this.model.fillType !== ImageFillType.Graph) {
-            let imageSourceUrl = '';
-            if (this.model.imageId) {
-                imageSourceUrl = imageStore.getImageUrl(this.model.imageId);
-            }
-            const imageEl = this.rootElement.select('image');
-            // gojs-v1.7.11不输出image元素导致图片不显示，这里专门处理一下。
-            if (imageEl.empty()) {
-                const size = this.model.size;
-                if (size) {
-                    this.rootElement.append('image')
-                        .attr('width', size.width)
-                        .attr('height', size.height)
-                        .attr('xlink:href', imageSourceUrl)
-                        .attr('preserveAspectRatio', 'none')
-                        .attr('crossorigin', 'anonymous');
-                }
-            }
-            else {
-                imageEl.attr('xlink:href', imageSourceUrl).attr('crossorigin', 'anonymous');
-            }
-        }
-        else {
-            this.initGraph(this.model.size.width, this.model.size.height);
-        }
-    }
-    initGraph(width, height) {
-        const graphStateElement = new GraphStateElement(this.model.graphSetting, width, height, this.graphStore, this.logger);
-        graphStateElement.switchToState(0);
-        this.$element.prepend(graphStateElement.Element);
-    }
-}
+import { ConditionalDynamicDisplayElement } from '../base/conditional-dynamic-display-element';
+import { ImageFillType } from '../../model/image/image-fill-type';
+import { GraphStateElement } from '../shared/graph/graph-state-element';
+import { LOGGER_SERVICE_TOKEN } from '../../logger';
+export class ImageElement extends ConditionalDynamicDisplayElement {
+    constructor(element, injector, imageStore, permissionChecker, variableCommunicator, variableStore, graphStore, signalRAppId) {
+        super(element, permissionChecker, variableCommunicator, variableStore, signalRAppId);
+        this.graphStore = graphStore;
+        this.logger = injector.get(LOGGER_SERVICE_TOKEN);
+        if (!this.model.version || this.model.version < 4 || this.model.fillType !== ImageFillType.Graph) {
+            let imageSourceUrl = '';
+            if (this.model.imageId) {
+                imageSourceUrl = imageStore.getImageUrl(this.model.imageId);
+            }
+            const imageEl = this.rootElement.select('image');
+            // gojs-v1.7.11不输出image元素导致图片不显示，这里专门处理一下。
+            if (imageEl.empty()) {
+                const size = this.model.size;
+                if (size) {
+                    this.rootElement.append('image')
+                        .attr('width', size.width)
+                        .attr('height', size.height)
+                        .attr('xlink:href', imageSourceUrl)
+                        .attr('preserveAspectRatio', 'none')
+                        .attr('crossorigin', 'anonymous');
+                }
+            }
+            else {
+                imageEl.attr('xlink:href', imageSourceUrl).attr('crossorigin', 'anonymous');
+            }
+        }
+        else {
+            this.initGraph(this.model.size.width, this.model.size.height);
+        }
+    }
+    initGraph(width, height) {
+        const graphStateElement = new GraphStateElement(this.model.graphSetting, width, height, this.graphStore, this.logger);
+        graphStateElement.switchToState(0);
+        this.$element.prepend(graphStateElement.Element);
+    }
+}

package/elements/static-elements/text-element.d.ts

@@ -1,16 +1,42 @@
-import { TextModel } from '../../model';
-import { VariableCommunicator } from '../../communication';
-import { ConditionalDynamicDisplayElement } from '../base/conditional-dynamic-display-element';
-import { GraphStore, VariableStore } from '../../config';
-import { LoggerService } from '../../logger';
-import { Injector } from '@angular/core';
-import { PermissionChecker } from '../../service';
-export declare class TextElement extends ConditionalDynamicDisplayElement {
-    private readonly graphStore;
-    protected readonly model: TextModel;
-    protected readonly logger: LoggerService;
-    constructor(element: HTMLElement, injector: Injector, permissionChecker: PermissionChecker, variableCommunicator: VariableCommunicator, variableStore: VariableStore, graphStore: GraphStore, signalRAppId: string);
-    dispose(): void;
-    private handleTextValue;
-    private initGraph;
-}
+import { TextModel } from '../../model';
+import { VariableCommunicator } from '../../communication';
+import { ConditionalDynamicDisplayElement } from '../base/conditional-dynamic-display-element';
+import { GraphStore, VariableStore } from '../../config';
+import { LoggerService } from '../../logger';
+import { Injector } from '@angular/core';
+import { PermissionChecker, TextLibraryService, LanguageService } from '../../service';
+import { GuiContext } from '../../gui/gui-context';
+export declare class TextElement extends ConditionalDynamicDisplayElement {
+    private readonly graphStore;
+    private readonly textLibraryService?;
+    private readonly languageService?;
+    private readonly guiContext?;
+    protected readonly model: TextModel;
+    protected readonly logger: LoggerService;
+    private languageChangeSubscription?;
+    private textElementModal?;
+    constructor(element: HTMLElement, injector: Injector, permissionChecker: PermissionChecker, variableCommunicator: VariableCommunicator, variableStore: VariableStore, graphStore: GraphStore, signalRAppId: string, textLibraryService?: TextLibraryService, languageService?: LanguageService, guiContext?: GuiContext);
+    dispose(): void;
+    /**
+     * 订阅语种变化事件
+     * 当设备的语种ID改变时，重新渲染文本
+     */
+    private subscribeLanguageChange;
+    /**
+     * 重新渲染文本
+     */
+    private reRenderText;
+    /**
+     * 获取当前语种的字体样式
+     */
+    private getFontStyle;
+    /**
+     * 获取显示文本
+     * 如果配置了文本库，则从文本库中获取对应语种的文本
+     * 如果是多语种自定义文本，则根据当前语种ID获取对应语种的文本
+     * 否则返回默认文本
+     */
+    private getDisplayText;
+    private handleTextValue;
+    private initGraph;
+}