@flexem/fc-gui 3.0.0-alpha.175 → 3.0.0-alpha.177

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

@@ -22319,6 +22319,7 @@ const Localization_zh_CN = {
     loadFailed: '加载失败.',
     setting: '设置',
     submit: '提交',
+    save: '保存',
     submitting: '提交中···',
     numericalValueRequired: '数值不能为空',
     invalidNumericalValue: '数值格式不正确',
@@ -32518,7 +32519,8 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_RESULT__;!function() {
 const LOCALIZATION = new _angular_core__WEBPACK_IMPORTED_MODULE_0__["InjectionToken"]('fc.gui.loc');
 const DefaultLocalization = {
     loadFailed: 'Load failed.',
-    setting: 'Setting',
+    setting: 'Setting ',
+    save: 'Save',
     submit: 'Submit',
     submitting: 'Submitting···',
     numericalValueRequired: 'Numerical value can\'t be emtpy',
@@ -32563,7 +32565,7 @@ const DefaultLocalization = {
     endTime: 'End Time',
     grouped: 'Grouped',
     stacked: 'Stacked',
-    passwordVerify: 'Password verifiers',
+    passwordVerify: 'Password Verification',
     passwordError: 'Password error',
     password: 'Password',
     passwordToolTip: 'Password error, please re-enter',
@@ -35433,7 +35435,7 @@ class readable_element_ReadableElement extends conditional_enable_element_Condit
                         name = isTraditionalChinese ? '離線' : (isChinese ? '离线' : 'Offline');
                         break;
                     case 4:
-                        name = isTraditionalChinese ? '告警' : (isChinese ? '告警' : 'Alarming');
+                        name = isTraditionalChinese ? '告警' : (isChinese ? '告警' : 'Alarm');
                         break;
                     case 5:
                         name = isTraditionalChinese ? '未綁定' : (isChinese ? '未绑定' : 'Unbound');
@@ -35441,6 +35443,9 @@ class readable_element_ReadableElement extends conditional_enable_element_Condit
                     default:
                 }
             }
+            if (value.state === 4) {
+                name = isTraditionalChinese ? '告警' : (isChinese ? '告警' : 'Alarm');
+            }
             this.updateVariableValue(name, '设备状态');
             return; // 处理完"设备状态"后直接返回
         }
@@ -37778,27 +37783,24 @@ class historical_curve_element_HistoricalCurveElement extends conditional_displa
             .style('margin-left', this.displayOption.marginLeft + 'px')
             .style('vertical-align', 'middle');
         const selectedText = this.timePeriods.find(t => t.key === Number(this.currentTimePeriod));
+        const arrowIconUrl = 'url("data:image/svg+xml,'
+            + '%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%228%22 height=%225%22 viewBox=%220 0 8 5%22%3E'
+            + '%3Cpath d=%22M0 0L4 5L8 0z%22 fill=%22%23666%22/%3E%3C/svg%3E")';
         const dropdownTrigger = dropdownWrapper.append('div')
             .attr('class', 'hc-dropdown-trigger')
             .style('background-color', backgroundColor)
+            .style('background-image', arrowIconUrl)
+            .style('background-repeat', 'no-repeat')
+            .style('background-position', 'right 4px center')
             .style('font-size', this.displayOption.operationSelectFontSize)
             .style('cursor', 'pointer')
             .style('padding', '0 18px 0 4px')
             .style('border', '1px solid #ccc')
             .style('border-radius', '2px')
-            .style('position', 'relative')
             .style('white-space', 'nowrap')
             .style('line-height', (this.displayOption.operationAreaHeight - 8) + 'px')
             .style('min-height', (this.displayOption.operationAreaHeight - 8) + 'px')
             .text(selectedText ? selectedText.name : '');
-        dropdownTrigger.append('span')
-            .style('position', 'absolute')
-            .style('right', '4px')
-            .style('top', '50%')
-            .style('transform', 'translateY(-50%)')
-            .style('font-size', '10px')
-            .style('pointer-events', 'none')
-            .text('▼');
         const dropdownListEl = document.createElement('div');
         dropdownListEl.style.cssText = 'display:none;position:fixed;background:' + dropdownBg
             + ';border:1px solid #ccc;border-radius:2px;z-index:9999;box-shadow:0 2px 6px rgba(0,0,0,0.15);';
@@ -37836,14 +37838,6 @@ class historical_curve_element_HistoricalCurveElement extends conditional_displa
                 const currentPeriod = this.timePeriods.find(p => p.key === tp.key);
                 const currentName = currentPeriod ? currentPeriod.name : tp.name;
                 dropdownTrigger.text(currentName);
-                dropdownTrigger.append('span')
-                    .style('position', 'absolute')
-                    .style('right', '4px')
-                    .style('top', '50%')
-                    .style('transform', 'translateY(-50%)')
-                    .style('font-size', '10px')
-                    .style('pointer-events', 'none')
-                    .text('▼');
                 // 更新选中状态
                 dropdownList.selectAll('.hc-dropdown-item')
                     .classed('hc-dropdown-selected', false)
@@ -37973,8 +37967,15 @@ class historical_curve_element_HistoricalCurveElement extends conditional_displa
             : new Date(now.getFullYear(), now.getMonth(), now.getDate(), 0, 0, 0));
         const defaultEnd = this.fmtDatetimeLocal(this.customEndTime ? this.customEndTime.toDate()
             : new Date(now.getFullYear(), now.getMonth(), now.getDate(), 23, 59, 59));
