@flexem/fc-gui 3.0.0-alpha.13 → 3.0.0-alpha.131
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 +439 -1
- package/assets/img/black_first_page.png +0 -0
- package/assets/img/black_last_page.png +0 -0
- package/assets/img/black_next_page.png +0 -0
- package/assets/img/black_previous_page.png +0 -0
- package/bundles/@flexem/fc-gui.umd.js +38522 -34542
- package/bundles/@flexem/fc-gui.umd.js.map +1 -1
- package/bundles/@flexem/fc-gui.umd.min.js +5 -5
- package/bundles/@flexem/fc-gui.umd.min.js.map +1 -1
- package/communication/variable/variable-communicator.d.ts +4 -0
- package/communication/variable/variable-value.d.ts +4 -1
- package/communication/variable/variable-value.js +4 -1
- package/communication/variable/variable-value.metadata.json +1 -1
- package/config/alarm/alarm.store.d.ts +6 -0
- package/config/alarm/alarm.store.js +0 -0
- package/config/alarm/alarm.store.metadata.json +1 -0
- package/config/alarm/get-alarms-args.d.ts +12 -0
- package/config/alarm/get-alarms-args.js +13 -0
- package/config/alarm/get-alarms-args.metadata.json +1 -0
- package/config/alarm/index.d.ts +2 -0
- package/config/alarm/index.js +1 -0
- package/config/alarm/index.metadata.json +1 -0
- package/config/config-store.d.ts +2 -0
- package/config/history-data/get-history-data-args.d.ts +14 -3
- package/config/history-data/get-history-data-args.js +5 -3
- package/config/history-data/get-history-data-args.metadata.json +1 -1
- package/config/history-data/history-data.model.d.ts +7 -1
- package/config/history-data/history-data.model.js +9 -1
- package/config/history-data/history-data.model.metadata.json +1 -1
- package/config/history-data/index.d.ts +1 -1
- package/config/history-data/index.js +1 -1
- package/config/history-data/index.metadata.json +1 -1
- package/config/index.d.ts +1 -0
- package/config/index.js +1 -0
- package/config/index.metadata.json +1 -1
- package/elements/air-quality/air-quality-element.d.ts +31 -0
- package/elements/air-quality/air-quality-element.js +194 -0
- package/elements/air-quality/air-quality-element.metadata.json +1 -0
- package/elements/alarm/alarm-element.d.ts +69 -0
- package/elements/alarm/alarm-element.js +497 -0
- package/elements/alarm/alarm-element.metadata.json +1 -0
- package/elements/bar-graph-element.d.ts +10 -2
- package/elements/bar-graph-element.js +135 -5
- package/elements/bar-graph-element.metadata.json +1 -1
- package/elements/base/readable-element.d.ts +6 -1
- package/elements/base/readable-element.js +64 -2
- package/elements/base/readable-element.metadata.json +1 -1
- package/elements/base/state-control-element.d.ts +3 -1
- package/elements/base/state-control-element.js +3 -0
- package/elements/datetime-display/datetime-display-element.d.ts +1 -0
- package/elements/datetime-display/datetime-display-element.js +10 -2
- package/elements/datetime-display/datetime-display-element.metadata.json +1 -1
- package/elements/datetime-display/time-zone-select-json.d.ts +8 -0
- package/elements/datetime-display/time-zone-select-json.js +558 -0
- package/elements/historical-curve/historical-curve.element.d.ts +39 -3
- package/elements/historical-curve/historical-curve.element.js +509 -43
- package/elements/historical-curve/historical-curve.element.metadata.json +1 -1
- package/elements/main-element.d.ts +1 -0
- package/elements/main-element.js +59 -9
- package/elements/main-element.metadata.json +1 -1
- package/elements/meter-element.d.ts +7 -1
- package/elements/meter-element.js +76 -7
- package/elements/meter-element.metadata.json +1 -1
- package/elements/numerical-display/numerical-display-element.d.ts +16 -3
- package/elements/numerical-display/numerical-display-element.js +83 -11
- package/elements/numerical-display/numerical-display-element.metadata.json +1 -1
- package/elements/per-view-variable-communicator.d.ts +3 -0
- package/elements/per-view-variable-communicator.js +11 -0
- package/elements/per-view-variable-communicator.metadata.json +1 -1
- package/elements/ring-graph/ring-graph-element.d.ts +13 -1
- package/elements/ring-graph/ring-graph-element.js +164 -3
- package/elements/ring-graph/ring-graph-element.metadata.json +1 -1
- package/elements/scroll-alarm/scroll-alarm-element.d.ts +67 -0
- package/elements/scroll-alarm/scroll-alarm-element.js +663 -0
- package/elements/scroll-alarm/scroll-alarm-element.metadata.json +1 -0
- package/elements/shared/graph/graph-state-element.js +0 -3
- package/elements/shared/text/text-element.d.ts +9 -0
- package/elements/shared/text/text-element.js +33 -2
- package/elements/shared/text/text-element.metadata.json +1 -1
- package/elements/shared/text/text-state-element.d.ts +25 -2
- package/elements/shared/text/text-state-element.js +138 -63
- package/elements/shared/text/text-state-element.metadata.json +1 -1
- package/elements/static-elements/hyperlink-element.d.ts +24 -2
- package/elements/static-elements/hyperlink-element.js +101 -3
- package/elements/static-elements/hyperlink-element.metadata.json +1 -1
- package/elements/static-elements/text-element.d.ts +23 -2
- package/elements/static-elements/text-element.js +96 -3
- package/elements/static-elements/text-element.metadata.json +1 -1
- package/elements/switch-indicator-light/bit-switch-operator.d.ts +1 -0
- package/elements/switch-indicator-light/bit-switch-operator.js +19 -0
- package/elements/switch-indicator-light/bit-switch-operator.metadata.json +1 -1
- package/elements/switch-indicator-light/switch-indicator-light-element.d.ts +18 -2
- package/elements/switch-indicator-light/switch-indicator-light-element.js +120 -25
- package/elements/switch-indicator-light/switch-indicator-light-element.metadata.json +1 -1
- package/elements/switch-indicator-light/switch-operator.d.ts +1 -0
- package/elements/switch-indicator-light/word-switch-operator.d.ts +1 -0
- package/elements/switch-indicator-light/word-switch-operator.js +6 -0
- package/elements/switch-indicator-light/word-switch-operator.metadata.json +1 -1
- package/elements/video/video-element.d.ts +4 -0
- package/elements/video/video-element.js +81 -21
- package/elements/video/video-element.metadata.json +1 -1
- package/elements/view-operation/view-operation.element.d.ts +23 -2
- package/elements/view-operation/view-operation.element.js +103 -1
- package/elements/view-operation/view-operation.element.metadata.json +1 -1
- package/elements/weather/weater-element.js +0 -1
- package/gui/gui-context.d.ts +12 -2
- package/gui/gui-host.d.ts +1 -1
- package/gui/gui-view.d.ts +2 -0
- package/gui/gui-view.js +38 -2
- package/gui/gui-view.metadata.json +1 -1
- package/gui/gui.component.d.ts +3 -0
- package/gui/gui.component.js +15 -2
- package/gui/gui.component.metadata.json +1 -1
- package/localization/localization.service.d.ts +7 -0
- package/localization/localization.service.js +10 -3
- package/localization/localization.service.metadata.json +1 -1
- package/localization/localization.service.zh_CN.js +8 -1
- package/localization/localization.service.zh_CN.metadata.json +1 -1
- package/modal/write-value/write-value-modal-args.d.ts +5 -1
- package/modal/write-value/write-value-modal-args.js +3 -1
- package/modal/write-value/write-value-modal-args.metadata.json +1 -1
- package/modal/write-value/write-value-modal.component.d.ts +12 -7
- package/modal/write-value/write-value-modal.component.html +9 -4
- package/modal/write-value/write-value-modal.component.js +73 -15
- package/modal/write-value/write-value-modal.component.metadata.json +1 -1
- package/model/air-quality/air-quality-info.d.ts +23 -0
- package/model/air-quality/air-quality-info.js +4 -0
- package/model/air-quality/air-quality-info.metadata.json +1 -0
- package/model/air-quality/air-quality.model.d.ts +7 -0
- package/model/air-quality/air-quality.model.js +0 -0
- package/model/air-quality/air-quality.model.metadata.json +1 -0
- package/model/alarm/alarm.model.d.ts +13 -0
- package/model/alarm/alarm.model.js +0 -0
- package/model/alarm/alarm.model.metadata.json +1 -0
- package/model/bar-graph/bar-graph.d.ts +4 -0
- package/model/base/font-setting-model.d.ts +6 -0
- package/model/base/font-setting-model.metadata.json +1 -1
- package/model/base/readable-model.d.ts +4 -0
- package/model/datetime-display/datetime-display.d.ts +1 -0
- package/model/historical-curve/historical-curve-axis-settings.d.ts +11 -0
- package/model/historical-curve/historical-curve-axis-settings.js +5 -0
- package/model/historical-curve/historical-curve-axis-settings.metadata.json +1 -1
- package/model/historical-curve/historical-curve-chanel.model.d.ts +8 -0
- package/model/historical-curve/historical-curve.data-settings.d.ts +18 -1
- package/model/historical-curve/historical-curve.data-settings.metadata.json +1 -1
- package/model/meter/meter.d.ts +4 -0
- package/model/ring-graph/ring-graph.model.d.ts +8 -0
- package/model/scroll-alarm/scroll-alarm.model.d.ts +21 -0
- package/model/scroll-alarm/scroll-alarm.model.js +0 -0
- package/model/scroll-alarm/scroll-alarm.model.metadata.json +1 -0
- package/model/switch-indicator-light/bit-switch-operation.d.ts +2 -1
- package/model/switch-indicator-light/bit-switch-operation.js +1 -0
- package/model/switch-indicator-light/bit-switch-operation.metadata.json +1 -1
- package/model/switch-indicator-light/switch-indicator-light.d.ts +2 -0
- package/model/view-operation/view-operation-element.model.d.ts +7 -1
- package/package.json +1 -1
- package/public_api.js +1 -0
- package/remote/communication/variable/remote-variable-communicator.d.ts +22 -0
- package/remote/communication/variable/remote-variable-communicator.js +122 -2
- package/remote/communication/variable/remote-variable-communicator.metadata.json +1 -1
- package/remote/communication/variable/remote-variable-protocol.d.ts +5 -0
- package/service/index.d.ts +4 -0
- package/service/index.js +1 -0
- package/service/index.metadata.json +1 -1
- package/service/language.service.d.ts +37 -0
- package/service/language.service.js +0 -0
- package/service/language.service.metadata.json +1 -0
- package/service/released-variable/index.d.ts +1 -0
- package/service/released-variable/index.js +0 -0
- package/service/released-variable/index.metadata.json +1 -0
- package/service/released-variable/released-variable.service.d.ts +4 -0
- package/service/released-variable/released-variable.service.js +0 -0
- package/service/released-variable/released-variable.service.metadata.json +1 -0
- package/service/system-text-library.service.d.ts +76 -0
- package/service/system-text-library.service.js +28 -0
- package/service/system-text-library.service.metadata.json +1 -0
- package/service/text-library.service.d.ts +49 -0
- package/service/text-library.service.js +0 -0
- package/service/text-library.service.metadata.json +1 -0
- package/service/weather.service.d.ts +1 -0
- package/shared/gui-consts.d.ts +3 -0
- package/shared/gui-consts.js +3 -0
- package/shared/gui-consts.metadata.json +1 -1
- package/utils/data-type/fbox-data-type.service.js +40 -0
|
@@ -3,9 +3,12 @@ import { GraphStateElement } from '../shared/graph/graph-state-element';
|
|
|
3
3
|
import { LOGGER_SERVICE_TOKEN } from '../../logger';
|
|
4
4
|
import { TextElementModal } from '../shared/text/text-element';
|
|
5
5
|
export class TextElement extends ConditionalDynamicDisplayElement {
|
|
6
|
-
constructor(element, injector, permissionChecker, variableCommunicator, variableStore, graphStore, signalRAppId) {
|
|
6
|
+
constructor(element, injector, permissionChecker, variableCommunicator, variableStore, graphStore, signalRAppId, textLibraryService, languageService, guiContext) {
|
|
7
7
|
super(element, permissionChecker, variableCommunicator, variableStore, signalRAppId);
|
|
8
8
|
this.graphStore = graphStore;
|
|
9
|
+
this.textLibraryService = textLibraryService;
|
|
10
|
+
this.languageService = languageService;
|
|
11
|
+
this.guiContext = guiContext;
|
|
9
12
|
this.logger = injector.get(LOGGER_SERVICE_TOKEN);
|
|
10
13
|
if (this.model.text && this.model.size) {
|
|
11
14
|
const width = this.model.size.width;
|
|
@@ -26,8 +29,12 @@ export class TextElement extends ConditionalDynamicDisplayElement {
|
|
|
26
29
|
color: this.model.stroke,
|
|
27
30
|
textAlign: this.model.textAlign
|
|
28
31
|
};
|
|
29
|
-
|
|
30
|
-
this
|
|
32
|
+
// 获取显示文本(支持文本库)
|
|
33
|
+
const displayText = this.getDisplayText();
|
|
34
|
+
this.textElementModal = new TextElementModal(displayText, font, width, height);
|
|
35
|
+
this.$element.append(this.textElementModal.Element);
|
|
36
|
+
// 订阅语种变化
|
|
37
|
+
this.subscribeLanguageChange();
|
|
31
38
|
}
|
|
32
39
|
else {
|
|
33
40
|
this.handleTextValue();
|
|
@@ -37,10 +44,96 @@ export class TextElement extends ConditionalDynamicDisplayElement {
|
|
|
37
44
|
}
|
|
38
45
|
}
|
|
39
46
|
dispose() {
|
|
47
|
+
// 取消语种变化订阅
|
|
48
|
+
if (this.languageChangeSubscription) {
|
|
49
|
+
this.languageChangeSubscription.unsubscribe();
|
|
50
|
+
this.languageChangeSubscription = undefined;
|
|
51
|
+
}
|
|
40
52
|
if (this.$element) {
|
|
41
53
|
this.$element.remove();
|
|
42
54
|
}
|
|
43
55
|
}
|
|
56
|
+
/**
|
|
57
|
+
* 订阅语种变化事件
|
|
58
|
+
* 当设备的语种ID改变时,重新渲染文本
|
|
59
|
+
*/
|
|
60
|
+
subscribeLanguageChange() {
|
|
61
|
+
// 只有使用文本库时才需要订阅语种变化
|
|
62
|
+
if (!this.model.textLibrary || this.model.textLibrary.labelType !== 'textLibrary') {
|
|
63
|
+
return;
|
|
64
|
+
}
|
|
65
|
+
if (this.guiContext && this.guiContext.languageChanged$) {
|
|
66
|
+
this.languageChangeSubscription = this.guiContext.languageChanged$.subscribe(() => {
|
|
67
|
+
// 重新渲染文本
|
|
68
|
+
this.reRenderText();
|
|
69
|
+
});
|
|
70
|
+
}
|
|
71
|
+
}
|
|
72
|
+
/**
|
|
73
|
+
* 重新渲染文本
|
|
74
|
+
*/
|
|
75
|
+
reRenderText() {
|
|
76
|
+
if (!this.textElementModal || !this.model.size) {
|
|
77
|
+
return;
|
|
78
|
+
}
|
|
79
|
+
// 获取新的显示文本
|
|
80
|
+
const displayText = this.getDisplayText();
|
|
81
|
+
// 直接更新文本内容,而不是重新创建元素
|
|
82
|
+
this.textElementModal.updateText(displayText);
|
|
83
|
+
}
|
|
84
|
+
/**
|
|
85
|
+
* 获取显示文本
|
|
86
|
+
* 如果配置了文本库,则从文本库中获取对应语种的文本
|
|
87
|
+
* 否则返回默认文本
|
|
88
|
+
*/
|
|
89
|
+
getDisplayText() {
|
|
90
|
+
var _a, _b, _c, _d, _e, _f;
|
|
91
|
+
// 检查是否使用文本库
|
|
92
|
+
if (this.model.textLibrary && this.model.textLibrary.labelType === 'textLibrary') {
|
|
93
|
+
const textLibraryId = this.model.textLibrary.selectedTextLibraryItem;
|
|
94
|
+
const textItem = this.model.textLibrary.selectedTextItem;
|
|
95
|
+
if (textLibraryId && textItem && this.textLibraryService) {
|
|
96
|
+
// 获取文本库数据
|
|
97
|
+
const textLibraryData = this.textLibraryService.getTextLibraryById(typeof textLibraryId === 'string' ? parseInt(textLibraryId, 10) : textLibraryId);
|
|
98
|
+
if (textLibraryData && textLibraryData.data) {
|
|
99
|
+
// 查找对应的文本条目
|
|
100
|
+
const textEntry = textLibraryData.data.find(entry => entry.key === textItem.toString());
|
|
101
|
+
if (textEntry) {
|
|
102
|
+
// 获取当前语种ID
|
|
103
|
+
const currentLanguageId = (_c = (_b = (_a = this.guiContext) === null || _a === void 0 ? void 0 : _a.getCurrentLanguageId) === null || _b === void 0 ? void 0 : _b.call(_a)) !== null && _c !== void 0 ? _c : null;
|
|
104
|
+
// 确定要使用的语种代码(culture)
|
|
105
|
+
let targetLanguage;
|
|
106
|
+
const defaultLanguage = ((_d = this.languageService) === null || _d === void 0 ? void 0 : _d.getDefaultLanguage()) || 'zh-CN';
|
|
107
|
+
if (currentLanguageId === null || currentLanguageId === undefined) {
|
|
108
|
+
// 设备未设置当前语种,使用默认语种
|
|
109
|
+
targetLanguage = defaultLanguage;
|
|
110
|
+
}
|
|
111
|
+
else {
|
|
112
|
+
// 设备已设置当前语种,获取对应的语种代码
|
|
113
|
+
const currentLanguage = (_f = (_e = this.guiContext) === null || _e === void 0 ? void 0 : _e.getLanguageCultureById) === null || _f === void 0 ? void 0 : _f.call(_e, currentLanguageId);
|
|
114
|
+
if (currentLanguage) {
|
|
115
|
+
targetLanguage = currentLanguage;
|
|
116
|
+
}
|
|
117
|
+
else {
|
|
118
|
+
// 无法获取语种代码,使用默认语种
|
|
119
|
+
targetLanguage = defaultLanguage;
|
|
120
|
+
}
|
|
121
|
+
}
|
|
122
|
+
// 返回对应语种的文本
|
|
123
|
+
if (textEntry.cultures && textEntry.cultures[targetLanguage]) {
|
|
124
|
+
return textEntry.cultures[targetLanguage];
|
|
125
|
+
}
|
|
126
|
+
// 如果没有对应语种,返回空字符串
|
|
127
|
+
return '';
|
|
128
|
+
}
|
|
129
|
+
}
|
|
130
|
+
}
|
|
131
|
+
// 文本库配置但未找到数据,返回空字符串
|
|
132
|
+
return '';
|
|
133
|
+
}
|
|
134
|
+
// 默认返回文本内容
|
|
135
|
+
return this.model.text || '';
|
|
136
|
+
}
|
|
44
137
|
handleTextValue() {
|
|
45
138
|
const allText = this.$element.find('text');
|
|
46
139
|
for (let i = 0; i < allText.length; i++) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
[{"__symbolic":"module","version":4,"metadata":{"TextElement":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"../base/conditional-dynamic-display-element","name":"ConditionalDynamicDisplayElement","line":
|
|
1
|
+
[{"__symbolic":"module","version":4,"metadata":{"TextElement":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"../base/conditional-dynamic-display-element","name":"ConditionalDynamicDisplayElement","line":12,"character":33},"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"error","message":"Could not resolve type","line":19,"character":25,"context":{"typeName":"HTMLElement"}},{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":19,"character":48},{"__symbolic":"reference","module":"../../service","name":"PermissionChecker","line":19,"character":77},{"__symbolic":"reference","module":"../../communication","name":"VariableCommunicator","line":20,"character":30},{"__symbolic":"reference","module":"../../config","name":"VariableStore","line":20,"character":67},{"__symbolic":"reference","module":"../../config","name":"GraphStore","line":20,"character":111},{"__symbolic":"reference","name":"string"},{"__symbolic":"reference","module":"../../service","name":"TextLibraryService","line":22,"character":46},{"__symbolic":"reference","module":"../../service","name":"LanguageService","line":23,"character":43},{"__symbolic":"reference","module":"../../gui/gui-context","name":"GuiContext","line":24,"character":38}]}],"dispose":[{"__symbolic":"method"}],"subscribeLanguageChange":[{"__symbolic":"method"}],"reRenderText":[{"__symbolic":"method"}],"getDisplayText":[{"__symbolic":"method"}],"handleTextValue":[{"__symbolic":"method"}],"initGraph":[{"__symbolic":"method"}]}}}}]
|
|
@@ -15,4 +15,5 @@ export declare class BitSwitchOperator implements SwitchOperator {
|
|
|
15
15
|
constructor(settings: BitSwitchSettings, variableCommunicator: VariableCommunicator, variableStore: VariableStore, signalRAppId: string);
|
|
16
16
|
canExecute(): boolean;
|
|
17
17
|
execute(): Promise<VariableOptionModel>;
|
|
18
|
+
writeValue(value: any): Promise<VariableOptionModel>;
|
|
18
19
|
}
|
|
@@ -72,6 +72,8 @@ export class BitSwitchOperator {
|
|
|
72
72
|
}
|
|
73
73
|
}
|
|
74
74
|
break;
|
|
75
|
+
case BitSwitchOperation.Restoration:
|
|
76
|
+
break;
|
|
75
77
|
default:
|
|
76
78
|
throw new Error(`Unknown BitSwitchOperation:${settings.operation}`);
|
|
77
79
|
}
|
|
@@ -85,4 +87,21 @@ export class BitSwitchOperator {
|
|
|
85
87
|
newValue: newValue
|
|
86
88
|
});
|
|
87
89
|
}
|
|
90
|
+
writeValue(value) {
|
|
91
|
+
if (this.settings.isBitwiseIndex) {
|
|
92
|
+
this.variableCommunicator.writeWordByBit(this.variableName, this.settings.bitIndex, value).subscribe();
|
|
93
|
+
}
|
|
94
|
+
else {
|
|
95
|
+
this.variableCommunicator.write(this.variableName, value).subscribe();
|
|
96
|
+
}
|
|
97
|
+
let originValue;
|
|
98
|
+
if (this.currentValue && this.currentValue.value !== undefined) {
|
|
99
|
+
originValue = this.currentValue.value;
|
|
100
|
+
}
|
|
101
|
+
return Promise.resolve({
|
|
102
|
+
variableName: this.variableName,
|
|
103
|
+
originValue: originValue,
|
|
104
|
+
newValue: value
|
|
105
|
+
});
|
|
106
|
+
}
|
|
88
107
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
[{"__symbolic":"module","version":4,"metadata":{"BitSwitchOperator":{"__symbolic":"class","members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"../../model","name":"BitSwitchSettings","line":21,"character":43},{"__symbolic":"reference","module":"../../communication","name":"VariableCommunicator","line":21,"character":101},{"__symbolic":"reference","module":"../../config","name":"VariableStore","line":22,"character":40},{"__symbolic":"reference","name":"string"}]}],"canExecute":[{"__symbolic":"method"}],"execute":[{"__symbolic":"method"}]}}}}]
|
|
1
|
+
[{"__symbolic":"module","version":4,"metadata":{"BitSwitchOperator":{"__symbolic":"class","members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"../../model","name":"BitSwitchSettings","line":21,"character":43},{"__symbolic":"reference","module":"../../communication","name":"VariableCommunicator","line":21,"character":101},{"__symbolic":"reference","module":"../../config","name":"VariableStore","line":22,"character":40},{"__symbolic":"reference","name":"string"}]}],"canExecute":[{"__symbolic":"method"}],"execute":[{"__symbolic":"method"}],"writeValue":[{"__symbolic":"method"}]}}}}]
|
|
@@ -3,15 +3,19 @@ import { BsModalService } from 'ngx-bootstrap/modal';
|
|
|
3
3
|
import { GraphStore, VariableStore } from '../../config';
|
|
4
4
|
import { Localization } from '../../localization';
|
|
5
5
|
import { SwitchIndicatorLight } from '../../model';
|
|
6
|
-
import { PermissionChecker, OperationRecordService } from '../../service';
|
|
6
|
+
import { PermissionChecker, OperationRecordService, TextLibraryService, LanguageService } from '../../service';
|
|
7
7
|
import { VariableCommunicator } from '../../communication';
|
|
8
8
|
import { ConditionalEnableElement } from '../base/conditional-enable-element';
|
|
9
9
|
import { SecurityChecker } from '../../security';
|
|
10
|
+
import { GuiContext } from '../../gui/gui-context';
|
|
10
11
|
export declare class SwitchIndicatorLightElement extends ConditionalEnableElement {
|
|
11
12
|
private readonly modalService;
|
|
12
13
|
private readonly graphStore;
|
|
13
14
|
private readonly operationRecordService;
|
|
14
15
|
private readonly securityChecker;
|
|
16
|
+
private readonly textLibraryService?;
|
|
17
|
+
private readonly languageService?;
|
|
18
|
+
private readonly guiContext?;
|
|
15
19
|
protected readonly model: SwitchIndicatorLight;
|
|
16
20
|
private readonly logger;
|
|
17
21
|
private switchOperator;
|
|
@@ -19,13 +23,25 @@ export declare class SwitchIndicatorLightElement extends ConditionalEnableElemen
|
|
|
19
23
|
private graphStateElement?;
|
|
20
24
|
private textStateElement;
|
|
21
25
|
private isMobileMode;
|
|
22
|
-
|
|
26
|
+
private isBitRestoration;
|
|
27
|
+
private isVerifiedForRestoration;
|
|
28
|
+
private restorationTimer;
|
|
29
|
+
private isWriteRestorationDownValue;
|
|
30
|
+
private onDocMouseUp;
|
|
31
|
+
constructor(element: HTMLElement, injector: Injector, modalService: BsModalService, variableCommunicator: VariableCommunicator, graphStore: GraphStore, permissionChecker: PermissionChecker, operationRecordService: OperationRecordService, securityChecker: SecurityChecker, variableStore: VariableStore, localization: Localization, signalRAppId: string, textLibraryService?: TextLibraryService, languageService?: LanguageService, guiContext?: GuiContext);
|
|
32
|
+
handleMouseUp(): void;
|
|
33
|
+
private initOnDocMouseUpEvent;
|
|
23
34
|
private checkElementPassword;
|
|
24
35
|
private doSwitchOperator;
|
|
36
|
+
private writeValue;
|
|
25
37
|
private initSwitchOperator;
|
|
26
38
|
private initIndictorLightOperator;
|
|
27
39
|
private currentStateIdChange;
|
|
28
40
|
private switchToState;
|
|
29
41
|
private initGraphAndText;
|
|
42
|
+
/**
|
|
43
|
+
* 释放资源
|
|
44
|
+
*/
|
|
45
|
+
dispose(): void;
|
|
30
46
|
private checkState;
|
|
31
47
|
}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { LOGGER_SERVICE_TOKEN } from '../../logger';
|
|
2
2
|
import * as d3 from 'd3-selection';
|
|
3
3
|
import { isUndefined } from 'lodash';
|
|
4
|
-
import { IndicatorLightType, SwitchType, State } from '../../model';
|
|
4
|
+
import { IndicatorLightType, SwitchType, State, BitSwitchOperation } from '../../model';
|
|
5
5
|
import { VariableState } from '../../communication';
|
|
6
6
|
import { ConditionalEnableElement } from '../base/conditional-enable-element';
|
|
7
7
|
import { GraphStateElement } from '../shared/graph/graph-state-element';
|
|
@@ -17,19 +17,26 @@ import { DisplayMode, GlobalSettings } from '../../settings';
|
|
|
17
17
|
import { VariableUtil } from '../../utils/variable-util';
|
|
18
18
|
import { VariableDefinition } from '../../communication/variable/variable-definition';
|
|
19
19
|
export class SwitchIndicatorLightElement extends ConditionalEnableElement {
|
|
20
|
-
constructor(element, injector, modalService, variableCommunicator, graphStore, permissionChecker, operationRecordService, securityChecker, variableStore, localization, signalRAppId) {
|
|
20
|
+
constructor(element, injector, modalService, variableCommunicator, graphStore, permissionChecker, operationRecordService, securityChecker, variableStore, localization, signalRAppId, textLibraryService, languageService, guiContext) {
|
|
21
21
|
super(element, permissionChecker, variableCommunicator, variableStore, localization, signalRAppId);
|
|
22
22
|
this.modalService = modalService;
|
|
23
23
|
this.graphStore = graphStore;
|
|
24
24
|
this.operationRecordService = operationRecordService;
|
|
25
25
|
this.securityChecker = securityChecker;
|
|
26
|
+
this.textLibraryService = textLibraryService;
|
|
27
|
+
this.languageService = languageService;
|
|
28
|
+
this.guiContext = guiContext;
|
|
29
|
+
this.isBitRestoration = false; // 是否是 位设定且执行设置是复位
|
|
30
|
+
this.isVerifiedForRestoration = false; // 位设定且执行设置是复位情况下,是否已经完成了验证
|
|
31
|
+
this.isWriteRestorationDownValue = false;
|
|
26
32
|
this.logger = injector.get(LOGGER_SERVICE_TOKEN);
|
|
27
33
|
this.isMobileMode = DisplayMode.Mobile === injector.get(GlobalSettings).displayMode;
|
|
28
34
|
this.checkState();
|
|
29
35
|
if (this.model.useSwitch) {
|
|
30
36
|
this.initSwitchOperator();
|
|
31
37
|
this.rootElement.style('cursor', 'hand');
|
|
32
|
-
|
|
38
|
+
const isMobile = navigator.userAgent.match(/(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|Symbian|Windows Phone)/i);
|
|
39
|
+
this.rootElement.on(this.isMobileMode && isMobile ? 'touchstart' : 'mousedown', () => {
|
|
33
40
|
if (!this.isInitialized) {
|
|
34
41
|
return;
|
|
35
42
|
}
|
|
@@ -43,31 +50,39 @@ export class SwitchIndicatorLightElement extends ConditionalEnableElement {
|
|
|
43
50
|
return;
|
|
44
51
|
}
|
|
45
52
|
if (this.switchOperator.canExecute()) {
|
|
46
|
-
if (this.
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
modalRef.
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
+
if (!this.isBitRestoration || !this.isVerifiedForRestoration) {
|
|
54
|
+
if (this.model.useSecurity) {
|
|
55
|
+
const modalRef = this.modalService.show(ConfirmOperationModalComponent, { backdrop: 'static', class: 'gui-modal-dialog-position', animated: false });
|
|
56
|
+
const onClosedSub = modalRef.content.onClosed.subscribe(result => {
|
|
57
|
+
modalRef.hide();
|
|
58
|
+
onClosedSub.unsubscribe();
|
|
59
|
+
if (result) {
|
|
60
|
+
this.checkElementPassword(true);
|
|
61
|
+
}
|
|
62
|
+
});
|
|
63
|
+
}
|
|
64
|
+
else {
|
|
65
|
+
this.checkElementPassword(false);
|
|
66
|
+
if (!this.model.useIndicatorLight) {
|
|
67
|
+
this.switchToState(1);
|
|
53
68
|
}
|
|
54
|
-
}
|
|
69
|
+
}
|
|
55
70
|
}
|
|
56
71
|
else {
|
|
57
|
-
this.
|
|
58
|
-
|
|
59
|
-
this.
|
|
60
|
-
|
|
72
|
+
document.addEventListener(this.isMobileMode ? 'touchend' : 'mouseup', this.onDocMouseUp);
|
|
73
|
+
this.restorationTimer = setTimeout(() => {
|
|
74
|
+
this.writeValue(1);
|
|
75
|
+
this.isWriteRestorationDownValue = true;
|
|
76
|
+
}, 1000);
|
|
61
77
|
}
|
|
62
78
|
d3.event.preventDefault();
|
|
63
79
|
}
|
|
64
80
|
});
|
|
65
|
-
|
|
66
|
-
this.
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
}
|
|
81
|
+
this.rootElement.on(this.isMobileMode && isMobile ? 'touchend' : 'mouseup', () => {
|
|
82
|
+
this.handleMouseUp();
|
|
83
|
+
d3.event.stopPropagation();
|
|
84
|
+
});
|
|
85
|
+
this.initOnDocMouseUpEvent();
|
|
71
86
|
}
|
|
72
87
|
this.initGraphAndText();
|
|
73
88
|
if (this.model.useIndicatorLight) {
|
|
@@ -77,19 +92,62 @@ export class SwitchIndicatorLightElement extends ConditionalEnableElement {
|
|
|
77
92
|
this.switchToState(0);
|
|
78
93
|
}
|
|
79
94
|
}
|
|
80
|
-
|
|
95
|
+
handleMouseUp() {
|
|
96
|
+
if (this.restorationTimer) {
|
|
97
|
+
clearTimeout(this.restorationTimer);
|
|
98
|
+
this.restorationTimer = undefined;
|
|
99
|
+
}
|
|
100
|
+
if (this.isBitRestoration && this.isWriteRestorationDownValue) {
|
|
101
|
+
this.writeValue(0);
|
|
102
|
+
}
|
|
103
|
+
document.removeEventListener(this.isMobileMode ? 'touchend' : 'mouseup', this.onDocMouseUp);
|
|
104
|
+
this.isVerifiedForRestoration = false;
|
|
105
|
+
this.isWriteRestorationDownValue = false;
|
|
106
|
+
if (!this.model.useIndicatorLight) {
|
|
107
|
+
this.switchToState(0);
|
|
108
|
+
if (d3.event) {
|
|
109
|
+
d3.event.preventDefault();
|
|
110
|
+
}
|
|
111
|
+
}
|
|
112
|
+
}
|
|
113
|
+
initOnDocMouseUpEvent() {
|
|
114
|
+
this.onDocMouseUp = () => {
|
|
115
|
+
this.handleMouseUp();
|
|
116
|
+
};
|
|
117
|
+
}
|
|
118
|
+
checkElementPassword(afterConfirm) {
|
|
81
119
|
if (this.model.enablePassword) {
|
|
82
120
|
const modalRef = this.modalService.show(VerifyPasswordModalComponent, { initialState: { securityChecker: this.securityChecker }, backdrop: 'static', class: 'gui-modal-dialog-position', animated: false });
|
|
83
121
|
const onClosedSub = modalRef.content.onClosed.subscribe(result => {
|
|
84
122
|
modalRef.hide();
|
|
85
123
|
onClosedSub.unsubscribe();
|
|
86
124
|
if (result) {
|
|
87
|
-
this.
|
|
125
|
+
if (!this.isBitRestoration) {
|
|
126
|
+
this.doSwitchOperator();
|
|
127
|
+
}
|
|
128
|
+
else {
|
|
129
|
+
this.isVerifiedForRestoration = true;
|
|
130
|
+
}
|
|
88
131
|
}
|
|
89
132
|
});
|
|
90
133
|
}
|
|
91
134
|
else {
|
|
92
|
-
this.
|
|
135
|
+
if (!this.isBitRestoration) {
|
|
136
|
+
this.doSwitchOperator();
|
|
137
|
+
}
|
|
138
|
+
else {
|
|
139
|
+
if (afterConfirm) {
|
|
140
|
+
this.isVerifiedForRestoration = true;
|
|
141
|
+
}
|
|
142
|
+
else {
|
|
143
|
+
this.isVerifiedForRestoration = true;
|
|
144
|
+
document.addEventListener(this.isMobileMode ? 'touchend' : 'mouseup', this.onDocMouseUp);
|
|
145
|
+
this.restorationTimer = setTimeout(() => {
|
|
146
|
+
this.writeValue(1);
|
|
147
|
+
this.isWriteRestorationDownValue = true;
|
|
148
|
+
}, 1000);
|
|
149
|
+
}
|
|
150
|
+
}
|
|
93
151
|
}
|
|
94
152
|
}
|
|
95
153
|
doSwitchOperator() {
|
|
@@ -106,12 +164,27 @@ export class SwitchIndicatorLightElement extends ConditionalEnableElement {
|
|
|
106
164
|
throw new Error('Failure of the operation record:switchOperator');
|
|
107
165
|
});
|
|
108
166
|
}
|
|
167
|
+
writeValue(value) {
|
|
168
|
+
this.switchOperator.writeValue(value).then(args => {
|
|
169
|
+
if (this.model.isRecordOperation || this.model.isRecordOperation === undefined) {
|
|
170
|
+
if (args.newValue !== undefined || args.originValue !== undefined) {
|
|
171
|
+
this.operationRecordService.record({
|
|
172
|
+
variableOptionModel: args,
|
|
173
|
+
operationDescription: this.model.operationDescription
|
|
174
|
+
});
|
|
175
|
+
}
|
|
176
|
+
}
|
|
177
|
+
}).catch(() => {
|
|
178
|
+
throw new Error('Failure of the operation record:switchOperator');
|
|
179
|
+
});
|
|
180
|
+
}
|
|
109
181
|
initSwitchOperator() {
|
|
110
182
|
const settings = this.model.switchSettings;
|
|
111
183
|
switch (settings.type) {
|
|
112
184
|
case SwitchType.Bit:
|
|
113
185
|
this.switchOperator =
|
|
114
186
|
new BitSwitchOperator(settings.settings, this.variableCommunicator, this.variableStore, this.signalRAppId);
|
|
187
|
+
this.isBitRestoration = settings.settings.operation === BitSwitchOperation.Restoration;
|
|
115
188
|
break;
|
|
116
189
|
case SwitchType.Word:
|
|
117
190
|
this.switchOperator =
|
|
@@ -168,9 +241,31 @@ export class SwitchIndicatorLightElement extends ConditionalEnableElement {
|
|
|
168
241
|
this.graphStateElement = new GraphStateElement(this.model.graphSetting, width, height, this.graphStore, this.logger, this.model.version, this.model.states);
|
|
169
242
|
this.$element.append(this.graphStateElement.Element);
|
|
170
243
|
}
|
|
171
|
-
this.textStateElement = new TextStateElement(this.model.states, width, height, this.logger, this.model.version, this.model.states);
|
|
244
|
+
this.textStateElement = new TextStateElement(this.model.states, width, height, this.logger, this.model.version, this.model.states, this.model.textLibrary, this.textLibraryService, this.languageService, this.guiContext);
|
|
172
245
|
this.$element.append(this.textStateElement.Element);
|
|
173
246
|
}
|
|
247
|
+
/**
|
|
248
|
+
* 释放资源
|
|
249
|
+
*/
|
|
250
|
+
dispose() {
|
|
251
|
+
// 释放文本元素资源(取消语种变化订阅等)
|
|
252
|
+
if (this.textStateElement) {
|
|
253
|
+
this.textStateElement.dispose();
|
|
254
|
+
}
|
|
255
|
+
// 释放指示灯操作器资源
|
|
256
|
+
if (this.indicatorLightOperator) {
|
|
257
|
+
// indicatorLightOperator 可能有自己的dispose方法
|
|
258
|
+
}
|
|
259
|
+
// 清除定时器
|
|
260
|
+
if (this.restorationTimer) {
|
|
261
|
+
clearTimeout(this.restorationTimer);
|
|
262
|
+
this.restorationTimer = undefined;
|
|
263
|
+
}
|
|
264
|
+
// 移除事件监听
|
|
265
|
+
if (this.onDocMouseUp) {
|
|
266
|
+
document.removeEventListener(this.isMobileMode ? 'touchend' : 'mouseup', this.onDocMouseUp);
|
|
267
|
+
}
|
|
268
|
+
}
|
|
174
269
|
checkState() {
|
|
175
270
|
if (!this.model.states) {
|
|
176
271
|
throw new Error('The switch indicator light\'s states is undefined.');
|
|
@@ -1 +1 @@
|
|
|
1
|
-
[{"__symbolic":"module","version":4,"metadata":{"SwitchIndicatorLightElement":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"../base/conditional-enable-element","name":"ConditionalEnableElement","line":
|
|
1
|
+
[{"__symbolic":"module","version":4,"metadata":{"SwitchIndicatorLightElement":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"../base/conditional-enable-element","name":"ConditionalEnableElement","line":33,"character":49},"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"error","message":"Could not resolve type","line":51,"character":25,"context":{"typeName":"HTMLElement"}},{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":52,"character":18},{"__symbolic":"reference","module":"ngx-bootstrap/modal","name":"BsModalService","line":53,"character":39},{"__symbolic":"reference","module":"../../communication","name":"VariableCommunicator","line":54,"character":30},{"__symbolic":"reference","module":"../../config","name":"GraphStore","line":55,"character":37},{"__symbolic":"reference","module":"../../service","name":"PermissionChecker","line":56,"character":27},{"__symbolic":"reference","module":"../../service","name":"OperationRecordService","line":57,"character":49},{"__symbolic":"reference","module":"../../security","name":"SecurityChecker","line":58,"character":42},{"__symbolic":"reference","module":"../../config","name":"VariableStore","line":59,"character":23},{"__symbolic":"reference","module":"../../localization","name":"Localization","line":60,"character":22},{"__symbolic":"reference","name":"string"},{"__symbolic":"reference","module":"../../service","name":"TextLibraryService","line":62,"character":46},{"__symbolic":"reference","module":"../../service","name":"LanguageService","line":63,"character":43},{"__symbolic":"reference","module":"../../gui/gui-context","name":"GuiContext","line":64,"character":38}]}],"handleMouseUp":[{"__symbolic":"method"}],"initOnDocMouseUpEvent":[{"__symbolic":"method"}],"checkElementPassword":[{"__symbolic":"method"}],"doSwitchOperator":[{"__symbolic":"method"}],"writeValue":[{"__symbolic":"method"}],"initSwitchOperator":[{"__symbolic":"method"}],"initIndictorLightOperator":[{"__symbolic":"method"}],"currentStateIdChange":[{"__symbolic":"method"}],"switchToState":[{"__symbolic":"method"}],"initGraphAndText":[{"__symbolic":"method"}],"dispose":[{"__symbolic":"method"}],"checkState":[{"__symbolic":"method"}]}}}}]
|
|
@@ -14,4 +14,5 @@ export declare class WordSwitchOperator implements SwitchOperator {
|
|
|
14
14
|
constructor(settings: WordSwitchSettings, variableCommunicator: VariableCommunicator, variableStore: VariableStore, signalRAppId: string);
|
|
15
15
|
canExecute(): boolean;
|
|
16
16
|
execute(): Promise<VariableOptionModel>;
|
|
17
|
+
writeValue(value: any): Promise<VariableOptionModel>;
|
|
17
18
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
[{"__symbolic":"module","version":4,"metadata":{"WordSwitchOperator":{"__symbolic":"class","members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"../../model","name":"WordSwitchSettings","line":20,"character":43},{"__symbolic":"reference","module":"../../communication","name":"VariableCommunicator","line":20,"character":102},{"__symbolic":"reference","module":"../../config","name":"VariableStore","line":21,"character":40},{"__symbolic":"reference","name":"string"}]}],"canExecute":[{"__symbolic":"method"}],"execute":[{"__symbolic":"method"}]}}}}]
|
|
1
|
+
[{"__symbolic":"module","version":4,"metadata":{"WordSwitchOperator":{"__symbolic":"class","members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"../../model","name":"WordSwitchSettings","line":20,"character":43},{"__symbolic":"reference","module":"../../communication","name":"VariableCommunicator","line":20,"character":102},{"__symbolic":"reference","module":"../../config","name":"VariableStore","line":21,"character":40},{"__symbolic":"reference","name":"string"}]}],"canExecute":[{"__symbolic":"method"}],"execute":[{"__symbolic":"method"}],"writeValue":[{"__symbolic":"method"}]}}}}]
|
|
@@ -16,6 +16,9 @@ export declare class VideoElement extends ConditionalDisplayElement {
|
|
|
16
16
|
private videoId;
|
|
17
17
|
private isShow;
|
|
18
18
|
private videoPlayer;
|
|
19
|
+
private refreshTimer;
|
|
20
|
+
private isFullscreen;
|
|
21
|
+
private videoUrl;
|
|
19
22
|
constructor(element: HTMLElement, injector: Injector, permissionChecker: PermissionChecker, variableCommunicator: VariableCommunicator, variableStore: VariableStore, videoService: VideoService, guiSize: Size, svgRootClass: string, signalRAppId: string);
|
|
20
23
|
dispose(): void;
|
|
21
24
|
hide(): void;
|
|
@@ -24,4 +27,5 @@ export declare class VideoElement extends ConditionalDisplayElement {
|
|
|
24
27
|
private initVideo;
|
|
25
28
|
private addVideoAddressToolTip;
|
|
26
29
|
private setAndroidVideo;
|
|
30
|
+
private setIosVideo;
|
|
27
31
|
}
|