@riil-frontend/component-topology 12.0.0-dev.8 → 12.1.0-dev.1

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 (98) hide show
  1. package/build/1.js +1 -1
  2. package/build/index.css +1 -1
  3. package/build/index.js +14 -14
  4. package/es/components/TemplateButton/index.module.scss +1 -1
  5. package/es/core/components/AlarmListPanel/components/AlarmListItem.js +58 -3
  6. package/es/core/components/TopoView/topoView.js +5 -1
  7. package/es/core/editor/components/Toolbar/widgets/EdgeColorButton/EdgeColorButton.js +5 -12
  8. package/es/core/editor/components/Toolbar/widgets/EdgeTypeButton/EdgeType.js +27 -10
  9. package/es/core/editor/components/Toolbar/widgets/EdgeTypeButton/EdgeType.module.scss +21 -1
  10. package/es/core/editor/components/Toolbar/widgets/EdgeTypeButton/LineType.js +9 -0
  11. package/es/core/editor/components/Toolbar/widgets/EdgeTypeButton/index.js +2 -2
  12. package/es/core/editor/components/Toolbar/widgets/Layout/index.js +16 -2
  13. package/es/core/editor/hooks/useKeyboardShortcut.js +3 -1
  14. package/es/core/editor/utils/copyElementUtil.js +12 -0
  15. package/es/core/editor/utils/edgeTypeStyleUtil.js +8 -30
  16. package/es/core/hooks/useAlarm.js +131 -81
  17. package/es/core/hooks/useCmpLinkAlarm.js +153 -0
  18. package/es/core/hooks/useEventData.js +1 -2
  19. package/es/core/hooks/useGraphAlarmDisplay.js +91 -56
  20. package/es/core/hooks/useResourceConfig.js +1 -3
  21. package/es/core/hooks/useTopoEdit.js +51 -58
  22. package/es/core/models/Alarm.js +69 -142
  23. package/es/core/models/AttributeMetricDisplay.js +14 -5
  24. package/es/core/models/TopoApp.js +1 -1
  25. package/es/core/models/cache/CiCache.d.ts +1 -1
  26. package/es/core/models/cache/CiCache.js +3 -3
  27. package/es/core/models/cache/CiTypeCache.js +4 -0
  28. package/es/core/models/topoData.js +0 -1
  29. package/es/core/models/utils/linkUtils.js +20 -13
  30. package/es/core/services/index.js +1 -1
  31. package/es/core/services/topo/basic.js +2 -2
  32. package/es/core/store/models/topoConfig.js +7 -10
  33. package/es/core/store/models/topoMod.js +81 -134
  34. package/es/core/utils/edgeUtil.js +8 -0
  35. package/es/core/utils/metricUtil.js +8 -4
  36. package/es/core/utils/showGraphManageStatusUtil.js +3 -2
  37. package/es/core/viewer/components/plugins/ResourceDetail/components/ResourceOverview/EventsCard.js +12 -13
  38. package/es/core/viewer/components/plugins/ResourceDetail/components/ResourceOverview/components/LinkTopo/LinkTopoCard.js +2 -2
  39. package/es/core/viewer/components/plugins/ResourceDetail/components/ResourceOverview/hooks/useAlarmAndRiskData.js +20 -18
  40. package/es/core/viewer/components/plugins/ViewerPlugin.js +3 -1
  41. package/es/core/viewer/components/titlebar/widgets/AlarmButton.js +1 -5
  42. package/es/networkTopo/components/TopoView.js +6 -11
  43. package/es/networkTopo/hooks/useEdgeExpand.js +2 -3
  44. package/es/networkTopo/services/topo/basic.js +3 -3
  45. package/es/networkTopo/store/topoCenter.js +260 -223
  46. package/es/style.js +1 -1
  47. package/es/utils/ResourceConfigUtil.js +3 -36
  48. package/es/utils/ciRefAttributeTranslateUtil.d.ts +19 -0
  49. package/es/utils/ciRefAttributeTranslateUtil.js +155 -0
  50. package/es/utils/topoData.js +4 -2
  51. package/lib/components/TemplateButton/index.module.scss +1 -1
  52. package/lib/core/components/AlarmListPanel/components/AlarmListItem.js +60 -3
  53. package/lib/core/components/TopoView/topoView.js +5 -1
  54. package/lib/core/editor/components/Toolbar/widgets/EdgeColorButton/EdgeColorButton.js +6 -12
  55. package/lib/core/editor/components/Toolbar/widgets/EdgeTypeButton/EdgeType.js +27 -9
  56. package/lib/core/editor/components/Toolbar/widgets/EdgeTypeButton/EdgeType.module.scss +21 -1
  57. package/lib/core/editor/components/Toolbar/widgets/EdgeTypeButton/LineType.js +8 -0
  58. package/lib/core/editor/components/Toolbar/widgets/EdgeTypeButton/index.js +1 -1
  59. package/lib/core/editor/components/Toolbar/widgets/Layout/index.js +16 -2
  60. package/lib/core/editor/hooks/useKeyboardShortcut.js +2 -0
  61. package/lib/core/editor/utils/copyElementUtil.js +15 -0
  62. package/lib/core/editor/utils/edgeTypeStyleUtil.js +8 -31
  63. package/lib/core/hooks/useAlarm.js +130 -79
  64. package/lib/core/hooks/useCmpLinkAlarm.js +166 -0
  65. package/lib/core/hooks/useEventData.js +1 -2
  66. package/lib/core/hooks/useGraphAlarmDisplay.js +91 -55
  67. package/lib/core/hooks/useResourceConfig.js +1 -3
  68. package/lib/core/hooks/useTopoEdit.js +50 -57
  69. package/lib/core/models/Alarm.js +69 -144
  70. package/lib/core/models/AttributeMetricDisplay.js +16 -4
  71. package/lib/core/models/TopoApp.js +1 -1
  72. package/lib/core/models/cache/CiCache.d.ts +1 -1
  73. package/lib/core/models/cache/CiCache.js +3 -3
  74. package/lib/core/models/cache/CiTypeCache.js +4 -0
  75. package/lib/core/models/topoData.js +0 -1
  76. package/lib/core/models/utils/linkUtils.js +21 -13
  77. package/lib/core/services/index.js +1 -1
  78. package/lib/core/services/topo/basic.js +2 -2
  79. package/lib/core/store/models/topoConfig.js +7 -10
  80. package/lib/core/store/models/topoMod.js +81 -134
  81. package/lib/core/utils/edgeUtil.js +10 -0
  82. package/lib/core/utils/metricUtil.js +8 -4
  83. package/lib/core/utils/showGraphManageStatusUtil.js +3 -2
  84. package/lib/core/viewer/components/plugins/ResourceDetail/components/ResourceOverview/EventsCard.js +12 -13
  85. package/lib/core/viewer/components/plugins/ResourceDetail/components/ResourceOverview/components/LinkTopo/LinkTopoCard.js +2 -2
  86. package/lib/core/viewer/components/plugins/ResourceDetail/components/ResourceOverview/hooks/useAlarmAndRiskData.js +20 -18
  87. package/lib/core/viewer/components/plugins/ViewerPlugin.js +3 -1
  88. package/lib/core/viewer/components/titlebar/widgets/AlarmButton.js +1 -5
  89. package/lib/networkTopo/components/TopoView.js +5 -14
  90. package/lib/networkTopo/hooks/useEdgeExpand.js +2 -3
  91. package/lib/networkTopo/services/topo/basic.js +3 -3
  92. package/lib/networkTopo/store/topoCenter.js +262 -225
  93. package/lib/style.js +1 -1
  94. package/lib/utils/ResourceConfigUtil.js +3 -38
  95. package/lib/utils/ciRefAttributeTranslateUtil.d.ts +19 -0
  96. package/lib/utils/ciRefAttributeTranslateUtil.js +168 -0
  97. package/lib/utils/topoData.js +4 -2
  98. package/package.json +3 -3
