@riil-frontend/component-topology 7.0.0-dev.8 → 7.0.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 (164) hide show
  1. package/build/1.js +2 -2
  2. package/build/2.js +1 -1
  3. package/build/index.css +1 -1
  4. package/build/index.js +31 -31
  5. package/es/core/components/DisplaySettingDrawer/DisplaySetting.js +2 -23
  6. package/es/core/components/DisplaySettingDrawer/DisplaySettingDrawer.js +3 -2
  7. package/es/core/components/DisplaySettingDrawer/LineExpandAllRadioGroup.js +1 -2
  8. package/es/core/components/TopoView/GraphViewPanel.js +18 -2
  9. package/es/core/editor/components/Toolbar/buttons.js +2 -2
  10. package/es/core/editor/components/Toolbar/widgets/FontColorButton.js +10 -3
  11. package/es/core/editor/components/Toolbar/widgets/components/textStyleSetting/ElementTextStyleSetting/elements/edgeTag.js +9 -2
  12. package/es/core/editor/components/Toolbar/widgets/components/textStyleSetting/ElementTextStyleSetting/elements/groupTitle.js +7 -1
  13. package/es/core/editor/components/Toolbar/widgets/components/textStyleSetting/ElementTextStyleSetting/elements/nodeTag.js +21 -6
  14. package/es/core/editor/components/Toolbar/widgets/components/textStyleSetting/ElementTextStyleSetting/textStyleUtil.js +5 -0
  15. package/es/core/editor/components/settings/PropertyView.js +11 -10
  16. package/es/core/editor/components/settings/Settings.js +8 -1
  17. package/es/core/editor/components/settings/core/PropertyViewManager.js +4 -3
  18. package/es/core/editor/components/settings/core/edgePropertyViewAdapter.js +1 -7
  19. package/es/core/editor/components/settings/propertyViews/node/data/Data.js +4 -2
  20. package/es/core/editor/components/settings/propertyViews/node/data/PlatformDisplay.js +15 -0
  21. package/es/core/editor/hooks/useKeyboardShortcut.js +1 -1
  22. package/es/core/hooks/usePolling.js +1 -6
  23. package/es/core/hooks/useTopoEdit.js +3 -1
  24. package/es/core/models/Alarm.js +12 -24
  25. package/es/core/models/TopoApp.js +5 -3
  26. package/es/core/models/utils/linkUtils.js +0 -3
  27. package/es/core/store/models/topoMod.js +7 -6
  28. package/es/core/viewer/components/plugins/ResourceDetail/components/ResourceOverview/EventsCard.js +28 -25
  29. package/es/core/viewer/components/plugins/ResourceDetail/components/ResourceOverview/ResourceOverview.js +4 -0
  30. package/es/core/viewer/components/plugins/ResourceDetail/components/ResourceOverview/components/Configurator/index.js +17 -17
  31. package/es/core/viewer/components/plugins/ResourceDetail/components/ResourceOverview/index.module.scss +1 -0
  32. package/es/core/viewer/components/titlebar/widgets/SettingButton.js +3 -11
  33. package/es/core/viewer/components/titlebar/widgets/SettingButtonWidget.js +5 -3
  34. package/es/networkTopo/getTopoData.js +16 -27
  35. package/es/networkTopo/index.js +2 -2
  36. package/es/networkTopo/services/alert.js +55 -0
  37. package/es/networkTopo/services/authorization.js +135 -0
  38. package/es/networkTopo/services/cmdb.js +897 -0
  39. package/es/networkTopo/services/index.js +2 -26
  40. package/es/networkTopo/services/mdc.js +74 -0
  41. package/es/networkTopo/services/metric.js +68 -0
  42. package/es/networkTopo/services/model.js +1283 -0
  43. package/es/networkTopo/services/risk.js +29 -0
  44. package/es/networkTopo/services/topo/auth.js +67 -0
  45. package/es/networkTopo/services/topo/basic.js +727 -0
  46. package/es/networkTopo/services/topo/blacklist.js +60 -0
  47. package/es/networkTopo/services/topo/ciInfo.js +69 -0
  48. package/es/networkTopo/services/topo/constants.js +1 -0
  49. package/es/networkTopo/services/topo/icon.js +131 -0
  50. package/es/networkTopo/services/topo/index.js +18 -0
  51. package/es/networkTopo/services/topo/networkLink.js +33 -0
  52. package/es/networkTopo/services/topo/relation.js +27 -0
  53. package/es/networkTopo/services/topo/resourceWebUrl.js +84 -0
  54. package/es/networkTopo/store/topoTreeMod.js +5 -1
  55. package/es/networkTopo/utils/storage.js +38 -0
  56. package/es/utils/tree.js +1 -0
  57. package/lib/core/components/DisplaySettingDrawer/DisplaySetting.js +3 -24
  58. package/lib/core/components/DisplaySettingDrawer/DisplaySettingDrawer.js +3 -3
  59. package/lib/core/components/DisplaySettingDrawer/LineExpandAllRadioGroup.js +1 -2
  60. package/lib/core/components/TopoView/GraphViewPanel.js +22 -2
  61. package/lib/core/editor/components/Toolbar/buttons.js +2 -2
  62. package/lib/core/editor/components/Toolbar/widgets/FontColorButton.js +10 -3
  63. package/lib/core/editor/components/Toolbar/widgets/components/textStyleSetting/ElementTextStyleSetting/elements/edgeTag.js +9 -3
  64. package/lib/core/editor/components/Toolbar/widgets/components/textStyleSetting/ElementTextStyleSetting/elements/groupTitle.js +8 -1
  65. package/lib/core/editor/components/Toolbar/widgets/components/textStyleSetting/ElementTextStyleSetting/elements/nodeTag.js +21 -7
  66. package/lib/core/editor/components/Toolbar/widgets/components/textStyleSetting/ElementTextStyleSetting/textStyleUtil.js +5 -0
  67. package/lib/core/editor/components/settings/PropertyView.js +10 -10
  68. package/lib/core/editor/components/settings/Settings.js +9 -1
  69. package/lib/core/editor/components/settings/core/PropertyViewManager.js +4 -3
  70. package/lib/core/editor/components/settings/core/edgePropertyViewAdapter.js +1 -10
  71. package/lib/core/editor/components/settings/propertyViews/node/data/Data.js +5 -3
  72. package/lib/core/editor/components/settings/propertyViews/node/data/PlatformDisplay.js +23 -0
  73. package/lib/core/editor/hooks/useKeyboardShortcut.js +1 -1
  74. package/lib/core/hooks/usePolling.js +1 -6
  75. package/lib/core/hooks/useTopoEdit.js +3 -1
  76. package/lib/core/models/Alarm.js +12 -24
  77. package/lib/core/models/TopoApp.js +5 -3
  78. package/lib/core/models/utils/linkUtils.js +0 -5
  79. package/lib/core/store/models/topoMod.js +9 -6
  80. package/lib/core/viewer/components/plugins/ResourceDetail/components/ResourceOverview/EventsCard.js +28 -26
  81. package/lib/core/viewer/components/plugins/ResourceDetail/components/ResourceOverview/ResourceOverview.js +4 -0
  82. package/lib/core/viewer/components/plugins/ResourceDetail/components/ResourceOverview/components/Configurator/index.js +17 -17
  83. package/lib/core/viewer/components/plugins/ResourceDetail/components/ResourceOverview/index.module.scss +1 -0
  84. package/lib/core/viewer/components/titlebar/widgets/SettingButton.js +3 -11
  85. package/lib/core/viewer/components/titlebar/widgets/SettingButtonWidget.js +5 -3
  86. package/lib/networkTopo/getTopoData.js +16 -28
  87. package/lib/networkTopo/index.js +4 -4
  88. package/lib/networkTopo/services/alert.js +66 -0
  89. package/lib/networkTopo/services/authorization.js +145 -0
  90. package/lib/networkTopo/services/cmdb.js +977 -0
  91. package/lib/networkTopo/services/index.js +3 -29
  92. package/lib/networkTopo/services/mdc.js +91 -0
  93. package/lib/networkTopo/services/metric.js +82 -0
  94. package/lib/networkTopo/services/model.js +1387 -0
  95. package/lib/networkTopo/services/risk.js +40 -0
  96. package/lib/networkTopo/services/topo/auth.js +79 -0
  97. package/lib/networkTopo/services/topo/basic.js +753 -0
  98. package/lib/networkTopo/services/topo/blacklist.js +72 -0
  99. package/lib/networkTopo/services/topo/ciInfo.js +82 -0
  100. package/lib/networkTopo/services/topo/constants.js +6 -0
  101. package/lib/networkTopo/services/topo/icon.js +144 -0
  102. package/lib/networkTopo/{components/editor/plugins/LayerConfigPlugin.js → services/topo/index.js} +33 -23
  103. package/lib/networkTopo/services/topo/networkLink.js +45 -0
  104. package/lib/networkTopo/services/topo/relation.js +39 -0
  105. package/lib/networkTopo/services/topo/resourceWebUrl.js +95 -0
  106. package/lib/networkTopo/store/topoTreeMod.js +5 -1
  107. package/lib/networkTopo/utils/storage.js +46 -0
  108. package/lib/utils/tree.js +1 -0
  109. package/package.json +3 -3
  110. package/es/core/components/DisplaySettingDrawer/EditorDisplaySetting.js +0 -122
  111. package/es/core/editor/components/settings/propertyViews/edge/addEdgeProps.js +0 -10
  112. package/es/networkTopo/components/Topology.js +0 -28
  113. package/es/networkTopo/components/editor/plugins/LayerConfigPlugin.js +0 -22
  114. package/es/networkTopo/components/editor/propertyViews/LayerRelatedResourceList.js +0 -48
  115. package/es/networkTopo/components/editor/propertyViews/edge/EdgeGroupPropertyView.js +0 -35
  116. package/es/networkTopo/components/editor/propertyViews/edge/EdgePropertyView.js +0 -43
  117. package/es/networkTopo/components/editor/propertyViews/edge/LinkPropertyView/Data/index.js +0 -39
  118. package/es/networkTopo/components/editor/propertyViews/edge/LinkPropertyView/LinkPropertyView.js +0 -31
  119. package/es/networkTopo/components/editor/propertyViews/edge/LinkPropertyView/LinkPropertyViewV1.js +0 -37
  120. package/es/networkTopo/components/editor/propertyViews/edge/LinkPropertyView/Setting/index.js +0 -49
  121. package/es/networkTopo/components/editor/propertyViews/edge/LinkPropertyView/index.js +0 -2
  122. package/es/networkTopo/components/editor/propertyViews/edge/addLinkDrawer/AddLinkDrawer.js +0 -630
  123. package/es/networkTopo/components/editor/propertyViews/edge/addLinkDrawer/components/NetworkLinkForm.js +0 -4
  124. package/es/networkTopo/components/editor/propertyViews/edge/addLinkDrawer/components/editLinkInfo.js +0 -458
  125. package/es/networkTopo/components/editor/propertyViews/edge/addLinkDrawer/components/index.module.scss +0 -34
  126. package/es/networkTopo/components/editor/propertyViews/edge/addLinkDrawer/hooks/useAddLink.js +0 -104
  127. package/es/networkTopo/components/editor/propertyViews/edge/addLinkDrawer/index.module.scss +0 -12
  128. package/es/networkTopo/components/editor/propertyViews/edge/addLinkDrawer/mock.js +0 -55
  129. package/es/networkTopo/components/editor/propertyViews/edge/addLinkDrawer/server.js +0 -187
  130. package/es/networkTopo/components/editor/propertyViews/edge/link/BindExitLinkSelect.js +0 -178
  131. package/es/networkTopo/components/editor/propertyViews/edge/link/LinkInfoPreview.js +0 -103
  132. package/es/networkTopo/components/editor/propertyViews/edge/link/LinkInfoPreview.module.scss +0 -65
  133. package/es/networkTopo/components/editor/useEditorProps.js +0 -32
  134. package/es/networkTopo/event/index.js +0 -6
  135. package/es/networkTopo/hooks/editor/useDeleteEdges.js +0 -200
  136. package/es/networkTopo/hooks/editor/useGroupSortResources.js +0 -16
  137. package/es/networkTopo/hooks/useTopoEdit.js +0 -26
  138. package/lib/core/components/DisplaySettingDrawer/EditorDisplaySetting.js +0 -147
  139. package/lib/core/editor/components/settings/propertyViews/edge/addEdgeProps.js +0 -19
  140. package/lib/networkTopo/components/Topology.js +0 -40
  141. package/lib/networkTopo/components/editor/propertyViews/LayerRelatedResourceList.js +0 -63
  142. package/lib/networkTopo/components/editor/propertyViews/edge/EdgeGroupPropertyView.js +0 -51
  143. package/lib/networkTopo/components/editor/propertyViews/edge/EdgePropertyView.js +0 -60
  144. package/lib/networkTopo/components/editor/propertyViews/edge/LinkPropertyView/Data/index.js +0 -54
  145. package/lib/networkTopo/components/editor/propertyViews/edge/LinkPropertyView/LinkPropertyView.js +0 -42
  146. package/lib/networkTopo/components/editor/propertyViews/edge/LinkPropertyView/LinkPropertyViewV1.js +0 -50
  147. package/lib/networkTopo/components/editor/propertyViews/edge/LinkPropertyView/Setting/index.js +0 -66
  148. package/lib/networkTopo/components/editor/propertyViews/edge/LinkPropertyView/index.js +0 -11
  149. package/lib/networkTopo/components/editor/propertyViews/edge/addLinkDrawer/AddLinkDrawer.js +0 -661
  150. package/lib/networkTopo/components/editor/propertyViews/edge/addLinkDrawer/components/NetworkLinkForm.js +0 -12
  151. package/lib/networkTopo/components/editor/propertyViews/edge/addLinkDrawer/components/editLinkInfo.js +0 -486
  152. package/lib/networkTopo/components/editor/propertyViews/edge/addLinkDrawer/components/index.module.scss +0 -34
  153. package/lib/networkTopo/components/editor/propertyViews/edge/addLinkDrawer/hooks/useAddLink.js +0 -120
  154. package/lib/networkTopo/components/editor/propertyViews/edge/addLinkDrawer/index.module.scss +0 -12
  155. package/lib/networkTopo/components/editor/propertyViews/edge/addLinkDrawer/mock.js +0 -60
  156. package/lib/networkTopo/components/editor/propertyViews/edge/addLinkDrawer/server.js +0 -207
  157. package/lib/networkTopo/components/editor/propertyViews/edge/link/BindExitLinkSelect.js +0 -205
  158. package/lib/networkTopo/components/editor/propertyViews/edge/link/LinkInfoPreview.js +0 -121
  159. package/lib/networkTopo/components/editor/propertyViews/edge/link/LinkInfoPreview.module.scss +0 -65
  160. package/lib/networkTopo/components/editor/useEditorProps.js +0 -46
  161. package/lib/networkTopo/event/index.js +0 -11
  162. package/lib/networkTopo/hooks/editor/useDeleteEdges.js +0 -218
  163. package/lib/networkTopo/hooks/editor/useGroupSortResources.js +0 -21
  164. package/lib/networkTopo/hooks/useTopoEdit.js +0 -40
