@flexem/fc-gui 3.0.0-alpha.101 → 3.0.0-alpha.103

package/CHANGELOG.md

@@ -454,4 +454,9 @@
 ## 3.0.0-alpha.101(2023-11-29)
 ### Web端
 #### Features
-    1. FLEXCLOUD-2957 切换仪表盘时console报错，由于历史曲线中设置了windowResize但未清除，导致resize会执行已经不存在的历史曲线的数据
+    1. FLEXCLOUD-2957 切换仪表盘时console报错，由于历史曲线中设置了windowResize但未清除，导致resize会执行已经不存在的历史曲线的数据
+
+## 3.0.0-alpha.102(2023-12-18)，3.0.0-alpha.103(2024-03-07)
+### Web端
+#### Features
+    1. FLEXCLOUD-2619 棒图、环形图设置最大值、最小值为参数后，刻度数值对齐及模糊问题

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

@@ -22111,7 +22111,7 @@ class ConsoleLoggerService {
 
 "use strict";
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return VariableUtil; });
-/* harmony import */ var _config__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(12);
+/* harmony import */ var _config__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(13);
 
 class VariableUtil {
     static getConvertedVariableName(variableStore, variable) {
@@ -22226,6 +22226,19 @@ class VariableDefinition {
 /* 11 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
+"use strict";
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return VariableValueType; });
+var VariableValueType;
+(function (VariableValueType) {
+    VariableValueType[VariableValueType["Constant"] = 0] = "Constant";
+    VariableValueType[VariableValueType["Variable"] = 1] = "Variable";
+})(VariableValueType || (VariableValueType = {}));
+
+
+/***/ }),
+/* 12 */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
 "use strict";
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return __extends; });
 /* unused harmony export __assign */
@@ -22435,7 +22448,7 @@ function __importDefault(mod) {
 
 
 /***/ }),
-/* 12 */
+/* 13 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -22599,7 +22612,7 @@ class GetAlarmsArgs {
 
 
 /***/ }),
-/* 13 */
+/* 14 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -22807,7 +22820,7 @@ function getPromiseCtor(promiseCtor) {
 
 
 /***/ }),
-/* 14 */
+/* 15 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -22850,19 +22863,6 @@ var global_settings = __webpack_require__(48);
 
 
 
-/***/ }),
-/* 15 */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return VariableValueType; });
-var VariableValueType;
-(function (VariableValueType) {
-    VariableValueType[VariableValueType["Constant"] = 0] = "Constant";
-    VariableValueType[VariableValueType["Variable"] = 1] = "Variable";
-})(VariableValueType || (VariableValueType = {}));
-
-
 /***/ }),
 /* 16 */
 /***/ (function(module, exports) {
@@ -32958,7 +32958,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__(11);
+/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(12);
 /* harmony import */ var _util_isFunction__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(51);
 /* harmony import */ var _Observer__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(53);
 /* harmony import */ var _Subscription__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(23);
@@ -35342,7 +35342,7 @@ function degreesToRadians(degrees) {
 }
 
 // EXTERNAL MODULE: ./.tmp/model/shared/condition/variable-value-type.ts
-var variable_value_type = __webpack_require__(15);
+var variable_value_type = __webpack_require__(11);
 
 // CONCATENATED MODULE: ./.tmp/elements/bar-graph-element.ts
 
@@ -35359,6 +35359,8 @@ class bar_graph_element_BarGraphElement extends readable_element_ReadableElement
         this.barText = '';
         this.valueObj = {};
         this.isNeedUpdateScale = false;
+        this.needAddNumber = 0;
+        this.needInitTransform = true;
         if ((this.model.minValueType === variable_value_type["a" /* VariableValueType */].Constant && this.model.maxValueType === variable_value_type["a" /* VariableValueType */].Variable)
             || this.model.maxValueType === variable_value_type["a" /* VariableValueType */].Constant && this.model.minValueType === variable_value_type["a" /* VariableValueType */].Variable) {
             this.isNeedUpdateScale = true;
@@ -35374,8 +35376,10 @@ class bar_graph_element_BarGraphElement extends readable_element_ReadableElement
             this.$barRect.attr('transform', this.defaultTransform);
         }
         setTimeout(() => {
-            this.initFrameNode();
-        }, 0);
+            if (this.model.maxValueType !== variable_value_type["a" /* VariableValueType */].Variable || this.model.minValueType !== variable_value_type["a" /* VariableValueType */].Variable) {
+                this.initFrameNode();
+            }
+        });
     }
     get readVariableName() {
         if (!this.model) {
@@ -35392,10 +35396,42 @@ class bar_graph_element_BarGraphElement extends readable_element_ReadableElement
             return variable_util["a" /* VariableUtil */].getConvertedVariableName(this.variableStore, variable);
         }
     }