@@ -46,7 +46,7 @@ var useAlarmAndRiskData = function useAlarmAndRiskData(props) {
46
46
  while (1) switch (_context.prev = _context.next) {
47
47
  case 0:
48
48
  if (!isAppTopo) {
49
- _context.next = 9;
49
+ _context.next = 10;
50
50
  break;
51
51
  }
52
52
 
@@ -61,27 +61,29 @@ var useAlarmAndRiskData = function useAlarmAndRiskData(props) {
61
61
  alarmList = _yield$resourceOvervi2.alarms;
62
62
  alarmList = ((_alarmList = alarmList) === null || _alarmList === void 0 ? void 0 : _alarmList.map(function (item) {
63
63
  return {
64
- type: 'alarm',
65
- icon: 'gaojing-3',
64
+ alarmInfo: item,
65
+ type: "alarm",
66
+ icon: "gaojing-3",
66
67
  className: "alarm-color-icon-lv" + item.alertLevel,
67
68
  title: "[" + item.alertObject + "] " + item.alertTitle,
68
- link: "/default/pagecenter/alertDetail/view/" + item.alertId + "?alertId=" + item.alertId + "&resId=" + item.ciId + "&title=" + item.alertObject + "&ruleId=" + item.ruleId,
69
+ link: "/default/pagecenter/alertDetail/view/" + item.alertId + "?alertId=" + item.alertId + "&resId=" + item.ciId + "&title=" + encodeURI(encodeURI(item.alertObject)) + "&ruleId=" + item.ruleId,
69
70
  time: item.createTime,
70
71
  status: item.status,
71
72
  params: [{
72
73
  alertId: item.alertId,
73
- status: 'dealing',
74
+ status: "dealing",
74
75
  userId: userId,
75
76
  isBaseAlert: false
76
77
  }]
77
78
  };
78
79
  })) || [];
80
+ console.log("setAlarmRiskList", alarmList);
79
81
  setAlarmRiskList(alarmList);
80
- _context.next = 24;
82
+ _context.next = 25;
81
83
  break;
82
84
 
83
- case 9:
84
- _context.next = 11;
85
+ case 10:
86
+ _context.next = 12;
85
87
  return _alarm["default"].getAlarmByIds([id].concat(childrenIds), {
86
88
  alertStatusList: ['toDeal', 'woDealing', 'dealing'],
87
89
  // toDeal: 待处理, dealing:处理中
@@ -91,7 +93,7 @@ var useAlarmAndRiskData = function useAlarmAndRiskData(props) {
91
93
  sortOrder: 'asc'
92
94
  });
93
95
 
94
- case 11:
96
+ case 12:
95
97
  _yield$alarmService$g2 = _context.sent;
96
98
  _alarmList2 = _yield$alarmService$g2.datas;
97
99
  // 2022-07-16 后端不支持多列排序,暂通过前端实现,按创建时间倒序
@@ -100,28 +102,28 @@ var useAlarmAndRiskData = function useAlarmAndRiskData(props) {
100
102
  });
101
103
  _alarmList2 = _alarmList2.map(function (item) {
102
104
  return {
103
- type: 'alarm',
104
- icon: 'gaojing-3',
105
+ type: "alarm",
106
+ icon: "gaojing-3",
105
107
  className: "alarm-color-icon-lv" + item.alertLevel,
106
108
  title: "" + item.alertObject + item.alertTitle,
107
- link: "/default/pagecenter/alertDetail/view/" + item.alertId + "?alertId=" + item.alertId + "&resId=" + item.ciId + "&title=" + item.alertObject + "&ruleId=" + item.ruleId,
109
+ link: "/default/pagecenter/alertDetail/view/" + item.alertId + "?alertId=" + item.alertId + "&resId=" + item.ciId + "&title=" + encodeURI(encodeURI(item.alertObject)) + "&ruleId=" + item.ruleId,
108
110
  time: item.createTime,
109
111
  status: item.status,
110
112
  params: [{
111
113
  alertId: item.alertId,
112
- status: 'dealing',
114
+ status: "dealing",
113
115
  userId: userId,
114
116
  isBaseAlert: false
115
117
  }]
116
118
  };
117
119
  }); // fix NEWITOM-33635【南昌大学】网络拓扑上双击设备拉开的抽屉中无法看到风险
118
120
 
119
- _context.next = 17;
121
+ _context.next = 18;
120
122
  return _overview["default"].queryAllComponentsByCiId(id);
121
123
 
122
- case 17:
124
+ case 18:
123
125
  AllComponentsByCiId = _context.sent;
124
- _context.next = 20;
126
+ _context.next = 21;
125
127
  return _overview["default"].getRiskByIds({
126
128
  ciIdList: [id].concat(childrenIds, AllComponentsByCiId.map(function (item) {
127
129
  return item.id;
@@ -131,7 +133,7 @@ var useAlarmAndRiskData = function useAlarmAndRiskData(props) {
131
133
  pageSize: 10000
132
134
  });
133
135
 
134
- case 20:
136
+ case 21:
135
137
  _yield$service$getRis2 = _context.sent;
136
138
  riskList = _yield$service$getRis2.content;
137
139
  riskList = riskList.map(function (item) {
@@ -147,7 +149,7 @@ var useAlarmAndRiskData = function useAlarmAndRiskData(props) {
147
149
 
148
150
  setAlarmRiskList([].concat(_alarmList2, riskList));
149
151
 
150
- case 24:
152
+ case 25:
151
153
  case "end":
152
154
  return _context.stop();
153
155
  }
@@ -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 = _interopRequireWildcard(require("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
- 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); }
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
- (0, _useEdgeExpand["default"])({
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
- } // if (loading) {
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
- (0, _edgeUtil.updateEdgeExpanded)(topo);
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", "exportLinkIdList"];
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, exportLinkIdList, otherConfig, newGroups, obj;
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, exportLinkIdList = config.exportLinkIdList, otherConfig = (0, _objectWithoutPropertiesLoose2["default"])(config, _excluded);
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) {