@riil-frontend/component-topology 13.0.0-dev.1 → 13.0.0-dev.3

Sign up to get free protection for your applications and to get access to all the features.
Files changed (73) hide show
  1. package/build/1.js +1 -1
  2. package/build/index.js +14 -14
  3. package/es/components/ResourceSelectDrawer/ResourceSelectDrawer.js +1 -1
  4. package/es/core/components/TopoView/topoView.js +7 -4
  5. package/es/core/editor/components/Toolbar/widgets/EdgeColorButton/EdgeColorButton.js +2 -2
  6. package/es/core/editor/components/Toolbar/widgets/EdgeTypeButton/LineType.js +5 -15
  7. package/es/core/editor/components/Toolbar/widgets/FontFamilyWidget.js +2 -27
  8. package/es/core/editor/components/Toolbar/widgets/FontSizeWidget.js +3 -28
  9. package/es/core/editor/components/Toolbar/widgets/FontStyleButton.js +6 -52
  10. package/es/core/editor/components/Toolbar/widgets/components/FontFamilySelect.js +29 -0
  11. package/es/core/editor/components/Toolbar/widgets/components/FontSizeSelect.js +29 -0
  12. package/es/core/editor/components/Toolbar/widgets/components/FontStyleSelect.js +71 -0
  13. package/es/core/editor/components/settings/core/updateElementProperty.js +3 -2
  14. package/es/core/editor/components/settings/propertyViews/view/GlobalEdgeToggle.js +2 -2
  15. package/es/core/editor/hooks/useNewElementTheme.js +20 -16
  16. package/es/core/editor/utils/edgeTypeStyleUtil.js +11 -32
  17. package/es/core/hooks/useGraphAlarmDisplay.js +4 -0
  18. package/es/core/hooks/usePolling.js +2 -1
  19. package/es/core/hooks/useTopoEdit.js +206 -248
  20. package/es/core/models/AttributeMetricDisplay.js +4 -3
  21. package/es/core/models/HistoryManager.js +11 -9
  22. package/es/core/models/TopoApp.js +39 -45
  23. package/es/core/models/topoData.js +7 -14
  24. package/es/core/models/utils/linkUtils.js +36 -28
  25. package/es/core/store/models/topoConfig.js +14 -17
  26. package/es/core/utils/edgeUtil.js +7 -10
  27. package/es/core/viewer/components/plugins/ElementDetailDrawer/hooks/useElementDetailManager.js +2 -2
  28. package/es/networkTopo/models/EdgeGroupTagTipBuilder.js +7 -7
  29. package/es/networkTopo/models/LinkDynamicStyleExecutor.js +7 -63
  30. package/es/networkTopo/services/topo/basic.js +15 -8
  31. package/es/networkTopo/utils/edgeGroupTagUtil.js +2 -2
  32. package/es/networkTopo/utils/exitLinkUtil.js +23 -11
  33. package/es/networkTopo/utils/relateTopoDataUtil.js +96 -0
  34. package/es/style.js +1 -1
  35. package/es/utils/clusterUtil.js +3 -3
  36. package/es/utils/htElementUtils.js +16 -84
  37. package/lib/components/ResourceSelectDrawer/ResourceSelectDrawer.js +1 -1
  38. package/lib/core/components/TopoView/topoView.js +15 -19
  39. package/lib/core/editor/components/Toolbar/widgets/EdgeColorButton/EdgeColorButton.js +2 -2
  40. package/lib/core/editor/components/Toolbar/widgets/EdgeTypeButton/LineType.js +5 -14
  41. package/lib/core/editor/components/Toolbar/widgets/FontFamilyWidget.js +3 -28
  42. package/lib/core/editor/components/Toolbar/widgets/FontSizeWidget.js +3 -28
  43. package/lib/core/editor/components/Toolbar/widgets/FontStyleButton.js +6 -56
  44. package/lib/core/editor/components/Toolbar/widgets/components/FontFamilySelect.js +38 -0
  45. package/lib/core/editor/components/Toolbar/widgets/components/FontSizeSelect.js +38 -0
  46. package/lib/core/editor/components/Toolbar/widgets/components/FontStyleSelect.js +83 -0
  47. package/lib/core/editor/components/settings/core/updateElementProperty.js +7 -2
  48. package/lib/core/editor/components/settings/propertyViews/view/GlobalEdgeToggle.js +2 -2
  49. package/lib/core/editor/hooks/useNewElementTheme.js +20 -16
  50. package/lib/core/editor/utils/edgeTypeStyleUtil.js +10 -33
  51. package/lib/core/hooks/useGraphAlarmDisplay.js +4 -0
  52. package/lib/core/hooks/usePolling.js +6 -5
  53. package/lib/core/hooks/useTopoEdit.js +212 -272
  54. package/lib/core/models/AttributeMetricDisplay.js +6 -6
  55. package/lib/core/models/HistoryManager.js +13 -17
  56. package/lib/core/models/TopoApp.js +39 -43
  57. package/lib/core/models/topoData.js +7 -14
  58. package/lib/core/models/utils/linkUtils.js +36 -27
  59. package/lib/core/store/models/topoConfig.js +20 -31
  60. package/lib/core/utils/edgeUtil.js +8 -10
  61. package/lib/core/viewer/components/plugins/ElementDetailDrawer/hooks/useElementDetailManager.js +3 -2
  62. package/lib/networkTopo/models/EdgeGroupTagTipBuilder.js +6 -6
  63. package/lib/networkTopo/models/LinkDynamicStyleExecutor.js +6 -64
  64. package/lib/networkTopo/services/topo/basic.js +21 -8
  65. package/lib/networkTopo/utils/edgeGroupTagUtil.js +2 -2
  66. package/lib/networkTopo/utils/exitLinkUtil.js +23 -11
  67. package/lib/networkTopo/utils/relateTopoDataUtil.js +109 -0
  68. package/lib/style.js +1 -1
  69. package/lib/utils/clusterUtil.js +2 -2
  70. package/lib/utils/htElementUtils.js +19 -93
  71. package/package.json +2 -2
  72. package/es/networkTopo/models/LinkTagsTipsBuilder.js +0 -235
  73. package/lib/networkTopo/models/LinkTagsTipsBuilder.js +0 -245
