@flexem/fc-gui 3.0.0-alpha.141 → 3.0.0-alpha.143

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

@@ -39173,7 +39173,7 @@ class text_element_TextElement extends conditional_dynamic_display_element_Condi
      * 否则返回默认文本
      */
     getDisplayText() {
-        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q;
+        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;
@@ -39218,37 +39218,30 @@ class text_element_TextElement extends conditional_dynamic_display_element_Condi
             return '';
         }
         // 处理自定义文本（支持多语种）
-        if (this.model.text) {
-            // 检查是否为多语种格式
-            if (typeof this.model.text === 'object' && this.model.text.cultures) {
-                // 新格式：多语种对象
-                // 获取当前语种ID
-                const currentLanguageId = (_j = (_h = (_g = this.guiContext) === null || _g === void 0 ? void 0 : _g.getCurrentLanguageId) === null || _h === void 0 ? void 0 : _h.call(_g)) !== null && _j !== void 0 ? _j : null;
-                // 确定要使用的语种代码（culture）
-                let targetLanguage;
-                const defaultLanguage = ((_k = this.languageService) === null || _k === void 0 ? void 0 : _k.getDefaultLanguage()) || 'zh-CN';
+        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) {
-                    // 设备未设置当前语种，使用默认语种
-                    targetLanguage = defaultLanguage;
-                }
-                else {
-                    // 设备已设置当前语种，获取对应的语种代码
-                    const currentLanguage = (_m = (_l = this.guiContext) === null || _l === void 0 ? void 0 : _l.getLanguageCultureById) === null || _m === void 0 ? void 0 : _m.call(_l, currentLanguageId);
-                    if (currentLanguage) {
-                        targetLanguage = currentLanguage;
-                    }
-                    else {
-                        targetLanguage = defaultLanguage;
-                    }
+                    return defaultLanguage;
                 }
-                // 返回对应语种的文本，如果没有则根据当前语言环境显示默认文本
-                // 获取当前语言环境
-                const language = ((_q = (_p = (_o = window.abp) === null || _o === void 0 ? void 0 : _o.localization) === null || _p === void 0 ? void 0 : _p.currentLanguage) === null || _q === void 0 ? void 0 : _q.name) || 'zh-Hans';
-                const isChinese = language === 'zh-Hans' || language === 'zh';
-                return this.model.text.cultures[targetLanguage] || (isChinese ? '文本' : 'Text');
+                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 ? '文本' : 'Text';
+            // 新格式：textCultures 在顶层（与 text 字段并列）
+            if (this.model.textCultures && typeof this.model.textCultures === 'object') {
+                return this.model.textCultures[getTargetLanguage()] || fallback;
             }
-            else if (typeof this.model.text === 'string') {
-                // 旧格式：字符串
+            // 中间格式（兼容）：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;
             }
         }
@@ -39301,7 +39294,7 @@ class text_state_element_TextStateElement {
             return;
         }
         // 获取显示文本（支持文本库）