@@ -1,6 +1,6 @@
1
1
  import _Box from "@alifd/next/es/box";
2
- import _extends from "@babel/runtime/helpers/extends";
3
2
  import _Form from "@alifd/next/es/form";
3
+ import _extends from "@babel/runtime/helpers/extends";
4
4
  import _Field from "@alifd/next/es/field";
5
5
  import React, { useEffect, useImperativeHandle, useState } from 'react';
6
6
  import rlog from '@riil-frontend/component-topology-utils/es/rlog';
@@ -61,22 +61,7 @@ function DisplaySetting(props, ref) {
61
61
  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_Form, {
62
62
  field: field,
63
63
  labelAlign: "top"
64
- }, isNetworkTopo && /*#__PURE__*/React.createElement(_Form.Item, {
65
- label: "\u663E\u793A\u544A\u8B66\u4FE1\u606F",
66
- patternTrigger: "onChange"
67
- }, /*#__PURE__*/React.createElement(BooleanRadio, {
68
- name: "alarmSwitch",
69
- trueText: "\u663E\u793A\u544A\u8B66\u4FE1\u606F",
70
- falseText: "\u544A\u8B66\u9759\u9ED8"
71
- })), isNetworkTopo && /*#__PURE__*/React.createElement(_Form.Item, {
72
- label: "\u544A\u8B66\u5217\u8868",
73
- patternTrigger: "onChange"
74
- }, /*#__PURE__*/React.createElement(BooleanRadio, {
75
- name: "alarmListDefaultOpen",
76
- trueText: "\u9ED8\u8BA4\u5C55\u5F00",
77
- falseText: "\u9ED8\u8BA4\u6536\u8D77",
78
- trueOptionDisabled: !field.getValue("alarmSwitch")
79
- })), /*#__PURE__*/React.createElement(_Form.Item, {
64
+ }, /*#__PURE__*/React.createElement(_Form.Item, {
80
65
  label: /*#__PURE__*/React.createElement(Label, {
81
66
  label: "\u8D44\u6E90\u6807\u6CE8",
82
67
  helpText: "\u6700\u591A\u652F\u6301\u52FE\u90093\u9879"
@@ -111,12 +96,6 @@ function DisplaySetting(props, ref) {
111
96
  }, linkTipConfig({
112
97
  name: "linkTip",
113
98
  topo: topo
114
- })), showEdgeExpandConfig && /*#__PURE__*/React.createElement(_Form.Item, {
115
- label: /*#__PURE__*/React.createElement(LineExpandAllRadioGroup.Label, null),
116
- patternTrigger: "onChange"
117
- }, /*#__PURE__*/React.createElement(LineExpandAllRadioGroup, {
118
- name: "expandAllEdges",
119
- isNetworkTopo: isNetworkTopo
120
99
  })), showLinkConfig && /*#__PURE__*/React.createElement(_Form.Item, {
121
100
  label: "\u94FE\u8DEF\u52A8\u6001\u6548\u679C",
122
101
  patternTrigger: "onChange"
@@ -7,11 +7,11 @@ import rlog from '@riil-frontend/component-topology-utils/lib/rlog';
7
7
  import Drawer from "../../../components/Drawer";
8
8
  import DisplaySetting from "./DisplaySetting";
9
9
  import useDisplaySetting from "./hooks/useDisplaySetting";
10
- import EditorDisplaySetting from "./EditorDisplaySetting";
11
10
  export default function DisplaySettingDrawer(props) {
12
11
  var visible = props.visible,
13
12
  topo = props.topo,
14
13
  displaySettingProps = props.displaySettingProps,
14
+ displaySettingRender = props.displaySettingRender,
15
15
  isEditor = props.isEditor,
16
16
  onClose = props.onClose;
17
17
  var settingRef = useRef();
@@ -68,7 +68,7 @@ export default function DisplaySettingDrawer(props) {
68
68
  };
69
69
  }();
70
70
 
71
- var DisplaySettingWidget = isEditor ? EditorDisplaySetting : DisplaySetting;
71
+ var DisplaySettingWidget = displaySettingRender || DisplaySetting;
72
72
  return /*#__PURE__*/React.createElement(Drawer, {
73
73
  title: "\u663E\u793A\u8BBE\u7F6E",
74
74
  visible: visible,
@@ -83,6 +83,7 @@ export default function DisplaySettingDrawer(props) {
83
83
  }, visible && /*#__PURE__*/React.createElement(DisplaySettingWidget, {
84
84
  ref: settingRef,
85
85
  topo: topo,
86
+ isEditor: isEditor,
86
87
  displaySettingProps: displaySettingProps
87
88
  }));
88
89
  }
@@ -11,8 +11,7 @@ var LineExpandAllRadioGroup = /*#__PURE__*/React.forwardRef(function LineExpandA
11
11
 
12
12
  var value = props.value,
13
13
  onChange = props.onChange,
14
- isEdit = props.isEdit,
15
- isNetworkTopo = props.isNetworkTopo;
14
+ isEdit = props.isEdit;
16
15
 
17
16
  var _useState = useState(value === 1 ? "0" : "1"),
18
17
  showType = _useState[0],
@@ -1,4 +1,4 @@
1
- import React from 'react';
1
+ import React, { useEffect } from 'react';
2
2
  import useCanvasTheme from "../../hooks/useCanvasTheme";
3
3
  import styles from "./TopoView.module.scss";
4
4
  export default function GraphViewPanel(props) {
@@ -14,10 +14,26 @@ export default function GraphViewPanel(props) {
14
14
  }),
15
15
  canvasColor = _useCanvasTheme.canvasColor;
16
16
 
17
+ useEffect(function () {
18
+ // eslint-disable-next-line no-underscore-dangle
19
+ window._debugtopo = topo; // eslint-disable-next-line no-underscore-dangle
20
+
21
+ window._topo = topo;
22
+ }, []);
23
+
24
+ var onFocus = function onFocus() {
25
+ // eslint-disable-next-line no-underscore-dangle
26
+ window._debugtopo = topo; // eslint-disable-next-line no-underscore-dangle
27
+
28
+ window._topo = topo;
29
+ };
30
+
17
31
  return /*#__PURE__*/React.createElement("div", {
18
32
  className: styles.viewPanel,
19
33
  style: {
20
34
  background: canvasColor
21
- }
35
+ },
36
+ onFocus: onFocus,
37
+ on: true
22
38
  }, props.children);
23
39
  }
@@ -32,7 +32,7 @@ export default function getButtons(isNetworkTopo) {
32
32
  Divider, NodeImageButton, // 替换图片
33
33
  NodeSizeButton, // 图片尺寸
34
34
  Divider, Layout, // 布局方式
35
- NodeAlignWidget // 对齐方式
36
- // SearchWidget, // 搜索
35
+ NodeAlignWidget, // 对齐方式
36
+ SearchWidget // 搜索
37
37
  ]);
38
38
  }
@@ -16,12 +16,17 @@ function FontColorDropdown(props) {
16
16
  topo = props.topo,
17
17
  opacity = props.opacity,
18
18
  background = props.background,
19
- setStyle = props.setStyle;
19
+ setStyle = props.setStyle,
20
+ _props$fieldDisabled = props.fieldDisabled,
21
+ fieldDisabled = _props$fieldDisabled === void 0 ? {} : _props$fieldDisabled;
20
22
 
21
23
  var _useState = useState(false),
22
24
  disabled = _useState[0],
23
25
  setDisabled = _useState[1];
24
26
 
27
+ var backgroundEnabled = fieldDisabled.background !== true;
28
+ var opacityEnabled = fieldDisabled.opacity !== true;
29
+
25
30
  var backOpacityChange = function backOpacityChange(value) {
26
31
  topo.historyManager.beginTransaction();
27
32
  onChange({
@@ -140,7 +145,7 @@ function FontColorDropdown(props) {
140
145
  onChange: colorChang,
141
146
  onPickerFocus: onFocus,
142
147
  onPickerBlur: onBlur
143
- }))), /*#__PURE__*/React.createElement("div", {
148
+ }))), (backgroundEnabled || opacityEnabled) && /*#__PURE__*/React.createElement("div", {
144
149
  className: styles.backgroundColor
145
150
  }, /*#__PURE__*/React.createElement("span", null, "\u80CC\u666F\u586B\u5145"), /*#__PURE__*/React.createElement("div", {
146
151
  className: styles.backOpacity
@@ -173,7 +178,8 @@ function FontColorButton(props) {
173
178
  var showLabel = props.showLabel,
174
179
  topo = props.topo,
175
180
  style = props.style,
176
- setStyle = props.setStyle;
181
+ setStyle = props.setStyle,
182
+ fieldDisabled = props.fieldDisabled;
177
183
  return /*#__PURE__*/React.createElement(WidgetBox, {
178
184
  label: "\u6587\u5B57\u989C\u8272",
179
185
  tooltip: "\u6587\u5B57\u989C\u8272",
@@ -182,6 +188,7 @@ function FontColorButton(props) {
182
188
  color: style.color,
183
189
  background: style.background,
184
190
  opacity: style.opacity,
191
+ fieldDisabled: fieldDisabled,
185
192
  setStyle: setStyle,
186
193
  onChange: function onChange(val) {
187
194
  setStyle(val);
@@ -1,16 +1,23 @@
1
1
  import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
2
2
  import _extends from "@babel/runtime/helpers/extends";
3
3
  var _excluded = ["color", "background", "opacity", "bold", "italic"];
4
- import fontStyleUtil from "../../../../../../settings/common/text/fontStyleUtil";
5
4
  import { formatBackgroundRgbaColor, parseBackground, parseColor } from "../colorUtil";
6
5
  export function getTextStyle(element) {
6
+ var opacity = element.a('edge.tag.opacity');
7
+
8
+ if (opacity === null || opacity === undefined) {
9
+ opacity = 1;
10
+ }
11
+
7
12
  return _extends({
8
13
  color: parseColor(element.a('edge.tag.color')),
9
14
  fontFamily: element.a('edge.tag.fontFamily') || '微软雅黑',
10
15
  fontSize: element.a('edge.tag.fontSize'),
11
16
  bold: !!element.a('edge.tag.fontBold'),
12
17
  italic: !!element.a('edge.tag.fontItalic')
13
- }, parseBackground(element.a('edge.tag.background')));
18
+ }, parseBackground(element.a('edge.tag.background')), {
19
+ opacity: opacity
20
+ });
14
21
  }
15
22
  export function setTextStyle(element, style, topo) {
16
23
  var color = style.color,
@@ -1,4 +1,5 @@
1
1
  import _extends from "@babel/runtime/helpers/extends";
2
+ import { isClusterHtElement } from "../../../../../../../../../utils/clusterUtil";
2
3
  import fontStyleUtil from "../../../../../../settings/common/text/fontStyleUtil";
3
4
  import { formatBackgroundRgbaColor, parseBackground, parseColor } from "../colorUtil";
4
5
  import nodeTag from "./nodeTag";
@@ -43,7 +44,12 @@ export function setTextStyle(element, style, topo) {
43
44
  }
44
45
  export function getEnabledFields(element) {
45
46
  if (!element.isExpanded()) {
46
- return ['fontFamily', 'fontSize', 'color', 'background', 'opacity'];
47
+ return ['fontFamily', 'fontSize', 'bold', 'italic', 'underline', 'color', 'background', 'opacity'];
48
+ } // 集群禁用背景颜色设置
49
+
50
+
51
+ if (isClusterHtElement(element)) {
52
+ return ['fontFamily', 'fontSize', 'bold', 'italic', 'color'];
47
53
  }
48
54
 
49
55
  return ['fontFamily', 'fontSize', 'bold', 'italic', 'color', 'background', 'opacity'];
@@ -1,14 +1,24 @@
1
1
  import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
2
2
  import _extends from "@babel/runtime/helpers/extends";
3
- var _excluded = ["color", "background", "opacity", "bold", "italic"];
4
- import fontStyleUtil from "../../../../../../settings/common/text/fontStyleUtil";
3
+ var _excluded = ["color", "background", "opacity", "bold", "italic", "underline"];
5
4
  import { formatBackgroundRgbaColor, parseBackground, parseColor } from "../colorUtil";
6
5
  export function getTextStyle(element) {
7
- var underline = !!element.a('node.tag.fontUnderline');
6
+ var opacity = element.a('node.tag.opacity');
7
+
8
+ if (opacity === null || opacity === undefined) {
9
+ opacity = 1;
10
+ }
11
+
8
12
  return _extends({
9
- color: parseColor(element.a('ht.color')),
10
- underline: underline
11
- }, fontStyleUtil.toMap(element.a('ht.font')), parseBackground(element.a('ht.background')));
13
+ color: parseColor(element.a('node.tag.color')),
14
+ fontFamily: element.a('node.tag.fontFamily') || '微软雅黑',
15
+ fontSize: element.a('node.tag.fontSize'),
16
+ bold: !!element.a('node.tag.fontBold'),
17
+ italic: !!element.a('node.tag.fontItalic'),
18
+ underline: !!element.a('node.tag.fontUnderline')
19
+ }, parseBackground(element.a('node.tag.background')), {
20
+ opacity: opacity
21
+ });
12
22
  }
13
23
  export function setTextStyle(element, style, topo) {
14
24
  var color = style.color,
@@ -16,6 +26,7 @@ export function setTextStyle(element, style, topo) {
16
26
  opacity = style.opacity,
17
27
  bold = style.bold,
18
28
  italic = style.italic,
29
+ underline = style.underline,
19
30
  otherStyle = _objectWithoutPropertiesLoose(style, _excluded);
20
31
 
21
32
  var tagStyle = _extends({}, otherStyle);
@@ -32,6 +43,10 @@ export function setTextStyle(element, style, topo) {
32
43
  tagStyle.fontItalic = italic;
33
44
  }
34
45
 
46
+ if ('underline' in style) {
47
+ tagStyle.fontUnderline = underline;
48
+ }
49
+
35
50
  if ('background' in style) {
36
51
  // 背景颜色
37
52
  var prevStyle = getTextStyle(element);
@@ -86,6 +86,11 @@ export function getTextStyle(htSelection, styleNames) {
86
86
 
87
87
  var val = fieldValueList[0];
88
88
  var different = fieldValueList.filter(function (item) {
89
+ // 如果是颜色,特殊处理
90
+ if (item && val && item.rgb) {
91
+ return item.rgb.r + "," + item.rgb.g + "," + item.rgb.b + "," + item.rgb.a !== val.rgb.r + "," + val.rgb.g + "," + val.rgb.b + "," + val.rgb.a;
92
+ }
93
+
89
94
  return item !== val;
90
95
  });
91
96
 
@@ -5,8 +5,11 @@ import { adapterGetEdgePropertyViewType, addEdgePropertyViews } from "./core/edg
5
5
  import PropertyViewManager from "./core/PropertyViewManager";
6
6
  import Settings from "./Settings";
7
7
  import styles from "./Settings.module.scss";
8
+
9
+ function PropertyViewProvider(props) {}
10
+
8
11
  export default function PropertyPanel(props) {
9
- var _classNames;
12
+ var _editorProps$property, _editorProps$property2, _classNames;
10
13
 
11
14
  var topo = props.topo,
12
15
  editorProps = props.editorProps;
@@ -18,21 +21,19 @@ export default function PropertyPanel(props) {
18
21
  var _store$useModelState = store.useModelState('selection'),
19
22
  selection = _store$useModelState.selection;
20
23
 
21
- var _topo$store$useModel = topo.store.useModel('topoEdit'),
22
- topoEditState = _topo$store$useModel[0],
23
- topoEditDispatchers = _topo$store$useModel[1];
24
-
24
+ var topoEditState = topo.store.useModelState('topoEdit');
25
25
  var propertyPanelVisible = topoEditState.propertyPanelVisible;
26
26
  var propertyViewManager = useMemo(function () {
27
27
  return new PropertyViewManager(topo);
28
- }, []); // 临时适配连线属性面板类型,后期组件支持自定义适配
29
-
30
- addEdgePropertyViews(propertyViewManager, editorProps);
28
+ }, []);
29
+ propertyViewManager.addViews((_editorProps$property = editorProps.propertyView) === null || _editorProps$property === void 0 ? void 0 : _editorProps$property.views);
31
30
 
32
- propertyViewManager.customGetViewType = editorProps.getPropertyViewType || function (elements) {
31
+ propertyViewManager.customGetViewType = ((_editorProps$property2 = editorProps.propertyView) === null || _editorProps$property2 === void 0 ? void 0 : _editorProps$property2.getPropertyViewType) || function (elements) {
33
32
  return adapterGetEdgePropertyViewType(elements, editorProps);
34
- };
33
+ }; // 临时适配连线属性面板类型,后期组件支持自定义适配
35
34
 
35
+
36
+ addEdgePropertyViews(propertyViewManager, editorProps);
36
37
  var PropertyView = propertyViewManager.getPropertyView();
37
38
  useEffect(function () {
38
39
  if (graphLoaded) {
@@ -2,6 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
2
2
  import React, { useEffect, useMemo, useState } from 'react';
3
3
  import useSettingRuntimeState from "./useSettingRuntimeState";
4
4
  import updateElementProperty from "./core/updateElementProperty";
5
+ import { isEdge } from "../../../../utils/htElementUtils";
5
6
 
6
7
  function buildElementValues(selection) {
7
8
  var values = _extends({}, selection[0]);
@@ -33,10 +34,16 @@ export default function PropertyViewContainer(props) {
33
34
  var elementProps = {};
34
35
 
35
36
  if (selection.length === 1) {
37
+ var element = selectionElements[0];
36
38
  elementProps = {
37
- selectionElement: selectionElements[0],
39
+ element: element,
40
+ selectionElement: element,
38
41
  values: singleElementValues
39
42
  };
43
+
44
+ if (isEdge(element)) {
45
+ elementProps.edge = element;
46
+ }
40
47
  }
41
48
 
42
49
  return /*#__PURE__*/React.createElement(PropertyView, _extends({
@@ -4,17 +4,18 @@ import _getPropertyViewType from "./getPropertyViewType";
4
4
 
5
5
  var PropertyViewManager = /*#__PURE__*/function () {
6
6
  function PropertyViewManager(topo) {
7
- this.viewMap = propertyViews;
7
+ this.viewMap = _extends({}, propertyViews);
8
8
  this.topo = void 0;
9
9
  this.customGetViewType = void 0;
10
10
  this.topo = topo;
11
+ this.topo.propertyViewManager = this;
11
12
  this.open = this.open.bind(this);
12
13
  }
13
14
 
14
15
  var _proto = PropertyViewManager.prototype;
15
16
 
16
- _proto.updateViews = function updateViews(viewMap) {
17
- this.viewMap = _extends({}, propertyViews, viewMap);
17
+ _proto.addViews = function addViews(viewMap) {
18
+ Object.assign(this.viewMap, viewMap);
18
19
  };
19
20
 
20
21
  _proto.init = function init() {
@@ -1,5 +1,4 @@
1
1
  import { isEdge } from "../../../../../utils/htElementUtils";
2
- import addEdgeProps from "../propertyViews/edge/addEdgeProps";
3
2
  export function adapterGetEdgePropertyViewType(selection, editorProps) {
4
3
  var fn = editorProps.getEdgePropertyViewType;
5
4
 
@@ -13,10 +12,5 @@ export function adapterGetEdgePropertyViewType(selection, editorProps) {
13
12
  return null;
14
13
  }
15
14
  export function addEdgePropertyViews(propertyViewManager, editorProps) {
16
- var oldMap = editorProps.edgePropertyViews || {};
17
- var map = {};
18
- Object.keys(oldMap).forEach(function (name) {
19
- map[name] = addEdgeProps(oldMap[name]);
20
- });
21
- propertyViewManager.updateViews(map);
15
+ propertyViewManager.addViews(editorProps.edgePropertyViews || {});
22
16
  }
@@ -6,9 +6,9 @@ import _Collapse from "@alifd/next/es/collapse";
6
6
  import _Select from "@alifd/next/es/select";
7
7
  import _regeneratorRuntime from "@babel/runtime/regenerator";
8
8
  import React, { useEffect } from "react";
9
- import useHtElement from "../../../../../../common/hooks/useHtElement";
10
9
  import textStyles from "../../../../../../common/text.module.scss";
11
10
  import NodeRelateResourceButton from "./NodeRelateResourceButton";
11
+ import PlatformDisplay from "./PlatformDisplay";
12
12
  var Option = _Select.Option;
13
13
  var CollapsePanel = _Collapse.Panel;
14
14
 
@@ -150,5 +150,7 @@ export default function Data(props) {
150
150
  name: "attrObject.bindTopo",
151
151
  topo: topo,
152
152
  onChange: handleBindTopoChange
153
- })))));
153
+ })), (editorProps === null || editorProps === void 0 ? void 0 : editorProps.topoType) === 'cmpTopo' && node.getTag() && /*#__PURE__*/React.createElement(_Form.Item, {
154
+ label: "\u6240\u5C5E\u5E73\u53F0"
155
+ }, /*#__PURE__*/React.createElement(PlatformDisplay, props)))));
154
156
  }
@@ -0,0 +1,15 @@
1
+ import React from 'react';
2
+
3
+ function PlatformDisplay(props) {
4
+ var topo = props.topo,
5
+ node = props.node;
6
+ var data = topo.dataModel.useDataById(node.getTag());
7
+
8
+ if (!data) {
9
+ return '';
10
+ }
11
+
12
+ return data.isSubResource ? data.attributes.platform : '本级平台';
13
+ }
14
+
15
+ export default PlatformDisplay;
@@ -22,7 +22,7 @@ export default function useKeyboardShortcut(props) {
22
22
 
23
23
  }
24
24
 
25
- if (e.keyCode === 32) {
25
+ if (e.keyCode === 32 && e.target.nodeName !== 'TEXTAREA') {
26
26
  // 空格
27
27
  var _topo$store$getModelS = topo.store.getModelState('topoEdit'),
28
28
  viewMouseMode = _topo$store$getModelS.viewMouseMode;
@@ -13,12 +13,7 @@ import rlog from '@riil-frontend/component-topology-utils/es/rlog';
13
13
  var usePolling = function usePolling(props) {
14
14
  var topo = props.topo;
15
15
  var store = topo.store;
16
- var topoState = store.useModelState('topoMod');
17
-
18
- var _store$useModel = store.useModel('topoBizMod'),
19
- bizState = _store$useModel[0],
20
- bizDispatchers = _store$useModel[1];
21
-
16
+ var bizState = store.useModelState('topoBizMod');
22
17
  var resAndMetrics = bizState.resAndMetrics,
23
18
  pollingSwitch = bizState.pollingSwitch;
24
19
  var displayConfig = topo.store.useModelState('displayConfig');
@@ -53,8 +53,10 @@ var useTopoEdit = function useTopoEdit(params) {
53
53
  setComboResData = _useState2[1];
54
54
 
55
55
  var reset = function reset() {
56
+ var _topo$historyManager;
57
+
56
58
  topoEditDispatchers.reset();
57
- topo.historyManager.destroy();
59
+ (_topo$historyManager = topo.historyManager) === null || _topo$historyManager === void 0 ? void 0 : _topo$historyManager.destroy();
58
60
  };
59
61
  /**
60
62
  * 增加资源到视图
@@ -220,23 +220,11 @@ var Alarm = /*#__PURE__*/function () {
220
220
 
221
221
  _proto.hmGetTopoAlarm = /*#__PURE__*/function () {
222
222
  var _hmGetTopoAlarm = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee3(id) {
223
- var _this$topo$store$getS, data, resAndMetrics, topoData, _this$getState2, alarmIsOpened, alarmOpening, nodeIdsList, linkIdsList, resIdsList, mainCiIdList, endTime, startTime, parms, result;
224
-
223
+ var mainCiIdList, endTime, startTime, parms, result;
225
224
  return _regeneratorRuntime.wrap(function _callee3$(_context3) {
226
225
  while (1) {
227
226
  switch (_context3.prev = _context3.next) {
228
227
  case 0:
229
- _this$topo$store$getS = this.topo.store.getState().topoMod, data = _this$topo$store$getS.data, resAndMetrics = _this$topo$store$getS.resAndMetrics, topoData = _this$topo$store$getS.topoData;
230
- _this$getState2 = this.getState(), alarmIsOpened = _this$getState2.alarmIsOpened, alarmOpening = _this$getState2.alarmOpening; // const { nodes, links } = data;
231
-
232
- nodeIdsList = resAndMetrics.nodeIdsList, linkIdsList = resAndMetrics.linkIdsList, resIdsList = resAndMetrics.resIdsList; // rlog.debug(
233
- // "获取告警列表--resAndMetrics,topoData,data",
234
- // this.topo,
235
- // resAndMetrics,
236
- // topoData,
237
- // data
238
- // );
239
-
240
228
  mainCiIdList = this.topo.dataModel.getDatas().filter(function (ci) {
241
229
  return !!ci.operation;
242
230
  }) // 过滤掉权限
@@ -245,7 +233,7 @@ var Alarm = /*#__PURE__*/function () {
245
233
  });
246
234
 
247
235
  if (!(mainCiIdList.length === 0)) {
248
- _context3.next = 7;
236
+ _context3.next = 4;
249
237
  break;
250
238
  }
251
239
 
@@ -255,7 +243,7 @@ var Alarm = /*#__PURE__*/function () {
255
243
  });
256
244
  return _context3.abrupt("return");
257
245
 
258
- case 7:
246
+ case 4:
259
247
  //rlog.debug("获取告警列表", mainCiIdList);
260
248
  endTime = null; // new Date().valueOf();
261
249
 
@@ -280,10 +268,10 @@ var Alarm = /*#__PURE__*/function () {
280
268
  endTime: endTime
281
269
  }
282
270
  };
283
- _context3.next = 12;
271
+ _context3.next = 9;
284
272
  return topoService.getAlarmByIds(parms);
285
273
 
286
- case 12:
274
+ case 9:
287
275
  result = _context3.sent;
288
276
  rlog.debug("getAlarmById-result", result); // if (alarmIsOpened) {
289
277
  // //this.topo.loadAlarm(result.datas);
@@ -294,7 +282,7 @@ var Alarm = /*#__PURE__*/function () {
294
282
  // alarmPanelIsOpen: result.datas.length > 0,
295
283
  // });
296
284
 
297
- case 14:
285
+ case 11:
298
286
  case "end":
299
287
  return _context3.stop();
300
288
  }
@@ -389,14 +377,14 @@ var Alarm = /*#__PURE__*/function () {
389
377
  var _openTopoAlarm = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee6(id) {
390
378
  var _this2 = this;
391
379
 
392
- var _this$getState3, alarmOpening, topoAlarmIsOpen, alarmDispatchers;
380
+ var _this$getState2, alarmOpening, topoAlarmIsOpen, alarmDispatchers;
393
381
 
394
382
  return _regeneratorRuntime.wrap(function _callee6$(_context6) {
395
383
  while (1) {
396
384
  switch (_context6.prev = _context6.next) {
397
385
  case 0:
398
386
  // 如果当前拓扑图开启中或已开启则退出
399
- _this$getState3 = this.getState(), alarmOpening = _this$getState3.alarmOpening, topoAlarmIsOpen = _this$getState3.topoAlarmIsOpen;
387
+ _this$getState2 = this.getState(), alarmOpening = _this$getState2.alarmOpening, topoAlarmIsOpen = _this$getState2.topoAlarmIsOpen;
400
388
 
401
389
  if (!(this.currentTopoId === id && (topoAlarmIsOpen || alarmOpening))) {
402
390
  _context6.next = 3;
@@ -456,14 +444,14 @@ var Alarm = /*#__PURE__*/function () {
456
444
  /*#__PURE__*/
457
445
  function () {
458
446
  var _closeTopoAlarm = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee7(id) {
459
- var _this$getState4, alarmIsOpened, alarmOpening;
447
+ var _this$getState3, alarmIsOpened, alarmOpening;
460
448
 
461
449
  return _regeneratorRuntime.wrap(function _callee7$(_context7) {
462
450
  while (1) {
463
451
  switch (_context7.prev = _context7.next) {
464
452
  case 0:
465
453
  // 如果未开启则退出
466
- _this$getState4 = this.getState(), alarmIsOpened = _this$getState4.alarmIsOpened, alarmOpening = _this$getState4.alarmOpening;
454
+ _this$getState3 = this.getState(), alarmIsOpened = _this$getState3.alarmIsOpened, alarmOpening = _this$getState3.alarmOpening;
467
455
 
468
456
  if (!(!alarmIsOpened && !alarmOpening)) {
469
457
  _context7.next = 3;
@@ -550,13 +538,13 @@ var Alarm = /*#__PURE__*/function () {
550
538
  /*#__PURE__*/
551
539
  function () {
552
540
  var _handleAlarmEvent = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee9(alertData) {
553
- var _this$getState5, alarmIsOpened, resAndMetrics, resIdsList, nodeIdsList, linkIdsList, alarmDispatchers, sendAl, idsList, operations, _yield$alarmDispatche, eqFlag, alarmlist, _this$topo$viewProps, _this$topo$viewProps2;
541
+ var _this$getState4, alarmIsOpened, resAndMetrics, resIdsList, nodeIdsList, linkIdsList, alarmDispatchers, sendAl, idsList, operations, _yield$alarmDispatche, eqFlag, alarmlist, _this$topo$viewProps, _this$topo$viewProps2;
554
542
 
555
543
  return _regeneratorRuntime.wrap(function _callee9$(_context9) {
556
544
  while (1) {
557
545
  switch (_context9.prev = _context9.next) {
558
546
  case 0:
559
- _this$getState5 = this.getState(), alarmIsOpened = _this$getState5.alarmIsOpened;
547
+ _this$getState4 = this.getState(), alarmIsOpened = _this$getState4.alarmIsOpened;
560
548
  resAndMetrics = this.topo.store.getState().topoMod.resAndMetrics;
561
549
  resIdsList = resAndMetrics.resIdsList, nodeIdsList = resAndMetrics.nodeIdsList, linkIdsList = resAndMetrics.linkIdsList;
562
550
  alarmDispatchers = this.topo.store.getModelDispatchers("topoAlarm"); // 添加事件
@@ -23,7 +23,7 @@ import topoFactory from "./topoFactory";
23
23
  import ElementTagTipConfig from "./tagstips/ElementTagTipConfig";
24
24
  import SelectionModel from "./SelectionModel"; // eslint-disable-next-line no-undef
25
25
 
26
- var version = typeof "7.0.0-dev.8" === 'string' ? "7.0.0-dev.8" : null;
26
+ var version = typeof "7.0.1" === 'string' ? "7.0.1" : null;
27
27
  console.info("\u62D3\u6251\u7248\u672C: " + version);
28
28
  /**
29
29
  * 拓扑显示和编辑
@@ -566,11 +566,13 @@ var Topo = /*#__PURE__*/function () {
566
566
  return this.options.onSwitchToEditMode(this);
567
567
 
568
568
  case 12:
569
- // 加载自定义上传的图标
569
+ // 更新节点名称显示隐藏
570
+ this.attributeMetricDisplay.updateNodesNameVisible(); // 加载自定义上传的图标
571
+
570
572
  iconManageDispatchers = this.store.getModelDispatchers('customIcon');
571
573
  iconManageDispatchers.loadEditorIcons();
572
574
 
573
- case 14:
575
+ case 15:
574
576
  case "end":
575
577
  return _context12.stop();
576
578
  }
@@ -33,9 +33,6 @@ export function isCrucialLink(link) {
33
33
  export function isExitLink(link) {
34
34
  return (link === null || link === void 0 ? void 0 : link.attributes) && !(link !== null && link !== void 0 && link.attributes['destination_id']);
35
35
  }
36
- export function isAggLink(link) {
37
- return link.attributes["network_link.connect_type"] === "agg";
38
- }
39
36
  export var getInterfaceObject = /*#__PURE__*/function () {
40
37
  var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(codes) {
41
38
  var query, promises, result, ifDoc;