+    initTransform() {
+        if (this.needAddNumber <= 3)
+            return;
+        this.$element[0].childNodes.forEach((node, index) => {
+            const matrixE = node.transform.baseVal[0].matrix.e;
+            node.transform.baseVal[0].matrix.e = matrixE + (this.needAddNumber - 3) * 7;
+            if (node.nodeName === 'g') {
+                const nodeValue = node.attributes['clip-path'].value.replace('url(#', '').replace(')', '');
+                const rootNode = node.parentNode.parentNode.parentElement;
+                const clipPath = $(rootNode).find(`clipPath[id="${nodeValue}"]`);
+                const demoPath = clipPath.find('path');
+                const dValues = demoPath.attr('d').split(',');
+                const retValues = [];
+                dValues.forEach((line) => {
+                    const values = [];
+                    line.split(' ').forEach((item) => {
+                        const nItem = Number(item);
+                        if (!isNaN(nItem) && item < 100) {
+                            item = nItem > 0 ? nItem + (this.needAddNumber - 3) * 7 : nItem - (this.needAddNumber - 3) * 7;
+                        }
+                        values.push(item);
+                    });
+                    retValues.push(values.join(' '));
+                });
+                demoPath.attr('d', retValues.join(','));
+            }
+            else if (index === this.$element[0].childNodes.length - 1) {
+                this.defaultTransform = node.attributes['transform'].value;
+            }
+        });
+    }
     initFrameNode() {
         const arcPath = Snap(this.$element[0]);
         const b = arcPath.getBBox(true);
-        this.rootElement.append('rect').attr('id', 'StateFrame').attr('width', b.width).attr('height', b.height).attr('fill', 'transparent');
+        const width = this.needAddNumber <= 3 ? b.width : b.width + (this.needAddNumber - 3) * 7;
+        this.rootElement.append('rect').attr('id', 'StateFrame').attr('width', width).attr('height', b.height).attr('fill', 'transparent');
     }
     updateValueObj(value, variableName) {
         var _a, _b, _c;
@@ -35425,6 +35461,14 @@ class bar_graph_element_BarGraphElement extends readable_element_ReadableElement
             min = bar_graph_element_BarGraphElement.DEFAULT_MIN_VALUE;
             max = bar_graph_element_BarGraphElement.DEFAULT_MAX_VALUE;
         }
+        if (this.model.maxValueType === variable_value_type["a" /* VariableValueType */].Variable && this.model.minValueType === variable_value_type["a" /* VariableValueType */].Variable) {
+            this.needAddNumber = max.toString().length > min.toString().length ? max.toString().length : min.toString().length;
+            if (this.needInitTransform) {
+                this.initTransform();
+                this.initFrameNode();
+                this.needInitTransform = false;
+            }
+        }
         const avgSacle = ((max - min) / this.model.masterDivisionNumber).toFixed(5);
         for (let i = 0; i < textElements.length; i++) {
             const text = textElements[i];
@@ -35438,6 +35482,28 @@ class bar_graph_element_BarGraphElement extends readable_element_ReadableElement
             }
             if (!isNaN(sacleValue)) {
                 text.innerHTML = sacleValue;
+                if (this.model.minValueType !== variable_value_type["a" /* VariableValueType */].Constant || this.model.maxValueType !== variable_value_type["a" /* VariableValueType */].Constant) {
+                    // FLEXCLOUD-2619 刻度未对齐问题
+                    let translateX = 0;
+                    const sacleLen = sacleValue.toString().length;
+                    switch (sacleLen) {
+                        case 1:
+                            translateX = 13;
+                            break;
+                        case 2:
+                            translateX = 7;
+                            break;
+                        case 3:
+                            translateX = this.model.fractionDigits ? 5 : 0;
+                            break;
+                        default:
+                            if (sacleLen > 3 && this.needAddNumber > 3) {
+                                translateX = -(sacleLen - 3) * 7;
+                            }
+                            break;
+                    }
+                    text.transform.baseVal[0].matrix.e = translateX;
+                }
             }
         }
     }
