@flexem/fc-gui 3.0.0-alpha.152 → 3.0.0-alpha.154

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

@@ -21935,7 +21935,7 @@ class ConfigIsEmptyError extends Error {
 }
 
 // EXTERNAL MODULE: ./.tmp/model/shared/data-type/fcloud-data-Type.ts
-var fcloud_data_Type = __webpack_require__(6);
+var fcloud_data_Type = __webpack_require__(7);
 
 // EXTERNAL MODULE: ./node_modules/lodash/lodash.js
 var lodash = __webpack_require__(2);
@@ -22035,6 +22035,181 @@ var graph_extended_style = __webpack_require__(269);
 /* 6 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
+"use strict";
+
+// EXTERNAL MODULE: ./.tmp/config/config-store.ts
+var config_store = __webpack_require__(258);
+
+// CONCATENATED MODULE: ./.tmp/config/gui-feature-config.ts
+class GuiFeatureConfig {
+}
+GuiFeatureConfig.isOfflineDisplayEnabled = false;
+
+// CONCATENATED MODULE: ./.tmp/config/graph/graph.ts
+class Graph {
+    constructor(graphType, source) {
+        this.graphType = graphType;
+        this.source = source;
+    }
+}
+
+// CONCATENATED MODULE: ./.tmp/config/graph/graph-result.ts
+class GraphResult {
+    constructor(graph, failed) {
+        this.graph = graph;
+        this.failed = failed;
+    }
+    static failed() {
+        return GraphResult.failedResult;
+    }
+    static success(graph) {
+        return new GraphResult(graph);
+    }
+}
+GraphResult.failedResult = new GraphResult(null, true);
+
+// CONCATENATED MODULE: ./.tmp/config/graph/graph-type.ts
+var GraphType;
+(function (GraphType) {
+    GraphType[GraphType["SVG"] = 0] = "SVG";
+    GraphType[GraphType["Image"] = 1] = "Image";
+})(GraphType || (GraphType = {}));
+
+// EXTERNAL MODULE: ./.tmp/config/graph/graph-store.ts
+var graph_store = __webpack_require__(257);
+
+// EXTERNAL MODULE: ./.tmp/config/view/view-store.ts
+var view_store = __webpack_require__(256);
+
+// EXTERNAL MODULE: ./.tmp/config/view/view.model.ts
+var view_model = __webpack_require__(31);
+
+// EXTERNAL MODULE: ./.tmp/config/image/image-store.ts
+var image_store = __webpack_require__(255);
+
+// EXTERNAL MODULE: ./.tmp/config/history-data/history-data.store.ts
+var history_data_store = __webpack_require__(254);
+
+// CONCATENATED MODULE: ./.tmp/config/history-data/history-data.model.ts
+class HistoryDataModel {
+    constructor(error, isUnbind, values) {
+        this.error = error;
+        this.isUnbind = isUnbind;
+        this.values = values;
+    }
+}
+
+// CONCATENATED MODULE: ./.tmp/config/history-data/history-data-value.ts
+class HistoryDataValue {
+    constructor(time, values) {
+        this.time = time;
+        this.values = values;
+    }
+}
+
+// CONCATENATED MODULE: ./.tmp/config/history-data/get-history-data-args.ts
+class GetHistoryDataArgs {
+    /**
+     * 获取历史数据参数
+     * @param dataSourceCode 数据源编码
+     * @param dataItemName 历史数据条目名称
+     * @param channelNames 通道名称
+     * @param startTime 开始时间
+     * @param endTime 结束时间
+     * @param limit 获取数据数量，为负数则倒叙
+     * @param rangeType 区间类型
+     */
+    constructor(dataSourceCode, dataItemName, channelNames, startTime, endTime, limit, rangeType) {
+        this.dataSourceCode = dataSourceCode;
+        this.dataItemName = dataItemName;
+        this.channelNames = channelNames;
+        this.startTime = startTime;
+        this.endTime = endTime;
+        this.limit = limit;
+        this.rangeType = rangeType;
+    }
+}
+
+// CONCATENATED MODULE: ./.tmp/config/history-data/index.ts
+
+
+
+
+
+// EXTERNAL MODULE: ./.tmp/config/variable/variable-store.ts
+var variable_store = __webpack_require__(253);
+
+// CONCATENATED MODULE: ./.tmp/config/variable/get-variable-name-args.ts
+class GetVariableNameArgs {
+    constructor(name, groupName, code) {
+        this.name = name;
+        this.groupName = groupName;
+        this.code = code;
+    }
+}
+
+// CONCATENATED MODULE: ./.tmp/config/variable/index.ts
+
+
+
+// EXTERNAL MODULE: ./.tmp/config/alarm/alarm.store.ts
+var alarm_store = __webpack_require__(252);
+
+// CONCATENATED MODULE: ./.tmp/config/alarm/get-alarms-args.ts
+class GetAlarmsArgs {
+    constructor(alarmNames, triggeredStartTime, triggeredEndTime, maxResultCount, skipCount, state, // 告警状态数组 (0=触发/未确认, 1=触发/已确认, 2=恢复/未确认, 3=恢复/已确认)
+    sorting // 排序字段 (如: "TriggeredTime DESC" 或 "TriggeredTime ASC")
+    ) {
+        this.alarmNames = alarmNames;
+        this.triggeredStartTime = triggeredStartTime;
+        this.triggeredEndTime = triggeredEndTime;
+        this.maxResultCount = maxResultCount;
+        this.skipCount = skipCount;
+        this.state = state;
+        this.sorting = sorting;
+    }
+}
+
+// CONCATENATED MODULE: ./.tmp/config/alarm/index.ts
+
+
+
+// CONCATENATED MODULE: ./.tmp/config/index.ts
+/* concated harmony reexport */__webpack_require__.d(__webpack_exports__, "b", function() { return config_store["ConfigStore"]; });
+/* concated harmony reexport */__webpack_require__.d(__webpack_exports__, "j", function() { return GuiFeatureConfig; });
+/* concated harmony reexport */__webpack_require__.d(__webpack_exports__, "f", function() { return Graph; });
+/* concated harmony reexport */__webpack_require__.d(__webpack_exports__, "g", function() { return GraphResult; });
+/* concated harmony reexport */__webpack_require__.d(__webpack_exports__, "i", function() { return GraphType; });
+/* concated harmony reexport */__webpack_require__.d(__webpack_exports__, "h", function() { return graph_store["GraphStore"]; });
+/* concated harmony reexport */__webpack_require__.d(__webpack_exports__, "q", function() { return view_store["ViewStore"]; });
+/* concated harmony reexport */__webpack_require__.d(__webpack_exports__, "p", function() { return view_model["a" /* ViewModel */]; });
+/* concated harmony reexport */__webpack_require__.d(__webpack_exports__, "n", function() { return image_store["ImageStore"]; });
+/* concated harmony reexport */__webpack_require__.d(__webpack_exports__, "l", function() { return history_data_store["HistoryDataStore"]; });
+/* concated harmony reexport */__webpack_require__.d(__webpack_exports__, "k", function() { return HistoryDataModel; });
+/* concated harmony reexport */__webpack_require__.d(__webpack_exports__, "m", function() { return HistoryDataValue; });
+/* concated harmony reexport */__webpack_require__.d(__webpack_exports__, "d", function() { return GetHistoryDataArgs; });
+/* concated harmony reexport */__webpack_require__.d(__webpack_exports__, "o", function() { return variable_store["VariableStore"]; });
+/* concated harmony reexport */__webpack_require__.d(__webpack_exports__, "e", function() { return GetVariableNameArgs; });
+/* concated harmony reexport */__webpack_require__.d(__webpack_exports__, "a", function() { return alarm_store["AlarmsStore"]; });
+/* concated harmony reexport */__webpack_require__.d(__webpack_exports__, "c", function() { return GetAlarmsArgs; });
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+/***/ }),
+/* 7 */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
 "use strict";
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return FCloudDataType; });
 var FCloudDataType;
