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

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;
     }
 }
 
@@ -35945,12 +35953,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 +36189,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 +36209,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 +37177,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 +37189,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 +38579,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 +40600,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 +41303,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();
@@ -44152,7 +44183,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 +44972,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 +45409,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 +45430,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 +45694,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 +45712,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 +45722,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 +45778,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 +67895,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 +69410,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 +88051,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"]; });