@flexem/fc-gui 3.0.0-alpha.94 → 3.0.0-alpha.97
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +3 -14
- package/bundles/@flexem/fc-gui.umd.js +3 -90
- package/bundles/@flexem/fc-gui.umd.js.map +1 -1
- package/bundles/@flexem/fc-gui.umd.min.js +4 -4
- package/bundles/@flexem/fc-gui.umd.min.js.map +1 -1
- package/elements/historical-curve/historical-curve.element.d.ts +0 -3
- package/elements/historical-curve/historical-curve.element.js +0 -71
- package/elements/historical-curve/historical-curve.element.metadata.json +1 -1
- package/elements/video/video-element.js +1 -6
- package/modal/write-value/write-value-modal.component.js +2 -13
- package/model/historical-curve/historical-curve-chanel.model.d.ts +0 -8
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -410,18 +410,7 @@
|
|
|
410
410
|
2. 修复在鸿蒙系统的手机上,视频元件的控制按钮显示异常的问题
|
|
411
411
|
3. 修复ios系统中视频放大缩小后,画面会变形的问题
|
|
412
412
|
|
|
413
|
-
## 3.0.0-alpha.
|
|
413
|
+
## 3.0.0-alpha.97(2023-09-26)
|
|
414
414
|
### Web端
|
|
415
|
-
####
|
|
416
|
-
1. FLEXCLOUD-
|
|
417
|
-
|
|
418
|
-
## 3.0.0-alpha.93(2023-07-21)
|
|
419
|
-
### Web端
|
|
420
|
-
#### Features
|
|
421
|
-
1. FLEXCLOUD-2741 【氚云20230714001409】模板的模拟功能,无法进行写值,一直提示提交中
|
|
422
|
-
|
|
423
|
-
## 3.0.0-alpha.94(2023-07-21)
|
|
424
|
-
### Web端
|
|
425
|
-
#### Features
|
|
426
|
-
1. FLEXCLOUD-2710 【氚云20230621000600】组态历史曲线表:历史曲线增加点位标记,便于直观看到曲线采样点的变化
|
|
427
|
-
- 修改标记点大小
|
|
415
|
+
#### Bug Fix
|
|
416
|
+
1. FLEXCLOUD-2864 2018年创建的模板组态写值失败(给APP补丁包v2.8.0中使用)
|
|
@@ -36357,7 +36357,6 @@ class historical_curve_element_HistoricalCurveElement extends conditional_displa
|
|
|
36357
36357
|
operationButtonMargin: 4
|
|
36358
36358
|
};
|
|
36359
36359
|
this.elementStatus = HistoricalCurveElementStatus.Loading;
|
|
36360
|
-
this.data = [];
|
|
36361
36360
|
this.logger = injector.get(logger["b" /* LOGGER_SERVICE_TOKEN */]);
|
|
36362
36361
|
this.localization = injector.get(_tmp_localization["b" /* LOCALIZATION */]);
|
|
36363
36362
|
this.timePeriods = this.getValidTimePeriods();
|
|
@@ -36469,7 +36468,6 @@ class historical_curve_element_HistoricalCurveElement extends conditional_displa
|
|
|
36469
36468
|
Object(lodash["each"])(result, v => values.push({ x: moment(v.time).local().toDate().valueOf(), y: v.values[key] }));
|
|
36470
36469
|
data.push({ key: channel.name, area: channel.projectEnabled, values: values });
|
|
36471
36470
|
});
|
|
36472
|
-
this.data = data;
|
|
36473
36471
|
nv_d3["addGraph"](() => {
|
|
36474
36472
|
if (this.model.displaySetting.curveType === CurveType.BarGroup || this.model.displaySetting.curveType === CurveType.BarStack) {
|
|
36475
36473
|
return this.getMultiBarWithFocusChart(chartWidth, chartHeight, data);
|
|
@@ -36479,50 +36477,6 @@ class historical_curve_element_HistoricalCurveElement extends conditional_displa
|
|
|
36479
36477
|
}
|
|
36480
36478
|
});
|
|
36481
36479
|
}
|
|
36482
|
-
initPoint() {
|
|
36483
|
-
try {
|
|
36484
|
-
const legendList = this.$element
|
|
36485
|
-
.find('.nv-legend')
|
|
36486
|
-
.find('.nv-series');
|
|
36487
|
-
let hiddenCount = 0;
|
|
36488
|
-
for (let i = 0; i < this.data.length; i++) {
|
|
36489
|
-
const channel = this.model.dataSetting.channels[i];
|
|
36490
|
-
if (legendList.eq(i).children().eq(0).css('fill-opacity') === '1') {
|
|
36491
|
-
const pointList = this.$element
|
|
36492
|
-
.find('.nv-scatterWrap')
|
|
36493
|
-
.find('.nv-series-' + (i - hiddenCount))
|
|
36494
|
-
.find('.nv-point');
|
|
36495
|
-
if (pointList && pointList.length) {
|
|
36496
|
-
for (let j = 0; j < pointList.length; j++) {
|
|
36497
|
-
const point = pointList.eq(j);
|
|
36498
|
-
const previousPoint = pointList.eq(j - 1);
|
|
36499
|
-
if (j && point.attr('transform').split(',')[1] !== previousPoint.attr('transform').split(',')[1]) {
|
|
36500
|
-
if (channel.enablePoint && channel.pointColor) {
|
|
36501
|
-
const pointStyle = {
|
|
36502
|
-
'stroke-opacity': 1,
|
|
36503
|
-
'stroke-width': '2px',
|
|
36504
|
-
'stroke': channel.pointColor,
|
|
36505
|
-
'fill-opacity': 1,
|
|
36506
|
-
'fill': channel.pointColor
|
|
36507
|
-
};
|
|
36508
|
-
point.addClass('nv-mark-point');
|
|
36509
|
-
point.css(pointStyle);
|
|
36510
|
-
previousPoint.addClass('nv-mark-point');
|
|
36511
|
-
previousPoint.css(pointStyle);
|
|
36512
|
-
}
|
|
36513
|
-
}
|
|
36514
|
-
}
|
|
36515
|
-
}
|
|
36516
|
-
}
|
|
36517
|
-
else {
|
|
36518
|
-
hiddenCount++;
|
|
36519
|
-
}
|
|
36520
|
-
}
|
|
36521
|
-
}
|
|
36522
|
-
catch (e) {
|
|
36523
|
-
console.log(e);
|
|
36524
|
-
}
|
|
36525
|
-
}
|
|
36526
36480
|
getLineChart(chartWidth, chartHeight, data) {
|
|
36527
36481
|
const chart = nv_d3["models"].lineChart().showLegend(true)
|
|
36528
36482
|
.margin({ top: 0, bottom: 0, left: this.displayOption.marginLeft, right: this.displayOption.marginRight })
|
|
@@ -36538,19 +36492,6 @@ class historical_curve_element_HistoricalCurveElement extends conditional_displa
|
|
|
36538
36492
|
}
|
|
36539
36493
|
this.renderCommonProperty(chart, chartWidth, chartHeight, data);
|
|
36540
36494
|
this.renderOperationArea(chartWidth, chartHeight);
|
|
36541
|
-
this.initPoint();
|
|
36542
|
-
chart.legend.dispatch.on('legendClick', () => {
|
|
36543
|
-
setTimeout(() => {
|
|
36544
|
-
this.$element.find('.nv-mark-point').css({
|
|
36545
|
-
'stroke-opacity': 0,
|
|
36546
|
-
'stroke-width': 0,
|
|
36547
|
-
'stroke': 'unset',
|
|
36548
|
-
'fill-opacity': 0,
|
|
36549
|
-
'fill': 'unset'
|
|
36550
|
-
}).removeClass('nv-mark-point');
|
|
36551
|
-
this.initPoint();
|
|
36552
|
-
}, 1);
|
|
36553
|
-
});
|
|
36554
36495
|
return chart;
|
|
36555
36496
|
}
|
|
36556
36497
|
getMultiBarWithFocusChart(chartWidth, chartHeight, data) {
|
|
@@ -36594,18 +36535,6 @@ class historical_curve_element_HistoricalCurveElement extends conditional_displa
|
|
|
36594
36535
|
chart.tooltip.headerFormatter(d => this.timeFormat(d, '%x %X'));
|
|
36595
36536
|
if (this.model.displaySetting.showAxis) {
|
|
36596
36537
|
chart.xAxis.showMaxMin(true).tickFormat(d => {
|
|
36597
|
-
this.$element.find('.nv-mark-point').css({
|
|
36598
|
-
'stroke-opacity': 0,
|
|
36599
|
-
'stroke-width': 0,
|
|
36600
|
-
'stroke': 'unset',
|
|
36601
|
-
'fill-opacity': 0,
|
|
36602
|
-
'fill': 'unset'
|
|
36603
|
-
}).removeClass('nv-mark-point');
|
|
36604
|
-
clearTimeout(this.timer);
|
|
36605
|
-
this.timer = undefined;
|
|
36606
|
-
this.timer = setTimeout(() => {
|
|
36607
|
-
this.initPoint();
|
|
36608
|
-
}, 100);
|
|
36609
36538
|
if (this.currentTimePeriod === 3 || this.currentTimePeriod === 4 || this.currentTimePeriod === 5) {
|
|
36610
36539
|
return this.timeFormat(d, '%y-%m-%d');
|
|
36611
36540
|
}
|
|
@@ -39647,12 +39576,7 @@ class video_element_VideoElement extends conditional_display_element_Conditional
|
|
|
39647
39576
|
else if (isIos) {
|
|
39648
39577
|
this.setIosVideo(this.videoUrl, videoId);
|
|
39649
39578
|
}
|
|
39650
|
-
|
|
39651
|
-
this.videoPlayer = new EZUIPlayer(videoId);
|
|
39652
|
-
}
|
|
39653
|
-
catch (err) {
|
|
39654
|
-
console.log(err);
|
|
39655
|
-
}
|
|
39579
|
+
this.videoPlayer = new EZUIPlayer(videoId);
|
|
39656
39580
|
}, 1000);
|
|
39657
39581
|
const style = document.createElement('style');
|
|
39658
39582
|
style.innerHTML = `#${videoId}::-webkit-media-controls-enclosure {
|
|
@@ -41791,24 +41715,13 @@ let WriteValueModalComponent = class WriteValueModalComponent {
|
|
|
41791
41715
|
value = this.formatWriteValue();
|
|
41792
41716
|
}
|
|
41793
41717
|
}
|
|
41794
|
-
if (!this.args.releasedVariableService) {
|
|
41795
|
-
this.onClosed({
|
|
41796
|
-
value: value,
|
|
41797
|
-
showValue: showValue,
|
|
41798
|
-
enableNumericalOperation: false,
|
|
41799
|
-
isNumericalOperation: this.isNumericalOperation,
|
|
41800
|
-
variableRwType: 6
|
|
41801
|
-
});
|
|
41802
|
-
return;
|
|
41803
|
-
}
|
|
41804
41718
|
this.args.releasedVariableService.getVariableWithValueTransform(this.variableName).subscribe(result => {
|
|
41805
41719
|
const valueTransform = JSON.parse(result.valueTransform);
|
|
41806
|
-
if (valueTransform.Type !== 0) {
|
|
41720
|
+
if ((valueTransform === null || valueTransform === void 0 ? void 0 : valueTransform.Type) !== 0) {
|
|
41807
41721
|
this.isNumericalOperation = true;
|
|
41808
41722
|
}
|
|
41809
41723
|
this.onClosed({
|
|
41810
|
-
value
|
|
41811
|
-
showValue: showValue,
|
|
41724
|
+
value, showValue,
|
|
41812
41725
|
enableNumericalOperation: this.enableNumericalOperation,
|
|
41813
41726
|
isNumericalOperation: this.isNumericalOperation,
|
|
41814
41727
|
variableRwType: result.variableRwType
|