@riil-frontend/component-topology 2.12.7-alpha.21 → 2.12.7-alpha.25

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.
Files changed (33) hide show
  1. package/build/index.css +1 -1
  2. package/build/index.js +9 -9
  3. package/es/core/components/AlarmListPanel/components/AlarmListItem.js +2 -3
  4. package/es/core/components/AlarmListPanel/index.js +16 -8
  5. package/es/core/editor/components/settings/common/LayoutSettings.module.scss +3 -3
  6. package/es/core/editor/components/settings/propertyViews/group/DataTab/hoooks/useGroupRelateResource.js +2 -2
  7. package/es/core/editor/components/settings/propertyViews/layer/DataTab/NodeList.js +1 -1
  8. package/es/core/editor/components/settings/propertyViews/layer/DataTab/RelateData.js +3 -3
  9. package/es/core/editor/components/settings/propertyViews/node/NodePropertyView.js +20 -5
  10. package/es/core/models/common/Alarm.js +89 -34
  11. package/es/core/models/common/mocks/index.js +39 -0
  12. package/es/hooks/useAlarm.js +33 -17
  13. package/es/hooks/useTopoEdit.js +2 -2
  14. package/es/models/topoAlarm.js +3 -2
  15. package/es/models/topoMod.js +2 -2
  16. package/es/topoCenter/components/editor/propertyViews/LayerRelatedResourceList.js +1 -1
  17. package/es/utils/htElementUtils.js +8 -7
  18. package/lib/core/components/AlarmListPanel/components/AlarmListItem.js +1 -2
  19. package/lib/core/components/AlarmListPanel/index.js +15 -7
  20. package/lib/core/editor/components/settings/common/LayoutSettings.module.scss +3 -3
  21. package/lib/core/editor/components/settings/propertyViews/group/DataTab/hoooks/useGroupRelateResource.js +1 -1
  22. package/lib/core/editor/components/settings/propertyViews/layer/DataTab/NodeList.js +1 -1
  23. package/lib/core/editor/components/settings/propertyViews/layer/DataTab/RelateData.js +3 -3
  24. package/lib/core/editor/components/settings/propertyViews/node/NodePropertyView.js +21 -5
  25. package/lib/core/models/common/Alarm.js +93 -32
  26. package/lib/core/models/common/mocks/index.js +44 -0
  27. package/lib/hooks/useAlarm.js +29 -13
  28. package/lib/hooks/useTopoEdit.js +1 -1
  29. package/lib/models/topoAlarm.js +2 -1
  30. package/lib/models/topoMod.js +2 -2
  31. package/lib/topoCenter/components/editor/propertyViews/LayerRelatedResourceList.js +1 -1
  32. package/lib/utils/htElementUtils.js +9 -8
  33. package/package.json +3 -3