@@ -22049,7 +22224,7 @@ var FCloudDataType;
 
 
 /***/ }),
-/* 7 */
+/* 8 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -22110,12 +22285,12 @@ class ConsoleLoggerService {
 
 
 /***/ }),
-/* 8 */
+/* 9 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return VariableUtil; });
-/* harmony import */ var _config__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(10);
+/* harmony import */ var _config__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(6);
 
 class VariableUtil {
     static getConvertedVariableName(variableStore, variable) {
@@ -22130,7 +22305,7 @@ class VariableUtil {
 
 
 /***/ }),
-/* 9 */
+/* 10 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -22204,174 +22379,6 @@ const Localization_zh_CN = {
 
 
 
-/***/ }),
-/* 10 */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-
-// EXTERNAL MODULE: ./.tmp/config/config-store.ts
-var config_store = __webpack_require__(258);
-
-// CONCATENATED MODULE: ./.tmp/config/graph/graph.ts
-class Graph {
-    constructor(graphType, source) {
-        this.graphType = graphType;
-        this.source = source;
-    }
-}
-
-// CONCATENATED MODULE: ./.tmp/config/graph/graph-result.ts
-class GraphResult {
-    constructor(graph, failed) {
-        this.graph = graph;
-        this.failed = failed;
-    }
-    static failed() {
-        return GraphResult.failedResult;
-    }
-    static success(graph) {
-        return new GraphResult(graph);
-    }
-}
-GraphResult.failedResult = new GraphResult(null, true);
-
-// CONCATENATED MODULE: ./.tmp/config/graph/graph-type.ts
-var GraphType;
-(function (GraphType) {
-    GraphType[GraphType["SVG"] = 0] = "SVG";
-    GraphType[GraphType["Image"] = 1] = "Image";
-})(GraphType || (GraphType = {}));
-
-// EXTERNAL MODULE: ./.tmp/config/graph/graph-store.ts
-var graph_store = __webpack_require__(257);
-
-// EXTERNAL MODULE: ./.tmp/config/view/view-store.ts
-var view_store = __webpack_require__(256);
-
-// EXTERNAL MODULE: ./.tmp/config/view/view.model.ts
-var view_model = __webpack_require__(31);
-
-// EXTERNAL MODULE: ./.tmp/config/image/image-store.ts
-var image_store = __webpack_require__(255);
-
-// EXTERNAL MODULE: ./.tmp/config/history-data/history-data.store.ts
-var history_data_store = __webpack_require__(254);
-
-// CONCATENATED MODULE: ./.tmp/config/history-data/history-data.model.ts
-class HistoryDataModel {
-    constructor(error, isUnbind, values) {
-        this.error = error;
-        this.isUnbind = isUnbind;
-        this.values = values;
-    }
-}
-
-// CONCATENATED MODULE: ./.tmp/config/history-data/history-data-value.ts
-class HistoryDataValue {
-    constructor(time, values) {
-        this.time = time;
-        this.values = values;
-    }
-}
-
-// CONCATENATED MODULE: ./.tmp/config/history-data/get-history-data-args.ts
-class GetHistoryDataArgs {
-    /**
-     * 获取历史数据参数
-     * @param dataSourceCode 数据源编码
-     * @param dataItemName 历史数据条目名称
-     * @param channelNames 通道名称
-     * @param startTime 开始时间
-     * @param endTime 结束时间
-     * @param limit 获取数据数量，为负数则倒叙
-     * @param rangeType 区间类型
-     */
-    constructor(dataSourceCode, dataItemName, channelNames, startTime, endTime, limit, rangeType) {
-        this.dataSourceCode = dataSourceCode;
-        this.dataItemName = dataItemName;
-        this.channelNames = channelNames;
-        this.startTime = startTime;
-        this.endTime = endTime;
-        this.limit = limit;
-        this.rangeType = rangeType;
-    }
-}
-
-// CONCATENATED MODULE: ./.tmp/config/history-data/index.ts
-
-
-
-
-
-// EXTERNAL MODULE: ./.tmp/config/variable/variable-store.ts
-var variable_store = __webpack_require__(253);
-
-// CONCATENATED MODULE: ./.tmp/config/variable/get-variable-name-args.ts
-class GetVariableNameArgs {
-    constructor(name, groupName, code) {
-        this.name = name;
-        this.groupName = groupName;
-        this.code = code;
-    }
-}
-
-// CONCATENATED MODULE: ./.tmp/config/variable/index.ts
-
-
-
-// EXTERNAL MODULE: ./.tmp/config/alarm/alarm.store.ts
-var alarm_store = __webpack_require__(252);
-
-// CONCATENATED MODULE: ./.tmp/config/alarm/get-alarms-args.ts
-class GetAlarmsArgs {
-    constructor(alarmNames, triggeredStartTime, triggeredEndTime, maxResultCount, skipCount, state, // 告警状态数组 (0=触发/未确认, 1=触发/已确认, 2=恢复/未确认, 3=恢复/已确认)
-    sorting // 排序字段 (如: "TriggeredTime DESC" 或 "TriggeredTime ASC")
-    ) {
-        this.alarmNames = alarmNames;
-        this.triggeredStartTime = triggeredStartTime;
-        this.triggeredEndTime = triggeredEndTime;
-        this.maxResultCount = maxResultCount;
-        this.skipCount = skipCount;
-        this.state = state;
-        this.sorting = sorting;
-    }
-}
-
-// CONCATENATED MODULE: ./.tmp/config/alarm/index.ts
-
-
-
-// CONCATENATED MODULE: ./.tmp/config/index.ts
-/* concated harmony reexport */__webpack_require__.d(__webpack_exports__, "b", function() { return config_store["ConfigStore"]; });
-/* concated harmony reexport */__webpack_require__.d(__webpack_exports__, "f", function() { return Graph; });
-/* concated harmony reexport */__webpack_require__.d(__webpack_exports__, "g", function() { return GraphResult; });
-/* concated harmony reexport */__webpack_require__.d(__webpack_exports__, "i", function() { return GraphType; });
-/* concated harmony reexport */__webpack_require__.d(__webpack_exports__, "h", function() { return graph_store["GraphStore"]; });
-/* concated harmony reexport */__webpack_require__.d(__webpack_exports__, "p", function() { return view_store["ViewStore"]; });
-/* concated harmony reexport */__webpack_require__.d(__webpack_exports__, "o", function() { return view_model["a" /* ViewModel */]; });
-/* concated harmony reexport */__webpack_require__.d(__webpack_exports__, "m", function() { return image_store["ImageStore"]; });
-/* concated harmony reexport */__webpack_require__.d(__webpack_exports__, "k", function() { return history_data_store["HistoryDataStore"]; });
-/* concated harmony reexport */__webpack_require__.d(__webpack_exports__, "j", function() { return HistoryDataModel; });
-/* concated harmony reexport */__webpack_require__.d(__webpack_exports__, "l", function() { return HistoryDataValue; });
-/* concated harmony reexport */__webpack_require__.d(__webpack_exports__, "d", function() { return GetHistoryDataArgs; });
-/* concated harmony reexport */__webpack_require__.d(__webpack_exports__, "n", function() { return variable_store["VariableStore"]; });
-/* concated harmony reexport */__webpack_require__.d(__webpack_exports__, "e", function() { return GetVariableNameArgs; });
-/* concated harmony reexport */__webpack_require__.d(__webpack_exports__, "a", function() { return alarm_store["AlarmsStore"]; });
-/* concated harmony reexport */__webpack_require__.d(__webpack_exports__, "c", function() { return GetAlarmsArgs; });
-
-
-
-
-
-
-
-
-
-
-
-
-
 /***/ }),
 /* 11 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
@@ -32570,7 +32577,7 @@ const DefaultLocalization = {
 /* harmony import */ var rxjs__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(39);
 /* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(2);
 /* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(lodash__WEBPACK_IMPORTED_MODULE_2__);
-/* harmony import */ var _localization__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(9);
+/* harmony import */ var _localization__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(10);
 var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
