@flexem/fc-gui 3.0.0-alpha.181 → 3.0.0-alpha.183

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

@@ -22413,6 +22413,50 @@ class VariableDefinition {
 /* 12 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
+"use strict";
+
+// CONCATENATED MODULE: ./.tmp/settings/view-resize-mode.ts
+var ViewResizeMode;
+(function (ViewResizeMode) {
+    /**
+     * 在保持纵横比的同时等比缩放显示所有内容
+     */
+    ViewResizeMode[ViewResizeMode["Uniform"] = 0] = "Uniform";
+    /**
+     * 在保持纵横比的同时保证横向显示尽可能多的空间，
+     */
+    ViewResizeMode[ViewResizeMode["HorizontalUniform"] = 1] = "HorizontalUniform";
+})(ViewResizeMode || (ViewResizeMode = {}));
+
+// CONCATENATED MODULE: ./.tmp/settings/display-mode.ts
+var DisplayMode;
+(function (DisplayMode) {
+    /**
+     * 网页版显示模式
+     */
+    DisplayMode[DisplayMode["Web"] = 0] = "Web";
+    /**
+     * 移动端显示，优化部分元件在移动端中的显示效果
+     */
+    DisplayMode[DisplayMode["Mobile"] = 1] = "Mobile";
+})(DisplayMode || (DisplayMode = {}));
+
+// EXTERNAL MODULE: ./.tmp/settings/global-settings.ts
+var global_settings = __webpack_require__(48);
+
+// CONCATENATED MODULE: ./.tmp/settings/index.ts
+/* concated harmony reexport */__webpack_require__.d(__webpack_exports__, "c", function() { return ViewResizeMode; });
+/* concated harmony reexport */__webpack_require__.d(__webpack_exports__, "a", function() { return DisplayMode; });
+/* concated harmony reexport */__webpack_require__.d(__webpack_exports__, "b", function() { return global_settings["a" /* GlobalSettings */]; });
+
+
+
+
+
+/***/ }),
+/* 13 */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
 "use strict";
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return VariableValueType; });
 var VariableValueType;
@@ -22423,7 +22467,7 @@ var VariableValueType;
 
 
 /***/ }),
-/* 13 */
+/* 14 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -22635,7 +22679,7 @@ function __importDefault(mod) {
 
 
 /***/ }),
-/* 14 */
+/* 15 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -22686,50 +22730,6 @@ __webpack_require__.r(__webpack_exports__);
 
 
 
-/***/ }),
-/* 15 */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-
-// CONCATENATED MODULE: ./.tmp/settings/view-resize-mode.ts
-var ViewResizeMode;
-(function (ViewResizeMode) {
-    /**
-     * 在保持纵横比的同时等比缩放显示所有内容
-     */
-    ViewResizeMode[ViewResizeMode["Uniform"] = 0] = "Uniform";
-    /**
-     * 在保持纵横比的同时保证横向显示尽可能多的空间，
-     */
-    ViewResizeMode[ViewResizeMode["HorizontalUniform"] = 1] = "HorizontalUniform";
-})(ViewResizeMode || (ViewResizeMode = {}));
-
-// CONCATENATED MODULE: ./.tmp/settings/display-mode.ts
-var DisplayMode;
-(function (DisplayMode) {
-    /**
-     * 网页版显示模式
-     */
-    DisplayMode[DisplayMode["Web"] = 0] = "Web";
-    /**
-     * 移动端显示，优化部分元件在移动端中的显示效果
-     */
-    DisplayMode[DisplayMode["Mobile"] = 1] = "Mobile";
-})(DisplayMode || (DisplayMode = {}));
-
-// EXTERNAL MODULE: ./.tmp/settings/global-settings.ts
-var global_settings = __webpack_require__(48);
-
-// CONCATENATED MODULE: ./.tmp/settings/index.ts
-/* concated harmony reexport */__webpack_require__.d(__webpack_exports__, "c", function() { return ViewResizeMode; });
-/* concated harmony reexport */__webpack_require__.d(__webpack_exports__, "a", function() { return DisplayMode; });
-/* concated harmony reexport */__webpack_require__.d(__webpack_exports__, "b", function() { return global_settings["a" /* GlobalSettings */]; });
-
-
-
-
-
 /***/ }),
 /* 16 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
@@ -32593,6 +32593,7 @@ const DefaultLocalization = {
 /* 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__(10);
+/* harmony import */ var _settings__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(12);
 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);