@@ -108,15 +108,16 @@ export function getGroupNodes(dataModel, groupIdOrTag) {
108
108
  /**
109
109
  * 获取分层里的节点列表
110
110
  *
111
- * @param dataModel
112
- * @param layerId
111
+ * @param layer
113
112
  * @return {*}
114
113
  */
115
114
 
116
- export function getLayerChildrenNodes(dataModel, layerId) {
117
- return getElements(dataModel).filter(isNode).filter(function (node) {
118
- return node.getHost() && node.getHost().getId() === layerId;
119
- });
115
+ export function getLayerChildrenNodes(layer) {
116
+ if (!layer) {
117
+ return [];
118
+ }
119
+
120
+ return layer.getChildren().getArray().filter(isNode);
120
121
  }
121
122
  /**
122
123
  * 获取容器里的子元素列表
@@ -142,7 +143,7 @@ export function getGroupChildren(group) {
142
143
  * @return {*}
143
144
  */
144
145
 
145
- export function getGroupChildrenNode(group) {
146
+ export function getGroupChildrenNodes(group) {
146
147
  if (!group) {
147
148
  return [];
148
149
  }
@@ -25,11 +25,10 @@ function AlarmListItem(props) {
25
25
  // 传入参数
26
26
  var topo = props.topo,
27
27
  alarmInfo = props.alarmInfo;
28
- console.log("AlarmListPanel-AlarmListItem", alarmInfo);
29
28
  return /*#__PURE__*/_react["default"].createElement(_list["default"].Item, {
30
29
  className: _indexModule["default"].AlarmListItem,
31
30
  media: /*#__PURE__*/_react["default"].createElement(_icon["default"], {
32
- type: "warning",
31
+ type: "gaojing-3",
33
32
  size: "xs",
34
33
  className: _indexModule["default"]["alarm-color-icon"] + " alarm-color-icon-lv" + alarmInfo.alertLevel
35
34
  })
@@ -28,27 +28,35 @@ function AlarmListPanel(props, ref) {
28
28
  var topo = props.topo,
29
29
  topoState = props.topoState,
30
30
  visible = props.visible;
31
- var alarms = topo.alarms,
32
- alarm = topo.alarm;
31
+ var alarm = topo.alarm;
32
+
33
+ var _alarm$getState = alarm.getState(),
34
+ alarmData = _alarm$getState.alarmData;
33
35
 
34
36
  var onClose = function onClose() {
35
37
  topo.switchAlarmPopPanel(false);
36
38
  };
37
39
 
38
- var _useState = (0, _react.useState)(alarms !== null && alarms !== void 0 ? alarms : _mocks.alarmListDemo),
40
+ var _useState = (0, _react.useState)(_mocks.alarmListDemo),
39
41
  alarmList = _useState[0],
40
42
  setAlarmList = _useState[1];
41
43
 
42
44
  (0, _react.useEffect)(function () {
43
- topo.switchAlarmPopPanel(alarm.alarmSwitch && (alarmList === null || alarmList === void 0 ? void 0 : alarmList.length) > 0);
45
+ topo.switchAlarmPopPanel(alarm.alarmIsOpened && (alarmList === null || alarmList === void 0 ? void 0 : alarmList.length) > 0);
44
46
  }, []);
45
47
  (0, _react.useEffect)(function () {
46
- console.log("AlarmListPanel-useEffect", alarms);
48
+ console.log("AlarmListPanel-useEffect", topo, alarmData);
47
49
 
48
50
  if (alarm.alarmSwitch) {
49
- setAlarmList(alarms.slice(0, 9));
51
+ if (alarmData) {
52
+ var _alarmData$slice;
53
+
54
+ setAlarmList((_alarmData$slice = alarmData === null || alarmData === void 0 ? void 0 : alarmData.slice(0, 9)) !== null && _alarmData$slice !== void 0 ? _alarmData$slice : []);
55
+ } else {
56
+ setAlarmList([]);
57
+ }
50
58
  }
51
- }, [alarms]);
59
+ }, [alarmData]);
52
60
  return /*#__PURE__*/_react["default"].createElement(_dialog["default"], {
53
61
  className: _indexModule["default"].AlarmListPanel,
54
62
  id: "AlarmListPanel",
@@ -22,10 +22,10 @@
22
22
  .card {
23
23
  display: flex;
24
24
  flex-direction: column;
25
- width: 55px;
26
- height: 60px;
25
+ width: 68px;
26
+ height: 76px;
27
27
  border: none;
28
- padding-top: 6px;
28
+ padding-top: 12px;
29
29
  cursor: pointer;
30
30
  }
31
31
 
@@ -25,7 +25,7 @@ function useGroupRelateResource(props) {
25
25
  var group = props.group,
26
26
  topo = props.topo; // const [resources, setResources] = useState([]);
27
27
 
28
- var nodes = (0, _htElementUtils.getGroupChildrenNode)(group); // 过滤出资源
28
+ var nodes = (0, _htElementUtils.getGroupChildrenNodes)(group); // 过滤出资源
29
29
 
30
30
  var resourceNodes = nodes.filter(function (node) {
31
31
  return !!node.getTag();
@@ -27,7 +27,7 @@ function LayerResourceList(props) {
27
27
  var _topo$store$useModelS = topo.store.useModelState('topoMod'),
28
28
  topoData = _topo$store$useModelS.data;
29
29
 
30
- var nodes = (0, _htElementUtils.getLayerChildrenNodes)(topo.getDataModel(), layer.id);
30
+ var nodes = (0, _htElementUtils.getLayerChildrenNodes)(layer);
31
31
  var data = nodes.map(function (node) {
32
32
  return {
33
33
  title: node.a('name'),
@@ -28,7 +28,7 @@ function LayerRelateData(props) {
28
28
  key: "\u5173\u8054\u8D44\u6E90",
29
29
  title: /*#__PURE__*/_react["default"].createElement("div", {
30
30
  style: {
31
- display: "flex",
31
+ display: 'flex',
32
32
  paddingRight: 12
33
33
  }
34
34
  }, /*#__PURE__*/_react["default"].createElement("div", {
@@ -40,13 +40,13 @@ function LayerRelateData(props) {
40
40
  layer: values,
41
41
  topoEdit: topoEditApi,
42
42
  onAdd: function onAdd() {
43
- /*TODO 刷新列表 refreshList*/
43
+ /* TODO 刷新列表 refreshList */
44
44
  },
45
45
  addResourceDrawer: editorProps === null || editorProps === void 0 ? void 0 : editorProps.layerResourceSelectComponent
46
46
  }))
47
47
  }, /*#__PURE__*/_react["default"].createElement(RelatedNodeList, {
48
48
  topo: topo,
49
- layer: values
49
+ layer: layer
50
50
  }));
51
51
  };
52
52
 
@@ -33,6 +33,8 @@ var _NodePropertyViewModule = _interopRequireDefault(require("./NodePropertyView
33
33
 
34
34
  var _TabView = _interopRequireDefault(require("../../common/tab/TabView"));
35
35
 
36
+ var _useHtElement = _interopRequireDefault(require("../../../../../common/hooks/useHtElement"));
37
+
36
38
  function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
37
39
 
38
40
  function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
@@ -42,7 +44,9 @@ var CollapsePanel = _collapse["default"].Panel;
42
44
 
43
45
  function parseValues(values) {
44
46
  return (0, _extends2["default"])({}, values, {
45
- 'attrObject.customName': values['attrObject.customName'] || values['attrObject.name']
47
+ 'attrObject.customName': values['attrObject.customName'] || values['attrObject.name'],
48
+ 'attrObject.bindTopo': values['attrObject.bindTopo'] || '' // 解决切换节点时关联拓扑选项未重置
49
+
46
50
  });
47
51
  }
48
52
 
@@ -68,6 +72,10 @@ function NodePropertyView(props) {
68
72
  editorProps = props.editorProps,
69
73
  settingRuntimeState = props.settingRuntimeState;
70
74
  var bindType = getBindType(values);
75
+ var node = (0, _useHtElement["default"])({
76
+ topo: topo,
77
+ id: values.id
78
+ });
71
79
 
72
80
  var field = _field["default"].useField({
73
81
  autoUnmount: false,
@@ -81,13 +89,20 @@ function NodePropertyView(props) {
81
89
  }
82
90
  });
83
91
 
92
+ (0, _react.useEffect)(function () {
93
+ field.setValues(parseValues(values));
94
+ }, [values]);
95
+
84
96
  var setBindType = function setBindType(value) {
85
97
  _onChange('attrObject.bindType', value);
86
98
  };
87
99
 
88
- (0, _react.useEffect)(function () {
89
- field.setValues(parseValues(values));
90
- }, [values]);
100
+ var handleBindTopoChange = function handleBindTopoChange(value, data) {
101
+ // 清空自定义名称
102
+ // 设置名称为拓扑名称
103
+ node.a('name', data.label);
104
+ node.a('customName', null);
105
+ };
91
106
 
92
107
  var renderData = function renderData() {
93
108
  var RelateTopoTree = editorProps === null || editorProps === void 0 ? void 0 : editorProps.relateTopoTree;
@@ -140,7 +155,8 @@ function NodePropertyView(props) {
140
155
  label: "\u5173\u8054\u62D3\u6251"
141
156
  }, /*#__PURE__*/_react["default"].createElement(RelateTopoTree, {
142
157
  name: "attrObject.bindTopo",
143
- topo: topo
158
+ topo: topo,
159
+ onChange: handleBindTopoChange
144
160
  })))));
145
161
  };
146
162
 
@@ -13,6 +13,10 @@ var _topo = _interopRequireDefault(require("@riil-frontend/component-topology-co
13
13
 
14
14
  var _rlog = _interopRequireDefault(require("@riil-frontend/component-topology-utils/es/rlog"));
15
15
 
16
+ var _moment = _interopRequireDefault(require("moment"));
17
+
18
+ var _mocks = require("./mocks");
19
+
16
20
  var Alarm = /*#__PURE__*/function () {
17
21
  function Alarm() {
18
22
  this.topoApp = void 0;
@@ -64,13 +68,14 @@ var Alarm = /*#__PURE__*/function () {
64
68
  return _context.abrupt("return");
65
69
 
66
70
  case 5:
67
- _rlog["default"].info('Alarm.open 打开告警通道', id); // 订阅告警推送
68
- // 打开告警推送通道
71
+ _rlog["default"].info("Alarm.open 打开告警通道", id); // 订阅告警推送
69
72
 
70
73
 
74
+ this.hmGetTopoAlarm(id); // 打开告警推送通道
75
+
71
76
  this.openTopoAlarm(id);
72
77
 
73
- case 7:
78
+ case 8:
74
79
  case "end":
75
80
  return _context.stop();
76
81
  }
@@ -99,7 +104,7 @@ var Alarm = /*#__PURE__*/function () {
99
104
 
100
105
  var id = this.topoApp.id;
101
106
 
102
- _rlog["default"].info('关闭告警通道', id); // 取消订阅告警推送
107
+ _rlog["default"].info("关闭告警通道", id); // 取消订阅告警推送
103
108
  // 关闭告警推送通道
104
109
 
105
110
 
@@ -124,7 +129,63 @@ var Alarm = /*#__PURE__*/function () {
124
129
  */
125
130
  ;
126
131
 
127
- _proto.removeAlarms = function removeAlarms() {}
132
+ _proto.removeAlarms = function removeAlarms() {};
133
+
134
+ _proto.hmGetTopoAlarm = /*#__PURE__*/function () {
135
+ var _hmGetTopoAlarm = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee2(id) {
136
+ var data, nodes, ids, endTime, startTime, parms, result;
137
+ return _regenerator["default"].wrap(function _callee2$(_context2) {
138
+ while (1) {
139
+ switch (_context2.prev = _context2.next) {
140
+ case 0:
141
+ data = this.topoApp.store.getState().topoMod.data;
142
+
143
+ _rlog["default"].debug("获取告警列表", this.topoApp, data);
144
+
145
+ nodes = data.nodes;
146
+ ids = nodes.map(function (node, i) {
147
+ return node.id;
148
+ });
149
+ endTime = new Date().valueOf();
150
+ startTime = (0, _moment["default"])().subtract(1, "months").valueOf();
151
+ parms = {
152
+ ciIdList: ids,
153
+ alertStatusList: ["toDeal"],
154
+ pageNum: 1,
155
+ pageSize: 10,
156
+ sortField: "alertLevel",
157
+ sortOrder: "asc",
158
+ createTime: {
159
+ startTime: startTime,
160
+ endTime: endTime
161
+ }
162
+ };
163
+ _context2.next = 9;
164
+ return _topo["default"].getAlarmByIds(parms);
165
+
166
+ case 9:
167
+ result = _context2.sent;
168
+
169
+ _rlog["default"].debug("getAlarmById-result", result);
170
+
171
+ this.updateState({
172
+ alarmData: result.datas.length > 0 ? result.datas : _mocks.alarmListDemo
173
+ });
174
+
175
+ case 12:
176
+ case "end":
177
+ return _context2.stop();
178
+ }
179
+ }
180
+ }, _callee2, this);
181
+ }));
182
+
183
+ function hmGetTopoAlarm(_x) {
184
+ return _hmGetTopoAlarm.apply(this, arguments);
185
+ }
186
+
187
+ return hmGetTopoAlarm;
188
+ }()
128
189
  /**
129
190
  * 打开告警推送。
130
191
  *
@@ -135,29 +196,29 @@ var Alarm = /*#__PURE__*/function () {
135
196
  _proto.openTopoAlarm =
136
197
  /*#__PURE__*/
137
198
  function () {
138
- var _openTopoAlarm = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee2(id) {
199
+ var _openTopoAlarm = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee3(id) {
139
200
  var _this$getState, alarmOpening, topoAlarmIsOpen;
140
201
 
141
- return _regenerator["default"].wrap(function _callee2$(_context2) {
202
+ return _regenerator["default"].wrap(function _callee3$(_context3) {
142
203
  while (1) {
143
- switch (_context2.prev = _context2.next) {
204
+ switch (_context3.prev = _context3.next) {
144
205
  case 0:
145
206
  // 如果当前拓扑图开启中或已开启则退出
146
207
  _this$getState = this.getState(), alarmOpening = _this$getState.alarmOpening, topoAlarmIsOpen = _this$getState.topoAlarmIsOpen;
147
208
 
148
209
  if (!(this.currentTopoId === id && (topoAlarmIsOpen || alarmOpening))) {
149
- _context2.next = 3;
210
+ _context3.next = 3;
150
211
  break;
151
212
  }
152
213
 
153
- return _context2.abrupt("return");
214
+ return _context3.abrupt("return");
154
215
 
155
216
  case 3:
156
217
  this.currentTopoId = id;
157
218
  this.updateState({
158
219
  alarmOpening: true
159
220
  });
160
- _context2.next = 7;
221
+ _context3.next = 7;
161
222
  return _topo["default"].openTopoAlarm(id);
162
223
 
163
224
  case 7:
@@ -168,13 +229,13 @@ var Alarm = /*#__PURE__*/function () {
168
229
 
169
230
  case 8:
170
231
  case "end":
171
- return _context2.stop();
232
+ return _context3.stop();
172
233
  }
173
234
  }
174
- }, _callee2, this);
235
+ }, _callee3, this);
175
236
  }));
176
237
 
177
- function openTopoAlarm(_x) {
238
+ function openTopoAlarm(_x2) {
178
239
  return _openTopoAlarm.apply(this, arguments);
179
240
  }
180
241
 
@@ -190,22 +251,22 @@ var Alarm = /*#__PURE__*/function () {
190
251
  _proto.closeTopoAlarm =
191
252
  /*#__PURE__*/
192
253
  function () {
193
- var _closeTopoAlarm = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee3(id) {
254
+ var _closeTopoAlarm = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee4(id) {
194
255
  var _this$getState2, alarmIsOpened, alarmOpening;
195
256
 
196
- return _regenerator["default"].wrap(function _callee3$(_context3) {
257
+ return _regenerator["default"].wrap(function _callee4$(_context4) {
197
258
  while (1) {
198
- switch (_context3.prev = _context3.next) {
259
+ switch (_context4.prev = _context4.next) {
199
260
  case 0:
200
261
  // 如果未开启则退出
201
262
  _this$getState2 = this.getState(), alarmIsOpened = _this$getState2.alarmIsOpened, alarmOpening = _this$getState2.alarmOpening;
202
263
 
203
264
  if (!(!alarmIsOpened && !alarmOpening)) {
204
- _context3.next = 3;
265
+ _context4.next = 3;
205
266
  break;
206
267
  }
207
268
 
208
- return _context3.abrupt("return");
269
+ return _context4.abrupt("return");
209
270
 
210
271
  case 3:
211
272
  this.currentTopoId = null;
@@ -213,18 +274,18 @@ var Alarm = /*#__PURE__*/function () {
213
274
  topoAlarmIsOpen: false,
214
275
  alarmOpening: false
215
276
  });
216
- _context3.next = 7;
277
+ _context4.next = 7;
217
278
  return _topo["default"].closeTopoAlarm(id);
218
279
 
219
280
  case 7:
220
281
  case "end":
221
- return _context3.stop();
282
+ return _context4.stop();
222
283
  }
223
284
  }
224
- }, _callee3, this);
285
+ }, _callee4, this);
225
286
  }));
226
287
 
227
- function closeTopoAlarm(_x2) {
288
+ function closeTopoAlarm(_x3) {
228
289
  return _closeTopoAlarm.apply(this, arguments);
229
290
  }
230
291
 
@@ -238,22 +299,22 @@ var Alarm = /*#__PURE__*/function () {
238
299
  _proto.restart =
239
300
  /*#__PURE__*/
240
301
  function () {
241
- var _restart = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee4() {
302
+ var _restart = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee5() {
242
303
  var id;
243
- return _regenerator["default"].wrap(function _callee4$(_context4) {
304
+ return _regenerator["default"].wrap(function _callee5$(_context5) {
244
305
  while (1) {
245
- switch (_context4.prev = _context4.next) {
306
+ switch (_context5.prev = _context5.next) {
246
307
  case 0:
247
308
  id = this.currentTopoId;
248
- _context4.next = 3;
309
+ _context5.next = 3;
249
310
  return this.openTopoAlarm(id);
250
311
 
251
312
  case 3:
252
313
  case "end":
253
- return _context4.stop();
314
+ return _context5.stop();
254
315
  }
255
316
  }
256
- }, _callee4, this);
317
+ }, _callee5, this);
257
318
  }));
258
319
 
259
320
  function restart() {
@@ -268,16 +329,16 @@ var Alarm = /*#__PURE__*/function () {
268
329
  };
269
330
 
270
331
  _proto.getState = function getState() {
271
- return this.topoApp.store.getModelState('topoAlarm');
332
+ return this.topoApp.store.getModelState("topoAlarm");
272
333
  };
273
334
 
274
335
  _proto.useState = function useState() {
275
- var state = this.topoApp.store.useModelState('topoAlarm');
336
+ var state = this.topoApp.store.useModelState("topoAlarm");
276
337
  return state;
277
338
  };
278
339
 
279
340
  _proto.updateState = function updateState(state) {
280
- return this.topoApp.store.getModelDispatchers('topoAlarm').update(state);
341
+ return this.topoApp.store.getModelDispatchers("topoAlarm").update(state);
281
342
  };
282
343
 
283
344
  return Alarm;
@@ -0,0 +1,44 @@
1
+ "use strict";
2
+
3
+ exports.__esModule = true;
4
+ exports.alarmListDemo = void 0;
5
+ var alarmListDemo = [{
6
+ alertAggInfo: null,
7
+ alertId: 54,
8
+ alertLevel: 1,
9
+ alertObject: "Oracle实例ORCL(172.17.162.192)",
10
+ alertTitle: "数据库实例宕机",
11
+ alertType: "通断类告警",
12
+ changeTime: null,
13
+ ciId: "0000000019986715",
14
+ ciName: "ORCL",
15
+ ciType: "Oracle实例",
16
+ closeTime: 0,
17
+ createTime: 1640860800000,
18
+ duration: 422241000,
19
+ processTime: 0,
20
+ recoverTime: 0,
21
+ ruleId: "157",
22
+ status: "toDeal",
23
+ tags: null
24
+ }, {
25
+ alertId: 53,
26
+ alertLevel: 2,
27
+ alertObject: "Oracle实例ORCL(172.17.160.119)",
28
+ alertTitle: "数据库实例宕机",
29
+ createTime: 1640860800000,
30
+ ruleId: "157",
31
+ alertType: "通断类告警",
32
+ duration: 422241000,
33
+ ciType: "Oracle实例",
34
+ ciId: "000000001abb92b6",
35
+ ciName: "ORCL",
36
+ processTime: 0,
37
+ changeTime: null,
38
+ recoverTime: 0,
39
+ closeTime: 0,
40
+ tags: null,
41
+ status: "toDeal",
42
+ alertAggInfo: null
43
+ }];
44
+ exports.alarmListDemo = alarmListDemo;
@@ -24,16 +24,32 @@ function useAlarm(options) {
24
24
  var _topo$alarm$useState = topo.alarm.useState(),
25
25
  alarmIsOpened = _topo$alarm$useState.alarmIsOpened;
26
26
 
27
- var _store$useModel = store.useModel('topoBizMod'),
28
- bizState = _store$useModel[0],
29
- bizDispatchers = _store$useModel[1];
27
+ var allData = topo.store.getState().topoMod.data;
30
28
 
31
- var linkDynamicStyleDispatcher = store.getModel('linkDynamicStyle')[1];
29
+ var _store$useModel = store.useModel("topoMod"),
30
+ state = _store$useModel[0],
31
+ dispatchers = _store$useModel[1];
32
+
33
+ var _store$useModel2 = store.useModel("topoBizMod"),
34
+ bizState = _store$useModel2[0],
35
+ bizDispatchers = _store$useModel2[1];
36
+
37
+ var linkDynamicStyleDispatcher = store.getModel("linkDynamicStyle")[1];
38
+ (0, _react.useEffect)(function () {
39
+ _rlog["default"].debug("useAlarm.useEffect 获取初始化告警---开始", topo, allData, state, alarmIsOpened);
40
+
41
+ if (alarmIsOpened) {
42
+ var conditions = {
43
+ id: ""
44
+ };
45
+ dispatchers.getAlarmById(conditions);
46
+ }
47
+ }, []);
32
48
  (0, _react.useEffect)(function () {
33
49
  if (alarmIsOpened) {
34
- _rlog["default"].debug('useAlarm.useEffect 告警WebSocket 开始', alarmIsOpened);
50
+ _rlog["default"].debug("useAlarm.useEffect 告警WebSocket 开始", alarmIsOpened);
35
51
 
36
- _componentRiilEventEmitter.EE.on('topo', 'topo', function (data, other, t) {
52
+ _componentRiilEventEmitter.EE.on("topo", "topo", function (data, other, t) {
37
53
  if (t === void 0) {
38
54
  t = alarmIsOpened;
39
55
  }
@@ -43,9 +59,9 @@ function useAlarm(options) {
43
59
  }
44
60
 
45
61
  return function () {
46
- _rlog["default"].debug('useAlarm.useEffect 告警WebSocket 结束');
62
+ _rlog["default"].debug("useAlarm.useEffect 告警WebSocket 结束");
47
63
 
48
- _componentRiilEventEmitter.EE.removeListener('topo', 'topo');
64
+ _componentRiilEventEmitter.EE.removeListener("topo", "topo");
49
65
  };
50
66
  }, [alarmIsOpened]);
51
67
 
@@ -61,16 +77,16 @@ function useAlarm(options) {
61
77
  while (1) {
62
78
  switch (_context.prev = _context.next) {
63
79
  case 0:
64
- _store$getModelState = store.getModelState('topoMod'), viewState = _store$getModelState.viewState; // 添加事件
80
+ _store$getModelState = store.getModelState("topoMod"), viewState = _store$getModelState.viewState; // 添加事件
65
81
 
66
82
  type = data.type, alertData = data.data;
67
83
 
68
- if (!(viewState === 'view' && type === 'alarm' && (0, _utils.isAvailableArray)(alertData))) {
84
+ if (!(viewState === "view" && type === "alarm" && (0, _utils.isAvailableArray)(alertData))) {
69
85
  _context.next = 11;
70
86
  break;
71
87
  }
72
88
 
73
- _rlog["default"].debug('useAlarm.getAlarmByEE 告警原始数据', alertData);
89
+ _rlog["default"].debug("useAlarm.getAlarmByEE 告警原始数据", alertData);
74
90
 
75
91
  al = alertData.map(function (item, index) {
76
92
  var _item$resourceId;
@@ -86,7 +102,7 @@ function useAlarm(options) {
86
102
  };
87
103
  });
88
104
 
89
- _rlog["default"].debug('before-combAlarmData', al, bizState);
105
+ _rlog["default"].debug("before-combAlarmData", al, bizState);
90
106
 
91
107
  _context.next = 8;
92
108
  return bizDispatchers.combAlarmData({
@@ -96,7 +112,7 @@ function useAlarm(options) {
96
112
  case 8:
97
113
  alarmList = _context.sent;
98
114
 
99
- _rlog["default"].debug('useAlarm.getAlarmByEE 推送告警到ht', alarmList, bizState);
115
+ _rlog["default"].debug("useAlarm.getAlarmByEE 推送告警到ht", alarmList, bizState);
100
116
 
101
117
  if (alarmIsOpened) {
102
118
  topo.loadAlarm(alarmList); // 告警变化后,刷新链路动态样式
@@ -295,7 +295,7 @@ var useTopoEdit = function useTopoEdit(params) {
295
295
  return;
296
296
  }
297
297
 
298
- if (!(0, _htElementUtils.getGroupChildrenNode)(group).length) {
298
+ if (!(0, _htElementUtils.getGroupChildrenNodes)(group).length) {
299
299
  doDelete();
300
300
  } // 有子节点时需要确认
301
301
 
@@ -21,7 +21,8 @@ var _default = {
21
21
  state: {
22
22
  currentTopoId: undefined,
23
23
  alarmOpening: false,
24
- alarmIsOpened: false
24
+ alarmIsOpened: true,
25
+ alarmDatas: []
25
26
  },
26
27
  // 定义改变该模型状态的纯函数
27
28
  reducers: {
@@ -597,8 +597,8 @@ function _default(topoApp) {
597
597
  while (1) {
598
598
  switch (_context11.prev = _context11.next) {
599
599
  case 0:
600
- endTime = conditions.endTime || new Date().valueOf();
601
- startTime = conditions.startTime || (0, _moment["default"])().subtract(1, "months").valueOf();
600
+ endTime = (conditions === null || conditions === void 0 ? void 0 : conditions.endTime) || new Date().valueOf();
601
+ startTime = (conditions === null || conditions === void 0 ? void 0 : conditions.startTime) || (0, _moment["default"])().subtract(1, "months").valueOf();
602
602
  parms = {
603
603
  ciIdList: [conditions.id],
604
604
  alertStatusList: ["toDeal"],
@@ -26,7 +26,7 @@ function LayerResourceList(props) {
26
26
  var groupResources = (0, _useGroupResources["default"])({
27
27
  topo: topo,
28
28
  group: {
29
- id: layer.tag
29
+ id: layer.getTag()
30
30
  }
31
31
  });
32
32
  var data = groupResources.map(function (resource) {