@@ -33312,7 +33319,7 @@ class ViewModel {
 "use strict";
 
 // EXTERNAL MODULE: ./.tmp/logger/index.ts + 2 modules
-var logger = __webpack_require__(7);
+var logger = __webpack_require__(8);
 
 // CONCATENATED MODULE: ./node_modules/d3-selection/src/namespaces.js
 var xhtml = "http://www.w3.org/1999/xhtml";
@@ -34449,7 +34456,7 @@ var operators_ = __webpack_require__(17);
 var communication = __webpack_require__(4);
 
 // EXTERNAL MODULE: ./.tmp/localization/index.ts + 1 modules
-var _tmp_localization = __webpack_require__(9);
+var _tmp_localization = __webpack_require__(10);
 
 // EXTERNAL MODULE: ./.tmp/model/index.ts
 var _tmp_model = __webpack_require__(3);
@@ -34484,7 +34491,7 @@ var RotationDirectionType;
 })(RotationDirectionType || (RotationDirectionType = {}));
 
 // EXTERNAL MODULE: ./.tmp/utils/variable-util.ts
-var variable_util = __webpack_require__(8);
+var variable_util = __webpack_require__(9);
 
 // EXTERNAL MODULE: ./.tmp/communication/variable/variable-definition.ts
 var variable_definition = __webpack_require__(11);