@@ -32606,16 +32607,22 @@ var __param = (undefined && undefined.__param) || function (paramIndex, decorato
 
 
 
+
 let VerifyPasswordModalComponent = class VerifyPasswordModalComponent {
-    constructor(localization) {
+    constructor(localization, injector) {
         this.localization = localization;
         this._onClosed = new rxjs__WEBPACK_IMPORTED_MODULE_1__[/* Subject */ "a"]();
         this.passwordError = false;
+        this.isMobileMode = false;
+        this.isDisplayModeMobile = _settings__WEBPACK_IMPORTED_MODULE_4__[/* DisplayMode */ "a"].Mobile === injector.get(_settings__WEBPACK_IMPORTED_MODULE_4__[/* GlobalSettings */ "b"]).displayMode;
     }
     get onClosed() {
         return this._onClosed;
     }
     ngOnInit() {
+        // 画面模拟（SimulateRemoteGuiContext）下 releasedVariableService 恒为空，
+        // 借此和真实移动端区分开，避免在 PC 浏览器模拟移动端时套用移动端专属样式
+        this.isMobileMode = this.isDisplayModeMobile && !!this.releasedVariableService;
         this.validate();
     }
     validate() {
@@ -32649,8 +32656,8 @@ let VerifyPasswordModalComponent = class VerifyPasswordModalComponent {
 VerifyPasswordModalComponent = __decorate([
     Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Component"])({
         selector: 'verify-password',
-        template: "<form #verifyPasswordForm=\"ngForm\" novalidate (ngSubmit)=\"checkSecurity()\" bs-modal-drag> <div class=\"modal-header\"> <h4 class=\"modal-title\"> <span>{{localization.passwordVerify}}</span> </h4> <button type=\"button\" class=\"close pull-right\" aria-label=\"Close\" (click)=\"close()\"> <span aria-hidden=\"true\">&times;</span> </button> </div> <div class=\"modal-body\"> <span class=\"password-span\">{{localization.password}}： </span> <input type=\"password\" name=\"password\" autoFocus class=\"form-control element-password\" [(ngModel)]=\"password\" (keyup)=\"validate()\" autocomplete=\"off\"> <span class=\"help-block text-danger\" [hidden]=\"!passwordError\">{{validationErrorText}}</span> </div> <div class=\"modal-footer\"> <button type=\"button\" class=\"btn md-skip btn-cancel\" (click)=\"close()\">{{localization.cancel}} </button> <button type=\"submit\" class=\"btn md-skip btn-primary\" [disabled]=\"passwordError\">{{localization.submit}}</button> </div> </form> ",
-        styles: [".modal-header { padding: 10px; border-color: transparent; } .modal-body { position: relative; padding: 0px 5px !important; padding-top: 10px !important; } .modal-title { display: unset; margin-left: -6px; font-size: 16px !important; } .form-control { margin: 0 5%; float: none; width: 90%; } .modal-footer { padding: 10px 4px 20px 5px !important; text-align: right; border-color: transparent; color: #fff; } .text-danger { display: block; color: #ed6b75; font-size: 14px; margin: 5px 0px 0px 15px; } .btn-primary { color: #fff; height: 32px; margin-right: 10px; line-height: 0px } .password-span { color: #7f939e; font-size: 14px; margin-left: 15px; } .btn-cancel { color: #fff; height: 32px; min-width: 71px; margin-right: 6px; background-color: #dddddd; line-height: 0px } .element-password { padding-left: 8px; height: 32px; min-width: 71px; margin-left: 16px; } "]
+        template: "<form #verifyPasswordForm=\"ngForm\" novalidate (ngSubmit)=\"checkSecurity()\" bs-modal-drag> <div class=\"modal-header\"> <h4 class=\"modal-title\"> <span>{{localization.passwordVerify}}</span> </h4> <button type=\"button\" class=\"close pull-right\" aria-label=\"Close\" (click)=\"close()\"> <span aria-hidden=\"true\">&times;</span> </button> </div> <div class=\"modal-body\"> <span class=\"password-span\">{{localization.password}}： </span> <input type=\"password\" name=\"password\" autoFocus [class.verify-password-input]=\"!isMobileMode\" class=\"form-control element-password\" [(ngModel)]=\"password\" (keyup)=\"validate()\" autocomplete=\"off\"> <span class=\"help-block text-danger\" [hidden]=\"!passwordError\">{{validationErrorText}}</span> </div> <div class=\"modal-footer\" [class.verify-password-footer]=\"!isMobileMode\"> <button type=\"button\" class=\"btn md-skip btn-cancel\" (click)=\"close()\">{{localization.cancel}} </button> <button type=\"submit\" class=\"btn md-skip btn-primary\" [disabled]=\"passwordError\">{{localization.submit}}</button> </div> </form> ",
+        styles: [".modal-header { padding: 10px; border-color: transparent; } .modal-body { position: relative; padding: 0px 5px !important; padding-top: 10px !important; } .modal-title { display: unset; margin-left: -6px; font-size: 16px !important; } .form-control { margin: 0 5%; float: none; width: 90%; } .modal-footer { padding: 10px 4px 20px 5px !important; text-align: right; border-color: transparent; color: #fff; } .text-danger { display: block; color: #ed6b75; font-size: 14px; margin: 5px 0px 0px 15px; } .btn-primary { color: #fff; height: 32px; min-width: 71px; margin-right: 10px; line-height: 0px } .password-span { color: #7f939e; font-size: 14px; margin-left: 15px; } .btn-cancel { color: #fff; height: 32px; min-width: 71px; margin-right: 6px; background-color: #dddddd; line-height: 0px } .element-password { padding-left: 8px; height: 32px; min-width: 71px; margin-left: 16px; } .verify-password-input { width: 600px; } .verify-password-footer { padding-right: 18px !important; } "]
     }),
     __param(0, Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Inject"])(_localization__WEBPACK_IMPORTED_MODULE_3__[/* LOCALIZATION */ "b"]))
 ], VerifyPasswordModalComponent);
@@ -33040,7 +33047,7 @@ class Guid {
 "use strict";
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return Subscriber; });
 /* unused harmony export SafeSubscriber */
-/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(13);
+/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(14);
 /* harmony import */ var _util_isFunction__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(52);
 /* harmony import */ var _Observer__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(54);
 /* harmony import */ var _Subscription__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(25);
@@ -35499,7 +35506,7 @@ function degreesToRadians(degrees) {
 }
 
 // EXTERNAL MODULE: ./.tmp/model/shared/condition/variable-value-type.ts
-var variable_value_type = __webpack_require__(12);
+var variable_value_type = __webpack_require__(13);
 
 // CONCATENATED MODULE: ./.tmp/elements/bar-graph-element.ts
 
@@ -35760,11 +35767,12 @@ var confirm_operation_modal_component = __webpack_require__(21);
 
 // CONCATENATED MODULE: ./.tmp/modal/write-character/write-character-modal-args.ts
 class WriteCharacterModalArgs {
-    constructor(variableName, isPassword, charCount, originValue) {
+    constructor(variableName, isPassword, charCount, originValue, releasedVariableService) {
         this.variableName = variableName;
         this.isPassword = isPassword;
         this.charCount = charCount;
         this.originValue = originValue;
+        this.releasedVariableService = releasedVariableService;
     }
 }
 
@@ -35831,9 +35839,6 @@ class text_element_TextElementModal {
         this.width = width;
         this.height = height;
         this.isVariableText = isVariableText;
-        if (/iPhone|iPod/i.test(navigator.userAgent)) {
-            width += 10;
-        }
         this._element = this.getforeignObjectElement(width, height);
         this._element.innerHTML = '';
         const text = this.createNewForeignObjectText(content, font, width, height, isVariableText);
@@ -35857,10 +35862,7 @@ class text_element_TextElementModal {
         // 清空现有内容
         this._element.innerHTML = '';
         // 创建新的文本元素
-        let width = this.width;
-        if (/iPhone|iPod/i.test(navigator.userAgent)) {
-            width += 10;
-        }
+        const width = this.width;
         const text = this.createNewForeignObjectText(content, this.font, width, this.height, this.isVariableText);
         this._element.appendChild(text);
     }
@@ -35945,12 +35947,13 @@ 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) {
+    constructor(element, injector, modalService, variableCommunicator, graphStore, permissionChecker, operationRecordService, securityChecker, variableStore, localization, signalRAppId, releasedVariableService) {
         super(element, permissionChecker, variableCommunicator, variableStore, localization, signalRAppId);
         this.modalService = modalService;
         this.graphStore = graphStore;
         this.operationRecordService = operationRecordService;
         this.securityChecker = securityChecker;
+        this.releasedVariableService = releasedVariableService;
         this.displayValue = '';
         this.graphs = new Map();
         this.logger = injector.get(logger["b" /* LOGGER_SERVICE_TOKEN */]);
@@ -36180,7 +36183,10 @@ class character_display_element_CharacterDisplayElement extends readable_element
     }
     checkElementPassword() {
         if (this.model.enablePassword) {
-            const modalRef = this.modalService.show(verify_password_modal_component["a" /* VerifyPasswordModalComponent */], { initialState: { securityChecker: this.securityChecker }, backdrop: 'static', class: 'gui-modal-dialog-position', animated: false });
+            const modalRef = this.modalService.show(verify_password_modal_component["a" /* VerifyPasswordModalComponent */], {
+                initialState: { securityChecker: this.securityChecker, releasedVariableService: this.releasedVariableService },
+                backdrop: 'static', class: 'gui-modal-dialog-position', animated: false
+            });
             const onClosedSub = modalRef.content.onClosed.subscribe(result => {
                 modalRef.hide();
                 onClosedSub.unsubscribe();
@@ -36197,7 +36203,15 @@ class character_display_element_CharacterDisplayElement extends readable_element
         if (null == this.writeVariableName) {
             return;
         }
-        const args = new WriteCharacterModalArgs(this.writeVariableName, this.model.isPassword, this.model.charCount, this.displayValue);
+        // 优先使用接口返回的实时字符长度，如果获取不到则使用页面配置中的长度
+        let charCount = this.model.charCount;
+        if (this.variableStore.getCharCountByVariableName) {
+            const runtimeCharCount = this.variableStore.getCharCountByVariableName(this.writeVariableName);
+            if (runtimeCharCount !== undefined) {
+                charCount = runtimeCharCount;
+            }
+        }
+        const args = new WriteCharacterModalArgs(this.writeVariableName, this.model.isPassword, charCount, this.displayValue, this.releasedVariableService);
         const modalRef = this.modalService.show(write_character_modal_component["a" /* WriteCharacterModalComponent */], {
             initialState: { args: args }, backdrop: 'static', class: 'gui-modal-dialog-position gui-modal-write', animated: false
         });
@@ -37157,7 +37171,7 @@ var HistoricalCurveTimeRange;
 })(HistoricalCurveTimeRange || (HistoricalCurveTimeRange = {}));
 
 // EXTERNAL MODULE: ./.tmp/service/index.ts
-var service = __webpack_require__(14);
+var service = __webpack_require__(15);
 
 // CONCATENATED MODULE: ./.tmp/elements/historical-curve/historical-curve-element-status.ts
 var HistoricalCurveElementStatus;
@@ -37169,7 +37183,7 @@ var HistoricalCurveElementStatus;
 })(HistoricalCurveElementStatus || (HistoricalCurveElementStatus = {}));
 
 // EXTERNAL MODULE: ./.tmp/settings/index.ts + 2 modules
-var _tmp_settings = __webpack_require__(15);
+var _tmp_settings = __webpack_require__(12);
 
 // CONCATENATED MODULE: ./.tmp/model/historical-curve/curve-type.ts
 var CurveType;
@@ -38559,7 +38573,10 @@ class numerical_display_element_NumericalDisplayElement extends readable_element
     }
     checkElementPassword() {
         if (this.model.enablePassword) {
-            const modalRef = this.modalService.show(verify_password_modal_component["a" /* VerifyPasswordModalComponent */], { initialState: { securityChecker: this.securityChecker }, backdrop: 'static', class: 'gui-modal-dialog-position', animated: false });
+            const modalRef = this.modalService.show(verify_password_modal_component["a" /* VerifyPasswordModalComponent */], {
+                initialState: { securityChecker: this.securityChecker, releasedVariableService: this.releasedVariableService },
+                backdrop: 'static', class: 'gui-modal-dialog-position', animated: false
+            });
             const onClosedSub = modalRef.content.onClosed.subscribe(result => {
                 modalRef.hide();
                 onClosedSub.unsubscribe();
@@ -40577,8 +40594,12 @@ class switch_indicator_light_element_SwitchIndicatorLightElement extends conditi
         };
     }
     checkElementPassword(afterConfirm) {
+        var _a;
         if (this.model.enablePassword) {
-            const modalRef = this.modalService.show(verify_password_modal_component["a" /* VerifyPasswordModalComponent */], { initialState: { securityChecker: this.securityChecker }, backdrop: 'static', class: 'gui-modal-dialog-position', animated: false });
+            const modalRef = this.modalService.show(verify_password_modal_component["a" /* VerifyPasswordModalComponent */], {
+                initialState: { securityChecker: this.securityChecker, releasedVariableService: (_a = this.guiContext) === null || _a === void 0 ? void 0 : _a.releasedVariableService },
+                backdrop: 'static', class: 'gui-modal-dialog-position', animated: false
+            });
             const onClosedSub = modalRef.content.onClosed.subscribe(result => {
                 modalRef.hide();
                 onClosedSub.unsubscribe();
@@ -41276,8 +41297,12 @@ class view_operation_element_ViewOperationElement extends conditional_enable_ele
         }
     }
     checkElementPassword() {
+        var _a;
         if (this.model.enablePassword) {
-            const modalRef = this.modalService.show(verify_password_modal_component["a" /* VerifyPasswordModalComponent */], { initialState: { securityChecker: this.securityChecker }, backdrop: 'static', class: 'gui-modal-dialog-position', animated: false });
+            const modalRef = this.modalService.show(verify_password_modal_component["a" /* VerifyPasswordModalComponent */], {
+                initialState: { securityChecker: this.securityChecker, releasedVariableService: (_a = this.guiContext) === null || _a === void 0 ? void 0 : _a.releasedVariableService },
+                backdrop: 'static', class: 'gui-modal-dialog-position', animated: false
+            });
             const onClosedSub = modalRef.content.onClosed.subscribe(result => {
                 modalRef.hide();
                 onClosedSub.unsubscribe();
@@ -42518,14 +42543,102 @@ class alarm_element_AlarmElement extends conditional_display_element_Conditional
         this.totalCount = 0;
         this.pageSize = 5;
         this.maxVisibleRows = 15;
+        this.scrollWindowStart = 0;
         this.rowHeight = 0;
+        this.touchStartY = 0;
+        this.touchScrollAccumulator = 0;
+        this.thumbDragStartY = 0;
+        this.thumbDragStartWindow = 0;
+        this.thumbDragging = false;
         this.isDisposed = false;
+        this.handleScrollWheel = (event) => {
+            if (!this.rowHeight)
+                return;
+            event.preventDefault();
+            this.touchScrollAccumulator += event.deltaY;
+            const rowDelta = Math.trunc(this.touchScrollAccumulator / this.rowHeight);
+            if (rowDelta !== 0) {
+                this.touchScrollAccumulator -= rowDelta * this.rowHeight;
+                this.moveScrollWindowBy(rowDelta);
+            }
+        };
+        this.handleScrollTouchStart = (event) => {
+            this.touchStartY = event.touches[0].clientY;
+            this.touchScrollAccumulator = 0;
+        };
+        this.handleScrollTouchMove = (event) => {
+            if (!this.rowHeight)
+                return;
+            event.preventDefault();
+            const currentY = event.touches[0].clientY;
+            const deltaY = this.touchStartY - currentY;
+            this.touchStartY = currentY;
+            this.touchScrollAccumulator += deltaY;
+            const rowDelta = Math.trunc(this.touchScrollAccumulator / this.rowHeight);
+            if (rowDelta !== 0) {
+                this.touchScrollAccumulator -= rowDelta * this.rowHeight;
+                this.moveScrollWindowBy(rowDelta);
+            }
+        };
         this.handleScrollMouseEnter = () => {
             clearInterval(this.scrollIntervalId);
         };
         this.handleScrollMouseLeave = () => {
+            if (!this.thumbDragging)
+                this.startAutoScroll();
+        };
+        // 拖拽滑块时挂全局 mousemove/mouseup，允许拖出滚动条区域也能继续跟手，松开时才解绑
+        this.handleThumbDragStart = (event) => {
+            event.preventDefault();
+            event.stopPropagation();
+            this.thumbDragging = true;
+            clearInterval(this.scrollIntervalId);
+            this.thumbDragStartY = this.getClientY(event);
+            this.thumbDragStartWindow = this.scrollWindowStart;
+            document.addEventListener('mousemove', this.handleThumbDragMove);
+            document.addEventListener('mouseup', this.handleThumbDragEnd);
+            document.addEventListener('touchmove', this.handleThumbDragMove, { passive: false });
+            document.addEventListener('touchend', this.handleThumbDragEnd);
+        };
+        this.handleThumbDragMove = (event) => {
+            if (!this.thumbDragging || !this.scrollTrack)
+                return;
+            event.preventDefault();
+            const maxWindowStart = Math.max(0, this.pageSize - this.maxVisibleRows);
+            if (maxWindowStart <= 0)
+                return;
+            const trackHeight = this.scrollTrack.clientHeight;
+            const thumbHeightRatio = Math.min(1, this.maxVisibleRows / this.pageSize);
+            const thumbHeight = Math.max(20, trackHeight * thumbHeightRatio);
+            const maxThumbTop = trackHeight - thumbHeight;
+            if (maxThumbTop <= 0)
+                return;
+            const deltaY = this.getClientY(event) - this.thumbDragStartY;
+            const deltaWindow = Math.round((deltaY / maxThumbTop) * maxWindowStart);
+            const nextStart = Math.min(maxWindowStart, Math.max(0, this.thumbDragStartWindow + deltaWindow));
+            if (nextStart === this.scrollWindowStart)
+                return;
+            this.scrollWindowStart = nextStart;
+            this.renderScrollWindow(this.scrollWindowStart);
+        };
+        this.handleThumbDragEnd = () => {
+            this.thumbDragging = false;
+            document.removeEventListener('mousemove', this.handleThumbDragMove);
+            document.removeEventListener('mouseup', this.handleThumbDragEnd);
+            document.removeEventListener('touchmove', this.handleThumbDragMove);
+            document.removeEventListener('touchend', this.handleThumbDragEnd);
             this.startAutoScroll();
         };
+        // 点击轨道空白处（非滑块）时整页跳转，方向取决于点击位置在滑块上方还是下方
+        this.handleTrackClick = (event) => {
+            if (event.target !== this.scrollTrack || !this.scrollTrack)
+                return;
+            const trackRect = this.scrollTrack.getBoundingClientRect();
+            const clickTop = event.clientY - trackRect.top;
+            const thumbTop = parseFloat(this.scrollThumb.style.top) || 0;
+            const rowDelta = clickTop < thumbTop ? -this.maxVisibleRows : this.maxVisibleRows;
+            this.moveScrollWindowBy(rowDelta);
+        };
         this.rootElement.selectAll('*').remove();
         this.setStatusAsLoading();
         this.logger = injector.get(logger["b" /* LOGGER_SERVICE_TOKEN */]);
@@ -42756,10 +42869,8 @@ class alarm_element_AlarmElement extends conditional_display_element_Conditional
         }, 500);
     }
     refreshCurrentPageData() {
-        var _a;
         if (this.isDisposed)
             return;
-        const currentScrollTop = ((_a = this.scrollContainer) === null || _a === void 0 ? void 0 : _a.scrollTop) || 0;
         if (this.model.filterSetting.alarmType) {
             this.updateQueryTimeRange();
             const input = new _tmp_config["c" /* GetAlarmsArgs */](this.alarmNames, this.startTime, this.endTime, this.pageSize, this.page * this.pageSize);
@@ -42775,9 +42886,6 @@ class alarm_element_AlarmElement extends conditional_display_element_Conditional
                         item.triggeredTime.format('YYYY-MM-DD HH:mm:ss')
                     ]);
                     this.updateTableContent();
-                    if (this.scrollContainer) {
-                        this.scrollContainer.scrollTop = currentScrollTop;
-                    }
                 }
             });
         }
@@ -42801,9 +42909,6 @@ class alarm_element_AlarmElement extends conditional_display_element_Conditional
                         item.triggeredTime.format('YYYY-MM-DD HH:mm:ss')
                     ]);
                     this.updateTableContent();
-                    if (this.scrollContainer) {
-                        this.scrollContainer.scrollTop = currentScrollTop;
-                    }
                 }
             });
         }
