@flexem/fc-gui 3.0.0-alpha.16 → 3.0.0-alpha.160
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 +492 -69
- package/README.md +4 -4
- package/assets/img/alert.svg +18 -18
- 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/assets/img/first_page.svg +19 -19
- package/assets/img/last_page.svg +19 -19
- package/assets/img/next_page.svg +14 -14
- package/assets/img/previous_page.svg +14 -14
- package/bundles/@flexem/fc-gui.umd.js +25472 -20764
- 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/index.d.ts +1 -1
- package/communication/index.js +1 -1
- package/communication/variable/index.d.ts +5 -5
- package/communication/variable/index.js +4 -4
- package/communication/variable/variable-communicator.d.ts +16 -12
- package/communication/variable/variable-definition.d.ts +10 -10
- package/communication/variable/variable-definition.js +14 -14
- package/communication/variable/variable-state-enum.d.ts +8 -7
- package/communication/variable/variable-state-enum.js +9 -8
- package/communication/variable/variable-state-enum.metadata.json +1 -1
- package/communication/variable/variable-state.d.ts +6 -6
- package/communication/variable/variable-state.js +6 -6
- package/communication/variable/variable-value.d.ts +11 -8
- package/communication/variable/variable-value.js +11 -8
- 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 +17 -15
- package/config/graph/graph-result.d.ts +9 -9
- package/config/graph/graph-result.js +13 -13
- package/config/graph/graph-store.d.ts +9 -9
- package/config/graph/graph-type.d.ts +4 -4
- package/config/graph/graph-type.js +5 -5
- package/config/graph/graph.d.ts +6 -6
- package/config/graph/graph.js +6 -6
- package/config/gui-feature-config.d.ts +3 -0
- package/config/gui-feature-config.js +3 -0
- package/config/gui-feature-config.metadata.json +1 -0
- package/config/history-data/get-history-data-args.d.ts +22 -22
- package/config/history-data/get-history-data-args.js +21 -21
- package/config/history-data/historical-curve.time-range.d.ts +18 -18
- package/config/history-data/historical-curve.time-range.js +19 -19
- package/config/history-data/history-data-value.d.ts +6 -6
- package/config/history-data/history-data-value.js +6 -6
- package/config/history-data/history-data.model.d.ts +7 -7
- package/config/history-data/history-data.model.js +7 -7
- package/config/history-data/history-data.store.d.ts +10 -10
- package/config/history-data/index.d.ts +4 -4
- package/config/history-data/index.js +3 -3
- package/config/image/image-store.d.ts +6 -6
- package/config/index.d.ts +12 -10
- package/config/index.js +8 -6
- package/config/index.metadata.json +1 -1
- package/config/variable/get-variable-name-args.d.ts +6 -6
- package/config/variable/get-variable-name-args.js +7 -7
- package/config/variable/index.d.ts +2 -2
- package/config/variable/index.js +1 -1
- package/config/variable/variable-store.d.ts +8 -7
- package/config/view/view-store.d.ts +20 -20
- package/config/view/view.model.d.ts +4 -4
- package/config/view/view.model.js +5 -5
- package/core/index.d.ts +1 -1
- package/core/index.js +1 -1
- package/core/stringifying-map.d.ts +11 -11
- package/core/stringifying-map.js +24 -24
- package/core/stringifying-set.d.ts +10 -10
- package/core/stringifying-set.js +21 -21
- 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 +29 -21
- package/elements/bar-graph-element.js +244 -114
- package/elements/bar-graph-element.metadata.json +1 -1
- package/elements/base/base-element.d.ts +11 -11
- package/elements/base/base-element.js +9 -9
- package/elements/base/conditional-control-element.d.ts +16 -16
- package/elements/base/conditional-control-element.js +87 -87
- package/elements/base/conditional-display-element.d.ts +24 -24
- package/elements/base/conditional-display-element.js +86 -86
- package/elements/base/conditional-dynamic-display-element.d.ts +26 -26
- package/elements/base/conditional-dynamic-display-element.js +142 -142
- package/elements/base/conditional-enable-element.d.ts +21 -21
- package/elements/base/conditional-enable-element.js +100 -100
- package/elements/base/index.d.ts +3 -3
- package/elements/base/index.js +3 -3
- package/elements/base/readable-element.d.ts +20 -15
- package/elements/base/readable-element.js +122 -58
- package/elements/base/readable-element.metadata.json +1 -1
- package/elements/base/state-control-element.d.ts +26 -24
- package/elements/base/state-control-element.js +196 -180
- package/elements/character-display/character-display-element.d.ts +35 -35
- package/elements/character-display/character-display-element.js +312 -311
- package/elements/character-display/character-display-element.metadata.json +1 -1
- package/elements/datetime-display/datetime-display-element.d.ts +22 -21
- package/elements/datetime-display/datetime-display-element.js +140 -132
- 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-status.d.ts +6 -6
- package/elements/historical-curve/historical-curve-element-status.js +7 -7
- package/elements/historical-curve/historical-curve.element.d.ts +96 -59
- package/elements/historical-curve/historical-curve.element.js +990 -364
- package/elements/historical-curve/historical-curve.element.metadata.json +1 -1
- package/elements/historical-curve/historical-curve.element.option.d.ts +13 -13
- package/elements/historical-curve/historical-curve.time-period.d.ts +4 -4
- package/elements/main-element.d.ts +46 -45
- package/elements/main-element.js +373 -307
- package/elements/main-element.metadata.json +1 -1
- package/elements/meter-element.d.ts +26 -20
- package/elements/meter-element.js +139 -70
- package/elements/meter-element.metadata.json +1 -1
- package/elements/numerical-display/numerical-display-element.d.ts +60 -41
- package/elements/numerical-display/numerical-display-element.js +476 -361
- package/elements/numerical-display/numerical-display-element.metadata.json +1 -1
- package/elements/per-view-variable-communicator.d.ts +20 -17
- package/elements/per-view-variable-communicator.js +59 -45
- package/elements/per-view-variable-communicator.metadata.json +1 -1
- package/elements/pipe/pipe-element.d.ts +19 -19
- package/elements/pipe/pipe-element.js +141 -141
- package/elements/ring-graph/ring-graph-element.d.ts +31 -19
- package/elements/ring-graph/ring-graph-element.js +250 -89
- package/elements/ring-graph/ring-graph-element.metadata.json +1 -1
- package/elements/scroll-alarm/scroll-alarm-element.d.ts +74 -0
- package/elements/scroll-alarm/scroll-alarm-element.js +761 -0
- package/elements/scroll-alarm/scroll-alarm-element.metadata.json +1 -0
- package/elements/shared/graph/graph-state-element.d.ts +28 -27
- package/elements/shared/graph/graph-state-element.js +139 -110
- package/elements/shared/graph/graph-state-element.metadata.json +1 -1
- package/elements/shared/math-utils.d.ts +2 -2
- package/elements/shared/math-utils.js +14 -14
- package/elements/shared/text/text-element.d.ts +22 -8
- package/elements/shared/text/text-element.js +106 -68
- package/elements/shared/text/text-element.metadata.json +1 -1
- package/elements/shared/text/text-state-element.d.ts +58 -23
- package/elements/shared/text/text-state-element.js +286 -136
- package/elements/shared/text/text-state-element.metadata.json +1 -1
- package/elements/shared/text/text-state.model.d.ts +5 -5
- package/elements/shared/text/text-utils.d.ts +5 -5
- package/elements/shared/text/text-utils.js +45 -45
- package/elements/static-elements/hyperlink-element.d.ts +40 -14
- package/elements/static-elements/hyperlink-element.js +197 -48
- package/elements/static-elements/hyperlink-element.metadata.json +1 -1
- package/elements/static-elements/image-element.d.ts +14 -14
- package/elements/static-elements/image-element.js +41 -41
- package/elements/static-elements/text-element.d.ts +42 -16
- package/elements/static-elements/text-element.js +205 -55
- package/elements/static-elements/text-element.metadata.json +1 -1
- package/elements/switch-indicator-light/bit-indicator-light-operator.d.ts +21 -20
- package/elements/switch-indicator-light/bit-indicator-light-operator.js +85 -78
- package/elements/switch-indicator-light/bit-indicator-light-operator.metadata.json +1 -1
- package/elements/switch-indicator-light/bit-switch-operator.d.ts +19 -19
- package/elements/switch-indicator-light/bit-switch-operator.js +107 -107
- package/elements/switch-indicator-light/current-stateId-value.d.ts +6 -6
- package/elements/switch-indicator-light/current-stateId-value.js +8 -8
- package/elements/switch-indicator-light/indicator-light-operator.d.ts +8 -8
- package/elements/switch-indicator-light/switch-indicator-light-element.d.ts +48 -39
- package/elements/switch-indicator-light/switch-indicator-light-element.js +302 -251
- package/elements/switch-indicator-light/switch-indicator-light-element.metadata.json +1 -1
- package/elements/switch-indicator-light/switch-operator.d.ts +6 -6
- package/elements/switch-indicator-light/word-indicator-light-operator.d.ts +19 -18
- package/elements/switch-indicator-light/word-indicator-light-operator.js +72 -65
- package/elements/switch-indicator-light/word-indicator-light-operator.metadata.json +1 -1
- package/elements/switch-indicator-light/word-switch-operator.d.ts +18 -18
- package/elements/switch-indicator-light/word-switch-operator.js +75 -75
- package/elements/table/table-element.d.ts +9 -9
- package/elements/table/table-element.js +6 -6
- package/elements/vector-graphics/ellipse-element.d.ts +9 -9
- package/elements/vector-graphics/ellipse-element.js +6 -6
- package/elements/vector-graphics/poly-line-element.d.ts +12 -12
- package/elements/vector-graphics/poly-line-element.js +19 -19
- package/elements/vector-graphics/polygon-element.d.ts +12 -12
- package/elements/vector-graphics/polygon-element.js +19 -19
- package/elements/vector-graphics/rectangle-element.d.ts +9 -9
- package/elements/vector-graphics/rectangle-element.js +6 -6
- package/elements/vector-graphics/sector-element.d.ts +9 -9
- package/elements/vector-graphics/sector-element.js +6 -6
- package/elements/vector-graphics/straight-line-element.d.ts +12 -12
- package/elements/vector-graphics/straight-line-element.js +19 -19
- package/elements/video/video-element.d.ts +37 -27
- package/elements/video/video-element.js +258 -160
- package/elements/video/video-element.metadata.json +1 -1
- package/elements/view-operation/view-operation.element.d.ts +62 -36
- package/elements/view-operation/view-operation.element.js +348 -194
- package/elements/view-operation/view-operation.element.metadata.json +1 -1
- package/elements/weather/weater-element.d.ts +38 -38
- package/elements/weather/weater-element.js +237 -238
- package/gui/gui-context.d.ts +33 -16
- package/gui/gui-host.d.ts +50 -50
- package/gui/gui-host.js +173 -173
- package/gui/gui-view.d.ts +45 -42
- package/gui/gui-view.js +265 -204
- package/gui/gui-view.metadata.json +1 -1
- package/gui/gui.component.d.ts +45 -42
- package/gui/gui.component.html +3 -3
- package/gui/gui.component.js +240 -227
- package/gui/gui.component.metadata.json +1 -1
- package/gui/interfaces/gui-options.d.ts +6 -6
- package/gui.module.d.ts +2 -2
- package/gui.module.js +78 -78
- package/localization/index.d.ts +2 -2
- package/localization/index.js +2 -2
- package/localization/localization.service.d.ts +62 -51
- package/localization/localization.service.js +61 -50
- package/localization/localization.service.metadata.json +1 -1
- package/localization/localization.service.zh_CN.d.ts +2 -2
- package/localization/localization.service.zh_CN.js +59 -48
- package/localization/localization.service.zh_CN.metadata.json +1 -1
- package/logger/console-logger.service.d.ts +13 -13
- package/logger/console-logger.service.js +38 -38
- package/logger/index.d.ts +2 -2
- package/logger/index.js +2 -2
- package/logger/logger.service.d.ts +14 -14
- package/logger/logger.service.js +2 -2
- package/modal/alert/alert-modal.component.d.ts +10 -10
- package/modal/alert/alert-modal.component.html +11 -11
- package/modal/alert/alert-modal.component.js +38 -38
- package/modal/alert/alert-modal.component.less +59 -59
- package/modal/confirm-operation/confirm-operation-modal.component.d.ts +10 -10
- package/modal/confirm-operation/confirm-operation-modal.component.html +16 -16
- package/modal/confirm-operation/confirm-operation-modal.component.js +41 -41
- package/modal/confirm-operation/confirm-operation-modal.component.less +58 -58
- package/modal/verify-password/verify-password-modal.component.d.ts +18 -18
- package/modal/verify-password/verify-password-modal.component.html +22 -22
- package/modal/verify-password/verify-password-modal.component.js +66 -66
- package/modal/verify-password/verify-password-modal.component.less +65 -65
- package/modal/write-character/write-character-modal-args.d.ts +7 -7
- package/modal/write-character/write-character-modal-args.js +8 -8
- package/modal/write-character/write-character-modal.component.d.ts +25 -25
- package/modal/write-character/write-character-modal.component.html +21 -21
- package/modal/write-character/write-character-modal.component.js +74 -74
- package/modal/write-character/write-character-modal.component.less +49 -49
- package/modal/write-value/write-value-modal-args.d.ts +16 -12
- package/modal/write-value/write-value-modal-args.js +14 -12
- package/modal/write-value/write-value-modal-args.metadata.json +1 -1
- package/modal/write-value/write-value-modal.component.d.ts +60 -54
- package/modal/write-value/write-value-modal.component.html +26 -21
- package/modal/write-value/write-value-modal.component.js +279 -204
- package/modal/write-value/write-value-modal.component.less +56 -56
- package/modal/write-value/write-value-modal.component.metadata.json +1 -1
- package/modal/write-value/write-value-model-result.d.ts +3 -3
- 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/FontStyleData.d.ts +7 -7
- package/model/bar-graph/bar-graph-direction.d.ts +6 -6
- package/model/bar-graph/bar-graph-direction.js +7 -7
- package/model/bar-graph/bar-graph.d.ts +26 -22
- package/model/base/base-element-model.d.ts +5 -5
- package/model/base/base-element-model.js +2 -2
- package/model/base/conditional-control-model.d.ts +6 -6
- package/model/base/conditional-display-model.d.ts +9 -9
- package/model/base/conditional-dynamic-display-model.d.ts +13 -13
- package/model/base/conditional-enable-model.d.ts +9 -9
- package/model/base/font-setting-model.d.ts +29 -8
- package/model/base/font-setting-model.metadata.json +1 -1
- package/model/base/index.d.ts +7 -7
- package/model/base/index.js +1 -1
- package/model/base/readable-model.d.ts +14 -10
- package/model/base/security-model.d.ts +6 -6
- package/model/character-display/character-display.d.ts +19 -19
- package/model/datetime-display/date-format-type.d.ts +5 -5
- package/model/datetime-display/date-format-type.js +6 -6
- package/model/datetime-display/datetime-display-settings.d.ts +17 -17
- package/model/datetime-display/datetime-display.d.ts +21 -20
- package/model/datetime-display/datetime-separator-type.d.ts +6 -6
- package/model/datetime-display/datetime-separator-type.js +7 -7
- package/model/datetime-display/time-format-type.d.ts +4 -4
- package/model/datetime-display/time-format-type.js +5 -5
- package/model/historical-curve/curve-type.d.ts +5 -5
- package/model/historical-curve/curve-type.js +6 -6
- package/model/historical-curve/historical-curve-axis-settings.d.ts +17 -6
- 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 +22 -14
- package/model/historical-curve/historical-curve.data-settings.d.ts +9 -9
- package/model/historical-curve/historical-curve.display-settings.d.ts +19 -19
- package/model/historical-curve/historical-curve.model.d.ts +8 -8
- package/model/historical-curve/index.d.ts +4 -4
- package/model/hyperlink/hyperlink.model.d.ts +8 -8
- package/model/image/image-fill-type.d.ts +4 -4
- package/model/image/image-fill-type.js +5 -5
- package/model/image/image.d.ts +9 -9
- package/model/index.d.ts +15 -15
- package/model/index.js +8 -8
- package/model/meter/meter.d.ts +17 -13
- package/model/numerical-display/index.d.ts +8 -8
- package/model/numerical-display/index.js +2 -2
- package/model/numerical-display/numerical-display.d.ts +29 -29
- package/model/numerical-display/numerical-operation-settings.d.ts +6 -6
- package/model/numerical-display/numerical-operation-type.d.ts +4 -4
- package/model/numerical-display/numerical-operation-type.js +5 -5
- package/model/numerical-display/numerical-operation.d.ts +19 -11
- package/model/numerical-display/proportional-conversion.d.ts +4 -4
- package/model/numerical-display/type-settings.d.ts +6 -6
- package/model/numerical-display/zoom.d.ts +4 -4
- package/model/pipe/flow-direction-type.d.ts +4 -4
- package/model/pipe/flow-direction-type.js +5 -5
- package/model/pipe/index.d.ts +2 -2
- package/model/pipe/index.js +1 -1
- package/model/pipe/pipe.d.ts +17 -17
- package/model/poly-line/poly-line-model.d.ts +4 -4
- package/model/polygon/polygon-model.d.ts +4 -4
- package/model/ring-graph/ring-graph.model.d.ts +33 -25
- 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/settings/background/view-background-fill-type.d.ts +5 -5
- package/model/settings/background/view-background-fill-type.js +6 -6
- package/model/settings/background/view-background.model.d.ts +8 -8
- package/model/settings/index.d.ts +3 -3
- package/model/settings/index.js +2 -2
- package/model/settings/popup/view-popup-backdrop-type.d.ts +4 -4
- package/model/settings/popup/view-popup-backdrop-type.js +5 -5
- package/model/settings/popup/view-popup-location-type.d.ts +4 -4
- package/model/settings/popup/view-popup-location-type.js +5 -5
- package/model/settings/popup/view-popup-setting.model.d.ts +17 -17
- package/model/settings/popup/view-popup-setting.model.js +2 -2
- package/model/settings/view-settings.model.d.ts +6 -6
- package/model/shared/alarm/alarm-range.model.d.ts +6 -6
- package/model/shared/arc.model.d.ts +4 -4
- package/model/shared/binary.d.ts +7 -7
- package/model/shared/binary.js +37 -37
- package/model/shared/condition/bit-condition-item-observer.d.ts +14 -14
- package/model/shared/condition/bit-condition-item-observer.js +53 -53
- package/model/shared/condition/bit-condition-logic.d.ts +4 -4
- package/model/shared/condition/bit-condition-logic.js +5 -5
- package/model/shared/condition/bit-condition-model.d.ts +8 -8
- package/model/shared/condition/bit-condition.d.ts +4 -4
- package/model/shared/condition/condition-control-result-value.d.ts +5 -5
- package/model/shared/condition/condition-helper.d.ts +4 -4
- package/model/shared/condition/condition-helper.js +22 -22
- package/model/shared/condition/condition-item-model.d.ts +10 -10
- package/model/shared/condition/condition-item-observer.d.ts +12 -12
- package/model/shared/condition/condition-item-observer.js +14 -14
- package/model/shared/condition/condition-items-observer.d.ts +5 -5
- package/model/shared/condition/condition-items-result-observer.d.ts +16 -16
- package/model/shared/condition/condition-items-result-observer.js +87 -87
- package/model/shared/condition/condition-model.d.ts +6 -6
- package/model/shared/condition/condition-type.d.ts +4 -4
- package/model/shared/condition/condition-type.js +5 -5
- package/model/shared/condition/convert-condition-model.d.ts +5 -5
- package/model/shared/condition/index.d.ts +11 -11
- package/model/shared/condition/index.js +4 -4
- package/model/shared/condition/relation-condition-result-state.d.ts +6 -6
- package/model/shared/condition/relation-condition-result-state.js +8 -8
- package/model/shared/condition/relation-condition-result.d.ts +8 -8
- package/model/shared/condition/relation-condition-result.js +7 -7
- package/model/shared/condition/relation-type.d.ts +5 -5
- package/model/shared/condition/relation-type.js +6 -6
- package/model/shared/condition/relational-operator.d.ts +8 -8
- package/model/shared/condition/relational-operator.js +9 -9
- package/model/shared/condition/variable-value-logic-model.d.ts +11 -11
- package/model/shared/condition/variable-value-type.d.ts +4 -4
- package/model/shared/condition/variable-value-type.js +5 -5
- package/model/shared/condition/word-condition-item-observer.d.ts +21 -21
- package/model/shared/condition/word-condition-item-observer.js +165 -165
- package/model/shared/condition/word-condition-model.d.ts +8 -8
- package/model/shared/condition/word-condition.d.ts +5 -5
- package/model/shared/data-type/display-data-type.d.ts +5 -5
- package/model/shared/data-type/display-data-type.js +6 -6
- package/model/shared/data-type/fbox-data-type.d.ts +15 -15
- package/model/shared/data-type/fbox-data-type.js +16 -16
- package/model/shared/data-type/fcloud-data-Type.d.ts +8 -8
- package/model/shared/data-type/fcloud-data-Type.js +9 -9
- package/model/shared/dynamic-display/dynamic-behavior-type.d.ts +5 -5
- package/model/shared/dynamic-display/dynamic-behavior-type.js +6 -6
- package/model/shared/dynamic-display/dynamic-display-behavior-model.d.ts +5 -5
- package/model/shared/dynamic-display/dynamic-display-model.d.ts +10 -10
- package/model/shared/dynamic-display/dynamic-display-result-model.d.ts +7 -7
- package/model/shared/dynamic-display/dynamic-display-result-model.js +7 -7
- package/model/shared/dynamic-display/dynamic-display.d.ts +11 -11
- package/model/shared/dynamic-display/dynamic-display.js +35 -35
- package/model/shared/graph/custom-style.d.ts +14 -14
- package/model/shared/graph/graph-setting.d.ts +10 -10
- package/model/shared/index.d.ts +8 -8
- package/model/shared/index.js +3 -3
- package/model/shared/point.model.d.ts +4 -4
- package/model/shared/rotation/rotation-behavior-model.d.ts +4 -4
- package/model/shared/rotation/rotation-behavior.d.ts +9 -9
- package/model/shared/rotation/rotation-behavior.js +101 -101
- package/model/shared/rotation/rotation-direction-type.d.ts +4 -4
- package/model/shared/rotation/rotation-direction-type.js +5 -5
- package/model/shared/rotation/rotation-model.d.ts +14 -14
- package/model/shared/rotation/rotation-observer-model.d.ts +4 -4
- package/model/shared/rotation/rotation-observer.d.ts +11 -11
- package/model/shared/rotation/rotation-observer.js +28 -28
- package/model/shared/scale/scale-mark.model.d.ts +6 -6
- package/model/shared/scale/scale-model.d.ts +20 -20
- package/model/shared/size.model.d.ts +7 -7
- package/model/shared/size.model.js +12 -12
- package/model/shared/state/index.d.ts +1 -1
- package/model/shared/state/index.js +1 -1
- package/model/shared/state/state.d.ts +9 -8
- package/model/shared/state/state.js +10 -9
- package/model/shared/state/state.metadata.json +1 -1
- package/model/shared/text/font.d.ts +10 -10
- package/model/shared/text/index.d.ts +2 -2
- package/model/shared/text/text.d.ts +8 -5
- package/model/shared/translation/translation-behavior-model.d.ts +4 -4
- package/model/shared/translation/translation-behavior.d.ts +12 -12
- package/model/shared/translation/translation-behavior.js +63 -63
- package/model/shared/translation/translation-direction-type.d.ts +4 -4
- package/model/shared/translation/translation-direction-type.js +5 -5
- package/model/shared/translation/translation-model.d.ts +12 -12
- package/model/shared/translation/translation-observer-model.d.ts +4 -4
- package/model/shared/translation/translation-observer.d.ts +10 -10
- package/model/shared/translation/translation-observer.js +27 -27
- package/model/shared/variable/variable-identifier.model.d.ts +5 -5
- package/model/shared/variable/variable-name.model.d.ts +5 -5
- package/model/straight-line/straight-line-model.d.ts +4 -4
- package/model/switch-indicator-light/bit-indicator-light-settings.d.ts +8 -8
- package/model/switch-indicator-light/bit-switch-operation.d.ts +6 -6
- package/model/switch-indicator-light/bit-switch-operation.js +7 -7
- package/model/switch-indicator-light/bit-switch-settings.d.ts +11 -11
- package/model/switch-indicator-light/fault-flicker.d.ts +5 -5
- package/model/switch-indicator-light/flicker.d.ts +5 -5
- package/model/switch-indicator-light/flicker.js +6 -6
- package/model/switch-indicator-light/index.d.ts +14 -14
- package/model/switch-indicator-light/index.js +5 -5
- package/model/switch-indicator-light/indicator-light-fault-flicker.d.ts +5 -5
- package/model/switch-indicator-light/indicator-light-settings.d.ts +7 -7
- package/model/switch-indicator-light/indicator-light-type.d.ts +4 -4
- package/model/switch-indicator-light/indicator-light-type.js +5 -5
- package/model/switch-indicator-light/switch-indicator-light.d.ts +35 -33
- package/model/switch-indicator-light/switch-indicator-state.d.ts +8 -8
- package/model/switch-indicator-light/switch-settings.d.ts +7 -7
- package/model/switch-indicator-light/switch-type.d.ts +4 -4
- package/model/switch-indicator-light/switch-type.js +5 -5
- package/model/switch-indicator-light/word-indicator-light-settings.d.ts +6 -6
- package/model/switch-indicator-light/word-switch-operation.d.ts +5 -5
- package/model/switch-indicator-light/word-switch-operation.js +6 -6
- package/model/switch-indicator-light/word-switch-settings.d.ts +13 -13
- package/model/table/table-model.d.ts +9 -9
- package/model/text/text.model.d.ts +7 -7
- package/model/video/video.model.d.ts +8 -8
- package/model/view-operation/index.d.ts +2 -2
- package/model/view-operation/index.js +1 -1
- package/model/view-operation/view-operation-element.model.d.ts +25 -19
- package/model/view-operation/view-operation-type.d.ts +18 -18
- package/model/view-operation/view-operation-type.js +19 -19
- package/model/weather/weather-info.d.ts +11 -11
- package/model/weather/weather-info.js +2 -2
- package/model/weather/weather.model.d.ts +7 -7
- package/package.json +1 -1
- package/public_api.d.ts +14 -14
- package/public_api.js +12 -11
- package/remote/communication/variable/remote-variable-communicator.d.ts +59 -30
- package/remote/communication/variable/remote-variable-communicator.js +395 -215
- package/remote/communication/variable/remote-variable-communicator.metadata.json +1 -1
- package/remote/communication/variable/remote-variable-protocol.d.ts +18 -13
- package/remote/config/graph/get-released-graph-state-result.d.ts +6 -6
- package/remote/config/graph/get-released-graph-states.d.ts +4 -4
- package/remote/config/graph/graph-state-key.d.ts +6 -6
- package/remote/config/graph/graph-state-result.d.ts +5 -5
- package/remote/config/graph/graph-state.d.ts +4 -4
- package/remote/config/graph/remote-graph-protocol.d.ts +11 -11
- package/remote/config/graph/remote-graph-store.d.ts +16 -16
- package/remote/config/graph/remote-graph-store.js +101 -101
- package/remote/config/image/remote-image-protocol.d.ts +4 -4
- package/remote/config/image/remote-image-store.d.ts +8 -8
- package/remote/config/image/remote-image-store.js +19 -19
- package/remote/config/view/remote-view-protocol.d.ts +8 -8
- package/remote/config/view/remote-view-store.d.ts +13 -13
- package/remote/config/view/remote-view-store.js +39 -39
- package/remote/config/view/view-result.d.ts +4 -4
- package/remote/index.d.ts +14 -14
- package/remote/index.js +4 -4
- package/security/index.d.ts +1 -1
- package/security/security-checker.d.ts +3 -3
- package/service/index.d.ts +8 -4
- 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/operation-record/create-operation-record-args.d.ts +5 -5
- package/service/operation-record/index.d.ts +3 -3
- package/service/operation-record/operation-record.service.d.ts +4 -4
- package/service/operation-record/variable-option.model.d.ts +5 -5
- package/service/permission-checker.d.ts +3 -3
- 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 +77 -0
- package/service/system-text-library.service.js +29 -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/video/index.d.ts +2 -2
- package/service/video/video-url.d.ts +4 -4
- package/service/video/video.service.d.ts +4 -4
- package/service/weather.service.d.ts +4 -3
- package/settings/display-mode.d.ts +10 -10
- package/settings/display-mode.js +11 -11
- package/settings/global-settings.d.ts +7 -7
- package/settings/global-settings.js +13 -13
- package/settings/index.d.ts +3 -3
- package/settings/index.js +3 -3
- package/settings/view-resize-mode.d.ts +10 -10
- package/settings/view-resize-mode.js +11 -11
- package/shared/config-is-empty-error.d.ts +3 -3
- package/shared/config-is-empty-error.js +7 -7
- package/shared/disposable.d.ts +3 -3
- package/shared/graph-extended-style.d.ts +4 -4
- package/shared/gui-consts.d.ts +33 -30
- package/shared/gui-consts.js +33 -30
- package/shared/gui-consts.metadata.json +1 -1
- package/shared/index.d.ts +5 -5
- package/shared/index.js +3 -3
- package/shared/operation-helper.d.ts +6 -6
- package/shared/operation-helper.js +38 -38
- package/utils/access-permission.d.ts +5 -5
- package/utils/access-permission.js +6 -6
- package/utils/access-permission.service.d.ts +11 -11
- package/utils/access-permission.service.js +30 -30
- package/utils/auto-focus.directive.d.ts +6 -6
- package/utils/auto-focus.directive.js +27 -27
- package/utils/bs-modal-drag.directive.d.ts +7 -7
- package/utils/bs-modal-drag.directive.js +38 -38
- package/utils/data-type/data-type.service.d.ts +57 -57
- package/utils/data-type/data-type.service.js +155 -155
- package/utils/data-type/fbox-data-type.service.d.ts +54 -54
- package/utils/data-type/fbox-data-type.service.js +300 -260
- package/utils/data-type/fcloud-data-type.service.d.ts +55 -55
- package/utils/data-type/fcloud-data-type.service.js +203 -203
- package/utils/fraction-digit.service.d.ts +41 -41
- package/utils/fraction-digit.service.js +133 -133
- package/utils/graph-util.d.ts +5 -5
- package/utils/graph-util.js +19 -19
- package/utils/guid.d.ts +6 -6
- package/utils/guid.js +27 -27
- package/utils/index.d.ts +7 -7
- package/utils/index.js +7 -7
- package/utils/numerical-operation-type.d.ts +4 -4
- package/utils/numerical-operation-type.js +5 -5
- package/utils/numerical-operation.service.d.ts +17 -17
- package/utils/numerical-operation.service.js +201 -177
- package/utils/variable-util.d.ts +5 -5
- package/utils/variable-util.js +11 -11
- package/view/popup-view.service.d.ts +7 -7
- package/view/view.service.d.ts +6 -6
- package/view/view.service.js +20 -20
|
@@ -0,0 +1 @@
|
|
|
1
|
+
[{"__symbolic":"module","version":4,"metadata":{"ScrollAlarmElement":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"../base/conditional-dynamic-display-element","name":"ConditionalDynamicDisplayElement","line":17,"character":40},"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"error","message":"Could not resolve type","line":52,"character":25,"context":{"typeName":"HTMLElement"}},{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":53,"character":18},{"__symbolic":"reference","module":"../../service","name":"PermissionChecker","line":54,"character":27},{"__symbolic":"reference","module":"../../communication","name":"VariableCommunicator","line":55,"character":30},{"__symbolic":"reference","module":"../../config","name":"VariableStore","line":56,"character":23},{"__symbolic":"reference","module":"../../config","name":"AlarmsStore","line":57,"character":38},{"__symbolic":"reference","name":"string"}]}],"dispose":[{"__symbolic":"method"}],"getAlarmData":[{"__symbolic":"method"}],"initDisplayContainer":[{"__symbolic":"method"}],"_buildFontAttrs":[{"__symbolic":"method"}],"_createSvgTextNode":[{"__symbolic":"method"}],"_getSvgTextWidth":[{"__symbolic":"method"}],"_updateUnderlineWidth":[{"__symbolic":"method"}],"renderNewPage":[{"__symbolic":"method"}],"_rebaseTextNodes":[{"__symbolic":"method"}],"removeOldestPage":[{"__symbolic":"method"}],"scrollContent":[{"__symbolic":"method"}],"initScrolling":[{"__symbolic":"method"}],"resetToFirstPage":[{"__symbolic":"method"}],"updateQueryTimeRange":[{"__symbolic":"method"}],"setStatusAsNormal":[{"__symbolic":"method"}],"setStatusAsLoading":[{"__symbolic":"method"}],"renderStatus":[{"__symbolic":"method"}],"clearStatus":[{"__symbolic":"method"}],"renderStaticDisplay":[{"__symbolic":"method"}],"initStaticScrolling":[{"__symbolic":"method"}],"scrollStaticContent":[{"__symbolic":"method"}],"replaceCurrentScrollingContent":[{"__symbolic":"method"}]}}}}]
|
|
@@ -1,27 +1,28 @@
|
|
|
1
|
-
import { GraphStore } from '../../../config';
|
|
2
|
-
import { LoggerService } from '../../../logger';
|
|
3
|
-
import { GraphSetting } from '../../../model';
|
|
4
|
-
import { IndicatorLightFaultFlicker } from '../../../model/switch-indicator-light/indicator-light-fault-flicker';
|
|
5
|
-
export declare class GraphStateElement {
|
|
6
|
-
private readonly graphSetting;
|
|
7
|
-
private readonly width;
|
|
8
|
-
private readonly height;
|
|
9
|
-
private readonly graphStore;
|
|
10
|
-
private readonly logger;
|
|
11
|
-
private readonly version?;
|
|
12
|
-
private readonly faultFlickers?;
|
|
13
|
-
private graphs;
|
|
14
|
-
private activeState;
|
|
15
|
-
private imageElement;
|
|
16
|
-
private _element;
|
|
17
|
-
get Element(): SVGElement;
|
|
18
|
-
private faultFlickerStatus;
|
|
19
|
-
private faultFlickerInterval;
|
|
20
|
-
constructor(graphSetting: GraphSetting, width: number, height: number, graphStore: GraphStore, logger: LoggerService, version?: number, faultFlickers?: IndicatorLightFaultFlicker[]);
|
|
21
|
-
switchToState(stateId: number): void;
|
|
22
|
-
private changeGraph;
|
|
23
|
-
private getImageElement;
|
|
24
|
-
private removeImageElement;
|
|
25
|
-
private doFaultFlicker;
|
|
26
|
-
private clearFlickerInterval;
|
|
27
|
-
|
|
1
|
+
import { GraphStore } from '../../../config';
|
|
2
|
+
import { LoggerService } from '../../../logger';
|
|
3
|
+
import { GraphSetting } from '../../../model';
|
|
4
|
+
import { IndicatorLightFaultFlicker } from '../../../model/switch-indicator-light/indicator-light-fault-flicker';
|
|
5
|
+
export declare class GraphStateElement {
|
|
6
|
+
private readonly graphSetting;
|
|
7
|
+
private readonly width;
|
|
8
|
+
private readonly height;
|
|
9
|
+
private readonly graphStore;
|
|
10
|
+
private readonly logger;
|
|
11
|
+
private readonly version?;
|
|
12
|
+
private readonly faultFlickers?;
|
|
13
|
+
private graphs;
|
|
14
|
+
private activeState;
|
|
15
|
+
private imageElement;
|
|
16
|
+
private _element;
|
|
17
|
+
get Element(): SVGElement;
|
|
18
|
+
private faultFlickerStatus;
|
|
19
|
+
private faultFlickerInterval;
|
|
20
|
+
constructor(graphSetting: GraphSetting, width: number, height: number, graphStore: GraphStore, logger: LoggerService, version?: number, faultFlickers?: IndicatorLightFaultFlicker[]);
|
|
21
|
+
switchToState(stateId: number): void;
|
|
22
|
+
private changeGraph;
|
|
23
|
+
private getImageElement;
|
|
24
|
+
private removeImageElement;
|
|
25
|
+
private doFaultFlicker;
|
|
26
|
+
private clearFlickerInterval;
|
|
27
|
+
dispose(): void;
|
|
28
|
+
}
|
|
@@ -1,110 +1,139 @@
|
|
|
1
|
-
import { GraphType } from '../../../config';
|
|
2
|
-
import { Flicker } from '../../../model';
|
|
3
|
-
import { GraphUtil } from '../../../utils';
|
|
4
|
-
export class GraphStateElement {
|
|
5
|
-
constructor(graphSetting, width, height, graphStore, logger, version, faultFlickers) {
|
|
6
|
-
this.graphSetting = graphSetting;
|
|
7
|
-
this.width = width;
|
|
8
|
-
this.height = height;
|
|
9
|
-
this.graphStore = graphStore;
|
|
10
|
-
this.logger = logger;
|
|
11
|
-
this.version = version;
|
|
12
|
-
this.faultFlickers = faultFlickers;
|
|
13
|
-
this.graphs = new Map();
|
|
14
|
-
this.activeState = 0;
|
|
15
|
-
this.faultFlickerStatus = false;
|
|
16
|
-
this.faultFlickerInterval = undefined;
|
|
17
|
-
this._element = document.createElementNS('http://www.w3.org/2000/svg', 'g');
|
|
18
|
-
}
|
|
19
|
-
get Element() {
|
|
20
|
-
return this._element;
|
|
21
|
-
}
|
|
22
|
-
switchToState(stateId) {
|
|
23
|
-
this.activeState = stateId;
|
|
24
|
-
if (this.graphs.has(stateId)) {
|
|
25
|
-
const graph = this.graphs.get(stateId);
|
|
26
|
-
// 已经发出过图形请求,不再重复请求。
|
|
27
|
-
if (graph == null) {
|
|
28
|
-
return;
|
|
29
|
-
}
|
|
30
|
-
this.changeGraph(stateId, graph);
|
|
31
|
-
}
|
|
32
|
-
else {
|
|
33
|
-
// 标记,防止重复请求图形。
|
|
34
|
-
this.graphs.set(stateId, null);
|
|
35
|
-
this.graphStore.getGraph(this.graphSetting.id, stateId, GraphUtil.getExtendedStyle(this.graphSetting, stateId))
|
|
36
|
-
.subscribe(graphResult => {
|
|
37
|
-
this.graphs.set(stateId, graphResult);
|
|
38
|
-
if (this.activeState === stateId) {
|
|
39
|
-
this.changeGraph(stateId, graphResult);
|
|
40
|
-
}
|
|
41
|
-
});
|
|
42
|
-
}
|
|
43
|
-
}
|
|
44
|
-
changeGraph(stateId, graphResult) {
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
this.
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
this.
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
}
|
|
1
|
+
import { GraphType } from '../../../config';
|
|
2
|
+
import { Flicker } from '../../../model';
|
|
3
|
+
import { GraphUtil } from '../../../utils';
|
|
4
|
+
export class GraphStateElement {
|
|
5
|
+
constructor(graphSetting, width, height, graphStore, logger, version, faultFlickers) {
|
|
6
|
+
this.graphSetting = graphSetting;
|
|
7
|
+
this.width = width;
|
|
8
|
+
this.height = height;
|
|
9
|
+
this.graphStore = graphStore;
|
|
10
|
+
this.logger = logger;
|
|
11
|
+
this.version = version;
|
|
12
|
+
this.faultFlickers = faultFlickers;
|
|
13
|
+
this.graphs = new Map();
|
|
14
|
+
this.activeState = 0;
|
|
15
|
+
this.faultFlickerStatus = false;
|
|
16
|
+
this.faultFlickerInterval = undefined;
|
|
17
|
+
this._element = document.createElementNS('http://www.w3.org/2000/svg', 'g');
|
|
18
|
+
}
|
|
19
|
+
get Element() {
|
|
20
|
+
return this._element;
|
|
21
|
+
}
|
|
22
|
+
switchToState(stateId) {
|
|
23
|
+
this.activeState = stateId;
|
|
24
|
+
if (this.graphs.has(stateId)) {
|
|
25
|
+
const graph = this.graphs.get(stateId);
|
|
26
|
+
// 已经发出过图形请求,不再重复请求。
|
|
27
|
+
if (graph == null) {
|
|
28
|
+
return;
|
|
29
|
+
}
|
|
30
|
+
this.changeGraph(stateId, graph);
|
|
31
|
+
}
|
|
32
|
+
else {
|
|
33
|
+
// 标记,防止重复请求图形。
|
|
34
|
+
this.graphs.set(stateId, null);
|
|
35
|
+
this.graphStore.getGraph(this.graphSetting.id, stateId, GraphUtil.getExtendedStyle(this.graphSetting, stateId))
|
|
36
|
+
.subscribe(graphResult => {
|
|
37
|
+
this.graphs.set(stateId, graphResult);
|
|
38
|
+
if (this.activeState === stateId) {
|
|
39
|
+
this.changeGraph(stateId, graphResult);
|
|
40
|
+
}
|
|
41
|
+
});
|
|
42
|
+
}
|
|
43
|
+
}
|
|
44
|
+
changeGraph(stateId, graphResult) {
|
|
45
|
+
// 检查元素是否已被销毁
|
|
46
|
+
if (!this._element) {
|
|
47
|
+
return;
|
|
48
|
+
}
|
|
49
|
+
if (!graphResult.failed) {
|
|
50
|
+
const graph = graphResult.graph;
|
|
51
|
+
switch (graph.graphType) {
|
|
52
|
+
case GraphType.Image:
|
|
53
|
+
case GraphType.SVG:
|
|
54
|
+
const imageElement = this.getImageElement();
|
|
55
|
+
if (!imageElement) {
|
|
56
|
+
return;
|
|
57
|
+
}
|
|
58
|
+
imageElement.setAttributeNS('http://www.w3.org/1999/xlink', 'href', graph.source);
|
|
59
|
+
this.doFaultFlicker(imageElement, stateId);
|
|
60
|
+
break;
|
|
61
|
+
default:
|
|
62
|
+
this.logger.error(new Error(`Unknown graph ${graph.graphType}.`));
|
|
63
|
+
this.removeImageElement();
|
|
64
|
+
break;
|
|
65
|
+
}
|
|
66
|
+
}
|
|
67
|
+
else {
|
|
68
|
+
this.removeImageElement();
|
|
69
|
+
}
|
|
70
|
+
}
|
|
71
|
+
getImageElement() {
|
|
72
|
+
if (!this.imageElement) {
|
|
73
|
+
// 检查 _element 是否已被销毁
|
|
74
|
+
if (!this._element) {
|
|
75
|
+
return null;
|
|
76
|
+
}
|
|
77
|
+
this.imageElement = document.createElementNS('http://www.w3.org/2000/svg', 'image');
|
|
78
|
+
this.imageElement.setAttribute('width', this.width + '');
|
|
79
|
+
this.imageElement.setAttribute('height', this.height + '');
|
|
80
|
+
this.imageElement.setAttribute('fill', 'none');
|
|
81
|
+
this.imageElement.setAttribute('preserveAspectRatio', 'none');
|
|
82
|
+
this.imageElement.setAttribute('crossorigin', 'anonymous');
|
|
83
|
+
this._element.appendChild(this.imageElement);
|
|
84
|
+
}
|
|
85
|
+
return this.imageElement;
|
|
86
|
+
}
|
|
87
|
+
removeImageElement() {
|
|
88
|
+
if (this.imageElement && this._element) {
|
|
89
|
+
this._element.removeChild(this.imageElement);
|
|
90
|
+
delete this.imageElement;
|
|
91
|
+
}
|
|
92
|
+
}
|
|
93
|
+
doFaultFlicker(imageElement, stateId) {
|
|
94
|
+
if (this.version > 3 && this.faultFlickers) {
|
|
95
|
+
this.clearFlickerInterval(imageElement);
|
|
96
|
+
const faultFlicker = this.faultFlickers.find(t => t.id === stateId);
|
|
97
|
+
if (faultFlicker && faultFlicker.faultFlicker) {
|
|
98
|
+
if (faultFlicker.faultFlicker.flicker === Flicker.Image) {
|
|
99
|
+
this.faultFlickerInterval = setInterval(() => {
|
|
100
|
+
if (this.faultFlickerStatus) {
|
|
101
|
+
imageElement.setAttributeNS(null, 'display', 'block');
|
|
102
|
+
this.faultFlickerStatus = false;
|
|
103
|
+
}
|
|
104
|
+
else {
|
|
105
|
+
imageElement.setAttributeNS(null, 'display', 'none');
|
|
106
|
+
this.faultFlickerStatus = true;
|
|
107
|
+
}
|
|
108
|
+
}, faultFlicker.faultFlicker.frequency * 500);
|
|
109
|
+
}
|
|
110
|
+
}
|
|
111
|
+
}
|
|
112
|
+
}
|
|
113
|
+
clearFlickerInterval(imageElement) {
|
|
114
|
+
if (this.faultFlickerInterval) {
|
|
115
|
+
clearInterval(this.faultFlickerInterval);
|
|
116
|
+
if (this.faultFlickerStatus) {
|
|
117
|
+
imageElement.setAttributeNS(null, 'display', 'block');
|
|
118
|
+
}
|
|
119
|
+
}
|
|
120
|
+
}
|
|
121
|
+
dispose() {
|
|
122
|
+
// 清理定时器
|
|
123
|
+
if (this.faultFlickerInterval) {
|
|
124
|
+
clearInterval(this.faultFlickerInterval);
|
|
125
|
+
this.faultFlickerInterval = undefined;
|
|
126
|
+
}
|
|
127
|
+
// 移除图片元素
|
|
128
|
+
this.removeImageElement();
|
|
129
|
+
// 清理图形缓存
|
|
130
|
+
if (this.graphs) {
|
|
131
|
+
this.graphs.clear();
|
|
132
|
+
}
|
|
133
|
+
// 清理 SVG 元素
|
|
134
|
+
if (this._element && this._element.parentNode) {
|
|
135
|
+
this._element.parentNode.removeChild(this._element);
|
|
136
|
+
}
|
|
137
|
+
this._element = null;
|
|
138
|
+
}
|
|
139
|
+
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
[{"__symbolic":"module","version":4,"metadata":{"GraphStateElement":{"__symbolic":"class","members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"../../../model","name":"GraphSetting","line":21,"character":47},{"__symbolic":"reference","name":"number"},{"__symbolic":"reference","name":"number"},{"__symbolic":"reference","module":"../../../config","name":"GraphStore","line":24,"character":37},{"__symbolic":"reference","module":"../../../logger","name":"LoggerService","line":25,"character":33},{"__symbolic":"reference","name":"number"},{"__symbolic":"reference","name":"Array","arguments":[{"__symbolic":"reference","module":"../../../model/switch-indicator-light/indicator-light-fault-flicker","name":"IndicatorLightFaultFlicker","line":27,"character":41}]}]}],"switchToState":[{"__symbolic":"method"}],"changeGraph":[{"__symbolic":"method"}],"getImageElement":[{"__symbolic":"method"}],"removeImageElement":[{"__symbolic":"method"}],"doFaultFlicker":[{"__symbolic":"method"}],"clearFlickerInterval":[{"__symbolic":"method"}]}}}}]
|
|
1
|
+
[{"__symbolic":"module","version":4,"metadata":{"GraphStateElement":{"__symbolic":"class","members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"../../../model","name":"GraphSetting","line":21,"character":47},{"__symbolic":"reference","name":"number"},{"__symbolic":"reference","name":"number"},{"__symbolic":"reference","module":"../../../config","name":"GraphStore","line":24,"character":37},{"__symbolic":"reference","module":"../../../logger","name":"LoggerService","line":25,"character":33},{"__symbolic":"reference","name":"number"},{"__symbolic":"reference","name":"Array","arguments":[{"__symbolic":"reference","module":"../../../model/switch-indicator-light/indicator-light-fault-flicker","name":"IndicatorLightFaultFlicker","line":27,"character":41}]}]}],"switchToState":[{"__symbolic":"method"}],"changeGraph":[{"__symbolic":"method"}],"getImageElement":[{"__symbolic":"method"}],"removeImageElement":[{"__symbolic":"method"}],"doFaultFlicker":[{"__symbolic":"method"}],"clearFlickerInterval":[{"__symbolic":"method"}],"dispose":[{"__symbolic":"method"}]}}}}]
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export declare function calculatePercent(min: number, max: number, value: number): number;
|
|
2
|
-
export declare function degreesToRadians(degrees: number): number;
|
|
1
|
+
export declare function calculatePercent(min: number, max: number, value: number): number;
|
|
2
|
+
export declare function degreesToRadians(degrees: number): number;
|
|
@@ -1,14 +1,14 @@
|
|
|
1
|
-
export function calculatePercent(min, max, value) {
|
|
2
|
-
if (value > max) {
|
|
3
|
-
return 1;
|
|
4
|
-
}
|
|
5
|
-
else if (value < min) {
|
|
6
|
-
return 0;
|
|
7
|
-
}
|
|
8
|
-
else {
|
|
9
|
-
return (value - min) / (max - min);
|
|
10
|
-
}
|
|
11
|
-
}
|
|
12
|
-
export function degreesToRadians(degrees) {
|
|
13
|
-
return degrees * (Math.PI / 180);
|
|
14
|
-
}
|
|
1
|
+
export function calculatePercent(min, max, value) {
|
|
2
|
+
if (value > max) {
|
|
3
|
+
return 1;
|
|
4
|
+
}
|
|
5
|
+
else if (value < min) {
|
|
6
|
+
return 0;
|
|
7
|
+
}
|
|
8
|
+
else {
|
|
9
|
+
return (value - min) / (max - min);
|
|
10
|
+
}
|
|
11
|
+
}
|
|
12
|
+
export function degreesToRadians(degrees) {
|
|
13
|
+
return degrees * (Math.PI / 180);
|
|
14
|
+
}
|
|
@@ -1,8 +1,22 @@
|
|
|
1
|
-
import { Font } from '../../../model';
|
|
2
|
-
export declare class TextElementModal {
|
|
3
|
-
private _element;
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
private
|
|
7
|
-
private
|
|
8
|
-
|
|
1
|
+
import { Font } from '../../../model';
|
|
2
|
+
export declare class TextElementModal {
|
|
3
|
+
private _element;
|
|
4
|
+
private font;
|
|
5
|
+
private width;
|
|
6
|
+
private height;
|
|
7
|
+
private isVariableText?;
|
|
8
|
+
get Element(): SVGElement;
|
|
9
|
+
constructor(content: string, font: Font, width: number, height: number, isVariableText?: boolean);
|
|
10
|
+
/**
|
|
11
|
+
* 更新字体样式
|
|
12
|
+
* @param font 新的字体样式
|
|
13
|
+
*/
|
|
14
|
+
updateFont(font: Font): void;
|
|
15
|
+
/**
|
|
16
|
+
* 更新文本内容
|
|
17
|
+
* @param content 新的文本内容
|
|
18
|
+
*/
|
|
19
|
+
updateText(content: string): void;
|
|
20
|
+
private getforeignObjectElement;
|
|
21
|
+
private createNewForeignObjectText;
|
|
22
|
+
}
|
|
@@ -1,68 +1,106 @@
|
|
|
1
|
-
import { isNil } from 'lodash';
|
|
2
|
-
export class TextElementModal {
|
|
3
|
-
constructor(content, font, width, height, isVariableText) {
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
this.
|
|
8
|
-
this.
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
1
|
+
import { isNil } from 'lodash';
|
|
2
|
+
export class TextElementModal {
|
|
3
|
+
constructor(content, font, width, height, isVariableText) {
|
|
4
|
+
// 保存参数以便后续更新文本
|
|
5
|
+
this.font = font;
|
|
6
|
+
this.width = width;
|
|
7
|
+
this.height = height;
|
|
8
|
+
this.isVariableText = isVariableText;
|
|
9
|
+
if (/iPhone|iPod/i.test(navigator.userAgent)) {
|
|
10
|
+
width += 10;
|
|
11
|
+
}
|
|
12
|
+
this._element = this.getforeignObjectElement(width, height);
|
|
13
|
+
this._element.innerHTML = '';
|
|
14
|
+
const text = this.createNewForeignObjectText(content, font, width, height, isVariableText);
|
|
15
|
+
this._element.appendChild(text);
|
|
16
|
+
}
|
|
17
|
+
get Element() {
|
|
18
|
+
return this._element;
|
|
19
|
+
}
|
|
20
|
+
/**
|
|
21
|
+
* 更新字体样式
|
|
22
|
+
* @param font 新的字体样式
|
|
23
|
+
*/
|
|
24
|
+
updateFont(font) {
|
|
25
|
+
this.font = font;
|
|
26
|
+
}
|
|
27
|
+
/**
|
|
28
|
+
* 更新文本内容
|
|
29
|
+
* @param content 新的文本内容
|
|
30
|
+
*/
|
|
31
|
+
updateText(content) {
|
|
32
|
+
// 清空现有内容
|
|
33
|
+
this._element.innerHTML = '';
|
|
34
|
+
// 创建新的文本元素
|
|
35
|
+
let width = this.width;
|
|
36
|
+
if (/iPhone|iPod/i.test(navigator.userAgent)) {
|
|
37
|
+
width += 10;
|
|
38
|
+
}
|
|
39
|
+
const text = this.createNewForeignObjectText(content, this.font, width, this.height, this.isVariableText);
|
|
40
|
+
this._element.appendChild(text);
|
|
41
|
+
}
|
|
42
|
+
getforeignObjectElement(width, height) {
|
|
43
|
+
const textElement = document.createElementNS('http://www.w3.org/2000/svg', 'foreignObject');
|
|
44
|
+
textElement.setAttribute('width', width.toString());
|
|
45
|
+
textElement.setAttribute('height', height.toString());
|
|
46
|
+
return textElement;
|
|
47
|
+
}
|
|
48
|
+
createNewForeignObjectText(content, font, width, height, isVariableText) {
|
|
49
|
+
if (font && !font.fontFamily.includes(',msyh')) {
|
|
50
|
+
font.fontFamily += ',msyh';
|
|
51
|
+
}
|
|
52
|
+
const bodyDiv = document.createElement('div');
|
|
53
|
+
const textAlign = font.textAlign ? font.textAlign : 'center';
|
|
54
|
+
bodyDiv.style.cssText = `user-select: none;text-align: ${textAlign};display: table-cell;vertical-align: middle;`;
|
|
55
|
+
if (isNil(content)) {
|
|
56
|
+
content = '';
|
|
57
|
+
}
|
|
58
|
+
let textArray = content.toString().split('\n');
|
|
59
|
+
textArray = textArray.map(item => {
|
|
60
|
+
return item.toString().replace(/\s/g, ' ');
|
|
61
|
+
});
|
|
62
|
+
const fragment = document.createDocumentFragment();
|
|
63
|
+
for (let index = 0; index < textArray.length; index++) {
|
|
64
|
+
const textDiv = document.createElement('div');
|
|
65
|
+
textDiv.className = 'text-list';
|
|
66
|
+
const innerHTML = textArray[index] ? textArray[index] : ' ';
|
|
67
|
+
let fontString = '';
|
|
68
|
+
if (font.isItalic) {
|
|
69
|
+
fontString += 'italic ';
|
|
70
|
+
}
|
|
71
|
+
if (font.isBold) {
|
|
72
|
+
fontString += 'bold ';
|
|
73
|
+
}
|
|
74
|
+
let lineHeight = 0;
|
|
75
|
+
// chrome支持可显示最小字体大小为12px, 更小字体通过缩放实现
|
|
76
|
+
const minFontSize = 12;
|
|
77
|
+
lineHeight = parseInt(font.fontSize, 10) + 5;
|
|
78
|
+
fontString += font.fontSize + '/' + lineHeight.toString() + 'px ' + font.fontFamily;
|
|
79
|
+
textDiv.style.cssText = `color: ${font.color};word-break: break-all;font: ${fontString};text-align: ${textAlign};`;
|
|
80
|
+
if (font.isUnderline) {
|
|
81
|
+
textDiv.style.textDecoration = 'underline';
|
|
82
|
+
}
|
|
83
|
+
const spanText = document.createElement('span');
|
|
84
|
+
spanText.style.cssText = `
|
|
85
|
+
display: contents;
|
|
86
|
+
transform: scale(${parseInt(font.fontSize, 10) > minFontSize ? 1 : parseInt(font.fontSize, 10) / minFontSize});
|
|
87
|
+
width: 100%;
|
|
88
|
+
height: 100%;
|
|
89
|
+
`;
|
|
90
|
+
spanText.innerHTML = innerHTML;
|
|
91
|
+
textDiv.appendChild(spanText);
|
|
92
|
+
fragment.appendChild(textDiv);
|
|
93
|
+
}
|
|
94
|
+
bodyDiv.appendChild(fragment);
|
|
95
|
+
const contentDiv = document.createElement('div');
|
|
96
|
+
contentDiv.style.cssText = 'display: table;width: 100%;height: 100%;';
|
|
97
|
+
contentDiv.appendChild(bodyDiv);
|
|
98
|
+
const containerDiv = document.createElement('div');
|
|
99
|
+
containerDiv.style.cssText = `overflow: hidden;width: ${width.toString() + 'px'};height: ${height.toString() + 'px'};`;
|
|
100
|
+
if (isVariableText) {
|
|
101
|
+
containerDiv.style.paddingRight = '8px';
|
|
102
|
+
}
|
|
103
|
+
containerDiv.appendChild(contentDiv);
|
|
104
|
+
return containerDiv;
|
|
105
|
+
}
|
|
106
|
+
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
[{"__symbolic":"module","version":4,"metadata":{"TextElementModal":{"__symbolic":"class","members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"string"},{"__symbolic":"reference","module":"../../../model","name":"Font","line":
|
|
1
|
+
[{"__symbolic":"module","version":4,"metadata":{"TextElementModal":{"__symbolic":"class","members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"string"},{"__symbolic":"reference","module":"../../../model","name":"Font","line":15,"character":39},{"__symbolic":"reference","name":"number"},{"__symbolic":"reference","name":"number"},{"__symbolic":"reference","name":"boolean"}]}],"updateFont":[{"__symbolic":"method"}],"updateText":[{"__symbolic":"method"}],"getforeignObjectElement":[{"__symbolic":"method"}],"createNewForeignObjectText":[{"__symbolic":"method"}]}}}}]
|