@@ -35299,12 +35306,16 @@ class conditional_enable_element_ConditionalEnableElement extends state_control_
     }
 }
 
+// EXTERNAL MODULE: ./.tmp/config/index.ts + 12 modules
+var _tmp_config = __webpack_require__(6);
+
 // CONCATENATED MODULE: ./.tmp/elements/base/readable-element.ts
 
 
 
 
 
+
 class readable_element_ReadableElement extends conditional_enable_element_ConditionalEnableElement {
     constructor(element, permissionChecker, variableCommunicator, variableStore, localization, signalRAppId) {
         super(element, permissionChecker, variableCommunicator, variableStore, localization, signalRAppId);
@@ -35414,7 +35425,7 @@ class readable_element_ReadableElement extends conditional_enable_element_Condit
             return;
         }
         // 处理普通变量
-        if (this.state === _tmp_model["State"].Normal || this.state === _tmp_model["State"].Disable || this.state === _tmp_model["State"].Offline
+        if (this.state === _tmp_model["State"].Normal || this.state === _tmp_model["State"].Disable || (_tmp_config["j" /* GuiFeatureConfig */].isOfflineDisplayEnabled && this.state === _tmp_model["State"].Offline)
             || value.variableName === this.minVariableName
             || value.variableName === this.maxVariableName) {
             this.updateVariableValue(value.value, value.variableName);
@@ -35692,9 +35703,6 @@ bar_graph_element_BarGraphElement.DEFAULT_MAX_VALUE = 100;
 
 
 
-// EXTERNAL MODULE: ./.tmp/config/index.ts + 11 modules
-var _tmp_config = __webpack_require__(10);
-
 // EXTERNAL MODULE: ./.tmp/modal/alert/alert-modal.component.ts
 var alert_modal_component = __webpack_require__(22);
 
@@ -35879,6 +35887,7 @@ class text_element_TextElementModal {
 
 
 
+
 class character_display_element_CharacterDisplayElement extends readable_element_ReadableElement {
     constructor(element, injector, modalService, variableCommunicator, graphStore, permissionChecker, operationRecordService, securityChecker, variableStore, localization, signalRAppId) {
         super(element, permissionChecker, variableCommunicator, variableStore, localization, signalRAppId);
@@ -35936,7 +35945,7 @@ class character_display_element_CharacterDisplayElement extends readable_element
     }
     changeStates() {
         super.changeStates();
-        if (this.state === _tmp_model["State"].Normal || this.state === _tmp_model["State"].Disable || this.state === _tmp_model["State"].Offline) {
+        if (this.state === _tmp_model["State"].Normal || this.state === _tmp_model["State"].Disable || (_tmp_config["j" /* GuiFeatureConfig */].isOfflineDisplayEnabled && this.state === _tmp_model["State"].Offline)) {
             this.updateDisplayValue(this.displayValue);
         }
         else {
@@ -37975,7 +37984,7 @@ class WriteValueModalArgs {
 var write_value_modal_component = __webpack_require__(37);
 
 // EXTERNAL MODULE: ./.tmp/model/shared/data-type/fcloud-data-Type.ts
-var fcloud_data_Type = __webpack_require__(6);
+var fcloud_data_Type = __webpack_require__(7);
 
 // CONCATENATED MODULE: ./.tmp/elements/numerical-display/numerical-display-element.ts
 
@@ -39544,6 +39553,7 @@ var binary = __webpack_require__(33);
 
 
 
+
 class bit_indicator_light_operator_BitIndicatorLightOperator {
     constructor(settings, states, variableCommunicator, variableStore) {
         this.settings = settings;
@@ -39586,8 +39596,11 @@ class bit_indicator_light_operator_BitIndicatorLightOperator {
                 if (variableStete.state === communication["d" /* VariableStateEnum */].Normal) {
                     this.requestCurrentSateIdValue(this.variableCommunicator, appId);
                 }
+                else if (_tmp_config["j" /* GuiFeatureConfig */].isOfflineDisplayEnabled && variableStete.state === communication["d" /* VariableStateEnum */].Offline && !this.valueSubscription) {
+                    this.requestCurrentSateIdValue(this.variableCommunicator, appId);
+                }
                 else {
-                    this.currentStateIdChanged.emit(new CurrentStateIdValue(new communication["c" /* VariableState */](this.variableName, variableStete.state)));
+                    this.currentStateIdChanged.emit(new CurrentStateIdValue(new communication["c" /* VariableState */](this.variableName, variableStete.state), this.currentStateId));
                 }
             });
         }
@@ -39597,7 +39610,7 @@ class bit_indicator_light_operator_BitIndicatorLightOperator {
             return;
         }
         this.valueSubscription = variableCommunicator.openVariable(this.variableName, appId).subscribe(value => {
-            if (value.state === communication["d" /* VariableStateEnum */].DataNormal || value.state === communication["d" /* VariableStateEnum */].Offline) {
+            if (value.state === communication["d" /* VariableStateEnum */].DataNormal || (_tmp_config["j" /* GuiFeatureConfig */].isOfflineDisplayEnabled && value.state === communication["d" /* VariableStateEnum */].Offline)) {
                 if (this.settings.isBitwiseIndex) {
                     const maxBitIndex = 31;
                     this.binary = new binary["a" /* Binary */](value.value, maxBitIndex + 1);
@@ -39735,6 +39748,7 @@ class bit_switch_operator_BitSwitchOperator {
 
 
 
+
 class word_indicator_light_operator_WordIndicatorLightOperator {
     constructor(settings, states, variableCommunicator, variableStore) {
         this.settings = settings;
@@ -39756,8 +39770,11 @@ class word_indicator_light_operator_WordIndicatorLightOperator {
                 if (variableValue.state === communication["d" /* VariableStateEnum */].Normal) {
                     this.requestCurrentSateIdValue(this.variableCommunicator, appId);
                 }
+                else if (_tmp_config["j" /* GuiFeatureConfig */].isOfflineDisplayEnabled && variableValue.state === communication["d" /* VariableStateEnum */].Offline && !this.valueSubscription) {
+                    this.requestCurrentSateIdValue(this.variableCommunicator, appId);
+                }
                 else {
-                    this.currentStateIdChanged.emit(new CurrentStateIdValue(new communication["c" /* VariableState */](this.variableName, variableValue.state)));
+                    this.currentStateIdChanged.emit(new CurrentStateIdValue(new communication["c" /* VariableState */](this.variableName, variableValue.state), this.currentStateId));
                 }
             });
         }
@@ -39771,7 +39788,7 @@ class word_indicator_light_operator_WordIndicatorLightOperator {
         }
         // TODO 检查状态id是从0-n连续编号的。
         this.valueSubscription = variableCommunicator.openVariable(this.variableName, appId).subscribe(value => {
-            if (value.state === communication["d" /* VariableStateEnum */].DataNormal || value.state === communication["d" /* VariableStateEnum */].Offline) {
+            if (value.state === communication["d" /* VariableStateEnum */].DataNormal || (_tmp_config["j" /* GuiFeatureConfig */].isOfflineDisplayEnabled && value.state === communication["d" /* VariableStateEnum */].Offline)) {
                 let stateId = 0;
                 for (let index = 0; index < this.sortedStates.length - 1; index++) {
                     const element = this.sortedStates[index];
@@ -43478,6 +43495,7 @@ class per_view_variable_communicator_PerViewVariableCommunicator {
 
 
 
+
 class gui_view_GuiView {
     constructor(injector, bsModalService, context, parentView) {
         this.injector = injector;
@@ -43584,7 +43602,8 @@ class gui_view_GuiView {
                 this.mainElement.reportVariableStates(states);
                 const normalVariableNames = [];
                 Object(lodash["each"])(states, v => {
-                    if ((v.state === communication["d" /* VariableStateEnum */].Normal || v.state === communication["d" /* VariableStateEnum */].Offline) && normalVariableNames.indexOf(v.variableName) === -1) {
+                    if ((v.state === communication["d" /* VariableStateEnum */].Normal || (_tmp_config["j" /* GuiFeatureConfig */].isOfflineDisplayEnabled && v.state === communication["d" /* VariableStateEnum */].Offline))
+                        && normalVariableNames.indexOf(v.variableName) === -1) {
                         normalVariableNames.push(v.variableName);
                     }
                 });
@@ -43801,13 +43820,13 @@ var core_ = __webpack_require__(0);
 var lodash = __webpack_require__(2);
 
 // EXTERNAL MODULE: ./.tmp/localization/index.ts + 1 modules
-var _tmp_localization = __webpack_require__(9);
+var _tmp_localization = __webpack_require__(10);
 
 // EXTERNAL MODULE: ./.tmp/settings/index.ts + 2 modules
 var settings = __webpack_require__(16);
 
 // EXTERNAL MODULE: ./.tmp/logger/index.ts + 2 modules
-var logger = __webpack_require__(7);
+var logger = __webpack_require__(8);
 
 // EXTERNAL MODULE: ./.tmp/shared/index.ts + 3 modules
 var shared = __webpack_require__(5);
@@ -44238,7 +44257,7 @@ gui_component_GuiComponent = __decorate([
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return WriteValueModalComponent; });
 /* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(0);
 /* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_angular_core__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var _localization__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(9);
+/* harmony import */ var _localization__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(10);
 /* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(2);
 /* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(lodash__WEBPACK_IMPORTED_MODULE_2__);
 var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
@@ -44515,7 +44534,7 @@ WriteValueModalComponent = __decorate([
 /* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(0);
 /* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_angular_core__WEBPACK_IMPORTED_MODULE_0__);
 /* harmony import */ var rxjs__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(39);
-/* harmony import */ var _localization__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(9);
+/* harmony import */ var _localization__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(10);
 var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
@@ -45396,8 +45415,8 @@ DataTypeService = __decorate([
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return FCloudDataTypeService; });
 /* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(0);
 /* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_angular_core__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var _localization__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(9);
-/* harmony import */ var _model_shared_data_type_fcloud_data_Type__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(6);
+/* harmony import */ var _localization__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(10);
+/* harmony import */ var _model_shared_data_type_fcloud_data_Type__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(7);
 var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
@@ -45607,7 +45626,7 @@ FCloudDataTypeService = __decorate([
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return FBoxDataTypeService; });
 /* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(0);
 /* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_angular_core__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var _localization__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(9);
+/* harmony import */ var _localization__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(10);
 var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
@@ -65783,8 +65802,8 @@ var Subject = __webpack_require__(39);
 // EXTERNAL MODULE: external "rxjs/operators"
 var operators_ = __webpack_require__(17);
 
-// EXTERNAL MODULE: ./.tmp/config/index.ts + 11 modules
-var _tmp_config = __webpack_require__(10);
+// EXTERNAL MODULE: ./.tmp/config/index.ts + 12 modules
+var _tmp_config = __webpack_require__(6);
 
 // EXTERNAL MODULE: ./.tmp/core/stringifying-map.ts
 var stringifying_map = __webpack_require__(30);
@@ -65981,6 +66000,7 @@ var core = __webpack_require__(43);
 
 
 
+
 class remote_variable_communicator_RemoteVariableCommunicator {
     constructor(remoteVariableProtocol, logger) {
         this.remoteVariableProtocol = remoteVariableProtocol;
@@ -66072,18 +66092,20 @@ class remote_variable_communicator_RemoteVariableCommunicator {
                         });
                     }
                     // 离线时从预加载缓存取值推送给值订阅者
-                    if (state.state === communication["d" /* VariableStateEnum */].Offline && this.offlineValueCache.has(variableName)) {
+                    if (_tmp_config["j" /* GuiFeatureConfig */].isOfflineDisplayEnabled && state.state === communication["d" /* VariableStateEnum */].Offline && this.offlineValueCache.has(variableName)) {
                         const cachedValue = this.offlineValueCache.get(variableName);
-                        const variableValue = {
-                            variableName,
-                            value: cachedValue,
-                            state: communication["d" /* VariableStateEnum */].Offline
-                        };
-                        this.variableValueCache.set(variableName, variableValue);
-                        if (this.observers.has(variableName)) {
-                            Object(lodash["each"])(this.observers.get(variableName), ob => {
-                                ob.next([variableValue]);
-                            });
+                        if (cachedValue !== null) {
+                            const variableValue = {
+                                variableName,
+                                value: cachedValue,
+                                state: communication["d" /* VariableStateEnum */].Offline
+                            };
+                            this.variableValueCache.set(variableName, variableValue);
+                            if (this.observers.has(variableName)) {
+                                Object(lodash["each"])(this.observers.get(variableName), ob => {
+                                    ob.next([variableValue]);
+                                });
+                            }
                         }
                     }
                     // 无论什么状态，推送后清除缓存，防止后续再次离线时用旧值
@@ -66092,10 +66114,36 @@ class remote_variable_communicator_RemoteVariableCommunicator {
             });
     }
     /**
-     * 预填充离线变量值缓存，由 GuiContext 在组态加载时一次性调用
+     * 预填充离线变量值缓存，由 GuiContext 在组态加载时一次性调用。
+     * 若状态推送早于接口返回，变量已在 Offline 状态，则直接推送；
+     * 否则缓存等待状态事件到来时推送。
      */
     setOfflineValueCache(variableName, value) {
-        this.offlineValueCache.set(variableName, value);
+        if (!_tmp_config["j" /* GuiFeatureConfig */].isOfflineDisplayEnabled) {
+            return;
+        }
+        if (value === null || value === undefined) {
+            return;
+        }
+        const cachedState = this.variableStateCache.get(variableName);
+        if (cachedState && cachedState.state === communication["d" /* VariableStateEnum */].Offline) {
+            // 状态已推送过，直接补推值给订阅者
+            const variableValue = {
+                variableName,
+                value,
+                state: communication["d" /* VariableStateEnum */].Offline
+            };
+            this.variableValueCache.set(variableName, variableValue);
+            if (this.observers.has(variableName)) {
+                Object(lodash["each"])(this.observers.get(variableName), ob => {
+                    ob.next([variableValue]);
+                });
+            }
+        }
+        else {
+            // 状态还未推送，先缓存，等待状态事件
+            this.offlineValueCache.set(variableName, value);
+        }
     }
     subscribeVariableStates(variableNames) {
         return new Observable["a" /* Observable */](observer => {
@@ -66538,7 +66586,7 @@ var lodash = __webpack_require__(2);
 var condition_type = __webpack_require__(34);
 
 // EXTERNAL MODULE: ./.tmp/utils/variable-util.ts
-var variable_util = __webpack_require__(8);
+var variable_util = __webpack_require__(9);
 
 // EXTERNAL MODULE: ./.tmp/communication/variable/variable-definition.ts
 var variable_definition = __webpack_require__(11);
@@ -74024,7 +74072,7 @@ var numerical_operation_service = __webpack_require__(41);
 var view_service = __webpack_require__(27);
 
 // EXTERNAL MODULE: ./.tmp/logger/index.ts + 2 modules
-var logger = __webpack_require__(7);
+var logger = __webpack_require__(8);
 
 // EXTERNAL MODULE: ./.tmp/modal/verify-password/verify-password-modal.component.ts
 var verify_password_modal_component = __webpack_require__(20);
@@ -86691,9 +86739,11 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _core__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(43);
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "StringifyingMap", function() { return _core__WEBPACK_IMPORTED_MODULE_3__["a"]; });
 
-/* harmony import */ var _config__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(10);
+/* harmony import */ var _config__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(6);
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "ConfigStore", function() { return _config__WEBPACK_IMPORTED_MODULE_4__["b"]; });
 
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "GuiFeatureConfig", function() { return _config__WEBPACK_IMPORTED_MODULE_4__["j"]; });
+
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "Graph", function() { return _config__WEBPACK_IMPORTED_MODULE_4__["f"]; });
 
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "GraphResult", function() { return _config__WEBPACK_IMPORTED_MODULE_4__["g"]; });
@@ -86702,21 +86752,21 @@ __webpack_require__.r(__webpack_exports__);
 
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "GraphStore", function() { return _config__WEBPACK_IMPORTED_MODULE_4__["h"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "ViewStore", function() { return _config__WEBPACK_IMPORTED_MODULE_4__["p"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "ViewStore", function() { return _config__WEBPACK_IMPORTED_MODULE_4__["q"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "ViewModel", function() { return _config__WEBPACK_IMPORTED_MODULE_4__["o"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "ViewModel", function() { return _config__WEBPACK_IMPORTED_MODULE_4__["p"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "ImageStore", function() { return _config__WEBPACK_IMPORTED_MODULE_4__["m"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "ImageStore", function() { return _config__WEBPACK_IMPORTED_MODULE_4__["n"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "HistoryDataStore", function() { return _config__WEBPACK_IMPORTED_MODULE_4__["k"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "HistoryDataStore", function() { return _config__WEBPACK_IMPORTED_MODULE_4__["l"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "HistoryDataModel", function() { return _config__WEBPACK_IMPORTED_MODULE_4__["j"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "HistoryDataModel", function() { return _config__WEBPACK_IMPORTED_MODULE_4__["k"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "HistoryDataValue", function() { return _config__WEBPACK_IMPORTED_MODULE_4__["l"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "HistoryDataValue", function() { return _config__WEBPACK_IMPORTED_MODULE_4__["m"]; });
 
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "GetHistoryDataArgs", function() { return _config__WEBPACK_IMPORTED_MODULE_4__["d"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "VariableStore", function() { return _config__WEBPACK_IMPORTED_MODULE_4__["n"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "VariableStore", function() { return _config__WEBPACK_IMPORTED_MODULE_4__["o"]; });
 
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "GetVariableNameArgs", function() { return _config__WEBPACK_IMPORTED_MODULE_4__["e"]; });
 
@@ -86736,8 +86786,8 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "VariableStateEnum", function() { return _communication__WEBPACK_IMPORTED_MODULE_5__["d"]; });
 
 /* harmony import */ var _model__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(3);
-/* harmony reexport (unknown) */ for(var __WEBPACK_IMPORT_KEY__ in _model__WEBPACK_IMPORTED_MODULE_6__) if(["GuiComponent","GuiView","GuiContext","GuiModule","LOGGER_SERVICE_TOKEN","LoggerService","ConsoleLoggerService","StringifyingMap","ConfigStore","Graph","GraphResult","GraphType","GraphStore","ViewStore","ViewModel","ImageStore","HistoryDataStore","HistoryDataModel","HistoryDataValue","GetHistoryDataArgs","VariableStore","GetVariableNameArgs","AlarmsStore","GetAlarmsArgs","VariableCommunicator","VariableValue","VariableState","VariableDefinition","VariableStateEnum","default"].indexOf(__WEBPACK_IMPORT_KEY__) < 0) (function(key) { __webpack_require__.d(__webpack_exports__, key, function() { return _model__WEBPACK_IMPORTED_MODULE_6__[key]; }) }(__WEBPACK_IMPORT_KEY__));
-/* harmony import */ var _localization__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(9);
+/* harmony reexport (unknown) */ for(var __WEBPACK_IMPORT_KEY__ in _model__WEBPACK_IMPORTED_MODULE_6__) if(["GuiComponent","GuiView","GuiContext","GuiModule","LOGGER_SERVICE_TOKEN","LoggerService","ConsoleLoggerService","StringifyingMap","ConfigStore","GuiFeatureConfig","Graph","GraphResult","GraphType","GraphStore","ViewStore","ViewModel","ImageStore","HistoryDataStore","HistoryDataModel","HistoryDataValue","GetHistoryDataArgs","VariableStore","GetVariableNameArgs","AlarmsStore","GetAlarmsArgs","VariableCommunicator","VariableValue","VariableState","VariableDefinition","VariableStateEnum","default"].indexOf(__WEBPACK_IMPORT_KEY__) < 0) (function(key) { __webpack_require__.d(__webpack_exports__, key, function() { return _model__WEBPACK_IMPORTED_MODULE_6__[key]; }) }(__WEBPACK_IMPORT_KEY__));
+/* harmony import */ var _localization__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(10);
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "Localization", function() { return _localization__WEBPACK_IMPORTED_MODULE_7__["c"]; });
 
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "LOCALIZATION", function() { return _localization__WEBPACK_IMPORTED_MODULE_7__["b"]; });
@@ -86793,8 +86843,8 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "RemoteVariableProtocol", function() { return _remote__WEBPACK_IMPORTED_MODULE_11__["k"]; });
 
 /* harmony import */ var _service__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(14);
-/* harmony reexport (unknown) */ for(var __WEBPACK_IMPORT_KEY__ in _service__WEBPACK_IMPORTED_MODULE_12__) if(["GuiComponent","GuiView","GuiContext","GuiModule","LOGGER_SERVICE_TOKEN","LoggerService","ConsoleLoggerService","StringifyingMap","ConfigStore","Graph","GraphResult","GraphType","GraphStore","ViewStore","ViewModel","ImageStore","HistoryDataStore","HistoryDataModel","HistoryDataValue","GetHistoryDataArgs","VariableStore","GetVariableNameArgs","AlarmsStore","GetAlarmsArgs","VariableCommunicator","VariableValue","VariableState","VariableDefinition","VariableStateEnum","Localization","LOCALIZATION","DefaultLocalization","Localization_zh_CN","SecurityChecker","Disposable","ConfigIsEmptyError","OperationHelper","GuiConsts","GraphExtendedStyle","GetReleasedGraphStateResult","GraphStateResult","GetReleasedGraphStates","GraphStateKey","GraphState","RemoteGraphProtocol","RemoteGraphStore","RemoteViewProtocol","RemoteViewStore","ViewResult","RemoteImageProtocol","RemoteImageStore","RemoteVariableCommunicator","RemoteVariableProtocol","default"].indexOf(__WEBPACK_IMPORT_KEY__) < 0) (function(key) { __webpack_require__.d(__webpack_exports__, key, function() { return _service__WEBPACK_IMPORTED_MODULE_12__[key]; }) }(__WEBPACK_IMPORT_KEY__));
-/* harmony import */ var _logger__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(7);
+/* harmony reexport (unknown) */ for(var __WEBPACK_IMPORT_KEY__ in _service__WEBPACK_IMPORTED_MODULE_12__) if(["GuiComponent","GuiView","GuiContext","GuiModule","LOGGER_SERVICE_TOKEN","LoggerService","ConsoleLoggerService","StringifyingMap","ConfigStore","GuiFeatureConfig","Graph","GraphResult","GraphType","GraphStore","ViewStore","ViewModel","ImageStore","HistoryDataStore","HistoryDataModel","HistoryDataValue","GetHistoryDataArgs","VariableStore","GetVariableNameArgs","AlarmsStore","GetAlarmsArgs","VariableCommunicator","VariableValue","VariableState","VariableDefinition","VariableStateEnum","Localization","LOCALIZATION","DefaultLocalization","Localization_zh_CN","SecurityChecker","Disposable","ConfigIsEmptyError","OperationHelper","GuiConsts","GraphExtendedStyle","GetReleasedGraphStateResult","GraphStateResult","GetReleasedGraphStates","GraphStateKey","GraphState","RemoteGraphProtocol","RemoteGraphStore","RemoteViewProtocol","RemoteViewStore","ViewResult","RemoteImageProtocol","RemoteImageStore","RemoteVariableCommunicator","RemoteVariableProtocol","default"].indexOf(__WEBPACK_IMPORT_KEY__) < 0) (function(key) { __webpack_require__.d(__webpack_exports__, key, function() { return _service__WEBPACK_IMPORTED_MODULE_12__[key]; }) }(__WEBPACK_IMPORT_KEY__));
+/* harmony import */ var _logger__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(8);
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "LOGGER_SERVICE_TOKEN", function() { return _logger__WEBPACK_IMPORTED_MODULE_13__["b"]; });
 
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "LoggerService", function() { return _logger__WEBPACK_IMPORTED_MODULE_13__["c"]; });