@flexem/fc-gui 3.0.0-alpha.171 → 3.0.0-alpha.172

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

@@ -22357,6 +22357,7 @@ const Localization_zh_CN = {
     lastThirtyDays: '最近30天',
     lastOneYear: '最近半年',
     customTimeRange: '自定义',
+    timeRange: '时间范围',
     startTime: '开始时间',
     endTime: '结束时间',
     grouped: '分组',
@@ -22690,6 +22691,50 @@ __webpack_require__.r(__webpack_exports__);
 
 "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__) {
+
+"use strict";
+
 // EXTERNAL MODULE: ./node_modules/rxjs/_esm5/internal/Subscriber.js
 var Subscriber = __webpack_require__(29);
 
@@ -22892,50 +22937,6 @@ function getPromiseCtor(promiseCtor) {
 //# sourceMappingURL=Observable.js.map
 
 
-/***/ }),
-/* 16 */
-/***/ (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 */]; });
-
-
-
-
-
 /***/ }),
 /* 17 */
 /***/ (function(module, exports) {
@@ -32557,6 +32558,7 @@ const DefaultLocalization = {
     lastThirtyDays: 'Last 30 days',
     lastOneYear: 'Last 6 months',
     customTimeRange: 'Custom',
+    timeRange: 'Time Range',
     startTime: 'Start Time',
     endTime: 'End Time',
     grouped: 'Grouped',
@@ -37129,7 +37131,7 @@ var HistoricalCurveElementStatus;
 })(HistoricalCurveElementStatus || (HistoricalCurveElementStatus = {}));
 
 // EXTERNAL MODULE: ./.tmp/settings/index.ts + 2 modules
-var _tmp_settings = __webpack_require__(16);
+var _tmp_settings = __webpack_require__(15);
 
 // CONCATENATED MODULE: ./.tmp/model/historical-curve/curve-type.ts
 var CurveType;
@@ -37946,9 +37948,15 @@ class historical_curve_element_HistoricalCurveElement extends conditional_displa
         const overlay = document.createElement('div');
         overlay.style.cssText = 'position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);z-index:9999;';
         const modal = document.createElement('div');
-        const modalCss = 'position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);'
-            + 'background:#fff;border-radius:4px;min-width:460px;'
-            + 'box-shadow:0 4px 12px rgba(0,0,0,0.15);font-family:inherit;font-size:14px;';
+        let modalCss = 'position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);'
+            + 'background:#fff;border-radius:4px;';
+        if (this.isMobileMode) {
+            modalCss += 'width:90%;';
+        }
+        else {
+            modalCss += 'min-width:460px;';
+        }
+        modalCss += 'box-shadow:0 4px 12px rgba(0,0,0,0.15);font-family:inherit;font-size:14px;';
         modal.style.cssText = modalCss;
         const header = document.createElement('div');
         header.style.cssText = 'display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid #e8e8e8;';
@@ -37964,7 +37972,7 @@ class historical_curve_element_HistoricalCurveElement extends conditional_displa
         body.style.cssText = 'padding:20px 16px;display:flex;align-items:center;flex-wrap:wrap;gap:8px;';
         const label = document.createElement('span');
         label.style.cssText = 'color:#333;white-space:nowrap;';
-        label.textContent = '时间范围：';
+        label.textContent = this.localization.timeRange + '：';
         const inputStyle = 'border:1px solid #d9d9d9;border-radius:4px;padding:4px 8px;font-size:14px;height:32px;outline:none;color:#333;';
         const startInput = document.createElement('input');
         startInput.type = 'datetime-local';
@@ -37986,10 +37994,10 @@ class historical_curve_element_HistoricalCurveElement extends conditional_displa
         const footer = document.createElement('div');
         footer.style.cssText = 'display:flex;justify-content:flex-end;gap:8px;padding:12px 16px;border-top:1px solid #e8e8e8;';
         const cancelBtn = document.createElement('button');
-        cancelBtn.textContent = this.localization.cancel || '取消';
+        cancelBtn.textContent = this.localization.cancel;
         cancelBtn.style.cssText = 'padding:5px 16px;border:1px solid #d9d9d9;border-radius:4px;background:#fff;cursor:pointer;font-size:14px;color:#333;';
         const saveBtn = document.createElement('button');
-        saveBtn.textContent = '保存';
+        saveBtn.textContent = this.localization.submit;
         saveBtn.style.cssText = 'padding:5px 16px;border:none;border-radius:4px;background:#1890ff;color:#fff;cursor:pointer;font-size:14px;';
         footer.appendChild(cancelBtn);
         footer.appendChild(saveBtn);
@@ -44059,7 +44067,7 @@ class main_element_MainElement {
 }
 
 // EXTERNAL MODULE: ./node_modules/rxjs/_esm5/internal/Observable.js + 3 modules
-var Observable = __webpack_require__(15);
+var Observable = __webpack_require__(16);
 
 // CONCATENATED MODULE: ./.tmp/elements/per-view-variable-communicator.ts
 
@@ -44484,7 +44492,7 @@ var lodash = __webpack_require__(2);
 var _tmp_localization = __webpack_require__(10);
 
 // EXTERNAL MODULE: ./.tmp/settings/index.ts + 2 modules
-var settings = __webpack_require__(16);
+var settings = __webpack_require__(15);
 
 // EXTERNAL MODULE: ./.tmp/logger/index.ts + 2 modules
 var logger = __webpack_require__(8);
@@ -44921,6 +44929,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);
 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);