@@ -42812,37 +42917,63 @@ class alarm_element_AlarmElement extends conditional_display_element_Conditional
         if (!this.element)
             return;
         const useScroll = this.pageSize > this.maxVisibleRows;
-        const dataRowHeight = this.model.heights[1] || this.model.heights[0];
-        // 查找表格主体
-        let tbody;
         if (useScroll) {
-            const bodyContainer = this.element.querySelector('div > div:nth-child(2)');
-            if (!bodyContainer)
+            if (!this.scrollContent)
                 return;
-            const bodyTable = bodyContainer.querySelector('table');
-            if (!bodyTable)
-                return;
-            tbody = bodyTable;
-        }
-        else {
-            const table = this.element.querySelector('table');
-            if (!table)
-                return;
-            tbody = table;
+            this.scrollWindowStart = Math.min(this.scrollWindowStart, Math.max(0, this.pageSize - this.maxVisibleRows));
+            this.renderScrollWindow(this.scrollWindowStart);
+            return;
         }
+        const table = this.element.querySelector('table');
+        if (!table)
+            return;
         // 清除现有数据行（保留表头）
-        const rows = Array.from(tbody.querySelectorAll('tr'));
+        const rows = Array.from(table.querySelectorAll('tr'));
         rows.forEach((row, index) => {
-            if (index > 0 || useScroll) { // 对于 scrollable 模式，表头在另一个 table，所以这里全部清除
+            if (index > 0) {
                 row.remove();
             }
         });
         // 重新生成数据行
         for (let row = 0; row < this.pageSize; row++) {
-            const rowHeight = useScroll ? dataRowHeight : this.model.heights[row + 1];
-            tbody.appendChild(this.buildDataRow(row, rowHeight));
+            table.appendChild(this.buildDataRow(row, this.model.heights[row + 1]));
         }
     }