@@ -7,9 +7,9 @@ exports["default"] = void 0;
7
7
 
8
8
  var _react = _interopRequireWildcard(require("react"));
9
9
 
10
- var _DropdownMenu = _interopRequireDefault(require("./components/DropdownMenu"));
10
+ var _FontFamilySelect = _interopRequireDefault(require("./components/FontFamilySelect"));
11
11
 
12
- var _textStyleSettingRouter = _interopRequireDefault(require("./components/textStyleSetting/textStyleSettingRouter.js"));
12
+ var _textStyleSettingRouter = _interopRequireDefault(require("./components/textStyleSetting/textStyleSettingRouter"));
13
13
 
14
14
  var _WidgetBox = _interopRequireDefault(require("./WidgetBox"));
15
15
 
@@ -17,31 +17,6 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
17
17
 
18
18
  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; }
19
19
 
20
- function FontFamilySelect(props) {
21
- var value = props.value,
22
- onChange = props.onChange;
23
- var items = ['宋体', '微软雅黑', '黑体', 'Arial'];
24
- return /*#__PURE__*/_react["default"].createElement(_DropdownMenu["default"], {
25
- value: (items.includes(value) ? value : null) || '',
26
- valueRender: function valueRender(val) {
27
- return /*#__PURE__*/_react["default"].createElement("div", {
28
- style: {
29
- width: 48
30
- }
31
- }, val || '微软雅黑');
32
- },
33
- onSelect: onChange
34
- }, items.map(function (item) {
35
- return /*#__PURE__*/_react["default"].createElement(_DropdownMenu["default"].Item, {
36
- key: item
37
- }, /*#__PURE__*/_react["default"].createElement("div", {
38
- style: {
39
- fontFamily: item
40
- }
41
- }, item));
42
- }));
43
- }
44
-
45
20
  function FontFamilyWidget(props) {
46
21
  var topo = props.topo,
47
22
  showLabel = props.showLabel,
@@ -51,7 +26,7 @@ function FontFamilyWidget(props) {
51
26
  label: "\u5B57\u4F53",
52
27
  tooltip: "\u5B57\u4F53",
53
28
  showLabel: showLabel
54
- }, /*#__PURE__*/_react["default"].createElement(FontFamilySelect, {
29
+ }, /*#__PURE__*/_react["default"].createElement(_FontFamilySelect["default"], {
55
30
  value: style.fontFamily,
56
31
  onChange: function onChange(val) {
57
32
  topo.historyManager.beginTransaction();
@@ -7,9 +7,9 @@ exports["default"] = void 0;
7
7
 
8
8
  var _react = _interopRequireWildcard(require("react"));
9
9
 
10
- var _DropdownMenu = _interopRequireDefault(require("./components/DropdownMenu"));
10
+ var _FontSizeSelect = _interopRequireDefault(require("./components/FontSizeSelect"));
11
11
 
12
- var _textStyleSettingRouter = _interopRequireDefault(require("./components/textStyleSetting/textStyleSettingRouter.js"));
12
+ var _textStyleSettingRouter = _interopRequireDefault(require("./components/textStyleSetting/textStyleSettingRouter"));
13
13
 
14
14
  var _WidgetBox = _interopRequireDefault(require("./WidgetBox"));
15
15
 
@@ -17,31 +17,6 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
17
17
 
18
18
  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; }
19
19
 
20
- function FontSizeSelect(props) {
21
- var value = props.value,
22
- disabled = props.disabled,
23
- onChange = props.onChange;
24
- var items = [12, 14, 16, 18, 20, 24, 30, 36, 48, 60, 80];
25
- return /*#__PURE__*/_react["default"].createElement(_DropdownMenu["default"], {
26
- value: "" + (value || ''),
27
- valueRender: function valueRender(val) {
28
- return /*#__PURE__*/_react["default"].createElement("div", {
29
- style: {
30
- width: 18
31
- }
32
- }, val || 20);
33
- },
34
- disabled: disabled,
35
- onSelect: function onSelect(val) {
36
- return onChange(parseInt(val, 10));
37
- }
38
- }, items.map(function (item) {
39
- return /*#__PURE__*/_react["default"].createElement(_DropdownMenu["default"].Item, {
40
- key: item
41
- }, item);
42
- }));
43
- }
44
-
45
20
  function FontSizeWidget(props) {
46
21
  var topo = props.topo,
47
22
  showLabel = props.showLabel,
@@ -57,7 +32,7 @@ function FontSizeWidget(props) {
57
32
  tooltip: "\u5B57\u53F7",
58
33
  showLabel: showLabel,
59
34
  disabled: disabled
60
- }, /*#__PURE__*/_react["default"].createElement(FontSizeSelect, {
35
+ }, /*#__PURE__*/_react["default"].createElement(_FontSizeSelect["default"], {
61
36
  value: style.fontSize,
62
37
  disabled: disabled,
63
38
  onChange: function onChange(val) {
@@ -7,39 +7,16 @@ exports["default"] = void 0;
7
7
 
8
8
  var _react = _interopRequireWildcard(require("react"));
9
9
 
10
- var _variables = _interopRequireDefault(require("@alifd/theme-19926/variables.js"));
10
+ var _FontStyleSelect = _interopRequireDefault(require("./components/FontStyleSelect"));
11
11
 
12
- var _htElementUtils = require("../../../../../utils/htElementUtils");
13
-
14
- var _DropdownMenu = _interopRequireDefault(require("./components/DropdownMenu"));
15
-
16
- var _textStyleSettingRouter = _interopRequireDefault(require("./components/textStyleSetting/textStyleSettingRouter.js"));
12
+ var _textStyleSettingRouter = _interopRequireDefault(require("./components/textStyleSetting/textStyleSettingRouter"));
17
13
 
18
14
  var _WidgetBox = _interopRequireDefault(require("./WidgetBox"));
19
15
 
20
- var _Tooltip = _interopRequireDefault(require("../components/Tooltip"));
21
-
22
16
  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); }
23
17
 
24
18
  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; }
25
19
 
26
- var items = [{
27
- key: 'bold',
28
- label: '加粗',
29
- icon: 'bold',
30
- tooltip: '加粗'
31
- }, {
32
- key: 'italic',
33
- label: '斜体',
34
- icon: 'Italics',
35
- tooltip: '斜体'
36
- }, {
37
- key: 'underline',
38
- label: '下划线',
39
- icon: 'Underline',
40
- tooltip: '下划线'
41
- }];
42
-
43
20
  function buildValue(obj) {
44
21
  return Object.keys(obj).filter(function (key) {
45
22
  return !!obj[key];
@@ -107,39 +84,12 @@ function FontStyleButton(props) {
107
84
  tooltip: "\u6587\u5B57\u6837\u5F0F\uFF08\u52A0\u7C97\u3001\u659C\u4F53\u3001\u4E0B\u5212\u7EBF\uFF09",
108
85
  disabled: disabled,
109
86
  showLabel: showLabel
110
- }, /*#__PURE__*/_react["default"].createElement(_DropdownMenu["default"], {
87
+ }, /*#__PURE__*/_react["default"].createElement(_FontStyleSelect["default"], {
111
88
  value: value,
112
- valueRender: function valueRender() {
113
- return /*#__PURE__*/_react["default"].createElement("img", {
114
- src: "/img/topo/editor/toolbar/bold/" + (disabled ? 'Disable' : 'Normal') + ".svg",
115
- alt: ""
116
- });
117
- },
118
- multiple: true,
119
89
  disabled: disabled,
120
- onSelect: handleSelect
121
- }, items.map(function (item) {
122
- return /*#__PURE__*/_react["default"].createElement(_DropdownMenu["default"].Item, {
123
- key: item.key,
124
- disabled: fieldDisabled[item.key]
125
- }, /*#__PURE__*/_react["default"].createElement(_Tooltip["default"], {
126
- trigger: /*#__PURE__*/_react["default"].createElement("div", {
127
- style: {
128
- display: 'flex',
129
- alignItems: 'center'
130
- }
131
- }, /*#__PURE__*/_react["default"].createElement("img", {
132
- src: "/img/topo/editor/toolbar/" + item.icon + "/" + (fieldDisabled[item.key] ? 'Disable' : 'Normal') + ".svg",
133
- alt: ""
134
- }), /*#__PURE__*/_react["default"].createElement("span", {
135
- style: fieldDisabled[item.key] ? {} : {
136
- color: _variables["default"]['$color-text1-4']
137
- }
138
- }, item.label)),
139
- align: "r",
140
- popupStyle: {}
141
- }, item.tooltip));
142
- })));
90
+ fieldDisabled: fieldDisabled,
91
+ onChange: handleSelect
92
+ }));
143
93
  }
144
94
 
145
95
  var _default = (0, _textStyleSettingRouter["default"])(FontStyleButton, {
@@ -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 _react = _interopRequireDefault(require("react"));
9
+
10
+ var _DropdownMenu = _interopRequireDefault(require("./DropdownMenu"));
11
+
12
+ function FontFamilySelect(props) {
13
+ var value = props.value,
14
+ onChange = props.onChange;
15
+ var items = ['宋体', '微软雅黑', '黑体', 'Arial'];
16
+ return /*#__PURE__*/_react["default"].createElement(_DropdownMenu["default"], {
17
+ value: (items.includes(value) ? value : null) || '',
18
+ valueRender: function valueRender(val) {
19
+ return /*#__PURE__*/_react["default"].createElement("div", {
20
+ style: {
21
+ width: 48
22
+ }
23
+ }, val || '微软雅黑');
24
+ },
25
+ onSelect: onChange
26
+ }, items.map(function (item) {
27
+ return /*#__PURE__*/_react["default"].createElement(_DropdownMenu["default"].Item, {
28
+ key: item
29
+ }, /*#__PURE__*/_react["default"].createElement("div", {
30
+ style: {
31
+ fontFamily: item
32
+ }
33
+ }, item));
34
+ }));
35
+ }
36
+
37
+ var _default = FontFamilySelect;
38
+ exports["default"] = _default;
@@ -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 _react = _interopRequireDefault(require("react"));
9
+
10
+ var _DropdownMenu = _interopRequireDefault(require("./DropdownMenu"));
11
+
12
+ function FontSizeSelect(props) {
13
+ var value = props.value,
14
+ disabled = props.disabled,
15
+ onChange = props.onChange;
16
+ var items = [12, 14, 16, 18, 20, 24, 30, 36, 48, 60, 80];
17
+ return /*#__PURE__*/_react["default"].createElement(_DropdownMenu["default"], {
18
+ value: "" + (value || ''),
19
+ valueRender: function valueRender(val) {
20
+ return /*#__PURE__*/_react["default"].createElement("div", {
21
+ style: {
22
+ width: 18
23
+ }
24
+ }, val || 20);
25
+ },
26
+ disabled: disabled,
27
+ onSelect: function onSelect(val) {
28
+ return onChange(parseInt(val, 10));
29
+ }
30
+ }, items.map(function (item) {
31
+ return /*#__PURE__*/_react["default"].createElement(_DropdownMenu["default"].Item, {
32
+ key: item
33
+ }, item);
34
+ }));
35
+ }
36
+
37
+ var _default = FontSizeSelect;
38
+ exports["default"] = _default;
@@ -0,0 +1,83 @@
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 _react = _interopRequireDefault(require("react"));
9
+
10
+ var _variables = _interopRequireDefault(require("@alifd/theme-19926/variables.js"));
11
+
12
+ var _DropdownMenu = _interopRequireDefault(require("./DropdownMenu"));
13
+
14
+ var _Tooltip = _interopRequireDefault(require("../../components/Tooltip"));
15
+
16
+ var items = [{
17
+ key: 'bold',
18
+ label: '加粗',
19
+ icon: 'bold',
20
+ tooltip: '加粗'
21
+ }, {
22
+ key: 'italic',
23
+ label: '斜体',
24
+ icon: 'Italics',
25
+ tooltip: '斜体'
26
+ }, {
27
+ key: 'underline',
28
+ label: '下划线',
29
+ icon: 'Underline',
30
+ tooltip: '下划线'
31
+ }];
32
+
33
+ function buildValue(obj) {
34
+ return Object.keys(obj).filter(function (key) {
35
+ return !!obj[key];
36
+ });
37
+ }
38
+
39
+ var fields = ['bold', 'italic', 'underline'];
40
+
41
+ function FontStyleSelect(props) {
42
+ var value = props.value,
43
+ disabled = props.disabled,
44
+ onChange = props.onChange,
45
+ _props$fieldDisabled = props.fieldDisabled,
46
+ fieldDisabled = _props$fieldDisabled === void 0 ? {} : _props$fieldDisabled;
47
+ return /*#__PURE__*/_react["default"].createElement(_DropdownMenu["default"], {
48
+ value: value,
49
+ valueRender: function valueRender() {
50
+ return /*#__PURE__*/_react["default"].createElement("img", {
51
+ src: "/img/topo/editor/toolbar/bold/" + (disabled ? 'Disable' : 'Normal') + ".svg",
52
+ alt: ""
53
+ });
54
+ },
55
+ multiple: true,
56
+ disabled: disabled,
57
+ onSelect: onChange
58
+ }, items.map(function (item) {
59
+ return /*#__PURE__*/_react["default"].createElement(_DropdownMenu["default"].Item, {
60
+ key: item.key,
61
+ disabled: !!fieldDisabled[item.key]
62
+ }, /*#__PURE__*/_react["default"].createElement(_Tooltip["default"], {
63
+ trigger: /*#__PURE__*/_react["default"].createElement("div", {
64
+ style: {
65
+ display: 'flex',
66
+ alignItems: 'center'
67
+ }
68
+ }, /*#__PURE__*/_react["default"].createElement("img", {
69
+ src: "/img/topo/editor/toolbar/" + item.icon + "/" + (fieldDisabled[item.key] ? 'Disable' : 'Normal') + ".svg",
70
+ alt: ""
71
+ }), /*#__PURE__*/_react["default"].createElement("span", {
72
+ style: fieldDisabled[item.key] ? {} : {
73
+ color: _variables["default"]['$color-text1-4']
74
+ }
75
+ }, item.label)),
76
+ align: "r",
77
+ popupStyle: {}
78
+ }, item.tooltip));
79
+ }));
80
+ }
81
+
82
+ var _default = FontStyleSelect;
83
+ exports["default"] = _default;
@@ -1,12 +1,17 @@
1
1
  "use strict";
2
2
 
3
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
+
3
5
  exports.__esModule = true;
4
6
  exports["default"] = updateElementProperty;
5
7
 
8
+ var _loglevel = _interopRequireDefault(require("loglevel"));
9
+
10
+ var rlog = _loglevel["default"].getLogger('topo');
11
+
6
12
  function updateElementProperty(topo, name, value) {
7
- // const element = topo.getDataModel().getDataById(selection[0].id);
8
13
  var element = topo.getSelectionModel().getFirstData();
9
- console.info("updateElementProperty", topo.getSelectionModel().getSelection(), {
14
+ rlog.debug("updateElementProperty. ", {
10
15
  element: element,
11
16
  name: name,
12
17
  value: value
@@ -32,13 +32,13 @@ function GlobalEdgeToggle(props) {
32
32
  topo: topo,
33
33
  showType: 4
34
34
  });
35
- topo.getHtTopo().expandAllEdgeGroups();
35
+ topo.getHtTopo().toggleAllEdgeGroups(true);
36
36
  } else {
37
37
  (0, _linkUtils.showLinkByConfig)({
38
38
  topo: topo,
39
39
  showType: 1
40
40
  });
41
- topo.getHtTopo().collapseAllEdgeGroups();
41
+ topo.getHtTopo().toggleAllEdgeGroups(false);
42
42
  }
43
43
 
44
44
  displayConfigDispatchers.update({
@@ -26,27 +26,31 @@ function useNewElementTheme(props) {
26
26
  inited = true;
27
27
  }
28
28
 
29
- function handleDataModelChangeListener(e) {
30
- var kind = e.kind,
31
- data = e.data;
29
+ function handleAddElement(e) {
30
+ var data = e.data; // 设置主题样式
32
31
 
33
- if (kind === 'add') {
34
- // 设置主题样式
35
- var displayConfig = topo.store.getModelState('displayConfig');
36
- var theme = displayConfig.canvasTheme || 'white';
32
+ var displayConfig = topo.store.getModelState('displayConfig');
33
+ var theme = displayConfig.canvasTheme || 'white';
37
34
 
38
- var themeConfig = _themes["default"].find(function (item) {
39
- return item.name === theme;
40
- });
35
+ var themeConfig = _themes["default"].find(function (item) {
36
+ return item.name === theme;
37
+ });
41
38
 
42
- var _ThemeUtil2 = (0, _themeUtil["default"])({
43
- topo: topo
44
- }),
45
- setElementTheme = _ThemeUtil2.setElementTheme;
39
+ var _ThemeUtil = (0, _themeUtil["default"])({
40
+ topo: topo
41
+ }),
42
+ setElementTheme = _ThemeUtil.setElementTheme;
46
43
 
47
- setElementTheme(data, themeConfig); // 临时放这里,新加入节点按配置显示隐藏名称
44
+ setElementTheme(data, themeConfig); // 临时放这里,新加入节点按配置显示隐藏名称
45
+
46
+ (0, _nodeNameVisibleUtil.setNewNodeNameVisible)(topo, data);
47
+ }
48
48
 
49
- (0, _nodeNameVisibleUtil.setNewNodeNameVisible)(topo, data);
49
+ function handleDataModelChangeListener(e) {
50
+ var kind = e.kind;
51
+
52
+ if (kind === 'add') {
53
+ handleAddElement(e);
50
54
  }
51
55
  }
52
56
 
@@ -3,7 +3,6 @@
3
3
  exports.__esModule = true;
4
4
  exports.getEdgesBySelection = getEdgesBySelection;
5
5
  exports.isNodeAllEdges = isNodeAllEdges;
6
- exports.loopEdgesAndChildren = loopEdgesAndChildren;
7
6
  exports.setEdgesType = setEdgesType;
8
7
  exports.updateEdgesData = updateEdgesData;
9
8
 
@@ -25,6 +24,14 @@ function getEdgesBySelection(topo) {
25
24
  return nodeIds;
26
25
  };
27
26
 
27
+ function getVisibleEdgesInNodes(gv, nodes) {
28
+ var nodeIds = getChildrenNodeIds(nodes);
29
+ var dm = gv.getDataModel();
30
+ return (0, _htElementUtils.getEdges)(dm).filter(function (edge) {
31
+ return nodeIds.includes(edge.getSource().getId()) && nodeIds.includes(edge.getTarget().getId());
32
+ }).filter(_htElementUtils.isEdgeVisible);
33
+ }
34
+
28
35
  var getSelectedEdges = function getSelectedEdges(gv) {
29
36
  var selection = gv.getSelectionModel().getSelection().toArray(); // 选中的连线
30
37
 
@@ -35,14 +42,8 @@ function getEdgesBySelection(topo) {
35
42
  var nodes = selection.filter(function (element) {
36
43
  return element instanceof ht.Node;
37
44
  });
38
- var nodeIds = getChildrenNodeIds(nodes);
39
- var dm = gv.getDataModel();
40
- (0, _htElementUtils.getEdges)(dm).forEach(function (edge) {
41
- if (nodeIds.find(function (nodeId) {
42
- return nodeId === edge.getSource().getId();
43
- }) && nodeIds.find(function (nodeId) {
44
- return nodeId === edge.getTarget().getId();
45
- }) && !edges.find(function (item) {
45
+ getVisibleEdgesInNodes(gv, nodes).forEach(function (edge) {
46
+ if (!edges.find(function (item) {
46
47
  return item === edge;
47
48
  })) {
48
49
  edges.push(edge);
@@ -89,30 +90,6 @@ function isNodeAllEdges(topo) {
89
90
  });
90
91
  return inEdges;
91
92
  }
92
- /**
93
- * 遍历连线及子连线
94
- * @param {*} topo
95
- * @param {*} edges
96
- * @param {*} operateEdgeFn
97
- */
98
-
99
-
100
- function loopEdgesAndChildren(topo, edges, operateEdgeFn) {
101
- var htTopo = topo.getHtTopo();
102
- edges.forEach(function (edge) {
103
- operateEdgeFn(edge);
104
-
105
- if (edge.isEdgeGroupAgent()) {
106
- // 连线组折叠时同时设置子连线
107
- var edgeChildren = edge.getEdgeGroup().getEdges().toArray();
108
- htTopo.toggleEdgeGroup(edge.getSource(), edge.getTarget(), true);
109
- edgeChildren.forEach(function (edgeChild) {
110
- operateEdgeFn(edgeChild);
111
- });
112
- htTopo.toggleEdgeGroup(edge.getSource(), edge.getTarget(), false);
113
- }
114
- });
115
- }
116
93
  /**
117
94
  * 设置连线及子连线。带回退事务控制
118
95
  * @param {*} topo
@@ -137,6 +137,8 @@ function useGraphAlarmDisplay(options) {
137
137
  });
138
138
 
139
139
  function showAlarm() {
140
+ var _topo$historyManager, _topo$historyManager2;
141
+
140
142
  if (!graphLoaded) {
141
143
  return;
142
144
  }
@@ -169,7 +171,9 @@ function useGraphAlarmDisplay(options) {
169
171
  }); // 更新到ht拓扑
170
172
 
171
173
 
174
+ (_topo$historyManager = topo.historyManager) === null || _topo$historyManager === void 0 ? void 0 : _topo$historyManager.setDisabled(true, '推送告警');
172
175
  topo.view.loadAlarm(elementsAlarmLevels);
176
+ (_topo$historyManager2 = topo.historyManager) === null || _topo$historyManager2 === void 0 ? void 0 : _topo$historyManager2.setDisabled(false, '推送告警');
173
177
  }
174
178
 
175
179
  return function () {
@@ -17,7 +17,7 @@ var _ahooks = require("ahooks");
17
17
 
18
18
  var _lodash = _interopRequireDefault(require("lodash"));
19
19
 
20
- var _componentTopologyUtils = require("@riil-frontend/component-topology-utils");
20
+ var _loglevel = _interopRequireDefault(require("loglevel"));
21
21
 
22
22
  var _componentRiilEventEmitter = require("@riil-frontend/component-riil-event-emitter");
23
23
 
@@ -27,10 +27,13 @@ var _useCiAttributeChange = _interopRequireDefault(require("./useCiAttributeChan
27
27
 
28
28
  var _useHtDataPropertyChangeListener = _interopRequireDefault(require("./ht/useHtDataPropertyChangeListener"));
29
29
 
30
+ var rlog = _loglevel["default"].getLogger('topo');
30
31
  /**
31
32
  * 轮询获取指标hooks
32
33
  * @param {*} props
33
34
  */
35
+
36
+
34
37
  var usePolling = function usePolling(props) {
35
38
  var topo = props.topo;
36
39
  var store = topo.store;
@@ -227,20 +230,18 @@ var usePolling = function usePolling(props) {
227
230
 
228
231
  (0, _react.useEffect)(function () {
229
232
  if (topo.options.enableDefaultMetricLoader) {
230
- _componentTopologyUtils.rlog.debug('usePolling.useEffect: 开始轮询', {
233
+ rlog.debug('usePolling.useEffect: 开始轮询', {
231
234
  pollingSwitch: pollingSwitch,
232
235
  resIdsList: resIdsList,
233
236
  resourceOverviewState: resourceOverviewState,
234
237
  resAndMetrics: resAndMetrics
235
238
  });
236
-
237
239
  startPoll();
238
240
  }
239
241
 
240
242
  return function () {
241
243
  if (loading) {
242
- _componentTopologyUtils.rlog.debug('usePolling.useEffect: 结束轮询', resAndMetrics);
243
-
244
+ rlog.debug('usePolling.useEffect: 结束轮询', resAndMetrics);
244
245
  stopPoll();
245
246
  }
246
247
  };