@@ -44933,8 +44942,9 @@ var __param = (undefined && undefined.__param) || function (paramIndex, decorato
 
 
 
+
 let WriteValueModalComponent = class WriteValueModalComponent {
-    constructor(localization, dataTypeService, fractionDigitService, numericalOperationService, bsModalRef) {
+    constructor(localization, dataTypeService, fractionDigitService, numericalOperationService, bsModalRef, injector) {
         this.localization = localization;
         this.dataTypeService = dataTypeService;
         this.fractionDigitService = fractionDigitService;
@@ -44943,6 +44953,7 @@ let WriteValueModalComponent = class WriteValueModalComponent {
         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;
     }
     get invalidErrorText() {
         return this.localization.loadFailed;
@@ -45181,7 +45192,7 @@ __decorate([
 WriteValueModalComponent = __decorate([
     Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Component"])({
         selector: 'writeValueModal',
-        template: "<form #writeValueForm=\"ngForm\" novalidate (ngSubmit)=\"save()\" bs-modal-drag> <div class=\"modal-header\"> <h4 class=\"modal-title\"> <span>{{localization.setting}}</span> <span>{{displayVariableName}}</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=\"write-value-range\">{{localization.writeValueRange}}：</span> <span> {{writeValueRangeText}} <span *ngIf=\"valueType\">({{valueType}})</span> </span> <input type=\"text\" name=\"valueInput\" autoFocus class=\"form-control form-control-write write-value\" [(ngModel)]=\"value\" (keyup)=\"validate($event)\" autocomplete=\"off\"> <span class=\"help-block text-danger\" [hidden]=\"!validationError\">{{validationErrorText}}</span> </div> <div class=\"modal-footer modal-footer-write\"> <button type=\"submit\" class=\"btn md-skip btn-primary btn-primary-write btn-block\" [disabled]=\"validationError || isSubmitting\"> <ng-container *ngIf=\"!isSubmitting\">{{localization.submit}}</ng-container> <ng-container *ngIf=\"isSubmitting\">{{localization.submitting}}</ng-container> </button> </div> </form> ",
+        template: "<form #writeValueForm=\"ngForm\" novalidate (ngSubmit)=\"save()\" bs-modal-drag> <div class=\"modal-header\"> <h4 class=\"modal-title\"> <span>{{localization.setting}}</span> <span>{{displayVariableName}}</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=\"write-value-range\">{{localization.writeValueRange}}：</span> <span> {{writeValueRangeText}} <span *ngIf=\"valueType\">({{valueType}})</span> </span> <input type=\"text\" name=\"valueInput\" autoFocus [class.form-control-write]=\"!isMobileMode\" class=\"form-control write-value\" [(ngModel)]=\"value\" (keyup)=\"validate($event)\" autocomplete=\"off\"> <span class=\"help-block text-danger\" [hidden]=\"!validationError\">{{validationErrorText}}</span> </div> <div class=\"modal-footer\" [class.modal-footer-write]=\"!isMobileMode\"> <button type=\"submit\" [class.btn-primary-write]=\"!isMobileMode\" class=\"btn md-skip btn-primary btn-block\" [disabled]=\"validationError || isSubmitting\"> <ng-container *ngIf=\"!isSubmitting\">{{localization.submit}}</ng-container> <ng-container *ngIf=\"isSubmitting\">{{localization.submitting}}</ng-container> </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%; } .form-control-write { margin: 0 20px; width: 585px; } .modal-footer { padding: 10px 5px 20px 5px !important; text-align: right; border-color: transparent; } .modal-footer-write { margin-right: 4px; padding: 10px 5px 20px 5px !important; } .text-danger { display: block; color: #ed6b75; font-size: 14px; margin: 5px 0px 0px 15px; } .btn-primary { background-color: #3B97FC; border-color: #3B97FC; padding: 5px 30px; width: 90%; margin: 0 5%; height: 32px; } .btn-primary-write { width: 585px; margin: 0 15px 0 0; } .write-value-range { color: #7f939e; font-size: 14px; margin-left: 15px; } .write-value { padding-left: 8px; margin-left: 16px; height: 32px; } "]
     }),
     __param(0, Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Inject"])(_localization__WEBPACK_IMPORTED_MODULE_1__[/* LOCALIZATION */ "b"]))
@@ -45199,6 +45210,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);
 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);
@@ -45211,10 +45223,12 @@ var __param = (undefined && undefined.__param) || function (paramIndex, decorato
 
 
 
+
 let WriteCharacterModalComponent = class WriteCharacterModalComponent {
-    constructor(localization) {
+    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;
     }
     get onClosed() {
         return this._onClosed;
@@ -45261,7 +45275,7 @@ __decorate([
 WriteCharacterModalComponent = __decorate([
     Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Component"])({
         selector: 'writeCharacterModal',
-        template: "<form #writeValueForm=\"ngForm\" novalidate (ngSubmit)=\"save()\" bs-modal-drag> <div class=\"modal-header\"> <h4 class=\"modal-title\"> <span>{{localization.setting}}</span> <span>{{variableName}}</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\"> <input type=\"text\" name=\"characterInput\" autoFocus class=\"form-control form-control-write write-character-value\" [(ngModel)]=\"value\" (keyup)=\"validate()\" *ngIf=\"!isPassword\" autocomplete=\"off\"> <input type=\"password\" name=\"passwordInput\" autoFocus class=\"form-control form-control-write write-character-value\" [(ngModel)]=\"value\" (keyup)=\"validate()\" *ngIf=\"isPassword\" autocomplete=\"off\"> <span class=\"help-block text-danger\" [hidden]=\"!validationError\">{{validationErrorText}}</span> </div> <div class=\"modal-footer modal-footer-write\"> <button type=\"submit\" class=\"btn md-skip btn-primary btn-primary-write btn-block\" [disabled]=\"validationError\">{{localization.submit}}</button> </div> </form> ",
+        template: "<form #writeValueForm=\"ngForm\" novalidate (ngSubmit)=\"save()\" bs-modal-drag> <div class=\"modal-header\"> <h4 class=\"modal-title\"> <span>{{localization.setting}}</span> <span>{{variableName}}</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\"> <input type=\"text\" name=\"characterInput\" autoFocus [class.form-control-write]=\"!isMobileMode\" class=\"form-control write-character-value\" [(ngModel)]=\"value\" (keyup)=\"validate()\" *ngIf=\"!isPassword\" autocomplete=\"off\"> <input type=\"password\" name=\"passwordInput\" autoFocus [class.form-control-write]=\"!isMobileMode\" class=\"form-control write-character-value\" [(ngModel)]=\"value\" (keyup)=\"validate()\" *ngIf=\"isPassword\" autocomplete=\"off\"> <span class=\"help-block text-danger\" [hidden]=\"!validationError\">{{validationErrorText}}</span> </div> <div class=\"modal-footer\" [class.modal-footer-write]=\"!isMobileMode\"> <button type=\"submit\" [class.btn-primary-write]=\"!isMobileMode\" class=\"btn md-skip btn-primary btn-block\" [disabled]=\"validationError\">{{localization.submit}}</button> </div> </form> ",
         styles: [".modal-header { padding: 10px; border-color: transparent; } .modal-body { position: relative; padding: 0px 5px !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; } .text-danger { display: block; color: #ed6b75; font-size: 14px; margin: 10px 0px 0px 15px; } .btn-primary { background-color: #3B97FC; border-color: #3B97FC; padding: 5px 30px; width: 90%; margin: 0 5%; height: 32px; } .write-character-value { padding-left: 8px; height: 32px; margin-left: 16px; } .modal-footer-write { margin-right: 4px; padding: 10px 5px 20px 5px !important; } .btn-primary-write { width: 585px; margin: 0 15px 0 0; } .form-control-write { margin: 0 16px; width: 585px; } "]
     }),
     __param(0, Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Inject"])(_localization__WEBPACK_IMPORTED_MODULE_2__[/* LOCALIZATION */ "b"]))
@@ -45279,7 +45293,7 @@ WriteCharacterModalComponent = __decorate([
 var tslib_es6 = __webpack_require__(13);
 
 // EXTERNAL MODULE: ./node_modules/rxjs/_esm5/internal/Observable.js + 3 modules
-var Observable = __webpack_require__(15);
+var Observable = __webpack_require__(16);
 
 // EXTERNAL MODULE: ./node_modules/rxjs/_esm5/internal/Subscriber.js
 var Subscriber = __webpack_require__(29);
@@ -66223,7 +66237,7 @@ var empty = {
 
 "use strict";
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return scheduleArray; });
-/* harmony import */ var _Observable__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(15);
+/* harmony import */ var _Observable__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(16);
 /* harmony import */ var _Subscription__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(25);
 /** PURE_IMPORTS_START _Observable,_Subscription PURE_IMPORTS_END */
 
@@ -66674,7 +66688,7 @@ class RemoteImageStore {
 }
 
 // EXTERNAL MODULE: ./node_modules/rxjs/_esm5/internal/Observable.js + 3 modules
-var Observable = __webpack_require__(15);
+var Observable = __webpack_require__(16);
 
 // EXTERNAL MODULE: ./.tmp/communication/index.ts + 4 modules
 var communication = __webpack_require__(4);
@@ -68901,7 +68915,7 @@ function __importDefault(mod) {
 var Subject = __webpack_require__(39);
 
 // EXTERNAL MODULE: ./node_modules/rxjs/_esm5/internal/Observable.js + 3 modules
-var Observable = __webpack_require__(15);
+var Observable = __webpack_require__(16);
 
 // EXTERNAL MODULE: ./node_modules/rxjs/_esm5/internal/util/isScheduler.js
 var isScheduler = __webpack_require__(51);
@@ -87065,7 +87079,7 @@ module.exports = __WEBPACK_EXTERNAL_MODULE__273__;
 
 "use strict";
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return fromArray; });
-/* harmony import */ var _Observable__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(15);
+/* harmony import */ var _Observable__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(16);
 /* harmony import */ var _util_subscribeToArray__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(275);
 /* harmony import */ var _scheduled_scheduleArray__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(55);
 /** PURE_IMPORTS_START _Observable,_util_subscribeToArray,_scheduled_scheduleArray PURE_IMPORTS_END */