+    renderScrollWindow(startRow) {
+        const table = this.scrollContent;
+        if (!table)
+            return;
+        // 清除现有数据行（保留表头，即第一个 <tr>）
+        const rows = Array.from(table.querySelectorAll('tr'));
+        rows.forEach((row, index) => {
+            if (index > 0) {
+                row.remove();
+            }
+        });
+        for (let i = 0; i < this.maxVisibleRows; i++) {
+            table.appendChild(this.buildDataRow(startRow + i, this.rowHeight));
+        }
+        this.updateScrollThumb();
+    }
+    // 滑块高度按"可见行数/总行数"的比例算，位置按当前窗口起始行占可滚动范围的比例算，
+    // 只用 top/height 两个数值属性更新，不涉及 transform，不会触发合成层
+    updateScrollThumb() {
+        if (!this.scrollTrack || !this.scrollThumb)
+            return;
+        const maxWindowStart = Math.max(0, this.pageSize - this.maxVisibleRows);
+        if (maxWindowStart <= 0) {
+            this.scrollThumb.style.display = 'none';
+            return;
+        }
+        this.scrollThumb.style.display = 'block';
+        const trackHeight = this.scrollTrack.clientHeight;
+        const thumbHeightRatio = Math.min(1, this.maxVisibleRows / this.pageSize);
+        const thumbHeight = Math.max(20, trackHeight * thumbHeightRatio);
+        const maxThumbTop = trackHeight - thumbHeight;
+        const thumbTop = maxThumbTop * (this.scrollWindowStart / maxWindowStart);
+        this.scrollThumb.style.height = `${thumbHeight}px`;
+        this.scrollThumb.style.top = `${thumbTop}px`;
+    }
     getIconScale() {
         const initSize = this.model.initSize;
         if (!initSize || !initSize.width || !initSize.height) {
@@ -42965,7 +43096,8 @@ class alarm_element_AlarmElement extends conditional_display_element_Conditional
         return tr;
     }
     renderPlainTable(elementHeight, operationAreaReservedHeight) {
-        this.scrollContainer = null;
+        this.scrollContent = null;
+        this.scrollWindowStart = 0;
         const table = document.createElement('table');
         table.style.cssText = `border: 2px solid ${this.model.generalSetting.stroke};
             height: ${elementHeight - operationAreaReservedHeight}px;`;
@@ -42981,42 +43113,41 @@ class alarm_element_AlarmElement extends conditional_display_element_Conditional
     renderScrollableTable(elementHeight, operationAreaReservedHeight) {
         const dataRowHeight = this.model.heights[1] || this.model.heights[0];
         this.rowHeight = dataRowHeight;
+        this.scrollWindowStart = 0;
+        // 之前用"表头/表体分两个 table + flex 包裹容器 + overflow/transform 滚动"的结构，
+        // 在 iOS WKWebView 上表体会明显放大错位，换了两种滚动实现方式（原生 overflow:auto、
+        // JS transform 平移）都复现同样的问题，怀疑是这套多层 div + 双 table 结构本身的问题。
+        // 这里改成和 renderPlainTable() 完全同构的单 table 结构（已验证在所有平台上都正常），
+        // DOM 里始终只保留 maxVisibleRows 行数据，滚动时只增删 <tr> 内容，不做任何位移/滚动。
+        // 自定义滚动条（轨道+滑块）只用 position + top/height 定位，不用 overflow/transform/
+        // will-change，这些属性都不会触发 WebKit 合成层提升，不会重新引入 iOS 缩放错位问题。
+        const scrollbarWidth = 6;
         const wrapper = document.createElement('div');
-        wrapper.style.cssText = `display: flex;
-            flex-direction: column;
-            box-sizing: border-box;
-            border: 2px solid ${this.model.generalSetting.stroke};
+        wrapper.style.cssText = `position: relative; width: ${this.model.size.width}px;
+            height: ${elementHeight - operationAreaReservedHeight}px;`;
+        const table = document.createElement('table');
+        table.style.cssText = `border: 2px solid ${this.model.generalSetting.stroke};
             height: ${elementHeight - operationAreaReservedHeight}px;
-            overflow: hidden;`;
-        const headerWrapper = document.createElement('div');
-        headerWrapper.style.cssText = 'flex: none; box-sizing: border-box; overflow: hidden;';
-        const headerTable = document.createElement('table');
-        headerTable.style.cssText = 'width: 100%; table-layout: fixed;';
-        headerTable.appendChild(this.buildHeaderRow());
-        headerWrapper.appendChild(headerTable);
-        const bodyContainer = document.createElement('div');
-        bodyContainer.style.cssText = `flex: none;
-            overflow-y: auto;
-            overflow-x: hidden;
-            height: ${dataRowHeight * this.maxVisibleRows}px;`;
-        const bodyTable = document.createElement('table');
-        bodyTable.style.cssText = 'width: 100%; table-layout: fixed;';
-        for (let row = 0; row < this.pageSize; row++) {
-            bodyTable.appendChild(this.buildDataRow(row, dataRowHeight));
-        }
-        bodyContainer.appendChild(bodyTable);
-        wrapper.appendChild(headerWrapper);
-        wrapper.appendChild(bodyContainer);
+            width: calc(100% - ${scrollbarWidth}px);`;
+        table.appendChild(this.buildHeaderRow());
+        wrapper.appendChild(table);
+        const track = document.createElement('div');
+        track.style.cssText = `position: absolute; top: 0; right: 0; width: ${scrollbarWidth}px;
+            height: 100%; background: rgba(0,0,0,0.06); border-radius: ${scrollbarWidth / 2}px;`;
+        const thumb = document.createElement('div');
+        thumb.style.cssText = `position: absolute; left: 0; width: 100%;
+            background: rgba(0,0,0,0.35); border-radius: ${scrollbarWidth / 2}px; cursor: pointer;`;
+        track.appendChild(thumb);
+        wrapper.appendChild(track);
         this.element.appendChild(wrapper);
-        this.scrollContainer = bodyContainer;
-        requestAnimationFrame(() => {
-            const scrollbarWidth = bodyContainer.offsetWidth - bodyContainer.clientWidth;
-            if (scrollbarWidth > 0) {
-                headerWrapper.style.paddingRight = scrollbarWidth + 'px';
-            }
-        });
-        this.hoverTarget = bodyContainer;
+        this.scrollContent = table;
+        this.scrollTrack = track;
+        this.scrollThumb = thumb;
+        this.renderScrollWindow(0);
+        this.updateScrollThumb();
+        this.hoverTarget = table;
         this.bindScrollHoverEvents();
+        this.bindScrollbarEvents();
         this.startAutoScroll();
     }
     bindScrollHoverEvents() {
@@ -43024,41 +43155,93 @@ class alarm_element_AlarmElement extends conditional_display_element_Conditional
             return;
         this.hoverTarget.addEventListener('mouseenter', this.handleScrollMouseEnter);
         this.hoverTarget.addEventListener('mouseleave', this.handleScrollMouseLeave);
+        if (this.scrollContent) {
+            this.hoverTarget.addEventListener('wheel', this.handleScrollWheel, { passive: false });
+            this.hoverTarget.addEventListener('touchstart', this.handleScrollTouchStart, { passive: true });
+            this.hoverTarget.addEventListener('touchmove', this.handleScrollTouchMove, { passive: false });
+        }
     }
     unbindScrollHoverEvents() {
+        this.unbindScrollbarEvents();
         if (!this.hoverTarget)
             return;
         this.hoverTarget.removeEventListener('mouseenter', this.handleScrollMouseEnter);
         this.hoverTarget.removeEventListener('mouseleave', this.handleScrollMouseLeave);
+        this.hoverTarget.removeEventListener('wheel', this.handleScrollWheel);
+        this.hoverTarget.removeEventListener('touchstart', this.handleScrollTouchStart);
+        this.hoverTarget.removeEventListener('touchmove', this.handleScrollTouchMove);
         this.hoverTarget = null;
     }
+    // 手动滚动只在当前可见窗口范围内移动（不触发翻页），到顶/到底停住，
+    // 和自动滚动定时器（会在到底后自动翻页）职责区分开
+    moveScrollWindowBy(rowDelta) {
+        if (!this.scrollContent)
+            return;
+        const maxWindowStart = Math.max(0, this.pageSize - this.maxVisibleRows);
+        const nextStart = Math.min(maxWindowStart, Math.max(0, this.scrollWindowStart + rowDelta));
+        if (nextStart === this.scrollWindowStart)
+            return;
+        this.scrollWindowStart = nextStart;
+        this.renderScrollWindow(this.scrollWindowStart);
+    }
+    bindScrollbarEvents() {
+        if (!this.scrollTrack || !this.scrollThumb)
+            return;
+        this.scrollThumb.addEventListener('mousedown', this.handleThumbDragStart);
+        this.scrollThumb.addEventListener('touchstart', this.handleThumbDragStart, { passive: true });
+        this.scrollTrack.addEventListener('mousedown', this.handleTrackClick);
+    }
+    unbindScrollbarEvents() {
+        if (this.scrollThumb) {
+            this.scrollThumb.removeEventListener('mousedown', this.handleThumbDragStart);
+            this.scrollThumb.removeEventListener('touchstart', this.handleThumbDragStart);
+        }
+        if (this.scrollTrack) {
+            this.scrollTrack.removeEventListener('mousedown', this.handleTrackClick);
+        }
+        document.removeEventListener('mousemove', this.handleThumbDragMove);
+        document.removeEventListener('mouseup', this.handleThumbDragEnd);
+        document.removeEventListener('touchmove', this.handleThumbDragMove);
+        document.removeEventListener('touchend', this.handleThumbDragEnd);
+        this.scrollTrack = null;
+        this.scrollThumb = null;
+    }
+    getClientY(event) {
+        return 'touches' in event ? event.touches[0].clientY : event.clientY;
+    }
     startAutoScroll() {
         clearInterval(this.scrollIntervalId);
         if (!this.model.generalSetting.autoScroll)
             return;
         const totalPages = Math.max(1, Math.ceil(this.totalCount / this.pageSize));
-        if (totalPages <= 1 && !this.scrollContainer)
+        if (totalPages <= 1 && !this.scrollContent)
             return;
         const duration = (this.model.generalSetting.scrollDuration || 10) * 1000;
         this.scrollIntervalId = setInterval(() => this.scrollOneRow(), duration);
     }
     scrollOneRow() {
-        const el = this.scrollContainer;
-        if (!el) {
+        if (!this.scrollContent) {
             this.autoNextPage();
             return;
         }
-        const maxScrollTop = el.scrollHeight - el.clientHeight;
-        if (maxScrollTop <= 1 || el.scrollTop >= maxScrollTop - 1) {
+        const maxWindowStart = this.pageSize - this.maxVisibleRows;
+        if (maxWindowStart <= 0 || this.scrollWindowStart >= maxWindowStart) {
             this.autoNextPage();
             return;
         }
-        el.scrollTop = Math.min(el.scrollTop + this.rowHeight, maxScrollTop);
+        this.scrollWindowStart += 1;
+        this.renderScrollWindow(this.scrollWindowStart);
     }
     autoNextPage() {
         const totalPages = Math.max(1, Math.ceil(this.totalCount / this.pageSize));
-        if (totalPages <= 1)
+        if (totalPages <= 1) {
+            // 只有一页数据：没有下一页可翻，循环回本页顶部继续滚动
+            if (this.scrollContent) {
+                this.scrollWindowStart = 0;
+                this.renderScrollWindow(0);
+            }
             return;
+        }
         const lastPage = totalPages - 1;
         this.page = this.page < lastPage ? this.page + 1 : 0;
         this.getAlarmData();
@@ -44152,7 +44335,7 @@ class main_element_MainElement {
                     this.elements.push(new view_operation_element_ViewOperationElement(element, this.injector, this.bsModalService, this.variableCommunicator, this.context.configStore.variableStore, this.context.configStore.graphStore, this.context.permissionChecker, this.context.operationRecordService, this.context.securityChecker, this.injector.get(_tmp_localization["b" /* LOCALIZATION */]), this.popupViewService, guiOptions.hostContainerId, guiOptions.el, this.signalRAppId, this.context.textLibraryService, this.context.languageService, this.context));
                     break;
                 case shared["d" /* GuiConsts */].components.characterKey:
-                    this.elements.push(new character_display_element_CharacterDisplayElement(element, this.injector, this.bsModalService, this.variableCommunicator, this.context.configStore.graphStore, this.context.permissionChecker, this.context.operationRecordService, this.context.securityChecker, this.context.configStore.variableStore, this.injector.get(_tmp_localization["b" /* LOCALIZATION */]), this.signalRAppId));
+                    this.elements.push(new character_display_element_CharacterDisplayElement(element, this.injector, this.bsModalService, this.variableCommunicator, this.context.configStore.graphStore, this.context.permissionChecker, this.context.operationRecordService, this.context.securityChecker, this.context.configStore.variableStore, this.injector.get(_tmp_localization["b" /* LOCALIZATION */]), this.signalRAppId, this.context.releasedVariableService));
                     break;
                 case shared["d" /* GuiConsts */].components.textKey:
                     this.elements.push(new text_element_TextElement(element, this.injector, this.context.permissionChecker, this.variableCommunicator, this.context.configStore.variableStore, this.context.configStore.graphStore, this.signalRAppId, this.context.textLibraryService, this.context.languageService, this.context));
@@ -44941,7 +45124,7 @@ var lodash = __webpack_require__(2);
 var _tmp_localization = __webpack_require__(10);
 
 // EXTERNAL MODULE: ./.tmp/settings/index.ts + 2 modules
-var settings = __webpack_require__(15);
+var settings = __webpack_require__(12);
 
 // EXTERNAL MODULE: ./.tmp/logger/index.ts + 2 modules
 var logger = __webpack_require__(8);
@@ -45378,7 +45561,7 @@ gui_component_GuiComponent = __decorate([
 /* 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__);
-/* harmony import */ var _settings__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(15);
+/* harmony import */ var _settings__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(12);
 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);
@@ -45399,15 +45582,19 @@ let WriteValueModalComponent = class WriteValueModalComponent {
         this.fractionDigitService = fractionDigitService;
         this.numericalOperationService = numericalOperationService;
         this.bsModalRef = bsModalRef;
+        this.isMobileMode = false;
         this.displayVariableName = '';
         this.writeValueRangeText = '';
         this.isSubmitting = false;
-        this.isMobileMode = _settings__WEBPACK_IMPORTED_MODULE_3__[/* DisplayMode */ "a"].Mobile === injector.get(_settings__WEBPACK_IMPORTED_MODULE_3__[/* GlobalSettings */ "b"]).displayMode;
+        this.isDisplayModeMobile = _settings__WEBPACK_IMPORTED_MODULE_3__[/* DisplayMode */ "a"].Mobile === injector.get(_settings__WEBPACK_IMPORTED_MODULE_3__[/* GlobalSettings */ "b"]).displayMode;
     }
     get invalidErrorText() {
         return this.localization.loadFailed;
     }
     ngOnInit() {
+        // 画面模拟（SimulateRemoteGuiContext）下 releasedVariableService 恒为空，
+        // 借此和真实移动端区分开，避免在 PC 浏览器模拟移动端时套用移动端专属样式
+        this.isMobileMode = this.isDisplayModeMobile && !!this.args.releasedVariableService;
         this.initData(this.args);
         this.validate();
     }
@@ -45659,7 +45846,7 @@ WriteValueModalComponent = __decorate([
 /* 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__(10);
-/* harmony import */ var _settings__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(15);
+/* harmony import */ var _settings__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(12);
 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);
@@ -45677,7 +45864,8 @@ let WriteCharacterModalComponent = class WriteCharacterModalComponent {
     constructor(localization, injector) {
         this.localization = localization;
         this._onClosed = new rxjs__WEBPACK_IMPORTED_MODULE_1__[/* Subject */ "a"]();
-        this.isMobileMode = _settings__WEBPACK_IMPORTED_MODULE_3__[/* DisplayMode */ "a"].Mobile === injector.get(_settings__WEBPACK_IMPORTED_MODULE_3__[/* GlobalSettings */ "b"]).displayMode;
+        this.isMobileMode = false;
+        this.isDisplayModeMobile = _settings__WEBPACK_IMPORTED_MODULE_3__[/* DisplayMode */ "a"].Mobile === injector.get(_settings__WEBPACK_IMPORTED_MODULE_3__[/* GlobalSettings */ "b"]).displayMode;
     }
     get onClosed() {
         return this._onClosed;
@@ -45686,6 +45874,9 @@ let WriteCharacterModalComponent = class WriteCharacterModalComponent {
         return this.localization.loadFailed;
     }
     ngOnInit() {
+        // 画面模拟（SimulateRemoteGuiContext）下 releasedVariableService 恒为空，
+        // 借此和真实移动端区分开，避免在 PC 浏览器模拟移动端时套用移动端专属样式
+        this.isMobileMode = this.isDisplayModeMobile && !!this.args.releasedVariableService;
         this.variableName = this.args.variableName;
         this.isPassword = this.args.isPassword ? this.args.isPassword : false;
         this.charCount = this.args.charCount;
@@ -45739,7 +45930,7 @@ WriteCharacterModalComponent = __decorate([
 "use strict";
 
 // EXTERNAL MODULE: ./node_modules/rxjs/node_modules/tslib/tslib.es6.js
-var tslib_es6 = __webpack_require__(13);
+var tslib_es6 = __webpack_require__(14);
 
 // EXTERNAL MODULE: ./node_modules/rxjs/_esm5/internal/Observable.js + 3 modules
 var Observable = __webpack_require__(16);
@@ -67856,7 +68047,7 @@ class RelationConditionResult {
 }
 
 // EXTERNAL MODULE: ./.tmp/model/shared/condition/variable-value-type.ts
-var variable_value_type = __webpack_require__(12);
+var variable_value_type = __webpack_require__(13);
 
 // EXTERNAL MODULE: ./.tmp/model/shared/condition/relation-type.ts
 var relation_type = __webpack_require__(23);
@@ -69371,7 +69562,7 @@ var Observable = __webpack_require__(16);
 var isScheduler = __webpack_require__(51);
 
 // EXTERNAL MODULE: ./node_modules/rxjs/node_modules/tslib/tslib.es6.js
-var tslib_es6 = __webpack_require__(13);
+var tslib_es6 = __webpack_require__(14);
 
 // EXTERNAL MODULE: ./node_modules/rxjs/_esm5/internal/Subscriber.js
 var Subscriber = __webpack_require__(29);
@@ -88012,7 +88203,7 @@ __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 import */ var _service__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(15);
 /* 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"]; });