@@ -35532,7 +35598,7 @@ bar_graph_element_BarGraphElement.DEFAULT_MAX_VALUE = 100;
 
 
 // EXTERNAL MODULE: ./.tmp/config/index.ts + 11 modules
-var _tmp_config = __webpack_require__(12);
+var _tmp_config = __webpack_require__(13);
 
 // EXTERNAL MODULE: ./.tmp/modal/alert/alert-modal.component.ts
 var alert_modal_component = __webpack_require__(20);
@@ -36308,7 +36374,7 @@ var HistoricalCurveElementStatus;
 })(HistoricalCurveElementStatus || (HistoricalCurveElementStatus = {}));
 
 // EXTERNAL MODULE: ./.tmp/settings/index.ts + 2 modules
-var _tmp_settings = __webpack_require__(14);
+var _tmp_settings = __webpack_require__(15);
 
 // CONCATENATED MODULE: ./.tmp/model/historical-curve/curve-type.ts
 var CurveType;
@@ -37841,6 +37907,8 @@ class ring_graph_element_RingGraphElement extends readable_element_ReadableEleme
         super(element, permissionChecker, variableCommunicator, variableStore, localization, signalRAppId);
         this.valueObj = {};
         this.isNeedUpdateScale = false;
+        this.initTransform = false;
+        this.needAddNumber = 0;
         if ((this.model.minValueType === variable_value_type["a" /* VariableValueType */].Constant && this.model.maxValueType === variable_value_type["a" /* VariableValueType */].Variable)
             || this.model.maxValueType === variable_value_type["a" /* VariableValueType */].Constant && this.model.minValueType === variable_value_type["a" /* VariableValueType */].Variable) {
             this.isNeedUpdateScale = true;
@@ -37851,7 +37919,9 @@ class ring_graph_element_RingGraphElement extends readable_element_ReadableEleme
         this._barElement$ = el$.find('path[data-id="barArc"]');
         this._textElement$ = el$.find('text[data-id="pText"]');
         setTimeout(() => {
-            this.initFrameNode();
+            if (this.model.minValueType !== variable_value_type["a" /* VariableValueType */].Variable) {
+                this.initFrameNode();
+            }
             this.changeStates();
         });
     }
@@ -37885,10 +37955,39 @@ class ring_graph_element_RingGraphElement extends readable_element_ReadableEleme
         const variable = new variable_definition["a" /* VariableDefinition */](this.model.maxVariable.name, this.model.maxVariable.groupName, this.model.maxVariable.dataSourceCode, this.model.maxVariable.variableVersion);
         return variable_util["a" /* VariableUtil */].getConvertedVariableName(this.variableStore, variable);
     }
