@riil-frontend/component-topology 12.0.0-dev.9 → 12.1.0-dev.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/1.js +1 -1
- package/build/index.css +1 -1
- package/build/index.js +14 -14
- package/es/components/TemplateButton/index.module.scss +1 -1
- package/es/core/components/AlarmListPanel/components/AlarmListItem.js +58 -3
- package/es/core/components/TopoView/topoView.js +5 -1
- package/es/core/editor/components/Toolbar/widgets/EdgeColorButton/EdgeColorButton.js +5 -12
- package/es/core/editor/components/Toolbar/widgets/EdgeTypeButton/EdgeType.js +27 -10
- package/es/core/editor/components/Toolbar/widgets/EdgeTypeButton/EdgeType.module.scss +21 -1
- package/es/core/editor/components/Toolbar/widgets/EdgeTypeButton/LineType.js +9 -0
- package/es/core/editor/components/Toolbar/widgets/EdgeTypeButton/index.js +2 -2
- package/es/core/editor/components/Toolbar/widgets/Layout/index.js +16 -2
- package/es/core/editor/hooks/useKeyboardShortcut.js +3 -1
- package/es/core/editor/utils/copyElementUtil.js +12 -0
- package/es/core/editor/utils/edgeTypeStyleUtil.js +8 -30
- package/es/core/hooks/useAlarm.js +131 -81
- package/es/core/hooks/useCmpLinkAlarm.js +153 -0
- package/es/core/hooks/useEventData.js +1 -2
- package/es/core/hooks/useGraphAlarmDisplay.js +91 -56
- package/es/core/hooks/useResourceConfig.js +1 -3
- package/es/core/hooks/useTopoEdit.js +31 -43
- package/es/core/models/Alarm.js +69 -142
- package/es/core/models/AttributeMetricDisplay.js +9 -3
- package/es/core/models/TopoApp.js +1 -1
- package/es/core/models/cache/CiCache.d.ts +1 -1
- package/es/core/models/cache/CiCache.js +3 -3
- package/es/core/models/topoData.js +0 -1
- package/es/core/models/utils/linkUtils.js +20 -13
- package/es/core/services/topo/basic.js +2 -2
- package/es/core/store/models/topoConfig.js +7 -10
- package/es/core/store/models/topoMod.js +81 -134
- package/es/core/utils/edgeUtil.js +8 -0
- package/es/core/utils/metricUtil.js +8 -4
- package/es/core/utils/showGraphManageStatusUtil.js +3 -2
- package/es/core/viewer/components/plugins/ResourceDetail/components/ResourceOverview/components/LinkTopo/LinkTopoCard.js +2 -2
- package/es/core/viewer/components/plugins/ViewerPlugin.js +3 -1
- package/es/core/viewer/components/titlebar/widgets/AlarmButton.js +1 -5
- package/es/networkTopo/components/TopoView.js +6 -11
- package/es/networkTopo/hooks/useEdgeExpand.js +2 -3
- package/es/networkTopo/services/topo/basic.js +3 -3
- package/es/networkTopo/store/topoCenter.js +260 -223
- package/es/style.js +1 -1
- package/es/utils/ResourceConfigUtil.js +3 -36
- package/es/utils/ciRefAttributeTranslateUtil.d.ts +9 -2
- package/es/utils/ciRefAttributeTranslateUtil.js +8 -9
- package/es/utils/topoData.js +1 -1
- package/lib/components/TemplateButton/index.module.scss +1 -1
- package/lib/core/components/AlarmListPanel/components/AlarmListItem.js +60 -3
- package/lib/core/components/TopoView/topoView.js +5 -1
- package/lib/core/editor/components/Toolbar/widgets/EdgeColorButton/EdgeColorButton.js +6 -12
- package/lib/core/editor/components/Toolbar/widgets/EdgeTypeButton/EdgeType.js +27 -9
- package/lib/core/editor/components/Toolbar/widgets/EdgeTypeButton/EdgeType.module.scss +21 -1
- package/lib/core/editor/components/Toolbar/widgets/EdgeTypeButton/LineType.js +8 -0
- package/lib/core/editor/components/Toolbar/widgets/EdgeTypeButton/index.js +1 -1
- package/lib/core/editor/components/Toolbar/widgets/Layout/index.js +16 -2
- package/lib/core/editor/hooks/useKeyboardShortcut.js +2 -0
- package/lib/core/editor/utils/copyElementUtil.js +15 -0
- package/lib/core/editor/utils/edgeTypeStyleUtil.js +8 -31
- package/lib/core/hooks/useAlarm.js +130 -79
- package/lib/core/hooks/useCmpLinkAlarm.js +166 -0
- package/lib/core/hooks/useEventData.js +1 -2
- package/lib/core/hooks/useGraphAlarmDisplay.js +91 -55
- package/lib/core/hooks/useResourceConfig.js +1 -3
- package/lib/core/hooks/useTopoEdit.js +30 -42
- package/lib/core/models/Alarm.js +69 -144
- package/lib/core/models/AttributeMetricDisplay.js +10 -2
- package/lib/core/models/TopoApp.js +1 -1
- package/lib/core/models/cache/CiCache.d.ts +1 -1
- package/lib/core/models/cache/CiCache.js +3 -3
- package/lib/core/models/topoData.js +0 -1
- package/lib/core/models/utils/linkUtils.js +21 -13
- package/lib/core/services/topo/basic.js +2 -2
- package/lib/core/store/models/topoConfig.js +7 -10
- package/lib/core/store/models/topoMod.js +81 -134
- package/lib/core/utils/edgeUtil.js +10 -0
- package/lib/core/utils/metricUtil.js +8 -4
- package/lib/core/utils/showGraphManageStatusUtil.js +3 -2
- package/lib/core/viewer/components/plugins/ResourceDetail/components/ResourceOverview/components/LinkTopo/LinkTopoCard.js +2 -2
- package/lib/core/viewer/components/plugins/ViewerPlugin.js +3 -1
- package/lib/core/viewer/components/titlebar/widgets/AlarmButton.js +1 -5
- package/lib/networkTopo/components/TopoView.js +5 -14
- package/lib/networkTopo/hooks/useEdgeExpand.js +2 -3
- package/lib/networkTopo/services/topo/basic.js +3 -3
- package/lib/networkTopo/store/topoCenter.js +262 -225
- package/lib/style.js +1 -1
- package/lib/utils/ResourceConfigUtil.js +3 -38
- package/lib/utils/ciRefAttributeTranslateUtil.d.ts +9 -2
- package/lib/utils/ciRefAttributeTranslateUtil.js +8 -9
- package/lib/utils/topoData.js +1 -1
- package/package.json +2 -2
@@ -5,6 +5,8 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
|
|
5
5
|
exports.__esModule = true;
|
6
6
|
exports.formatMetric = formatMetric;
|
7
7
|
|
8
|
+
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
9
|
+
|
8
10
|
var _utils = require("@riil-frontend/utils");
|
9
11
|
|
10
12
|
var _DictCache = _interopRequireDefault(require("../models/cache/DictCache"));
|
@@ -23,16 +25,18 @@ function formatMetric(val, metricModel) {
|
|
23
25
|
if (metricModel) {
|
24
26
|
var _result$value;
|
25
27
|
|
26
|
-
// 分级字典特殊处理
|
27
|
-
|
28
|
-
|
28
|
+
var dictObject = (0, _extends2["default"])({}, _DictCache["default"].getDictObject()); // 分级字典特殊处理
|
29
|
+
|
30
|
+
if (metricModel.dict) {
|
31
|
+
// val = metricModel.dict[val]
|
32
|
+
dictObject[metricModel.code] = metricModel.dict;
|
29
33
|
}
|
30
34
|
|
31
35
|
var result = (0, _utils.metricValueFormat)({
|
32
36
|
value: val,
|
33
37
|
dataType: metricModel.dataType,
|
34
38
|
changeValue: metricModel.changeValue,
|
35
|
-
dict:
|
39
|
+
dict: dictObject,
|
36
40
|
unit: metricModel.unit,
|
37
41
|
code: metricModel.code
|
38
42
|
});
|
@@ -14,6 +14,7 @@ function showManageStatus(options) {
|
|
14
14
|
var topo = options.topo,
|
15
15
|
resources = options.resources,
|
16
16
|
graphLoaded = options.graphLoaded,
|
17
|
+
alarmSwitch = options.alarmSwitch,
|
17
18
|
cisEventLevel = options.cisEventLevel;
|
18
19
|
|
19
20
|
var hasAlarm = function hasAlarm(id) {
|
@@ -30,9 +31,9 @@ function showManageStatus(options) {
|
|
30
31
|
manageStatus = resource.manageStatus,
|
31
32
|
permission = resource.permission;
|
32
33
|
var isNotMonite = manageStatus === 0;
|
33
|
-
var readable = !!(permission !== null && permission !== void 0 && permission.readable); //
|
34
|
+
var readable = !!(permission !== null && permission !== void 0 && permission.readable); // 未监控 && 有查看权限 && (告警静默 || 没有告警),才显示未监控状态
|
34
35
|
|
35
|
-
var showUnMoniteStatus =
|
36
|
+
var showUnMoniteStatus = isNotMonite && readable && (alarmSwitch === false || !hasAlarm(id));
|
36
37
|
var element = topo.getDataModel().getDataByTag(id);
|
37
38
|
if (!element) return; // ht元素设置是否显示监控状态,是否展示,用于缩小色块时显示未监控颜色
|
38
39
|
|
@@ -41,8 +41,8 @@ function LinkTopoCard(props) {
|
|
41
41
|
openFlow = _useState[0],
|
42
42
|
setOpenFlow = _useState[1];
|
43
43
|
|
44
|
-
var analysisUrl = "../../default/trafficControl/linkConfigure?id=" + data.attributes.
|
45
|
-
var linkDetailsUrl = "/default/pagecenter/linkDetail/view/" + data.id + "?resId=" + data.id + "&domainCode=network&title=" + data.attributes.
|
44
|
+
var analysisUrl = "../../default/trafficControl/linkConfigure?id=" + encodeURIComponent(data.attributes.display_name) + "&num=0";
|
45
|
+
var linkDetailsUrl = "/default/pagecenter/linkDetail/view/" + data.id + "?resId=" + data.id + "&domainCode=network&title=" + encodeURIComponent(data.attributes.display_name) + "&ciCode=network_link&tabByComType=uicbb-res-crucial-link-flow";
|
46
46
|
|
47
47
|
var isOpenFlows = /*#__PURE__*/function () {
|
48
48
|
var _ref = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee() {
|
@@ -21,8 +21,10 @@ function ViewerPlugin(props) {
|
|
21
21
|
var topo = props.topo,
|
22
22
|
viewerProps = props.viewerProps;
|
23
23
|
var store = topo.store;
|
24
|
+
var alarmInfoDoc = viewerProps.alarmInfoDoc;
|
24
25
|
(0, _useAlarm["default"])({
|
25
|
-
topo: topo
|
26
|
+
topo: topo,
|
27
|
+
alarmInfoDoc: alarmInfoDoc
|
26
28
|
});
|
27
29
|
(0, _useManageStatus["default"])({
|
28
30
|
topo: topo
|
@@ -15,11 +15,7 @@ var _useEventData = _interopRequireDefault(require("../../../../hooks/useEventDa
|
|
15
15
|
|
16
16
|
function AlarmButton(props) {
|
17
17
|
var topo = props.topo;
|
18
|
-
|
19
|
-
var _topo$store$useModel = topo.store.useModel("topoAlarm"),
|
20
|
-
alarmState = _topo$store$useModel[0],
|
21
|
-
alarmDispatchers = _topo$store$useModel[1];
|
22
|
-
|
18
|
+
var alarmState = topo.store.useModelState("topoAlarm");
|
23
19
|
var alarmPanelIsOpen = alarmState.alarmPanelIsOpen;
|
24
20
|
var alarmData = (0, _useEventData["default"])({
|
25
21
|
topo: topo
|
@@ -11,7 +11,7 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
|
|
11
11
|
|
12
12
|
var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
|
13
13
|
|
14
|
-
var _react =
|
14
|
+
var _react = _interopRequireDefault(require("react"));
|
15
15
|
|
16
16
|
var _index = _interopRequireDefault(require("@riil-frontend/component-topology-common/es/components/NoDataPage/index"));
|
17
17
|
|
@@ -31,13 +31,9 @@ var _useRelateTopo = _interopRequireDefault(require("../hooks/viewer/useRelateTo
|
|
31
31
|
|
32
32
|
var _useEdgeFlow = _interopRequireDefault(require("../hooks/viewer/useEdgeFlow"));
|
33
33
|
|
34
|
-
var _useEdgeExpand = _interopRequireDefault(require("../hooks/useEdgeExpand"));
|
35
|
-
|
36
34
|
var _excluded = ["topo", "viewerProps", "titleBar", "nodataPage", "notfoundPageProps", "noPermissionPageProps"];
|
37
35
|
|
38
|
-
|
39
|
-
|
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; }
|
36
|
+
// import useEdgeExpand from "../hooks/useEdgeExpand";
|
41
37
|
|
42
38
|
/**
|
43
39
|
* 拓扑组件。变化无权限、无数据显示
|
@@ -60,10 +56,8 @@ function NetworkTopologyCore(props) {
|
|
60
56
|
});
|
61
57
|
(0, _useEdgeFlow["default"])({
|
62
58
|
topo: topo
|
63
|
-
});
|
64
|
-
|
65
|
-
topo: topo
|
66
|
-
});
|
59
|
+
}); // useEdgeExpand({ topo })
|
60
|
+
|
67
61
|
var relateTopo = (0, _useRelateTopo["default"])({
|
68
62
|
topo: topo
|
69
63
|
});
|
@@ -92,10 +86,7 @@ function NetworkTopologyCore(props) {
|
|
92
86
|
});
|
93
87
|
} else if (!topoId) {
|
94
88
|
return null;
|
95
|
-
}
|
96
|
-
// return null;
|
97
|
-
// }
|
98
|
-
|
89
|
+
}
|
99
90
|
|
100
91
|
if (!loading) {
|
101
92
|
// 加载完成后
|
@@ -23,9 +23,8 @@ function useEdgeExpand(props) {
|
|
23
23
|
data = e.data;
|
24
24
|
|
25
25
|
if (data instanceof ht.Group && property === 'expanded') {
|
26
|
-
|
27
|
-
setTimeout(function () {
|
28
|
-
(0, _edgeUtil.updateEdgeExpanded)(topo);
|
26
|
+
// updateEdgeExpanded(topo)
|
27
|
+
setTimeout(function () {// updateEdgeExpanded(topo)
|
29
28
|
}, 100);
|
30
29
|
}
|
31
30
|
}
|
@@ -23,7 +23,7 @@ var _model = require("../model");
|
|
23
23
|
|
24
24
|
var _exitLinkUtil = require("../../utils/exitLinkUtil");
|
25
25
|
|
26
|
-
var _excluded = ["groups", "resources"
|
26
|
+
var _excluded = ["groups", "resources"];
|
27
27
|
var API_ROOT = _constants.TOPO_API_ROOT;
|
28
28
|
/**
|
29
29
|
* 拓扑图(看做一个容器)的“父容器”ID
|
@@ -480,11 +480,11 @@ var _default = (0, _extends2["default"])({
|
|
480
480
|
*/
|
481
481
|
bindResourceToTopo: function bindResourceToTopo(id, config) {
|
482
482
|
return (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee14() {
|
483
|
-
var groups, resources,
|
483
|
+
var groups, resources, otherConfig, newGroups, obj;
|
484
484
|
return _regenerator["default"].wrap(function _callee14$(_context14) {
|
485
485
|
while (1) switch (_context14.prev = _context14.next) {
|
486
486
|
case 0:
|
487
|
-
groups = config.groups, resources = config.resources,
|
487
|
+
groups = config.groups, resources = config.resources, otherConfig = (0, _objectWithoutPropertiesLoose2["default"])(config, _excluded);
|
488
488
|
newGroups = Array.isArray(groups) ? groups : [];
|
489
489
|
|
490
490
|
if (resources) {
|