@riil-frontend/component-topology 2.15.53 → 3.0.0-a.2
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/build/index.css +1 -1
- package/build/index.js +10 -10
- package/es/components/ResourceSelectDrawer/ResourceSelectList.js +0 -1
- package/es/components/index.module.scss +4 -4
- package/es/core/components/DisplaySettingDrawer/DisplaySetting.js +15 -3
- package/es/core/components/DisplaySettingDrawer/EdgeFlow.js +27 -0
- package/es/core/components/DisplaySettingDrawer/{LineFlow.js → EdgeFlowDirection.js} +8 -8
- package/es/core/components/DisplaySettingDrawer/hooks/useDisplaySetting.js +12 -2
- package/es/core/components/TopoView/topoView.js +2 -1
- package/es/core/models/Alarm.js +16 -16
- package/es/core/models/TopoApp.js +12 -8
- package/es/core/models/topoData.js +0 -1
- package/es/core/store/coreModels.js +1 -9
- package/es/hooks/usePolling.js +1 -1
- package/es/models/topoAlarm.js +6 -14
- package/es/models/topoBizMod.js +2 -40
- package/es/models/topoConfig.js +1 -1
- package/es/models/topoMod.js +32 -22
- package/es/topoCenter/models/TopoCenter.js +2 -0
- package/es/topoCenter/store/index.js +10 -0
- package/es/utils/topoData.js +57 -29
- package/lib/components/ResourceSelectDrawer/ResourceSelectList.js +0 -1
- package/lib/components/index.module.scss +4 -4
- package/lib/core/components/DisplaySettingDrawer/DisplaySetting.js +16 -3
- package/lib/core/components/DisplaySettingDrawer/EdgeFlow.js +38 -0
- package/lib/core/components/DisplaySettingDrawer/EdgeFlowDirection.js +34 -0
- package/lib/core/components/DisplaySettingDrawer/hooks/useDisplaySetting.js +12 -2
- package/lib/core/components/TopoView/topoView.js +2 -1
- package/lib/core/models/Alarm.js +16 -16
- package/lib/core/models/TopoApp.js +12 -8
- package/lib/core/models/topoData.js +0 -2
- package/lib/core/store/coreModels.js +1 -13
- package/lib/hooks/usePolling.js +1 -1
- package/lib/models/topoAlarm.js +6 -14
- package/lib/models/topoBizMod.js +2 -40
- package/lib/models/topoConfig.js +1 -1
- package/lib/models/topoMod.js +32 -22
- package/lib/topoCenter/models/TopoCenter.js +3 -0
- package/lib/topoCenter/store/index.js +22 -0
- package/lib/utils/topoData.js +57 -29
- package/package.json +2 -2
- package/lib/core/components/DisplaySettingDrawer/LineFlow.js +0 -38
package/es/utils/topoData.js
CHANGED
|
@@ -263,40 +263,45 @@ export function parseTopoData(result) {
|
|
|
263
263
|
}
|
|
264
264
|
export function buildTopoGraphData() {// TODO 构造拓扑图数据移到这里
|
|
265
265
|
}
|
|
266
|
-
/**
|
|
267
|
-
* 将从后端接收的数据转化为topo组件中需要的数据
|
|
268
|
-
* 具体格式内容参考
|
|
269
|
-
* https://shimo.im/docs/yphCqyk9yqXWdp3Q/ 《拓扑数据结构》
|
|
270
|
-
*/
|
|
271
266
|
|
|
272
|
-
|
|
273
|
-
var _result$config, _result$global2,
|
|
267
|
+
function buildGlobal(_ref2) {
|
|
268
|
+
var _result$config, _result$global2, _engine$options$viewe, _engine$options$edito, _engine$options$edito2;
|
|
274
269
|
|
|
275
270
|
var result = _ref2.data,
|
|
276
271
|
permission = _ref2.permission,
|
|
277
272
|
linkTo = _ref2.linkTo,
|
|
278
273
|
globalConfig = _ref2.globalConfig,
|
|
279
|
-
ciTypeMap = _ref2.ciTypeMap,
|
|
280
274
|
engine = _ref2.engine;
|
|
275
|
+
var edgeFlow;
|
|
281
276
|
|
|
282
|
-
|
|
283
|
-
|
|
284
|
-
|
|
285
|
-
|
|
277
|
+
if ((_result$config = result.config) !== null && _result$config !== void 0 && _result$config.enableLineFlow) {
|
|
278
|
+
edgeFlow = {
|
|
279
|
+
type: 'point',
|
|
280
|
+
// 必填,支持传送带drip、光点point、箭头arrow
|
|
281
|
+
direction: 'from' // 流动方向,可为空,默认源到目的
|
|
286
282
|
|
|
283
|
+
};
|
|
284
|
+
}
|
|
285
|
+
|
|
286
|
+
if (globalConfig.edgeFlow) {
|
|
287
|
+
edgeFlow = {
|
|
288
|
+
type: globalConfig.edgeFlow,
|
|
289
|
+
// 必填,支持传送带drip、光点point、箭头arrow
|
|
290
|
+
direction: globalConfig.edgeFlowDirection || 'from' // 流动方向,可为空,默认源到目的
|
|
291
|
+
|
|
292
|
+
};
|
|
293
|
+
}
|
|
287
294
|
|
|
288
|
-
|
|
295
|
+
return _extends({
|
|
289
296
|
// 背景图
|
|
290
|
-
backgroundImgUrl: getBackgroundImageUrl(globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.background),
|
|
297
|
+
backgroundImgUrl: engine.viewProps.hideBackground ? null : getBackgroundImageUrl(globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.background),
|
|
291
298
|
control: _extends({
|
|
292
299
|
editable: topoPermissionUtil.isEditable(permission),
|
|
293
300
|
// 是否可编辑----控制[编辑]按钮
|
|
294
|
-
moveable: true
|
|
295
|
-
// 节点是否可移动
|
|
296
|
-
enableLineFlow: ((_result$config = result.config) === null || _result$config === void 0 ? void 0 : _result$config.enableLineFlow) || (globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.lineFlow) === "1"
|
|
301
|
+
moveable: true
|
|
297
302
|
}, (result === null || result === void 0 ? void 0 : (_result$global2 = result.global) === null || _result$global2 === void 0 ? void 0 : _result$global2.control) || {}),
|
|
298
303
|
topoDisplayConfig: _extends({
|
|
299
|
-
alarmSwitch: (
|
|
304
|
+
// alarmSwitch: (result.global || {}).alarmSwitch ?? true,
|
|
300
305
|
showLog: false,
|
|
301
306
|
// 是否在控制台显示打印内容
|
|
302
307
|
showTips: true,
|
|
@@ -305,7 +310,7 @@ export var combTopoData = function combTopoData(_ref2) {
|
|
|
305
310
|
// 是否显示tags
|
|
306
311
|
showLinkName: false,
|
|
307
312
|
// 是否显示链路名称
|
|
308
|
-
|
|
313
|
+
edgeFlow: edgeFlow
|
|
309
314
|
}, (globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.topoDisplayConfig) || {}),
|
|
310
315
|
linkTo: linkTo
|
|
311
316
|
}, result.global || {}, {
|
|
@@ -321,9 +326,39 @@ export var combTopoData = function combTopoData(_ref2) {
|
|
|
321
326
|
icons: getEditorIcons(engine),
|
|
322
327
|
// 获取默认节点图标,可选参数。如果无返回值则继续使用内部默认
|
|
323
328
|
getDefaultNodeIcon: engine.options.getDefaultNodeIcon
|
|
324
|
-
});
|
|
329
|
+
});
|
|
330
|
+
}
|
|
331
|
+
/**
|
|
332
|
+
* 将从后端接收的数据转化为topo组件中需要的数据
|
|
333
|
+
* 具体格式内容参考
|
|
334
|
+
* https://shimo.im/docs/yphCqyk9yqXWdp3Q/ 《拓扑数据结构》
|
|
335
|
+
*/
|
|
336
|
+
|
|
337
|
+
|
|
338
|
+
export var combTopoData = function combTopoData(_ref3) {
|
|
339
|
+
var _result$groups;
|
|
340
|
+
|
|
341
|
+
var result = _ref3.data,
|
|
342
|
+
permission = _ref3.permission,
|
|
343
|
+
linkTo = _ref3.linkTo,
|
|
344
|
+
globalConfig = _ref3.globalConfig,
|
|
345
|
+
ciTypeMap = _ref3.ciTypeMap,
|
|
346
|
+
engine = _ref3.engine;
|
|
347
|
+
|
|
348
|
+
// rlog.debug("combTopoData-接收到数据", result, engine, globalConfig);
|
|
349
|
+
var config = _extends({
|
|
350
|
+
type: 'auto'
|
|
351
|
+
}, result.config); // global
|
|
325
352
|
|
|
326
353
|
|
|
354
|
+
var global = buildGlobal({
|
|
355
|
+
data: result,
|
|
356
|
+
permission: permission,
|
|
357
|
+
linkTo: linkTo,
|
|
358
|
+
globalConfig: globalConfig,
|
|
359
|
+
engine: engine
|
|
360
|
+
}); // group
|
|
361
|
+
|
|
327
362
|
var groups = formatGroups((_result$groups = result.groups) !== null && _result$groups !== void 0 ? _result$groups : []); // nodes
|
|
328
363
|
|
|
329
364
|
var nodes = result.nodes.map(function (node) {
|
|
@@ -361,12 +396,6 @@ export var combTopoData = function combTopoData(_ref2) {
|
|
|
361
396
|
// ci类型模型map
|
|
362
397
|
metrics: [],
|
|
363
398
|
// 所有指标
|
|
364
|
-
metricsDoc: {},
|
|
365
|
-
//
|
|
366
|
-
attrsDoc: {},
|
|
367
|
-
allMetrics: Object.values(ciTypeMap),
|
|
368
|
-
allAttrs: Object.values(ciTypeMap),
|
|
369
|
-
globalConfig: globalConfig,
|
|
370
399
|
nodeIdsList: result.nodes.map(function (item) {
|
|
371
400
|
return {
|
|
372
401
|
ciId: item.id,
|
|
@@ -659,8 +688,8 @@ export var updateCiDoc = function updateCiDoc(dataType, doc, ciDoc, allCiSet) {
|
|
|
659
688
|
* @param {} conditions
|
|
660
689
|
*/
|
|
661
690
|
|
|
662
|
-
export var combSaveTopoData = function combSaveTopoData(
|
|
663
|
-
var global =
|
|
691
|
+
export var combSaveTopoData = function combSaveTopoData(_ref4) {
|
|
692
|
+
var global = _ref4.global;
|
|
664
693
|
var topoDisplayConfig = global.topoDisplayConfig;
|
|
665
694
|
rlog.debug("combSaveTopoData", global);
|
|
666
695
|
var extraConfig = JSON.stringify({
|
|
@@ -668,7 +697,6 @@ export var combSaveTopoData = function combSaveTopoData(_ref3) {
|
|
|
668
697
|
});
|
|
669
698
|
return {
|
|
670
699
|
alarmSwitch: global.topoDisplayConfig.alarmSwitch,
|
|
671
|
-
configDataList: [],
|
|
672
700
|
extraConfig: extraConfig
|
|
673
701
|
};
|
|
674
702
|
};
|
|
@@ -34,7 +34,6 @@ function ResourceSelectList(props, ref) {
|
|
|
34
34
|
});
|
|
35
35
|
return /*#__PURE__*/_react["default"].createElement(_componentCommonResList["default"], {
|
|
36
36
|
ref: ref,
|
|
37
|
-
innerTreeFilters: ['monitorable', 'discoverable'],
|
|
38
37
|
limitTypes: limitTypes || _ResourceTypeLimit.RESOURCE_LIMIT_TYPES,
|
|
39
38
|
defaultCondition: excludeIds.length ? "!id('" + excludeIds.join('\',\'') + "')" : undefined,
|
|
40
39
|
request: (0, _componentTopologyCommon.getRequest)(),
|
|
@@ -3,10 +3,10 @@
|
|
|
3
3
|
.topo-center-view {
|
|
4
4
|
height: 100%;
|
|
5
5
|
|
|
6
|
-
border-radius: 4px;
|
|
7
|
-
box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.16);
|
|
8
|
-
box-shadow: $shadow-1;
|
|
9
|
-
background: #fff;
|
|
6
|
+
// border-radius: 4px;
|
|
7
|
+
// box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.16);
|
|
8
|
+
// box-shadow: $shadow-1;
|
|
9
|
+
// background: #fff;
|
|
10
10
|
overflow: hidden;
|
|
11
11
|
padding: 0;
|
|
12
12
|
|
|
@@ -21,7 +21,7 @@ var _rlog = _interopRequireDefault(require("@riil-frontend/component-topology-ut
|
|
|
21
21
|
|
|
22
22
|
var _NodeTag = _interopRequireDefault(require("./NodeTag"));
|
|
23
23
|
|
|
24
|
-
var
|
|
24
|
+
var _EdgeFlow = _interopRequireDefault(require("./EdgeFlow"));
|
|
25
25
|
|
|
26
26
|
var _NodeTip = _interopRequireDefault(require("./NodeTip"));
|
|
27
27
|
|
|
@@ -31,6 +31,8 @@ var _LinkTag = _interopRequireDefault(require("./LinkTag"));
|
|
|
31
31
|
|
|
32
32
|
var _LineExpandAllRadioGroup = _interopRequireDefault(require("./LineExpandAllRadioGroup"));
|
|
33
33
|
|
|
34
|
+
var _EdgeFlowDirection = _interopRequireDefault(require("./EdgeFlowDirection"));
|
|
35
|
+
|
|
34
36
|
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); }
|
|
35
37
|
|
|
36
38
|
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; }
|
|
@@ -54,8 +56,9 @@ function DisplaySetting(props, ref) {
|
|
|
54
56
|
nodeTip: displayConfig.nodeTip,
|
|
55
57
|
linkTag: displayConfig.linkTag,
|
|
56
58
|
linkTip: displayConfig.linkTip,
|
|
57
|
-
|
|
58
|
-
|
|
59
|
+
expandAllEdges: displayConfig.expandAllEdges,
|
|
60
|
+
edgeFlow: displayConfig.edgeFlow,
|
|
61
|
+
edgeFlowDirection: displayConfig.edgeFlowDirection
|
|
59
62
|
},
|
|
60
63
|
onChange: function onChange(name, value) {
|
|
61
64
|
_rlog["default"].debug('DisplaySetting-onChange', name, value);
|
|
@@ -128,6 +131,16 @@ function DisplaySetting(props, ref) {
|
|
|
128
131
|
patternTrigger: "onChange"
|
|
129
132
|
}, /*#__PURE__*/_react["default"].createElement(_LineExpandAllRadioGroup["default"], {
|
|
130
133
|
name: "expandAllEdges"
|
|
134
|
+
})), showLinkConfig && /*#__PURE__*/_react["default"].createElement(_form["default"].Item, {
|
|
135
|
+
label: "\u94FE\u8DEF\u52A8\u6001\u6548\u679C",
|
|
136
|
+
patternTrigger: "onChange"
|
|
137
|
+
}, /*#__PURE__*/_react["default"].createElement(_EdgeFlow["default"], {
|
|
138
|
+
name: "edgeFlow"
|
|
139
|
+
})), showLinkConfig && field.getValue('edgeFlow') && /*#__PURE__*/_react["default"].createElement(_form["default"].Item, {
|
|
140
|
+
label: "\u94FE\u8DEF\u6D41\u5411",
|
|
141
|
+
patternTrigger: "onChange"
|
|
142
|
+
}, /*#__PURE__*/_react["default"].createElement(_EdgeFlowDirection["default"], {
|
|
143
|
+
name: "edgeFlowDirection"
|
|
131
144
|
}))));
|
|
132
145
|
}
|
|
133
146
|
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
+
|
|
5
|
+
exports.__esModule = true;
|
|
6
|
+
exports["default"] = void 0;
|
|
7
|
+
|
|
8
|
+
var _radio = _interopRequireDefault(require("@alifd/next/lib/radio"));
|
|
9
|
+
|
|
10
|
+
var _react = _interopRequireDefault(require("react"));
|
|
11
|
+
|
|
12
|
+
function EdgeFlow(props) {
|
|
13
|
+
var value = props.value,
|
|
14
|
+
onChange = props.onChange;
|
|
15
|
+
|
|
16
|
+
var handleTypeChange = function handleTypeChange(newValue) {
|
|
17
|
+
onChange(newValue === 'none' ? null : newValue);
|
|
18
|
+
};
|
|
19
|
+
|
|
20
|
+
return /*#__PURE__*/_react["default"].createElement(_radio["default"].Group, {
|
|
21
|
+
value: value || 'none',
|
|
22
|
+
onChange: handleTypeChange
|
|
23
|
+
}, /*#__PURE__*/_react["default"].createElement(_radio["default"], {
|
|
24
|
+
value: "none"
|
|
25
|
+
}, "\u65E0"), /*#__PURE__*/_react["default"].createElement(_radio["default"], {
|
|
26
|
+
value: "drip"
|
|
27
|
+
}, "\u4F20\u9001\u5E26"), /*#__PURE__*/_react["default"].createElement(_radio["default"], {
|
|
28
|
+
value: "point"
|
|
29
|
+
}, "\u5149\u70B9"), /*#__PURE__*/_react["default"].createElement(_radio["default"], {
|
|
30
|
+
value: "arrow"
|
|
31
|
+
}, "\u7BAD\u5934"));
|
|
32
|
+
}
|
|
33
|
+
|
|
34
|
+
;
|
|
35
|
+
|
|
36
|
+
var _default = /*#__PURE__*/_react["default"].forwardRef(EdgeFlow);
|
|
37
|
+
|
|
38
|
+
exports["default"] = _default;
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
+
|
|
5
|
+
exports.__esModule = true;
|
|
6
|
+
exports["default"] = void 0;
|
|
7
|
+
|
|
8
|
+
var _radio = _interopRequireDefault(require("@alifd/next/lib/radio"));
|
|
9
|
+
|
|
10
|
+
var _react = _interopRequireDefault(require("react"));
|
|
11
|
+
|
|
12
|
+
function EdgeFlowDirection(props) {
|
|
13
|
+
var value = props.value,
|
|
14
|
+
onChange = props.onChange;
|
|
15
|
+
|
|
16
|
+
var handleTypeChange = function handleTypeChange(newValue) {
|
|
17
|
+
onChange(newValue);
|
|
18
|
+
};
|
|
19
|
+
|
|
20
|
+
return /*#__PURE__*/_react["default"].createElement(_radio["default"].Group, {
|
|
21
|
+
value: value || 'from',
|
|
22
|
+
onChange: handleTypeChange
|
|
23
|
+
}, /*#__PURE__*/_react["default"].createElement(_radio["default"], {
|
|
24
|
+
value: "from"
|
|
25
|
+
}, "\u4E0A\u884C"), /*#__PURE__*/_react["default"].createElement(_radio["default"], {
|
|
26
|
+
value: "to"
|
|
27
|
+
}, "\u4E0B\u884C"));
|
|
28
|
+
}
|
|
29
|
+
|
|
30
|
+
;
|
|
31
|
+
|
|
32
|
+
var _default = /*#__PURE__*/_react["default"].forwardRef(EdgeFlowDirection);
|
|
33
|
+
|
|
34
|
+
exports["default"] = _default;
|
|
@@ -20,6 +20,7 @@ var _default = function _default(props) {
|
|
|
20
20
|
|
|
21
21
|
var executeByConfig = /*#__PURE__*/function () {
|
|
22
22
|
var _ref = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee(config) {
|
|
23
|
+
var edgeFlowConfig;
|
|
23
24
|
return _regenerator["default"].wrap(function _callee$(_context) {
|
|
24
25
|
while (1) {
|
|
25
26
|
switch (_context.prev = _context.next) {
|
|
@@ -38,9 +39,18 @@ var _default = function _default(props) {
|
|
|
38
39
|
if (topo.linkDynamicStyleExecutor) {
|
|
39
40
|
topo.linkDynamicStyleExecutor.execute();
|
|
40
41
|
}
|
|
41
|
-
}
|
|
42
|
+
} // 更新连线流动效果
|
|
42
43
|
|
|
43
|
-
|
|
44
|
+
|
|
45
|
+
edgeFlowConfig = config.edgeFlow ? {
|
|
46
|
+
type: config.edgeFlow,
|
|
47
|
+
// 必填,支持传送带drip、光点point、箭头arrow
|
|
48
|
+
direction: config.edgeFlowDirection || 'from' // 流动方向,可为空,默认源到目的
|
|
49
|
+
|
|
50
|
+
} : null;
|
|
51
|
+
topo.getHtTopo().setGlobalEdgeFlow(edgeFlowConfig);
|
|
52
|
+
|
|
53
|
+
case 4:
|
|
44
54
|
case "end":
|
|
45
55
|
return _context.stop();
|
|
46
56
|
}
|
|
@@ -66,6 +66,7 @@ var Topology = function Topology(props) {
|
|
|
66
66
|
graphViewProps = _props$graphViewProps === void 0 ? {} : _props$graphViewProps,
|
|
67
67
|
viewerProps = props.viewerProps,
|
|
68
68
|
editorProps = props.editorProps;
|
|
69
|
+
topo.viewProps = props;
|
|
69
70
|
var store = topo.store;
|
|
70
71
|
|
|
71
72
|
var _store$useModel = store.useModel("topoMod"),
|
|
@@ -118,7 +119,7 @@ var Topology = function Topology(props) {
|
|
|
118
119
|
_rlog["default"].debug("Topoget--AlertMesage------------", topo, data);
|
|
119
120
|
|
|
120
121
|
if (data.type === "alarm") {
|
|
121
|
-
topo.alarm.
|
|
122
|
+
topo.alarm.handleAlarmEvent(data.data);
|
|
122
123
|
}
|
|
123
124
|
}
|
|
124
125
|
});
|
package/lib/core/models/Alarm.js
CHANGED
|
@@ -119,12 +119,6 @@ var Alarm = /*#__PURE__*/function () {
|
|
|
119
119
|
};
|
|
120
120
|
|
|
121
121
|
_proto.getAlarms = function getAlarms() {}
|
|
122
|
-
/**
|
|
123
|
-
* 处理告警推送事件
|
|
124
|
-
*/
|
|
125
|
-
;
|
|
126
|
-
|
|
127
|
-
_proto.handleAlarmEvent = function handleAlarmEvent() {}
|
|
128
122
|
/**
|
|
129
123
|
* 增加告警
|
|
130
124
|
*/
|
|
@@ -199,7 +193,7 @@ var Alarm = /*#__PURE__*/function () {
|
|
|
199
193
|
|
|
200
194
|
_rlog["default"].debug("getAlarmById-result", result); // if (alarmIsOpened) {
|
|
201
195
|
// //this.topo.loadAlarm(result.datas);
|
|
202
|
-
// this.
|
|
196
|
+
// this.handleAlarmEvent({ type: "alarm", data: result.datas });
|
|
203
197
|
// }
|
|
204
198
|
|
|
205
199
|
|
|
@@ -304,7 +298,7 @@ var Alarm = /*#__PURE__*/function () {
|
|
|
304
298
|
_componentRiilEventEmitter.EE.on("topo", "topo", function (data, other) {
|
|
305
299
|
_rlog["default"].debug("openTopoAlarm 获取初始化告警------收到信息", data);
|
|
306
300
|
|
|
307
|
-
_this.
|
|
301
|
+
_this.handleAlarmEvent(data);
|
|
308
302
|
});
|
|
309
303
|
|
|
310
304
|
this.updateState({
|
|
@@ -426,15 +420,14 @@ var Alarm = /*#__PURE__*/function () {
|
|
|
426
420
|
return restart;
|
|
427
421
|
}()
|
|
428
422
|
/**
|
|
429
|
-
*
|
|
430
|
-
* @param {} data
|
|
423
|
+
* 处理告警推送事件
|
|
431
424
|
*/
|
|
432
425
|
;
|
|
433
426
|
|
|
434
|
-
_proto.
|
|
427
|
+
_proto.handleAlarmEvent =
|
|
435
428
|
/*#__PURE__*/
|
|
436
429
|
function () {
|
|
437
|
-
var
|
|
430
|
+
var _handleAlarmEvent = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee7(alertData) {
|
|
438
431
|
var _this$getState4, alarmIsOpened, resAndMetrics, resIdsList, nodeIdsList, linkIdsList, alarmDispatchers, sendAl, idsList, operations, _yield$alarmDispatche, eqFlag, alarmlist;
|
|
439
432
|
|
|
440
433
|
return _regenerator["default"].wrap(function _callee7$(_context7) {
|
|
@@ -446,7 +439,7 @@ var Alarm = /*#__PURE__*/function () {
|
|
|
446
439
|
resIdsList = resAndMetrics.resIdsList, nodeIdsList = resAndMetrics.nodeIdsList, linkIdsList = resAndMetrics.linkIdsList;
|
|
447
440
|
alarmDispatchers = this.topo.store.getModelDispatchers("topoAlarm"); // 添加事件
|
|
448
441
|
|
|
449
|
-
console.log("
|
|
442
|
+
console.log("handleAlarmEvent-接收到推送的原始告警信息", alertData);
|
|
450
443
|
|
|
451
444
|
if (!((0, _utils.isAvailableArray)(alertData) && (0, _utils.isAvailableArray)(resIdsList))) {
|
|
452
445
|
_context7.next = 25;
|
|
@@ -502,6 +495,13 @@ var Alarm = /*#__PURE__*/function () {
|
|
|
502
495
|
if (alarmIsOpened && !eqFlag) {
|
|
503
496
|
this.topo.loadAlarm(alarmlist);
|
|
504
497
|
this.hmGetTopoAlarm();
|
|
498
|
+
|
|
499
|
+
if (this.topo.viewProps.onAlarm) {
|
|
500
|
+
// 通知所有告警
|
|
501
|
+
this.topo.viewProps.onAlarm(sendAl.map(function (item) {
|
|
502
|
+
return item.obj;
|
|
503
|
+
}));
|
|
504
|
+
}
|
|
505
505
|
}
|
|
506
506
|
|
|
507
507
|
_context7.next = 25;
|
|
@@ -521,11 +521,11 @@ var Alarm = /*#__PURE__*/function () {
|
|
|
521
521
|
}, _callee7, this, [[13, 22]]);
|
|
522
522
|
}));
|
|
523
523
|
|
|
524
|
-
function
|
|
525
|
-
return
|
|
524
|
+
function handleAlarmEvent(_x5) {
|
|
525
|
+
return _handleAlarmEvent.apply(this, arguments);
|
|
526
526
|
}
|
|
527
527
|
|
|
528
|
-
return
|
|
528
|
+
return handleAlarmEvent;
|
|
529
529
|
}();
|
|
530
530
|
|
|
531
531
|
_proto.setAlarms = function setAlarms(alarmList) {
|
|
@@ -48,7 +48,7 @@ var _PluginManager = _interopRequireDefault(require("./PluginManager"));
|
|
|
48
48
|
var _topoFactory = _interopRequireDefault(require("./topoFactory"));
|
|
49
49
|
|
|
50
50
|
// eslint-disable-next-line no-undef
|
|
51
|
-
var version = typeof "
|
|
51
|
+
var version = typeof "3.0.0-a.2" === 'string' ? "3.0.0-a.2" : null;
|
|
52
52
|
console.info("\u62D3\u6251\u7248\u672C: " + version);
|
|
53
53
|
/**
|
|
54
54
|
* 拓扑显示和编辑
|
|
@@ -558,23 +558,27 @@ var Topo = /*#__PURE__*/function () {
|
|
|
558
558
|
switch (_context12.prev = _context12.next) {
|
|
559
559
|
case 0:
|
|
560
560
|
topoDispatchers = this.store.getModelDispatchers('topoMod');
|
|
561
|
-
|
|
561
|
+
_context12.next = 3;
|
|
562
|
+
return topoDispatchers.update({
|
|
562
563
|
viewState: 'edit'
|
|
563
564
|
});
|
|
564
565
|
|
|
566
|
+
case 3:
|
|
567
|
+
this.fitContent();
|
|
568
|
+
|
|
565
569
|
if (!this.options.onSwitchToEditModeBegin) {
|
|
566
|
-
_context12.next =
|
|
570
|
+
_context12.next = 7;
|
|
567
571
|
break;
|
|
568
572
|
}
|
|
569
573
|
|
|
570
|
-
_context12.next =
|
|
574
|
+
_context12.next = 7;
|
|
571
575
|
return this.options.onSwitchToEditModeBegin(this);
|
|
572
576
|
|
|
573
|
-
case
|
|
574
|
-
_context12.next =
|
|
577
|
+
case 7:
|
|
578
|
+
_context12.next = 9;
|
|
575
579
|
return this.view.switchToEditMode();
|
|
576
580
|
|
|
577
|
-
case
|
|
581
|
+
case 9:
|
|
578
582
|
(0, _edgeUtil.updateEdgeExpanded)(this);
|
|
579
583
|
editDispatchers = this.store.getModelDispatchers('topoConfig');
|
|
580
584
|
editDispatchers.switchToEditMode();
|
|
@@ -587,7 +591,7 @@ var Topo = /*#__PURE__*/function () {
|
|
|
587
591
|
iconManageDispatchers = this.store.getModelDispatchers('customIcon');
|
|
588
592
|
iconManageDispatchers.loadEditorIcons();
|
|
589
593
|
|
|
590
|
-
case
|
|
594
|
+
case 15:
|
|
591
595
|
case "end":
|
|
592
596
|
return _context12.stop();
|
|
593
597
|
}
|
|
@@ -15,8 +15,6 @@ var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/
|
|
|
15
15
|
|
|
16
16
|
var _topo = _interopRequireWildcard(require("@riil-frontend/component-topology-common/es/services/topo"));
|
|
17
17
|
|
|
18
|
-
var _topoData = require("../../utils/topoData");
|
|
19
|
-
|
|
20
18
|
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); }
|
|
21
19
|
|
|
22
20
|
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; }
|
|
@@ -33,14 +33,6 @@ var _resourceWebControllUrlSetting = _interopRequireDefault(require("../../model
|
|
|
33
33
|
|
|
34
34
|
var _topoBaseInfoOverview = _interopRequireDefault(require("../../models/topoBaseInfoOverview"));
|
|
35
35
|
|
|
36
|
-
var _topoCenter = _interopRequireDefault(require("../../topoCenter/store/topoCenter"));
|
|
37
|
-
|
|
38
|
-
var _functionAuth = _interopRequireDefault(require("../../topoCenter/store/functionAuth"));
|
|
39
|
-
|
|
40
|
-
var _topoLinkMod = _interopRequireDefault(require("../../topoCenter/store/topoLinkMod"));
|
|
41
|
-
|
|
42
|
-
var _topoTreeMod = _interopRequireDefault(require("../../topoCenter/store/topoTreeMod"));
|
|
43
|
-
|
|
44
36
|
var _default = {
|
|
45
37
|
topoMod: _topoMod["default"],
|
|
46
38
|
customIcon: _customIcon["default"],
|
|
@@ -48,7 +40,6 @@ var _default = {
|
|
|
48
40
|
resourceWebControllUrlSetting: _resourceWebControllUrlSetting["default"],
|
|
49
41
|
topoBizMod: _topoBizMod["default"],
|
|
50
42
|
topoConfig: _topoConfig["default"],
|
|
51
|
-
topoLinkMod: _topoLinkMod["default"],
|
|
52
43
|
topoView: _topoView["default"],
|
|
53
44
|
background: _background["default"],
|
|
54
45
|
topoGraphView: _topoGraphView["default"],
|
|
@@ -56,9 +47,6 @@ var _default = {
|
|
|
56
47
|
displayConfig: _displayConfig["default"],
|
|
57
48
|
topoBaseInfoOverview: _topoBaseInfoOverview["default"],
|
|
58
49
|
ciModel: _ciModel["default"],
|
|
59
|
-
|
|
60
|
-
topoEdit: _topoEdit["default"],
|
|
61
|
-
topoCenter: _topoCenter["default"],
|
|
62
|
-
topoTreeMod: _topoTreeMod["default"]
|
|
50
|
+
topoEdit: _topoEdit["default"]
|
|
63
51
|
};
|
|
64
52
|
exports["default"] = _default;
|
package/lib/hooks/usePolling.js
CHANGED
package/lib/models/topoAlarm.js
CHANGED
|
@@ -26,7 +26,7 @@ var _topoData = require("../utils/topoData");
|
|
|
26
26
|
/**
|
|
27
27
|
* 告警
|
|
28
28
|
*/
|
|
29
|
-
var showAlarmStatus = ["toDeal", "dealing"
|
|
29
|
+
var showAlarmStatus = ["toDeal", "dealing"];
|
|
30
30
|
var _default = {
|
|
31
31
|
// 定义 model 的初始 state
|
|
32
32
|
state: {
|
|
@@ -141,22 +141,14 @@ var _default = {
|
|
|
141
141
|
// );
|
|
142
142
|
|
|
143
143
|
if (showAlarmStatus.indexOf(item.status) >= 0) {
|
|
144
|
-
if (
|
|
145
|
-
var
|
|
144
|
+
if (doc[rid][sliceTag].level !== item.level) {
|
|
145
|
+
var _newArr = [].concat(doc[rid]);
|
|
146
146
|
|
|
147
|
-
|
|
148
|
-
var _newArr = [].concat(doc[rid]);
|
|
147
|
+
_newArr.splice(sliceTag, 1, item);
|
|
149
148
|
|
|
150
|
-
|
|
151
|
-
status: old.status
|
|
152
|
-
}));
|
|
149
|
+
doc[rid] = _newArr.sort(_topoData.sortList);
|
|
153
150
|
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
_rlog["default"].debug("告警级别变更", doc[rid], item);
|
|
157
|
-
} else {
|
|
158
|
-
_rlog["default"].debug("接收到异常的重复告警", item);
|
|
159
|
-
}
|
|
151
|
+
_rlog["default"].debug("告警变更", doc[rid], item);
|
|
160
152
|
} else {// rlog.debug("重复告警", item);
|
|
161
153
|
}
|
|
162
154
|
} else {
|
package/lib/models/topoBizMod.js
CHANGED
|
@@ -55,17 +55,16 @@ function _default(engine) {
|
|
|
55
55
|
var _this = this;
|
|
56
56
|
|
|
57
57
|
return (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee() {
|
|
58
|
-
var ciDoc,
|
|
58
|
+
var ciDoc, newCiDoc;
|
|
59
59
|
return _regenerator["default"].wrap(function _callee$(_context) {
|
|
60
60
|
while (1) {
|
|
61
61
|
switch (_context.prev = _context.next) {
|
|
62
62
|
case 0:
|
|
63
|
-
// const { res } = state.topoMod.resAndMetrics;
|
|
64
63
|
_this.update({
|
|
65
64
|
resAndMetrics: conditions
|
|
66
65
|
});
|
|
67
66
|
|
|
68
|
-
ciDoc = conditions.ciDoc
|
|
67
|
+
ciDoc = conditions.ciDoc;
|
|
69
68
|
newCiDoc = (0, _extends2["default"])({}, ciDoc); // rlog.debug('topoBizMod.combBatchCiInfo getBatchCiInfo', conditions);
|
|
70
69
|
|
|
71
70
|
_this.update({
|
|
@@ -117,43 +116,6 @@ function _default(engine) {
|
|
|
117
116
|
}, _callee2, null, [[1, 8]]);
|
|
118
117
|
}))();
|
|
119
118
|
},
|
|
120
|
-
// 初始化,统一获取指标和属性
|
|
121
|
-
getCiBizByIds: function getCiBizByIds(conditions, state) {
|
|
122
|
-
return (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee3() {
|
|
123
|
-
var _conditions$ciIds, _conditions$codes;
|
|
124
|
-
|
|
125
|
-
var _state$topoBizMod$res, resIdsList, metrics, ciIds, codes, metricResult, arrResult;
|
|
126
|
-
|
|
127
|
-
return _regenerator["default"].wrap(function _callee3$(_context3) {
|
|
128
|
-
while (1) {
|
|
129
|
-
switch (_context3.prev = _context3.next) {
|
|
130
|
-
case 0:
|
|
131
|
-
_state$topoBizMod$res = state.topoBizMod.resAndMetrics, resIdsList = _state$topoBizMod$res.resIdsList, metrics = _state$topoBizMod$res.metrics;
|
|
132
|
-
ciIds = encodeURIComponent((_conditions$ciIds = conditions === null || conditions === void 0 ? void 0 : conditions.ciIds) !== null && _conditions$ciIds !== void 0 ? _conditions$ciIds : resIdsList);
|
|
133
|
-
codes = encodeURIComponent((_conditions$codes = conditions === null || conditions === void 0 ? void 0 : conditions.codes) !== null && _conditions$codes !== void 0 ? _conditions$codes : metrics);
|
|
134
|
-
_context3.next = 5;
|
|
135
|
-
return (0, _metric.getLatestMetrics)(ciIds, codes);
|
|
136
|
-
|
|
137
|
-
case 5:
|
|
138
|
-
metricResult = _context3.sent;
|
|
139
|
-
_context3.next = 8;
|
|
140
|
-
return _topo["default"].getBatchCiArr(ciIds);
|
|
141
|
-
|
|
142
|
-
case 8:
|
|
143
|
-
arrResult = _context3.sent;
|
|
144
|
-
return _context3.abrupt("return", {
|
|
145
|
-
metricResult: metricResult,
|
|
146
|
-
arrResult: arrResult
|
|
147
|
-
});
|
|
148
|
-
|
|
149
|
-
case 10:
|
|
150
|
-
case "end":
|
|
151
|
-
return _context3.stop();
|
|
152
|
-
}
|
|
153
|
-
}
|
|
154
|
-
}, _callee3);
|
|
155
|
-
}))();
|
|
156
|
-
},
|
|
157
119
|
|
|
158
120
|
/**
|
|
159
121
|
* 设置属性和指标
|
package/lib/models/topoConfig.js
CHANGED
|
@@ -367,7 +367,7 @@ function _default(topoApp) {
|
|
|
367
367
|
engine: topoApp,
|
|
368
368
|
data: data,
|
|
369
369
|
linkTo: null,
|
|
370
|
-
globalConfig: state.
|
|
370
|
+
globalConfig: state.topoMod.globalConfig,
|
|
371
371
|
ciTypeMap: ciTypeMap
|
|
372
372
|
}), topoData = _combTopoData.topoData, resAndMetrics = _combTopoData.resAndMetrics;
|
|
373
373
|
dispatch.topoMod.update({
|