+    initTransformFun() {
+        if (this.needAddNumber <= 3)
+            return;
+        this.$element[0].childNodes.forEach((node) => {
+            const matrixE = node.transform.baseVal[0].matrix.e;
+            node.transform.baseVal[0].matrix.e = matrixE + (this.needAddNumber - 3) * 5;
+            if (node.nodeName === 'g') {
+                const nodeValue = node.attributes['clip-path'].value.replace('url(#', '').replace(')', '');
+                const rootNode = node.parentNode.parentNode.parentElement;
+                const clipPath = $(rootNode).find(`clipPath[id="${nodeValue}"]`);
+                const demoPath = clipPath.find('path');
+                const dValues = demoPath.attr('d').split(',');
+                const retValues = [];
+                dValues.forEach((line, index) => {
+                    const values = [];
+                    line.split(' ').forEach((item) => {
+                        const nItem = Number(item);
+                        if (!isNaN(nItem) && (index === 1 || nItem === -1)) {
+                            item = nItem > 0 ? nItem + (this.needAddNumber - 3) * 8 : nItem - (this.needAddNumber - 3) * 8;
+                        }
+                        values.push(item);
+                    });
+                    retValues.push(values.join(' '));
+                });
+                demoPath.attr('d', retValues.join(','));
+            }
+        });
+    }
     initFrameNode() {
         const arcPath = Snap(this.$element[0]);
         const b = arcPath.getBBox(true);
-        this.rootElement.append('rect').attr('id', 'StateFrame').attr('width', b.width).attr('height', b.height).attr('fill', 'transparent');
+        const width = this.needAddNumber <= 3 ? b.width : b.width + (this.needAddNumber - 3) * 8;
+        this.rootElement.append('rect').attr('id', 'StateFrame').attr('width', width).attr('height', b.height).attr('fill', 'transparent');
     }
     init(variableName) {
         if (variableName) {
@@ -37919,6 +38018,12 @@ class ring_graph_element_RingGraphElement extends readable_element_ReadableEleme
         }
     }
     updateScale() {
+        // 刻度模糊问题
+        let isInitTransform = false;
+        const matrix = this.$element[0].transform.baseVal[0].matrix;
+        if (!this.$element[0].style.transform) {
+            this.$element[0].style.transform = `translate3d(${matrix.e}px, ${matrix.f}px, 0)`;
+        }
         if (!this.isNeedUpdateScale) {
             return;
         }
@@ -37931,6 +38036,13 @@ class ring_graph_element_RingGraphElement extends readable_element_ReadableEleme
             min = ring_graph_element_RingGraphElement.DEFAULT_MIN_VALUE;
             max = ring_graph_element_RingGraphElement.DEFAULT_MAX_VALUE;
         }
+        if (this.model.minValueType === variable_value_type["a" /* VariableValueType */].Variable) {
+            this.needAddNumber = max.toString().length > min.toString().length ? max.toString().length : min.toString().length;
+            if (!this.initTransform) {
+                this.initTransformFun();
+                this.initFrameNode();
+            }
+        }
         const avgSacle = ((max - min) / this.model.masterDivisionNumber).toFixed(5);
         for (let i = 0; i < textElements.length; i++) {
             const text = textElements[i];
@@ -37944,8 +38056,17 @@ class ring_graph_element_RingGraphElement extends readable_element_ReadableEleme
             }
             if (!isNaN(sacleValue)) {
                 text.innerHTML = sacleValue;
+                isInitTransform = true;
+                if (this.model.minValueType !== variable_value_type["a" /* VariableValueType */].Constant || this.model.maxValueType !== variable_value_type["a" /* VariableValueType */].Constant) {
+                    // FLEXCLOUD-2619 刻度显示不全问题
+                    const order = (i + 1) / textElements.length;
+                    if (!this.initTransform && order > 0.7 && sacleValue.toString().length > 3) {
+                        text.transform.baseVal[0].matrix.e -= (sacleValue.toString().length - 3) * 5;
+                    }
+                }
             }
         }
