coolcare-lite-scada-component 2.0.29 → 2.0.31
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/es/element/EleButton/Component.js +12 -4
- package/es/element/EleFan/Component.js +12 -4
- package/es/element/EleGauge/Component.js +12 -4
- package/es/element/EleIcon/Component.js +12 -4
- package/es/element/EleIndicatorLight/Component.js +12 -4
- package/es/element/ElePointImage/Component.js +12 -4
- package/es/element/ElePointState/Component.js +12 -4
- package/es/element/ElePointValue/Component.js +12 -4
- package/es/element/EleShine/Component.js +12 -4
- package/es/element/EleSwitch/Component.js +4 -1
- package/es/element/EleText/Component.js +21 -0
- package/es/element/PointCard/PointCard1/Component.js +12 -4
- package/es/element/PointCard/PointCard2/Component/PointItem.js +12 -4
- package/es/element/PointCard/PointCard3/Component.js +12 -4
- package/es/element/PointCard/PointListCard/Component.js +12 -4
- package/es/element/PointControl/PointControl1/Component.js +12 -4
- package/es/element/PointControl/PointControl3/Component.js +12 -4
- package/es/hooks/useEleEventHandle.js +7 -1
- package/es/pages/display/Player/index.js +1 -7
- package/package.json +2 -2
|
@@ -39,10 +39,18 @@ var EleButtonComponent = function EleButtonComponent(_ref) {
|
|
|
39
39
|
}, /*#__PURE__*/React.createElement(Tooltip, {
|
|
40
40
|
title: tooltipTitle
|
|
41
41
|
}, /*#__PURE__*/React.createElement("button", {
|
|
42
|
-
onClick:
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
42
|
+
onClick: function onClick(e) {
|
|
43
|
+
return eventHandles.current.onClick(e);
|
|
44
|
+
},
|
|
45
|
+
onContextMenu: function onContextMenu(e) {
|
|
46
|
+
return eventHandles.current.onContextMenu(e);
|
|
47
|
+
},
|
|
48
|
+
onMouseEnter: function onMouseEnter(e) {
|
|
49
|
+
return eventHandles.current.onMouseEnter(e);
|
|
50
|
+
},
|
|
51
|
+
onMouseLeave: function onMouseLeave(e) {
|
|
52
|
+
return eventHandles.current.onMouseLeave(e);
|
|
53
|
+
},
|
|
46
54
|
className: styles.button
|
|
47
55
|
}, payload === null || payload === void 0 ? void 0 : payload.btnText)));
|
|
48
56
|
};
|
|
@@ -80,10 +80,18 @@ var EleFanComponent = function EleFanComponent(_ref) {
|
|
|
80
80
|
return /*#__PURE__*/React.createElement(Tooltip, {
|
|
81
81
|
title: tooltipTitle
|
|
82
82
|
}, /*#__PURE__*/React.createElement("div", {
|
|
83
|
-
onClick:
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
83
|
+
onClick: function onClick(e) {
|
|
84
|
+
return eventHandles.current.onClick(e);
|
|
85
|
+
},
|
|
86
|
+
onContextMenu: function onContextMenu(e) {
|
|
87
|
+
return eventHandles.current.onContextMenu(e);
|
|
88
|
+
},
|
|
89
|
+
onMouseEnter: function onMouseEnter(e) {
|
|
90
|
+
return eventHandles.current.onMouseEnter(e);
|
|
91
|
+
},
|
|
92
|
+
onMouseLeave: function onMouseLeave(e) {
|
|
93
|
+
return eventHandles.current.onMouseLeave(e);
|
|
94
|
+
},
|
|
87
95
|
style: _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({}, payload === null || payload === void 0 ? void 0 : payload.fontStyles), payload === null || payload === void 0 ? void 0 : payload.borderStyles), payload === null || payload === void 0 ? void 0 : payload.fillStyles), payload === null || payload === void 0 ? void 0 : payload.margin_padding), {}, {
|
|
88
96
|
backgroundColor: getStatusColor()
|
|
89
97
|
}),
|
|
@@ -111,10 +111,18 @@ var EleGaugeComponent = function EleGaugeComponent(_ref) {
|
|
|
111
111
|
}, [pointData, node]);
|
|
112
112
|
return /*#__PURE__*/React.createElement("div", {
|
|
113
113
|
className: styles.wrap,
|
|
114
|
-
onClick:
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
114
|
+
onClick: function onClick(e) {
|
|
115
|
+
return eventHandles.current.onClick(e);
|
|
116
|
+
},
|
|
117
|
+
onContextMenu: function onContextMenu(e) {
|
|
118
|
+
return eventHandles.current.onContextMenu(e);
|
|
119
|
+
},
|
|
120
|
+
onMouseEnter: function onMouseEnter(e) {
|
|
121
|
+
return eventHandles.current.onMouseEnter(e);
|
|
122
|
+
},
|
|
123
|
+
onMouseLeave: function onMouseLeave(e) {
|
|
124
|
+
return eventHandles.current.onMouseLeave(e);
|
|
125
|
+
},
|
|
118
126
|
style: _objectSpread(_objectSpread({}, payload === null || payload === void 0 ? void 0 : payload.borderStyles), payload === null || payload === void 0 ? void 0 : payload.fillStyles)
|
|
119
127
|
}, /*#__PURE__*/React.createElement(Tooltip, {
|
|
120
128
|
title: false
|
|
@@ -38,10 +38,18 @@ var EleIconComponent = function EleIconComponent(_ref) {
|
|
|
38
38
|
title: tooltipTitle
|
|
39
39
|
}, /*#__PURE__*/React.createElement("div", {
|
|
40
40
|
style: _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, payload === null || payload === void 0 ? void 0 : payload.fontStyles), payload === null || payload === void 0 ? void 0 : payload.borderStyles), payload === null || payload === void 0 ? void 0 : payload.fillStyles), payload === null || payload === void 0 ? void 0 : payload.margin_padding),
|
|
41
|
-
onClick:
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
41
|
+
onClick: function onClick(e) {
|
|
42
|
+
return eventHandles.current.onClick(e);
|
|
43
|
+
},
|
|
44
|
+
onContextMenu: function onContextMenu(e) {
|
|
45
|
+
return eventHandles.current.onContextMenu(e);
|
|
46
|
+
},
|
|
47
|
+
onMouseEnter: function onMouseEnter(e) {
|
|
48
|
+
return eventHandles.current.onMouseEnter(e);
|
|
49
|
+
},
|
|
50
|
+
onMouseLeave: function onMouseLeave(e) {
|
|
51
|
+
return eventHandles.current.onMouseLeave(e);
|
|
52
|
+
},
|
|
45
53
|
className: styles['ele-icon-wrap']
|
|
46
54
|
}, /*#__PURE__*/React.createElement(Icon, {
|
|
47
55
|
type: "icon-".concat((payload === null || payload === void 0 ? void 0 : payload.iconName) || 'smile'),
|
|
@@ -47,10 +47,18 @@ var EleIndicatorLightComponent = function EleIndicatorLightComponent(_ref) {
|
|
|
47
47
|
style: _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({}, payload === null || payload === void 0 ? void 0 : payload.fontStyles), payload === null || payload === void 0 ? void 0 : payload.borderStyles), payload === null || payload === void 0 ? void 0 : payload.fillStyles), payload === null || payload === void 0 ? void 0 : payload.margin_padding), {}, {
|
|
48
48
|
backgroundColor: backgroundColor
|
|
49
49
|
}),
|
|
50
|
-
onClick:
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
50
|
+
onClick: function onClick(e) {
|
|
51
|
+
return eventHandles.current.onClick(e);
|
|
52
|
+
},
|
|
53
|
+
onContextMenu: function onContextMenu(e) {
|
|
54
|
+
return eventHandles.current.onContextMenu(e);
|
|
55
|
+
},
|
|
56
|
+
onMouseEnter: function onMouseEnter(e) {
|
|
57
|
+
return eventHandles.current.onMouseEnter(e);
|
|
58
|
+
},
|
|
59
|
+
onMouseLeave: function onMouseLeave(e) {
|
|
60
|
+
return eventHandles.current.onMouseLeave(e);
|
|
61
|
+
},
|
|
54
62
|
className: styles.wrap
|
|
55
63
|
}));
|
|
56
64
|
};
|
|
@@ -45,10 +45,18 @@ var ElePointImageComponent = function ElePointImageComponent(_ref) {
|
|
|
45
45
|
return /*#__PURE__*/React.createElement(Tooltip, {
|
|
46
46
|
title: tooltipTitle
|
|
47
47
|
}, /*#__PURE__*/React.createElement("div", {
|
|
48
|
-
onClick:
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
48
|
+
onClick: function onClick(e) {
|
|
49
|
+
return eventHandles.current.onClick(e);
|
|
50
|
+
},
|
|
51
|
+
onContextMenu: function onContextMenu(e) {
|
|
52
|
+
return eventHandles.current.onContextMenu(e);
|
|
53
|
+
},
|
|
54
|
+
onMouseEnter: function onMouseEnter(e) {
|
|
55
|
+
return eventHandles.current.onMouseEnter(e);
|
|
56
|
+
},
|
|
57
|
+
onMouseLeave: function onMouseLeave(e) {
|
|
58
|
+
return eventHandles.current.onMouseLeave(e);
|
|
59
|
+
},
|
|
52
60
|
className: styles.wrap
|
|
53
61
|
}, (payload === null || payload === void 0 ? void 0 : payload.imgSrc) ? /*#__PURE__*/React.createElement("img", {
|
|
54
62
|
className: styles.img,
|
|
@@ -53,10 +53,18 @@ var ElePointStateComponent = function ElePointStateComponent(_ref) {
|
|
|
53
53
|
title: tooltipTitle
|
|
54
54
|
}, /*#__PURE__*/React.createElement("div", {
|
|
55
55
|
className: styles.wrap,
|
|
56
|
-
onClick:
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
56
|
+
onClick: function onClick(e) {
|
|
57
|
+
return eventHandles.current.onClick(e);
|
|
58
|
+
},
|
|
59
|
+
onContextMenu: function onContextMenu(e) {
|
|
60
|
+
return eventHandles.current.onContextMenu(e);
|
|
61
|
+
},
|
|
62
|
+
onMouseEnter: function onMouseEnter(e) {
|
|
63
|
+
return eventHandles.current.onMouseEnter(e);
|
|
64
|
+
},
|
|
65
|
+
onMouseLeave: function onMouseLeave(e) {
|
|
66
|
+
return eventHandles.current.onMouseLeave(e);
|
|
67
|
+
},
|
|
60
68
|
style: _objectSpread(_objectSpread(_objectSpread({}, payload === null || payload === void 0 ? void 0 : payload.borderStyles), payload === null || payload === void 0 ? void 0 : payload.fillStyles), {}, {
|
|
61
69
|
background: typeof bgColor === 'string' ? bgColor : (payload === null || payload === void 0 ? void 0 : (_payload$fillStyles = payload.fillStyles) === null || _payload$fillStyles === void 0 ? void 0 : _payload$fillStyles.backgroundColor) ? payload === null || payload === void 0 ? void 0 : (_payload$fillStyles2 = payload.fillStyles) === null || _payload$fillStyles2 === void 0 ? void 0 : _payload$fillStyles2.backgroundColor : 'invalid-value'
|
|
62
70
|
})
|
|
@@ -54,10 +54,18 @@ var ElePointValueComponent = function ElePointValueComponent(_ref) {
|
|
|
54
54
|
}
|
|
55
55
|
var numberColor = getValueByExpression(pointData === null || pointData === void 0 ? void 0 : pointData.value, payload === null || payload === void 0 ? void 0 : payload.colorExpressions);
|
|
56
56
|
return /*#__PURE__*/React.createElement("div", {
|
|
57
|
-
onClick:
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
57
|
+
onClick: function onClick(e) {
|
|
58
|
+
return eventHandles.current.onClick(e);
|
|
59
|
+
},
|
|
60
|
+
onContextMenu: function onContextMenu(e) {
|
|
61
|
+
return eventHandles.current.onContextMenu(e);
|
|
62
|
+
},
|
|
63
|
+
onMouseEnter: function onMouseEnter(e) {
|
|
64
|
+
return eventHandles.current.onMouseEnter(e);
|
|
65
|
+
},
|
|
66
|
+
onMouseLeave: function onMouseLeave(e) {
|
|
67
|
+
return eventHandles.current.onMouseLeave(e);
|
|
68
|
+
},
|
|
61
69
|
style: _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, payload === null || payload === void 0 ? void 0 : payload.fontStyles), payload === null || payload === void 0 ? void 0 : payload.borderStyles), payload === null || payload === void 0 ? void 0 : payload.fillStyles), payload === null || payload === void 0 ? void 0 : payload.margin_padding),
|
|
62
70
|
className: "".concat(styles.wrap, " ").concat(styles[directionClassNameMap[direction]])
|
|
63
71
|
}, /*#__PURE__*/React.createElement("div", {
|
|
@@ -50,10 +50,18 @@ var EleShineComponent = function EleShineComponent(_ref) {
|
|
|
50
50
|
return /*#__PURE__*/React.createElement(Tooltip, {
|
|
51
51
|
title: tooltipTitle
|
|
52
52
|
}, /*#__PURE__*/React.createElement("div", {
|
|
53
|
-
onClick:
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
53
|
+
onClick: function onClick(e) {
|
|
54
|
+
return eventHandles.current.onClick(e);
|
|
55
|
+
},
|
|
56
|
+
onContextMenu: function onContextMenu(e) {
|
|
57
|
+
return eventHandles.current.onContextMenu(e);
|
|
58
|
+
},
|
|
59
|
+
onMouseEnter: function onMouseEnter(e) {
|
|
60
|
+
return eventHandles.current.onMouseEnter(e);
|
|
61
|
+
},
|
|
62
|
+
onMouseLeave: function onMouseLeave(e) {
|
|
63
|
+
return eventHandles.current.onMouseLeave(e);
|
|
64
|
+
},
|
|
57
65
|
style: _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, payload === null || payload === void 0 ? void 0 : payload.fontStyles), payload === null || payload === void 0 ? void 0 : payload.borderStyles), payload === null || payload === void 0 ? void 0 : payload.fillStyles), payload === null || payload === void 0 ? void 0 : payload.margin_padding),
|
|
58
66
|
className: "".concat(styles.wrap, " ").concat(shineExpressionsValue === '告警' ? styles.shine : '')
|
|
59
67
|
}));
|
|
@@ -65,7 +65,10 @@ var EleSwitchComponent = function EleSwitchComponent(_ref) {
|
|
|
65
65
|
}
|
|
66
66
|
}, [pointData === null || pointData === void 0 ? void 0 : pointData.value, payload === null || payload === void 0 ? void 0 : payload.checkedValue]);
|
|
67
67
|
return /*#__PURE__*/React.createElement("div", {
|
|
68
|
-
className: styles.wrap
|
|
68
|
+
className: styles.wrap,
|
|
69
|
+
onClick: function onClick(e) {
|
|
70
|
+
return e.stopPropagation();
|
|
71
|
+
}
|
|
69
72
|
}, /*#__PURE__*/React.createElement(Tooltip, {
|
|
70
73
|
title: tooltipTitle
|
|
71
74
|
}, /*#__PURE__*/React.createElement(Switch, {
|
|
@@ -7,12 +7,33 @@ function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e
|
|
|
7
7
|
import React from "react";
|
|
8
8
|
import { memo } from 'react';
|
|
9
9
|
import { reactShapeNodeAreEqual } from "../utils";
|
|
10
|
+
import { useEleEventHandle } from "../../hooks";
|
|
10
11
|
import styles from "./index.css";
|
|
11
12
|
var EleTextComponent = function EleTextComponent(_ref) {
|
|
13
|
+
var _payload$mittMeta$nam, _payload$mittMeta;
|
|
12
14
|
var node = _ref.node;
|
|
13
15
|
var payload = node === null || node === void 0 ? void 0 : node.getData();
|
|
16
|
+
var eventHandles = useEleEventHandle({
|
|
17
|
+
events: payload === null || payload === void 0 ? void 0 : payload.events,
|
|
18
|
+
payload: {
|
|
19
|
+
points: [],
|
|
20
|
+
namespace: (_payload$mittMeta$nam = payload === null || payload === void 0 ? void 0 : (_payload$mittMeta = payload.mittMeta) === null || _payload$mittMeta === void 0 ? void 0 : _payload$mittMeta.namespace) !== null && _payload$mittMeta$nam !== void 0 ? _payload$mittMeta$nam : 0
|
|
21
|
+
}
|
|
22
|
+
});
|
|
14
23
|
return /*#__PURE__*/React.createElement("div", {
|
|
15
24
|
className: "".concat(styles.wrap, " ele-text-wrap"),
|
|
25
|
+
onClick: function onClick(e) {
|
|
26
|
+
return eventHandles.current.onClick(e);
|
|
27
|
+
},
|
|
28
|
+
onContextMenu: function onContextMenu(e) {
|
|
29
|
+
return eventHandles.current.onContextMenu(e);
|
|
30
|
+
},
|
|
31
|
+
onMouseEnter: function onMouseEnter(e) {
|
|
32
|
+
return eventHandles.current.onMouseEnter(e);
|
|
33
|
+
},
|
|
34
|
+
onMouseLeave: function onMouseLeave(e) {
|
|
35
|
+
return eventHandles.current.onMouseLeave(e);
|
|
36
|
+
},
|
|
16
37
|
style: _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, payload === null || payload === void 0 ? void 0 : payload.fontStyles), payload === null || payload === void 0 ? void 0 : payload.borderStyles), payload === null || payload === void 0 ? void 0 : payload.fillStyles), payload === null || payload === void 0 ? void 0 : payload.margin_padding)
|
|
17
38
|
}, (payload === null || payload === void 0 ? void 0 : payload.textContent) || '双击输入');
|
|
18
39
|
};
|
|
@@ -64,10 +64,18 @@ var ElePointCardComponent = function ElePointCardComponent(_ref) {
|
|
|
64
64
|
title: tooltipTitle
|
|
65
65
|
}, /*#__PURE__*/React.createElement("div", {
|
|
66
66
|
className: styles['ele-point_card-wrap'],
|
|
67
|
-
onClick:
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
67
|
+
onClick: function onClick(e) {
|
|
68
|
+
return eventHandles.current.onClick(e);
|
|
69
|
+
},
|
|
70
|
+
onContextMenu: function onContextMenu(e) {
|
|
71
|
+
return eventHandles.current.onContextMenu(e);
|
|
72
|
+
},
|
|
73
|
+
onMouseEnter: function onMouseEnter(e) {
|
|
74
|
+
return eventHandles.current.onMouseEnter(e);
|
|
75
|
+
},
|
|
76
|
+
onMouseLeave: function onMouseLeave(e) {
|
|
77
|
+
return eventHandles.current.onMouseLeave(e);
|
|
78
|
+
},
|
|
71
79
|
style: _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, payload === null || payload === void 0 ? void 0 : payload.fontStyles), payload === null || payload === void 0 ? void 0 : payload.borderStyles), payload === null || payload === void 0 ? void 0 : payload.fillStyles), payload === null || payload === void 0 ? void 0 : payload.margin_padding)
|
|
72
80
|
}, /*#__PURE__*/React.createElement("div", {
|
|
73
81
|
className: styles.top
|
|
@@ -58,10 +58,18 @@ var PointItem = function PointItem(_ref) {
|
|
|
58
58
|
return /*#__PURE__*/React.createElement(Tooltip, {
|
|
59
59
|
title: tooltipTitle
|
|
60
60
|
}, /*#__PURE__*/React.createElement("div", {
|
|
61
|
-
onClick:
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
61
|
+
onClick: function onClick(e) {
|
|
62
|
+
return eventHandles.current.onClick(e);
|
|
63
|
+
},
|
|
64
|
+
onContextMenu: function onContextMenu(e) {
|
|
65
|
+
return eventHandles.current.onContextMenu(e);
|
|
66
|
+
},
|
|
67
|
+
onMouseEnter: function onMouseEnter(e) {
|
|
68
|
+
return eventHandles.current.onMouseEnter(e);
|
|
69
|
+
},
|
|
70
|
+
onMouseLeave: function onMouseLeave(e) {
|
|
71
|
+
return eventHandles.current.onMouseLeave(e);
|
|
72
|
+
},
|
|
65
73
|
className: styles.item,
|
|
66
74
|
style: _objectSpread({}, style)
|
|
67
75
|
}, /*#__PURE__*/React.createElement("div", {
|
|
@@ -78,12 +78,20 @@ var ElePointCard3Component = function ElePointCard3Component(_ref) {
|
|
|
78
78
|
title: tooltipTitle
|
|
79
79
|
}, /*#__PURE__*/React.createElement("div", {
|
|
80
80
|
className: "".concat(styles['ele-point-card3']),
|
|
81
|
-
onClick:
|
|
82
|
-
|
|
81
|
+
onClick: function onClick(e) {
|
|
82
|
+
return eventHandles.current.onClick(e);
|
|
83
|
+
},
|
|
84
|
+
onContextMenu: function onContextMenu(e) {
|
|
85
|
+
return eventHandles.current.onContextMenu(e);
|
|
86
|
+
}
|
|
83
87
|
// className=""
|
|
84
88
|
,
|
|
85
|
-
onMouseEnter:
|
|
86
|
-
|
|
89
|
+
onMouseEnter: function onMouseEnter(e) {
|
|
90
|
+
return eventHandles.current.onMouseEnter(e);
|
|
91
|
+
},
|
|
92
|
+
onMouseLeave: function onMouseLeave(e) {
|
|
93
|
+
return eventHandles.current.onMouseLeave(e);
|
|
94
|
+
},
|
|
87
95
|
style: _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, payload === null || payload === void 0 ? void 0 : payload.fontStyles), payload === null || payload === void 0 ? void 0 : payload.borderStyles), payload === null || payload === void 0 ? void 0 : payload.fillStyles), payload === null || payload === void 0 ? void 0 : payload.margin_padding)
|
|
88
96
|
}, /*#__PURE__*/React.createElement("div", {
|
|
89
97
|
className: styles.iconWrap,
|
|
@@ -48,10 +48,18 @@ var PointItem = function PointItem(_ref2) {
|
|
|
48
48
|
point: point
|
|
49
49
|
}) : false
|
|
50
50
|
}, /*#__PURE__*/React.createElement("div", {
|
|
51
|
-
onClick:
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
51
|
+
onClick: function onClick(e) {
|
|
52
|
+
return eventHandles.current.onClick(e);
|
|
53
|
+
},
|
|
54
|
+
onContextMenu: function onContextMenu(e) {
|
|
55
|
+
return eventHandles.current.onContextMenu(e);
|
|
56
|
+
},
|
|
57
|
+
onMouseEnter: function onMouseEnter(e) {
|
|
58
|
+
return eventHandles.current.onMouseEnter(e);
|
|
59
|
+
},
|
|
60
|
+
onMouseLeave: function onMouseLeave(e) {
|
|
61
|
+
return eventHandles.current.onMouseLeave(e);
|
|
62
|
+
},
|
|
55
63
|
style: style,
|
|
56
64
|
className: styles.item
|
|
57
65
|
}, /*#__PURE__*/React.createElement("div", {
|
|
@@ -75,10 +75,18 @@ var ElePointControl1Component = function ElePointControl1Component(_ref) {
|
|
|
75
75
|
title: tooltipTitle
|
|
76
76
|
}, /*#__PURE__*/React.createElement("div", {
|
|
77
77
|
className: "".concat(styles['ele-point-card3']),
|
|
78
|
-
onClick:
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
78
|
+
onClick: function onClick(e) {
|
|
79
|
+
return eventHandles.current.onClick(e);
|
|
80
|
+
},
|
|
81
|
+
onContextMenu: function onContextMenu(e) {
|
|
82
|
+
return eventHandles.current.onContextMenu(e);
|
|
83
|
+
},
|
|
84
|
+
onMouseEnter: function onMouseEnter(e) {
|
|
85
|
+
return eventHandles.current.onMouseEnter(e);
|
|
86
|
+
},
|
|
87
|
+
onMouseLeave: function onMouseLeave(e) {
|
|
88
|
+
return eventHandles.current.onMouseLeave(e);
|
|
89
|
+
},
|
|
82
90
|
style: _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, payload === null || payload === void 0 ? void 0 : payload.fontStyles), payload === null || payload === void 0 ? void 0 : payload.borderStyles), payload === null || payload === void 0 ? void 0 : payload.fillStyles), payload === null || payload === void 0 ? void 0 : payload.margin_padding)
|
|
83
91
|
}, /*#__PURE__*/React.createElement("div", {
|
|
84
92
|
style: _objectSpread(_objectSpread({}, payload === null || payload === void 0 ? void 0 : payload.label.fontStyles), payload === null || payload === void 0 ? void 0 : (_payload$label = payload.label) === null || _payload$label === void 0 ? void 0 : _payload$label.margin_padding),
|
|
@@ -96,10 +96,18 @@ var ElePointControl3Component = function ElePointControl3Component(_ref) {
|
|
|
96
96
|
title: tooltipTitle
|
|
97
97
|
}, /*#__PURE__*/React.createElement("div", {
|
|
98
98
|
className: styles.wrap,
|
|
99
|
-
onClick:
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
99
|
+
onClick: function onClick(e) {
|
|
100
|
+
return eventHandles.current.onClick(e);
|
|
101
|
+
},
|
|
102
|
+
onContextMenu: function onContextMenu(e) {
|
|
103
|
+
return eventHandles.current.onContextMenu(e);
|
|
104
|
+
},
|
|
105
|
+
onMouseEnter: function onMouseEnter(e) {
|
|
106
|
+
return eventHandles.current.onMouseEnter(e);
|
|
107
|
+
},
|
|
108
|
+
onMouseLeave: function onMouseLeave(e) {
|
|
109
|
+
return eventHandles.current.onMouseLeave(e);
|
|
110
|
+
},
|
|
103
111
|
style: _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, payload === null || payload === void 0 ? void 0 : payload.fontStyles), payload === null || payload === void 0 ? void 0 : payload.borderStyles), payload === null || payload === void 0 ? void 0 : payload.fillStyles), payload === null || payload === void 0 ? void 0 : payload.margin_padding)
|
|
104
112
|
}, !!(payload === null || payload === void 0 ? void 0 : payload.icon.isShow) ? /*#__PURE__*/React.createElement(Icon, {
|
|
105
113
|
type: "icon-".concat((payload === null || payload === void 0 ? void 0 : payload.icon.name) || defaultIconName),
|
|
@@ -3,6 +3,12 @@ import { handleEleEvent } from "../element/utils";
|
|
|
3
3
|
export default function useEleEventHandle(_ref) {
|
|
4
4
|
var events = _ref.events,
|
|
5
5
|
payload = _ref.payload;
|
|
6
|
+
// const [eventHandles, setEventHandles] = useState<EventHandles>({
|
|
7
|
+
// onClick: () => {},
|
|
8
|
+
// onContextMenu: () => {},
|
|
9
|
+
// onMouseEnter: () => {},
|
|
10
|
+
// onMouseLeave: () => {},
|
|
11
|
+
// })
|
|
6
12
|
var eventHandles = useRef({
|
|
7
13
|
onClick: function onClick() {},
|
|
8
14
|
onContextMenu: function onContextMenu() {},
|
|
@@ -32,5 +38,5 @@ export default function useEleEventHandle(_ref) {
|
|
|
32
38
|
onMouseLeave: onMouseLeave
|
|
33
39
|
};
|
|
34
40
|
}, [events, payload]);
|
|
35
|
-
return eventHandles
|
|
41
|
+
return eventHandles;
|
|
36
42
|
}
|
|
@@ -265,13 +265,7 @@ var Player = function Player(_ref) {
|
|
|
265
265
|
scadaId: scadaId
|
|
266
266
|
}
|
|
267
267
|
});
|
|
268
|
-
|
|
269
|
-
event: 'freedom-scene-switch',
|
|
270
|
-
payload: {
|
|
271
|
-
scadaId: scadaId
|
|
272
|
-
}
|
|
273
|
-
});
|
|
274
|
-
case 2:
|
|
268
|
+
case 1:
|
|
275
269
|
case "end":
|
|
276
270
|
return _context4.stop();
|
|
277
271
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "coolcare-lite-scada-component",
|
|
3
|
-
"version": "2.0.
|
|
3
|
+
"version": "2.0.31",
|
|
4
4
|
"scripts": {
|
|
5
5
|
"start": "umi dev",
|
|
6
6
|
"build:prod": "UMI_ENV=prod umi build",
|
|
@@ -13,7 +13,7 @@
|
|
|
13
13
|
"test": "umi-test",
|
|
14
14
|
"test:coverage": "umi-test --coverage",
|
|
15
15
|
"analyze": "ANALYZE=1 umi build",
|
|
16
|
-
"deploy:prod": "docker build -t xiiman-docker.pkg.coding.net/coolcare-lite/coolcare-scada/yimin:master-2024-12-
|
|
16
|
+
"deploy:prod": "docker build -t xiiman-docker.pkg.coding.net/coolcare-lite/coolcare-scada/yimin:master-2024-12-2 . && docker push xiiman-docker.pkg.coding.net/coolcare-lite/coolcare-scada/yimin:master-2024-12-2"
|
|
17
17
|
},
|
|
18
18
|
"main": "./es/componentIndex.js",
|
|
19
19
|
"module": "./es/componentIndex.js",
|