+        // 临时将 <html lang> 切换为当前应用语言，使原生 datetime-local
+        // 弹出日历的 UI（星期/月份文字等）跟随应用语种显示，关闭时还原
+        const currentLang = this.getCurrentCulture();
+        const prevDocLang = document.documentElement.lang;
+        document.documentElement.lang = currentLang;
         const overlay = document.createElement('div');
         overlay.style.cssText = 'position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);z-index:9999;';
+        // 部分浏览器可直接读取元素上的 lang 属性来本地化原生控件
+        overlay.lang = currentLang;
         const modal = document.createElement('div');
         let modalCss = 'position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);'
             + 'background:#fff;border-radius:4px;';
@@ -37990,7 +37991,7 @@ class historical_curve_element_HistoricalCurveElement extends conditional_displa
         header.style.cssText = 'display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid #e8e8e8;';
         const title = document.createElement('span');
         title.style.cssText = 'font-size:16px;font-weight:500;color:#333;';
-        title.textContent = this.getTimePeriodText(service["TIME_PERIOD_KEYS"].CUSTOM);
+        title.textContent = this.localization.customTimeRange;
         const closeBtn = document.createElement('span');
         closeBtn.style.cssText = 'cursor:pointer;font-size:18px;color:#999;line-height:1;';
         closeBtn.textContent = '×';
@@ -38005,6 +38006,7 @@ class historical_curve_element_HistoricalCurveElement extends conditional_displa
         const startInput = document.createElement('input');
         startInput.type = 'datetime-local';
         startInput.setAttribute('step', '1');
+        startInput.setAttribute('lang', currentLang);
         startInput.value = defaultStart;
         startInput.style.cssText = inputStyle;
         const separator = document.createElement('span');
@@ -38013,6 +38015,7 @@ class historical_curve_element_HistoricalCurveElement extends conditional_displa
         const endInput = document.createElement('input');
         endInput.type = 'datetime-local';
         endInput.setAttribute('step', '1');
+        endInput.setAttribute('lang', currentLang);
         endInput.value = defaultEnd;
         endInput.style.cssText = inputStyle;
         body.appendChild(label);
@@ -38035,6 +38038,8 @@ class historical_curve_element_HistoricalCurveElement extends conditional_displa
         overlay.appendChild(modal);
         document.body.appendChild(overlay);
         const close = (revert) => {
+            // 还原弹窗打开前的 <html lang>，避免影响页面其他部分
+            document.documentElement.lang = prevDocLang;
             document.body.removeChild(overlay);
             if (revert) {
                 const selectEl = this.$element && this.$element.find('select');