+        this.initTransform = this.initTransform || isInitTransform;
     }
     updateVariableValue(value, variableName) {
         this.updateValueObj(value, variableName);
@@ -40912,7 +41033,7 @@ class main_element_MainElement {
 }
 
 // EXTERNAL MODULE: ./node_modules/rxjs/_esm5/internal/Observable.js + 3 modules
-var Observable = __webpack_require__(13);
+var Observable = __webpack_require__(14);
 
 // CONCATENATED MODULE: ./.tmp/elements/per-view-variable-communicator.ts
 
@@ -41264,7 +41385,7 @@ var lodash = __webpack_require__(2);
 var _tmp_localization = __webpack_require__(9);
 
 // EXTERNAL MODULE: ./.tmp/settings/index.ts + 2 modules
-var settings = __webpack_require__(14);
+var settings = __webpack_require__(15);
 
 // EXTERNAL MODULE: ./.tmp/logger/index.ts + 2 modules
 var logger = __webpack_require__(7);
@@ -61489,10 +61610,10 @@ nv.version = "1.8.6-dev";
 "use strict";
 
 // EXTERNAL MODULE: ./node_modules/rxjs/node_modules/tslib/tslib.es6.js
-var tslib_es6 = __webpack_require__(11);
+var tslib_es6 = __webpack_require__(12);
 
 // EXTERNAL MODULE: ./node_modules/rxjs/_esm5/internal/Observable.js + 3 modules
-var Observable = __webpack_require__(13);
+var Observable = __webpack_require__(14);
 
 // EXTERNAL MODULE: ./node_modules/rxjs/_esm5/internal/Subscriber.js
 var Subscriber = __webpack_require__(28);
@@ -62931,7 +63052,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__(13);
+/* harmony import */ var _Observable__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(14);
 /* harmony import */ var _Subscription__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(23);
 /** PURE_IMPORTS_START _Observable,_Subscription PURE_IMPORTS_END */
 
@@ -63257,7 +63378,7 @@ var Subject = __webpack_require__(39);
 var operators_ = __webpack_require__(16);
 
 // EXTERNAL MODULE: ./.tmp/config/index.ts + 11 modules
-var _tmp_config = __webpack_require__(12);
+var _tmp_config = __webpack_require__(13);
 
 // EXTERNAL MODULE: ./.tmp/core/stringifying-map.ts
 var stringifying_map = __webpack_require__(29);
@@ -63440,7 +63561,7 @@ class RemoteImageStore {
 }
 
 // EXTERNAL MODULE: ./node_modules/rxjs/_esm5/internal/Observable.js + 3 modules
-var Observable = __webpack_require__(13);
+var Observable = __webpack_require__(14);
 
 // EXTERNAL MODULE: ./.tmp/core/index.ts
 var core = __webpack_require__(43);
@@ -63987,7 +64108,7 @@ class RelationConditionResult {
 }
 
 // EXTERNAL MODULE: ./.tmp/model/shared/condition/variable-value-type.ts
-var variable_value_type = __webpack_require__(15);
+var variable_value_type = __webpack_require__(11);
 
 // EXTERNAL MODULE: ./.tmp/model/shared/condition/relation-type.ts
 var relation_type = __webpack_require__(21);
@@ -65495,13 +65616,13 @@ function __importDefault(mod) {
 var Subject = __webpack_require__(39);
 
 // EXTERNAL MODULE: ./node_modules/rxjs/_esm5/internal/Observable.js + 3 modules
-var Observable = __webpack_require__(13);
+var Observable = __webpack_require__(14);
 
 // EXTERNAL MODULE: ./node_modules/rxjs/_esm5/internal/util/isScheduler.js
 var isScheduler = __webpack_require__(50);
 
 // EXTERNAL MODULE: ./node_modules/rxjs/node_modules/tslib/tslib.es6.js
-var tslib_es6 = __webpack_require__(11);
+var tslib_es6 = __webpack_require__(12);
 
 // EXTERNAL MODULE: ./node_modules/rxjs/_esm5/internal/Subscriber.js
 var Subscriber = __webpack_require__(28);
@@ -83557,7 +83678,7 @@ module.exports = __WEBPACK_EXTERNAL_MODULE__267__;
 
 "use strict";
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return fromArray; });
-/* harmony import */ var _Observable__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(13);
+/* harmony import */ var _Observable__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(14);
 /* harmony import */ var _util_subscribeToArray__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(269);
 /* harmony import */ var _scheduled_scheduleArray__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(54);
 /** PURE_IMPORTS_START _Observable,_util_subscribeToArray,_scheduled_scheduleArray PURE_IMPORTS_END */
@@ -83937,7 +84058,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _core__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(43);
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "StringifyingMap", function() { return _core__WEBPACK_IMPORTED_MODULE_3__["a"]; });
 
-/* harmony import */ var _config__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(12);
+/* harmony import */ var _config__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(13);
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "ConfigStore", function() { return _config__WEBPACK_IMPORTED_MODULE_4__["b"]; });
 
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "Graph", function() { return _config__WEBPACK_IMPORTED_MODULE_4__["f"]; });