-        const content = this.getDisplayText(stateId, textState.text.content);
+        const content = this.getDisplayText(stateId, textState.text);
         if (content === '' || content == null) {
             this.removeForeignObjectlement();
             return;
@@ -39422,24 +39415,41 @@ class text_state_element_TextStateElement {
     }
     /**
      * 获取显示文本
-     * 如果配置了文本库，则根据状态ID和当前语种ID从文本库中获取对应语种的文本
-     * 如果是多语种自定义文本，则根据当前语种ID获取对应语种的文本
-     * 否则返回默认文本
+     * 支持三种格式：
+     * 1. 新格式：textData.cultures 在顶层（与 content 并列）
+     * 2. 中间格式：textData.content 为 { cultures: {...} }（已废弃，向下兼容）
+     * 3. 旧格式：textData.content 为字符串
      */
-    getDisplayText(stateId, defaultContent) {
-        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q;
-        // 如果 defaultContent 是多语种对象，优先使用（覆盖文本库）
-        if (defaultContent && typeof defaultContent === 'object' && defaultContent.cultures) {
+    getDisplayText(stateId, textData) {
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
+        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';
-            let targetLanguage;
             if (currentLanguageId === null || currentLanguageId === undefined) {
-                targetLanguage = defaultLanguage;
+                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 defaultContent = textData === null || textData === void 0 ? void 0 : textData.content;
+        // 新格式：cultures 在 text 顶层
+        if (textData && textData.cultures && typeof textData.cultures === 'object') {
+            const targetLanguage = getTargetLanguage();
+            if (textData.cultures[targetLanguage]) {
+                return textData.cultures[targetLanguage];
+            }
+            else if (this.allowEmpty) {
+                return '';
             }
             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);
-                targetLanguage = currentLanguage || defaultLanguage;
+                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) || 'zh-Hans';
+                const isChinese = language === 'zh-Hans' || language === 'zh';
+                return isChinese ? '文本' : 'Text';
             }
+        }
+        // 中间格式（兼容）：content 为 { cultures: {...} }
+        if (defaultContent && typeof defaultContent === 'object' && defaultContent.cultures) {
+            const targetLanguage = getTargetLanguage();
             if (defaultContent.cultures[targetLanguage]) {
                 return defaultContent.cultures[targetLanguage];
             }
@@ -39447,7 +39457,7 @@ class text_state_element_TextStateElement {
                 return '';
             }
             else {
-                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 language = ((_f = (_e = (_d = window.abp) === null || _d === void 0 ? void 0 : _d.localization) === null || _e === void 0 ? void 0 : _e.currentLanguage) === null || _f === void 0 ? void 0 : _f.name) || 'zh-Hans';
                 const isChinese = language === 'zh-Hans' || language === 'zh';
                 return isChinese ? '文本' : 'Text';
             }
@@ -39463,17 +39473,17 @@ class text_state_element_TextStateElement {
                     const textEntry = textLibraryData.data.find(entry => entry.value === stateId.toString());
                     if (textEntry) {
                         // 获取当前语种ID
-                        const currentLanguageId = (_m = (_l = (_k = this.guiContext) === null || _k === void 0 ? void 0 : _k.getCurrentLanguageId) === null || _l === void 0 ? void 0 : _l.call(_k)) !== null && _m !== void 0 ? _m : null;
+                        const currentLanguageId = (_j = (_h = (_g = this.guiContext) === null || _g === void 0 ? void 0 : _g.getCurrentLanguageId) === null || _h === void 0 ? void 0 : _h.call(_g)) !== null && _j !== void 0 ? _j : null;
                         // 确定要使用的语种代码（culture）
                         let targetLanguage;
-                        const defaultLanguage = ((_o = this.languageService) === null || _o === void 0 ? void 0 : _o.getDefaultLanguage()) || 'zh-CN';
+                        const defaultLanguage = ((_k = this.languageService) === null || _k === void 0 ? void 0 : _k.getDefaultLanguage()) || 'zh-CN';
                         if (currentLanguageId === null || currentLanguageId === undefined) {
                             // 设备未设置当前语种，使用默认语种
                             targetLanguage = defaultLanguage;
                         }
                         else {
                             // 设备已设置当前语种，获取对应的语种代码
-                            const currentLanguage = (_q = (_p = this.guiContext) === null || _p === void 0 ? void 0 : _p.getLanguageCultureById) === null || _q === void 0 ? void 0 : _q.call(_p, currentLanguageId);
+                            const currentLanguage = (_m = (_l = this.guiContext) === null || _l === void 0 ? void 0 : _l.getLanguageCultureById) === null || _m === void 0 ? void 0 : _m.call(_l, currentLanguageId);
                             if (currentLanguage) {
                                 // 直接使用设备设置的语种，不再fallback
                                 targetLanguage = currentLanguage;
@@ -40509,6 +40519,7 @@ var view_service = __webpack_require__(27);
 
 
 
+
 class view_operation_element_ViewOperationElement extends conditional_enable_element_ConditionalEnableElement {
     constructor(element, injector, modalService, variableCommunicator, variableStore, graphStore, permissionChecker, operationRecordService, securityChecker, localization, popupViewService, hostContainerId, el, signalRAppId, textLibraryService, languageService, guiContext) {
         super(element, permissionChecker, variableCommunicator, variableStore, localization, signalRAppId);
@@ -40534,12 +40545,11 @@ class view_operation_element_ViewOperationElement extends conditional_enable_ele
         const height = this.model.size.height;
         this.initGraph(width, height);
         this.rootElement.append('rect').attr('id', 'StateFrame').attr('width', width).attr('height', height).attr('fill', 'transparent');
-        // 初始化文本显示
-        const $dateTimeText = this.$element.find('text').last();
-        const fontStyle = this.model.label.font.fontStyle;
-        $dateTimeText.css('font', fontStyle + ',msyh');
-        // 设置初始文本内容（支持文本库）
-        this.updateTextContent($dateTimeText);
+        // 移除模板中原有的 SVG <text> 元素，改用 TextElementModal（foreignObject）渲染，支持换行
+        this.$element.find('text').last().remove();
+        const font = Object.assign(Object.assign({}, this.model.label.font), { fontFamily: this.model.label.font.fontFamily || 'msyh' });
+        this.textElementModal = new text_element_TextElementModal(this.getDisplayText(), font, width, height);
+        this.$element.append(this.textElementModal.Element);
         this.switchToState(0);
         this.rootElement.on('mousedown', () => {
             if (!this.isInitialized) {
@@ -40713,24 +40723,23 @@ class view_operation_element_ViewOperationElement extends conditional_enable_ele
     subscribeLanguageChange() {
         if (this.guiContext && this.guiContext.languageChanged$) {
             this.languageChangeSubscription = this.guiContext.languageChanged$.subscribe(() => {
-                // 更新文本内容
-                const $dateTimeText = this.$element.find('text').last();
-                this.updateTextContent($dateTimeText);
+                this.updateTextContent();
             });
         }
     }
     /**
      * 更新文本内容（支持文本库和语种切换）
      */
-    updateTextContent($textElement) {
-        const displayText = this.getDisplayText();
-        $textElement.text(displayText);
+    updateTextContent() {
+        if (this.textElementModal) {
+            this.textElementModal.updateText(this.getDisplayText());
+        }
     }
     /**
      * 获取显示文本
      */
     getDisplayText() {
-        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
+        var _a, _b, _c, _d, _e, _f;
         // 检查是否使用文本库
         if (this.model.textLibrary && this.model.textLibrary.labelType === 'textLibrary') {
             const textLibraryId = this.model.textLibrary.selectedTextLibraryItem;
@@ -40775,35 +40784,30 @@ class view_operation_element_ViewOperationElement extends conditional_enable_ele
             return '';
         }
         // 处理自定义文本（支持多语种）
-        if (this.model.label && this.model.label.content) {
-            // 检查是否为多语种格式
-            if (typeof this.model.label.content === 'object' && this.model.label.content.cultures) {
-                // 新格式：多语种对象
-                // 获取当前语种ID
-                const currentLanguageId = (_j = (_h = (_g = this.guiContext) === null || _g === void 0 ? void 0 : _g.getCurrentLanguageId) === null || _h === void 0 ? void 0 : _h.call(_g)) !== null && _j !== void 0 ? _j : null;
-                // 确定要使用的语种代码（culture）
-                let targetLanguage;
-                const defaultLanguage = ((_k = this.languageService) === null || _k === void 0 ? void 0 : _k.getDefaultLanguage()) || 'zh-CN';
+        if (this.model.label) {
+            // 获取目标语种（公共逻辑）
+            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) {
-                    // 设备未设置当前语种，使用默认语种
-                    targetLanguage = defaultLanguage;
+                    return defaultLanguage;
                 }
-                else {
-                    // 设备已设置当前语种，获取对应的语种代码
-                    const currentLanguage = (_m = (_l = this.guiContext) === null || _l === void 0 ? void 0 : _l.getLanguageCultureById) === null || _m === void 0 ? void 0 : _m.call(_l, currentLanguageId);
-                    if (currentLanguage) {
-                        targetLanguage = currentLanguage;
-                    }
-                    else {
-                        targetLanguage = 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;
+            };
+            // 新格式：cultures 在 label 顶层
+            if (this.model.label.cultures && typeof this.model.label.cultures === 'object') {
+                return this.model.label.cultures[getTargetLanguage()] || '';
+            }
+            if (this.model.label.content) {
+                // 中间格式（兼容）：content 为 { cultures: {...} }
+                if (typeof this.model.label.content === 'object' && this.model.label.content.cultures) {
+                    return this.model.label.content.cultures[getTargetLanguage()] || '';
                 }
-                // toggle-view 找不到语种内容时默认为空字符串
-                return this.model.label.content.cultures[targetLanguage] || '';
-            }
-            else if (typeof this.model.label.content === 'string') {
                 // 旧格式：字符串
-                return this.model.label.content;
+                if (typeof this.model.label.content === 'string') {
+                    return this.model.label.content;
+                }
             }
         }
         return '';
@@ -40981,7 +40985,7 @@ class hyperlink_element_HyperlinkElement extends conditional_dynamic_display_ele
      * 否则返回默认文本
      */
     getDisplayText() {
-        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q;
+        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;
@@ -41026,37 +41030,30 @@ class hyperlink_element_HyperlinkElement extends conditional_dynamic_display_ele
             return '';
         }
         // 处理自定义文本（支持多语种）
-        if (this.model.text) {
-            // 检查是否为多语种格式
-            if (typeof this.model.text === 'object' && this.model.text.cultures) {
-                // 新格式：多语种对象
-                // 获取当前语种ID
-                const currentLanguageId = (_j = (_h = (_g = this.guiContext) === null || _g === void 0 ? void 0 : _g.getCurrentLanguageId) === null || _h === void 0 ? void 0 : _h.call(_g)) !== null && _j !== void 0 ? _j : null;
-                // 确定要使用的语种代码（culture）
-                let targetLanguage;
-                const defaultLanguage = ((_k = this.languageService) === null || _k === void 0 ? void 0 : _k.getDefaultLanguage()) || 'zh-CN';
+        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) {
-                    // 设备未设置当前语种，使用默认语种
-                    targetLanguage = defaultLanguage;
-                }
-                else {
-                    // 设备已设置当前语种，获取对应的语种代码
-                    const currentLanguage = (_m = (_l = this.guiContext) === null || _l === void 0 ? void 0 : _l.getLanguageCultureById) === null || _m === void 0 ? void 0 : _m.call(_l, currentLanguageId);
-                    if (currentLanguage) {
-                        targetLanguage = currentLanguage;
-                    }
-                    else {
-                        targetLanguage = defaultLanguage;
-                    }
+                    return defaultLanguage;
                 }
-                // 返回对应语种的文本，如果没有则根据当前语言环境显示默认文本
-                // 获取当前语言环境
-                const language = ((_q = (_p = (_o = window.abp) === null || _o === void 0 ? void 0 : _o.localization) === null || _p === void 0 ? void 0 : _p.currentLanguage) === null || _q === void 0 ? void 0 : _q.name) || 'zh-Hans';
-                const isChinese = language === 'zh-Hans' || language === 'zh';
-                return this.model.text.cultures[targetLanguage] || (isChinese ? '超链接' : 'Hyperlink');
+                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;
             }
-            else if (typeof this.model.text === 'string') {
-                // 旧格式：字符串
+            // 中间格式（兼容）：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;
             }
         }
@@ -41082,8 +41079,10 @@ class video_element_VideoElement extends conditional_display_element_Conditional
         this.svgRootClass = svgRootClass;
         this.videoId = '';
         this.isFullscreen = false;
+        this.lastTimeUpdate = 0;
         this.isMobileMode = _tmp_settings["a" /* DisplayMode */].Mobile === injector.get(_tmp_settings["b" /* GlobalSettings */]).displayMode;
         this.localization = injector.get(_tmp_localization["b" /* LOCALIZATION */]);
+        this.initVisibilityHandler();
         this.init();
     }
     dispose() {
@@ -41093,6 +41092,10 @@ class video_element_VideoElement extends conditional_display_element_Conditional
         $('div.' + this.svgRootClass + ' video').each(function () {
             $(this).remove();
         });
+        if (this.visibilityChangeHandler) {
+            document.removeEventListener('visibilitychange', this.visibilityChangeHandler);
+        }
+        this.clearTimeUpdateWatchdog();
     }
     hide() {
         super.hide();
@@ -41191,6 +41194,7 @@ class video_element_VideoElement extends conditional_display_element_Conditional
                         this.videoPlayer.play();
                     });
                 }
+                this.startTimeUpdateWatchdog(videoId);
             }
             catch (err) {
                 console.log(err);
@@ -41276,6 +41280,37 @@ class video_element_VideoElement extends conditional_display_element_Conditional
             }
         });
     }
+    initVisibilityHandler() {
+        this.visibilityChangeHandler = () => {
+            if (!document.hidden && this.videoUrl && this.videoId) {
+                this.initVideo(this.videoUrl, this.videoId);
+            }
+        };
+        document.addEventListener('visibilitychange', this.visibilityChangeHandler);
+    }
+    startTimeUpdateWatchdog(videoId) {
+        this.clearTimeUpdateWatchdog();
+        this.lastTimeUpdate = Date.now();
+        const videoEl = document.getElementById(videoId);
+        if (videoEl && videoEl.tagName === 'VIDEO') {
+            videoEl.addEventListener('timeupdate', () => {
+                this.lastTimeUpdate = Date.now();
+            });
+        }
+        this.timeUpdateWatchdog = setInterval(() => {
+            if (document.hidden)
+                return;
+            if (Date.now() - this.lastTimeUpdate > 30000) {
+                this.initVideo(this.videoUrl, this.videoId);
+            }
+        }, 30000);
+    }
+    clearTimeUpdateWatchdog() {
+        if (this.timeUpdateWatchdog) {
+            clearInterval(this.timeUpdateWatchdog);
+            this.timeUpdateWatchdog = null;
+        }
+    }
     setIosVideo(videoUrl, videoId) {
         const video = $('#' + this.videoId);
         video.on('webkitendfullscreen', () => {