@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.
Files changed (90) 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 +31 -43
  22. package/es/core/models/Alarm.js +69 -142
  23. package/es/core/models/AttributeMetricDisplay.js +9 -3
  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/topoData.js +0 -1
  28. package/es/core/models/utils/linkUtils.js +20 -13
  29. package/es/core/services/topo/basic.js +2 -2
  30. package/es/core/store/models/topoConfig.js +7 -10
  31. package/es/core/store/models/topoMod.js +81 -134
  32. package/es/core/utils/edgeUtil.js +8 -0
  33. package/es/core/utils/metricUtil.js +8 -4
  34. package/es/core/utils/showGraphManageStatusUtil.js +3 -2
  35. package/es/core/viewer/components/plugins/ResourceDetail/components/ResourceOverview/components/LinkTopo/LinkTopoCard.js +2 -2
  36. package/es/core/viewer/components/plugins/ViewerPlugin.js +3 -1
  37. package/es/core/viewer/components/titlebar/widgets/AlarmButton.js +1 -5
  38. package/es/networkTopo/components/TopoView.js +6 -11
  39. package/es/networkTopo/hooks/useEdgeExpand.js +2 -3
  40. package/es/networkTopo/services/topo/basic.js +3 -3
  41. package/es/networkTopo/store/topoCenter.js +260 -223
  42. package/es/style.js +1 -1
  43. package/es/utils/ResourceConfigUtil.js +3 -36
  44. package/es/utils/ciRefAttributeTranslateUtil.d.ts +9 -2
  45. package/es/utils/ciRefAttributeTranslateUtil.js +8 -9
  46. package/es/utils/topoData.js +1 -1
  47. package/lib/components/TemplateButton/index.module.scss +1 -1
  48. package/lib/core/components/AlarmListPanel/components/AlarmListItem.js +60 -3
  49. package/lib/core/components/TopoView/topoView.js +5 -1
  50. package/lib/core/editor/components/Toolbar/widgets/EdgeColorButton/EdgeColorButton.js +6 -12
  51. package/lib/core/editor/components/Toolbar/widgets/EdgeTypeButton/EdgeType.js +27 -9
  52. package/lib/core/editor/components/Toolbar/widgets/EdgeTypeButton/EdgeType.module.scss +21 -1
  53. package/lib/core/editor/components/Toolbar/widgets/EdgeTypeButton/LineType.js +8 -0
  54. package/lib/core/editor/components/Toolbar/widgets/EdgeTypeButton/index.js +1 -1
  55. package/lib/core/editor/components/Toolbar/widgets/Layout/index.js +16 -2
  56. package/lib/core/editor/hooks/useKeyboardShortcut.js +2 -0
  57. package/lib/core/editor/utils/copyElementUtil.js +15 -0
  58. package/lib/core/editor/utils/edgeTypeStyleUtil.js +8 -31
  59. package/lib/core/hooks/useAlarm.js +130 -79
  60. package/lib/core/hooks/useCmpLinkAlarm.js +166 -0
  61. package/lib/core/hooks/useEventData.js +1 -2
  62. package/lib/core/hooks/useGraphAlarmDisplay.js +91 -55
  63. package/lib/core/hooks/useResourceConfig.js +1 -3
  64. package/lib/core/hooks/useTopoEdit.js +30 -42
  65. package/lib/core/models/Alarm.js +69 -144
  66. package/lib/core/models/AttributeMetricDisplay.js +10 -2
  67. package/lib/core/models/TopoApp.js +1 -1
  68. package/lib/core/models/cache/CiCache.d.ts +1 -1
  69. package/lib/core/models/cache/CiCache.js +3 -3
  70. package/lib/core/models/topoData.js +0 -1
  71. package/lib/core/models/utils/linkUtils.js +21 -13
  72. package/lib/core/services/topo/basic.js +2 -2
  73. package/lib/core/store/models/topoConfig.js +7 -10
  74. package/lib/core/store/models/topoMod.js +81 -134
  75. package/lib/core/utils/edgeUtil.js +10 -0
  76. package/lib/core/utils/metricUtil.js +8 -4
  77. package/lib/core/utils/showGraphManageStatusUtil.js +3 -2
  78. package/lib/core/viewer/components/plugins/ResourceDetail/components/ResourceOverview/components/LinkTopo/LinkTopoCard.js +2 -2
  79. package/lib/core/viewer/components/plugins/ViewerPlugin.js +3 -1
  80. package/lib/core/viewer/components/titlebar/widgets/AlarmButton.js +1 -5
  81. package/lib/networkTopo/components/TopoView.js +5 -14
  82. package/lib/networkTopo/hooks/useEdgeExpand.js +2 -3
  83. package/lib/networkTopo/services/topo/basic.js +3 -3
  84. package/lib/networkTopo/store/topoCenter.js +262 -225
  85. package/lib/style.js +1 -1
  86. package/lib/utils/ResourceConfigUtil.js +3 -38
  87. package/lib/utils/ciRefAttributeTranslateUtil.d.ts +9 -2
  88. package/lib/utils/ciRefAttributeTranslateUtil.js +8 -9
  89. package/lib/utils/topoData.js +1 -1
  90. 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
- if (metricModel.dict && !_DictCache["default"].getDictObject()[metricModel.code]) {
28
- val = metricModel.dict[val];
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: _DictCache["default"].getDictObject(),
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 = !hasAlarm(id) && isNotMonite && readable;
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.name + "&num=0";
45
- var linkDetailsUrl = "/default/pagecenter/linkDetail/view/" + data.id + "?resId=" + data.id + "&domainCode=network&title=" + data.attributes.name + "&ciCode=network_link&tabByComType=uicbb-res-crucial-link-flow";
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 = _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) {