@riil-frontend/component-topology 11.0.35 → 12.0.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.
- package/build/1.js +2 -2
- package/build/2.js +1 -1
- package/build/index.js +45 -29
- package/es/components/BatchAttrMetric/setting.js +1 -1
- package/es/components/MultiResourceDrawer/index.js +8 -6
- package/es/components/ResourceList/ResourceSelect.js +8 -7
- package/es/components/ResourceSelectDrawer/ResourceSelectDrawer.js +8 -6
- package/es/components/SingleResourceDrawer/SelectDrawer.js +8 -6
- package/es/core/components/DisplaySettingDrawer/DisplaySettingDrawer.js +8 -6
- package/es/core/components/DisplaySettingDrawer/hooks/useDisplaySetting.js +24 -14
- package/es/core/editor/components/BackgroundView/index.js +73 -54
- package/es/core/editor/components/CustomIconPlugin/RenameDialog.js +8 -6
- package/es/core/editor/components/CustomIconPlugin/utils/svgToShape.js +7 -5
- package/es/core/editor/components/GroupAddResourceDrawerPlugin/GroupAddResourceDrawer.js +8 -6
- package/es/core/editor/components/Sidebar/views/CanvasPanel/hooks/useCanvasThemeConfig.js +15 -8
- package/es/core/editor/components/Toolbar/widgets/BoxBackgroundButton/BoxBackgroundSetting.js +16 -10
- package/es/core/editor/components/Toolbar/widgets/FontColorButton.js +16 -10
- package/es/core/editor/components/settings/propertyViews/layer/DataTab/DefaultLayerAddResourceDrawer.js +8 -6
- package/es/core/editor/components/settings/propertyViews/node/data/BindResourceDrawer.js +8 -6
- package/es/core/editor/components/settings/propertyViews/node/data/Data.js +8 -6
- package/es/core/editor/components/settings/propertyViews/view/BackgroundSize.js +8 -6
- package/es/core/editor/components/titlebar/TopoEditorTitleBar.js +28 -16
- package/es/core/editor/hooks/useKeyboardShortcut.js +36 -32
- package/es/core/editor/utils/copyElementUtil.js +171 -0
- package/es/core/hooks/usePolling.js +21 -13
- package/es/core/hooks/useResourceConfig.js +37 -21
- package/es/core/hooks/useTopoEdit.js +202 -139
- package/es/core/models/Alarm.js +104 -38
- package/es/core/models/AttributeMetricDisplay.js +36 -14
- package/es/core/models/TopoApp.js +197 -75
- package/es/core/models/TopoGraphView.js +20 -10
- package/es/core/models/cache/CiCache.js +12 -6
- package/es/core/models/cache/CiTypeCache.js +20 -10
- package/es/core/models/cache/DictCache.js +10 -6
- package/es/core/models/graph/Background.js +9 -6
- package/es/core/models/plugins/resourceWebControllUrl.js +21 -8
- package/es/core/models/tagstips/ElementTagTipConfig.js +20 -10
- package/es/core/models/topoData.js +7 -5
- package/es/core/models/utils/linkUtils.js +8 -5
- package/es/core/services/cmdb/metric.js +7 -5
- package/es/core/services/cmdb.js +9 -5
- package/es/core/services/index.js +23 -9
- package/es/core/services/topo/tagtip.js +7 -5
- package/es/core/store/models/customIcon.js +11 -6
- package/es/core/utils/imageUtil.js +7 -5
- package/es/core/utils/metricUtil.js +5 -0
- package/es/core/utils/saveSerialize.js +7 -5
- package/es/core/viewer/components/plugins/ResourceDetail/components/ClusterMemberTable.js +8 -6
- package/es/core/viewer/components/plugins/ResourceDetail/components/ResourceOverview/EventsCard.js +8 -5
- package/es/core/viewer/components/plugins/ResourceDetail/components/ResourceOverview/ResourceOverview.js +57 -25
- package/es/core/viewer/components/plugins/ResourceDetail/components/ResourceOverview/components/Configurator/index.js +47 -34
- package/es/core/viewer/components/plugins/ResourceDetail/components/ResourceOverview/components/LinkTopo/LinkTopoCard.js +9 -5
- package/es/core/viewer/components/plugins/ResourceDetail/components/ResourceOverview/components/LinkTopo/services/index.js +74 -34
- package/es/core/viewer/components/plugins/ResourceDetail/components/ResourceOverview/hooks/useAlarmAndRiskData.js +9 -6
- package/es/core/viewer/components/plugins/ResourceDetail/components/ResourceOverview/hooks/useMetricModels.js +9 -6
- package/es/core/viewer/components/plugins/ResourceDetail/components/WebConsole/WebConsoleForm/hooks/useWebConsole.js +31 -26
- package/es/core/viewer/components/plugins/ResourceDetail/getCiDisplayMetricModels.js +15 -7
- package/es/core/viewer/components/plugins/ResourceDetail/hooks/useUserId.js +7 -4
- package/es/core/viewer/components/plugins/ResourceWebControllUrlSettingDialog.js +8 -6
- package/es/networkTopo/components/Link/hook.js +21 -14
- package/es/networkTopo/components/Link/index.js +32 -18
- package/es/networkTopo/components/Link/setting.js +8 -6
- package/es/networkTopo/getTopoData.js +23 -10
- package/es/networkTopo/hooks/viewer/useRelateTopo.js +7 -4
- package/es/networkTopo/models/TopoCenter.js +24 -10
- package/es/networkTopo/services/cmdb.js +333 -233
- package/es/networkTopo/services/mdc.js +24 -15
- package/es/networkTopo/services/metric.js +16 -11
- package/es/networkTopo/services/model.js +412 -283
- package/es/networkTopo/utils/exportData.js +7 -5
- package/lib/components/BatchAttrMetric/setting.js +1 -1
- package/lib/components/MultiResourceDrawer/index.js +8 -6
- package/lib/components/ResourceList/ResourceSelect.js +8 -6
- package/lib/components/ResourceSelectDrawer/ResourceSelectDrawer.js +8 -6
- package/lib/components/SingleResourceDrawer/SelectDrawer.js +8 -6
- package/lib/core/components/DisplaySettingDrawer/DisplaySettingDrawer.js +8 -6
- package/lib/core/components/DisplaySettingDrawer/hooks/useDisplaySetting.js +24 -14
- package/lib/core/editor/components/BackgroundView/index.js +74 -55
- package/lib/core/editor/components/CustomIconPlugin/RenameDialog.js +8 -6
- package/lib/core/editor/components/CustomIconPlugin/utils/svgToShape.js +7 -4
- package/lib/core/editor/components/GroupAddResourceDrawerPlugin/GroupAddResourceDrawer.js +8 -6
- package/lib/core/editor/components/Sidebar/views/CanvasPanel/hooks/useCanvasThemeConfig.js +15 -8
- package/lib/core/editor/components/Toolbar/widgets/BoxBackgroundButton/BoxBackgroundSetting.js +16 -10
- package/lib/core/editor/components/Toolbar/widgets/FontColorButton.js +16 -10
- package/lib/core/editor/components/settings/propertyViews/layer/DataTab/DefaultLayerAddResourceDrawer.js +8 -6
- package/lib/core/editor/components/settings/propertyViews/node/data/BindResourceDrawer.js +8 -6
- package/lib/core/editor/components/settings/propertyViews/node/data/Data.js +8 -6
- package/lib/core/editor/components/settings/propertyViews/view/BackgroundSize.js +8 -6
- package/lib/core/editor/components/titlebar/TopoEditorTitleBar.js +28 -16
- package/lib/core/editor/hooks/useKeyboardShortcut.js +37 -34
- package/lib/core/editor/utils/copyElementUtil.js +182 -0
- package/lib/core/hooks/usePolling.js +21 -13
- package/lib/core/hooks/useResourceConfig.js +37 -21
- package/lib/core/hooks/useTopoEdit.js +202 -139
- package/lib/core/models/Alarm.js +104 -38
- package/lib/core/models/AttributeMetricDisplay.js +36 -14
- package/lib/core/models/TopoApp.js +197 -75
- package/lib/core/models/TopoGraphView.js +20 -10
- package/lib/core/models/cache/CiCache.js +12 -6
- package/lib/core/models/cache/CiTypeCache.js +20 -10
- package/lib/core/models/cache/DictCache.js +10 -6
- package/lib/core/models/graph/Background.js +9 -6
- package/lib/core/models/plugins/resourceWebControllUrl.js +21 -8
- package/lib/core/models/tagstips/ElementTagTipConfig.js +20 -10
- package/lib/core/models/topoData.js +7 -4
- package/lib/core/models/utils/linkUtils.js +8 -4
- package/lib/core/services/cmdb/metric.js +7 -4
- package/lib/core/services/cmdb.js +9 -4
- package/lib/core/services/index.js +21 -8
- package/lib/core/services/topo/tagtip.js +7 -4
- package/lib/core/store/models/customIcon.js +11 -6
- package/lib/core/utils/imageUtil.js +7 -4
- package/lib/core/utils/metricUtil.js +5 -0
- package/lib/core/utils/saveSerialize.js +7 -4
- package/lib/core/viewer/components/plugins/ResourceDetail/components/ClusterMemberTable.js +8 -6
- package/lib/core/viewer/components/plugins/ResourceDetail/components/ResourceOverview/EventsCard.js +9 -6
- package/lib/core/viewer/components/plugins/ResourceDetail/components/ResourceOverview/ResourceOverview.js +57 -25
- package/lib/core/viewer/components/plugins/ResourceDetail/components/ResourceOverview/components/Configurator/index.js +49 -36
- package/lib/core/viewer/components/plugins/ResourceDetail/components/ResourceOverview/components/LinkTopo/LinkTopoCard.js +9 -5
- package/lib/core/viewer/components/plugins/ResourceDetail/components/ResourceOverview/components/LinkTopo/services/index.js +73 -35
- package/lib/core/viewer/components/plugins/ResourceDetail/components/ResourceOverview/hooks/useAlarmAndRiskData.js +9 -6
- package/lib/core/viewer/components/plugins/ResourceDetail/components/ResourceOverview/hooks/useMetricModels.js +9 -6
- package/lib/core/viewer/components/plugins/ResourceDetail/components/WebConsole/WebConsoleForm/hooks/useWebConsole.js +31 -25
- package/lib/core/viewer/components/plugins/ResourceDetail/getCiDisplayMetricModels.js +14 -6
- package/lib/core/viewer/components/plugins/ResourceDetail/hooks/useUserId.js +7 -4
- package/lib/core/viewer/components/plugins/ResourceWebControllUrlSettingDialog.js +8 -6
- package/lib/networkTopo/components/Link/hook.js +23 -15
- package/lib/networkTopo/components/Link/index.js +32 -18
- package/lib/networkTopo/components/Link/setting.js +8 -6
- package/lib/networkTopo/getTopoData.js +23 -10
- package/lib/networkTopo/hooks/viewer/useRelateTopo.js +7 -4
- package/lib/networkTopo/models/TopoCenter.js +24 -10
- package/lib/networkTopo/services/cmdb.js +336 -235
- package/lib/networkTopo/services/mdc.js +24 -14
- package/lib/networkTopo/services/metric.js +16 -10
- package/lib/networkTopo/services/model.js +414 -284
- package/lib/networkTopo/utils/exportData.js +7 -4
- package/lib/utils/htElementDataUtil.js +4 -2
- package/package.json +3 -2
@@ -130,7 +130,7 @@ var Setting = function Setting(_ref) {
|
|
130
130
|
}, /*#__PURE__*/React.createElement(_Grid.Col, {
|
131
131
|
span: 8,
|
132
132
|
className: styles['tree-wrap']
|
133
|
-
}, dataSource.length && /*#__PURE__*/React.createElement(ActionTree, {
|
133
|
+
}, !!dataSource.length && /*#__PURE__*/React.createElement(ActionTree, {
|
134
134
|
dataSource: dataSource,
|
135
135
|
onSelect: onTreeSelect,
|
136
136
|
draggable: false,
|
@@ -4,8 +4,6 @@ import React, { useRef } from 'react';
|
|
4
4
|
import NetworkTopoResourceSelectDrawer from "../NetworkTopoResourceSelectDrawer";
|
5
5
|
|
6
6
|
var MultiResourceDrawer = function MultiResourceDrawer(props) {
|
7
|
-
var _ref;
|
8
|
-
|
9
7
|
var visible = props.visible,
|
10
8
|
mode = props.mode,
|
11
9
|
initialData = props.initialData,
|
@@ -13,8 +11,8 @@ var MultiResourceDrawer = function MultiResourceDrawer(props) {
|
|
13
11
|
onSave = props.onSave,
|
14
12
|
onClose = props.onClose;
|
15
13
|
|
16
|
-
var onDrawerSave = function
|
17
|
-
|
14
|
+
var onDrawerSave = /*#__PURE__*/function () {
|
15
|
+
var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(selected) {
|
18
16
|
var result;
|
19
17
|
return _regeneratorRuntime.wrap(function _callee$(_context) {
|
20
18
|
while (1) switch (_context.prev = _context.next) {
|
@@ -35,8 +33,12 @@ var MultiResourceDrawer = function MultiResourceDrawer(props) {
|
|
35
33
|
return _context.stop();
|
36
34
|
}
|
37
35
|
}, _callee);
|
38
|
-
}))
|
39
|
-
|
36
|
+
}));
|
37
|
+
|
38
|
+
return function onDrawerSave(_x) {
|
39
|
+
return _ref.apply(this, arguments);
|
40
|
+
};
|
41
|
+
}();
|
40
42
|
|
41
43
|
return /*#__PURE__*/React.createElement(NetworkTopoResourceSelectDrawer, {
|
42
44
|
visible: visible,
|
@@ -1,7 +1,4 @@
|
|
1
1
|
import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
|
2
|
-
|
3
|
-
var _ref;
|
4
|
-
|
5
2
|
import _regeneratorRuntime from "@babel/runtime/regenerator";
|
6
3
|
import React, { useEffect, useImperativeHandle } from 'react';
|
7
4
|
import _ from 'lodash';
|
@@ -18,8 +15,8 @@ import styles from "./ResourceSelect.module.scss";
|
|
18
15
|
import { RESOURCE_LIMIT_TYPES } from "../../constants/ResourceTypeLimit";
|
19
16
|
var PRIMARY_KEY = 'id';
|
20
17
|
|
21
|
-
var getTableData = function
|
22
|
-
|
18
|
+
var getTableData = /*#__PURE__*/function () {
|
19
|
+
var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(params) {
|
23
20
|
var _params$current, current, _params$pageSize, pageSize, _params$sortBy, sortBy, _params$sortOrder, sortOrder, like, typeCode, condition, ciType, data, dataSource;
|
24
21
|
|
25
22
|
return _regeneratorRuntime.wrap(function _callee$(_context) {
|
@@ -77,8 +74,12 @@ var getTableData = function getTableData(_x) {
|
|
77
74
|
return _context.stop();
|
78
75
|
}
|
79
76
|
}, _callee);
|
80
|
-
}))
|
81
|
-
|
77
|
+
}));
|
78
|
+
|
79
|
+
return function getTableData(_x) {
|
80
|
+
return _ref.apply(this, arguments);
|
81
|
+
};
|
82
|
+
}();
|
82
83
|
|
83
84
|
var ResourceList = function ResourceList(props, ref) {
|
84
85
|
var customGetTableData = props.getTableData,
|
@@ -15,8 +15,6 @@ import styles from "./ResourceSelectDrawer.module.scss";
|
|
15
15
|
*/
|
16
16
|
|
17
17
|
function ResourceSelectDrawer(props) {
|
18
|
-
var _ref;
|
19
|
-
|
20
18
|
var visible = props.visible,
|
21
19
|
title = props.title,
|
22
20
|
selectionMode = props.selectionMode,
|
@@ -38,8 +36,8 @@ function ResourceSelectDrawer(props) {
|
|
38
36
|
}
|
39
37
|
}, [visible]);
|
40
38
|
|
41
|
-
var handleOk = function
|
42
|
-
|
39
|
+
var handleOk = /*#__PURE__*/function () {
|
40
|
+
var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
|
43
41
|
var selected, shouldClose;
|
44
42
|
return _regeneratorRuntime.wrap(function _callee$(_context) {
|
45
43
|
while (1) switch (_context.prev = _context.next) {
|
@@ -73,8 +71,12 @@ function ResourceSelectDrawer(props) {
|
|
73
71
|
return _context.stop();
|
74
72
|
}
|
75
73
|
}, _callee, null, [[1, 9]]);
|
76
|
-
}))
|
77
|
-
|
74
|
+
}));
|
75
|
+
|
76
|
+
return function handleOk() {
|
77
|
+
return _ref.apply(this, arguments);
|
78
|
+
};
|
79
|
+
}();
|
78
80
|
|
79
81
|
var finalExcludeIds = [];
|
80
82
|
|
@@ -5,15 +5,13 @@ import React, { useRef } from 'react';
|
|
5
5
|
import ResourceSelectDrawer from "../NetworkTopoResourceSelectDrawer";
|
6
6
|
|
7
7
|
var SingleSelectDrawer = function SingleSelectDrawer(props) {
|
8
|
-
var _ref;
|
9
|
-
|
10
8
|
var visible = props.visible,
|
11
9
|
totalSelection = props.totalSelection,
|
12
10
|
onSave = props.onSave,
|
13
11
|
onClose = props.onClose;
|
14
12
|
|
15
|
-
var onDrawerSave = function
|
16
|
-
|
13
|
+
var onDrawerSave = /*#__PURE__*/function () {
|
14
|
+
var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(selected) {
|
17
15
|
return _regeneratorRuntime.wrap(function _callee$(_context) {
|
18
16
|
while (1) switch (_context.prev = _context.next) {
|
19
17
|
case 0:
|
@@ -35,8 +33,12 @@ var SingleSelectDrawer = function SingleSelectDrawer(props) {
|
|
35
33
|
return _context.stop();
|
36
34
|
}
|
37
35
|
}, _callee);
|
38
|
-
}))
|
39
|
-
|
36
|
+
}));
|
37
|
+
|
38
|
+
return function onDrawerSave(_x) {
|
39
|
+
return _ref.apply(this, arguments);
|
40
|
+
};
|
41
|
+
}();
|
40
42
|
|
41
43
|
return /*#__PURE__*/React.createElement(ResourceSelectDrawer, {
|
42
44
|
visible: visible,
|
@@ -8,8 +8,6 @@ import Drawer from "../../../components/Drawer";
|
|
8
8
|
import DisplaySetting from "./DisplaySetting";
|
9
9
|
import useDisplaySetting from "./hooks/useDisplaySetting";
|
10
10
|
export default function DisplaySettingDrawer(props) {
|
11
|
-
var _ref;
|
12
|
-
|
13
11
|
var visible = props.visible,
|
14
12
|
topo = props.topo,
|
15
13
|
displaySettingProps = props.displaySettingProps,
|
@@ -27,8 +25,8 @@ export default function DisplaySettingDrawer(props) {
|
|
27
25
|
isEditor: isEditor
|
28
26
|
}));
|
29
27
|
|
30
|
-
var handleOk = function
|
31
|
-
|
28
|
+
var handleOk = /*#__PURE__*/function () {
|
29
|
+
var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
|
32
30
|
return _regeneratorRuntime.wrap(function _callee$(_context) {
|
33
31
|
while (1) switch (_context.prev = _context.next) {
|
34
32
|
case 0:
|
@@ -61,8 +59,12 @@ export default function DisplaySettingDrawer(props) {
|
|
61
59
|
return _context.stop();
|
62
60
|
}
|
63
61
|
}, _callee, null, [[1, 9]]);
|
64
|
-
}))
|
65
|
-
|
62
|
+
}));
|
63
|
+
|
64
|
+
return function handleOk() {
|
65
|
+
return _ref.apply(this, arguments);
|
66
|
+
};
|
67
|
+
}();
|
66
68
|
|
67
69
|
var DisplaySettingWidget = displaySettingRender || DisplaySetting;
|
68
70
|
return /*#__PURE__*/React.createElement(Drawer, {
|
@@ -2,15 +2,13 @@ import _extends from "@babel/runtime/helpers/extends";
|
|
2
2
|
import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
|
3
3
|
import _regeneratorRuntime from "@babel/runtime/regenerator";
|
4
4
|
export default (function (props) {
|
5
|
-
var _ref, _ref2, _ref3;
|
6
|
-
|
7
5
|
var topo = props.topo,
|
8
6
|
displaySettingProps = props.displaySettingProps,
|
9
7
|
settingRef = props.settingRef,
|
10
8
|
isEditor = props.isEditor;
|
11
9
|
|
12
|
-
var handleViewerSave = function
|
13
|
-
|
10
|
+
var handleViewerSave = /*#__PURE__*/function () {
|
11
|
+
var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
|
14
12
|
var values, prevDisplayConfig, displayConfig, displayConfigDispatchers, extraOnOk;
|
15
13
|
return _regeneratorRuntime.wrap(function _callee$(_context) {
|
16
14
|
while (1) switch (_context.prev = _context.next) {
|
@@ -47,11 +45,15 @@ export default (function (props) {
|
|
47
45
|
return _context.stop();
|
48
46
|
}
|
49
47
|
}, _callee);
|
50
|
-
}))
|
51
|
-
};
|
48
|
+
}));
|
52
49
|
|
53
|
-
|
54
|
-
|
50
|
+
return function handleViewerSave() {
|
51
|
+
return _ref.apply(this, arguments);
|
52
|
+
};
|
53
|
+
}();
|
54
|
+
|
55
|
+
var handleEditorSave = /*#__PURE__*/function () {
|
56
|
+
var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
|
55
57
|
var values, prevDisplayConfig, displayConfig, displayConfigDispatchers, extraOnOk;
|
56
58
|
return _regeneratorRuntime.wrap(function _callee2$(_context2) {
|
57
59
|
while (1) switch (_context2.prev = _context2.next) {
|
@@ -88,11 +90,15 @@ export default (function (props) {
|
|
88
90
|
return _context2.stop();
|
89
91
|
}
|
90
92
|
}, _callee2);
|
91
|
-
}))
|
92
|
-
};
|
93
|
+
}));
|
93
94
|
|
94
|
-
|
95
|
-
|
95
|
+
return function handleEditorSave() {
|
96
|
+
return _ref2.apply(this, arguments);
|
97
|
+
};
|
98
|
+
}();
|
99
|
+
|
100
|
+
var save = /*#__PURE__*/function () {
|
101
|
+
var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee3() {
|
96
102
|
return _regeneratorRuntime.wrap(function _callee3$(_context3) {
|
97
103
|
while (1) switch (_context3.prev = _context3.next) {
|
98
104
|
case 0:
|
@@ -117,8 +123,12 @@ export default (function (props) {
|
|
117
123
|
return _context3.stop();
|
118
124
|
}
|
119
125
|
}, _callee3);
|
120
|
-
}))
|
121
|
-
|
126
|
+
}));
|
127
|
+
|
128
|
+
return function save() {
|
129
|
+
return _ref3.apply(this, arguments);
|
130
|
+
};
|
131
|
+
}();
|
122
132
|
|
123
133
|
return {
|
124
134
|
save: save
|
@@ -1,10 +1,10 @@
|
|
1
|
+
import _Message from "@alifd/next/es/message";
|
1
2
|
import _Loading from "@alifd/next/es/loading";
|
2
3
|
import _extends from "@babel/runtime/helpers/extends";
|
3
|
-
import
|
4
|
+
import _Dialog from "@alifd/next/es/dialog";
|
4
5
|
import _Tag from "@alifd/next/es/tag";
|
5
6
|
import _Button from "@alifd/next/es/button";
|
6
7
|
import _Icon from "@alifd/next/es/icon";
|
7
|
-
import _Dialog from "@alifd/next/es/dialog";
|
8
8
|
import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
|
9
9
|
import _regeneratorRuntime from "@babel/runtime/regenerator";
|
10
10
|
import React, { useEffect, useState } from 'react';
|
@@ -16,15 +16,17 @@ import { getImageSize } from "../../../utils/imageUtil";
|
|
16
16
|
import rlog from '@riil-frontend/component-topology-utils/es/rlog';
|
17
17
|
|
18
18
|
function List(props) {
|
19
|
-
var _remove;
|
20
|
-
|
21
19
|
var selected = props.selected,
|
22
20
|
onSelect = props.onSelect,
|
23
21
|
dataSource = props.dataSource,
|
24
22
|
onRemove = props.onRemove;
|
25
23
|
|
26
24
|
function remove(_x, _x2) {
|
27
|
-
return
|
25
|
+
return _remove.apply(this, arguments);
|
26
|
+
}
|
27
|
+
|
28
|
+
function _remove() {
|
29
|
+
_remove = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(e, id) {
|
28
30
|
var canDelete;
|
29
31
|
return _regeneratorRuntime.wrap(function _callee$(_context) {
|
30
32
|
while (1) switch (_context.prev = _context.next) {
|
@@ -65,7 +67,8 @@ function List(props) {
|
|
65
67
|
return _context.stop();
|
66
68
|
}
|
67
69
|
}, _callee);
|
68
|
-
}))
|
70
|
+
}));
|
71
|
+
return _remove.apply(this, arguments);
|
69
72
|
}
|
70
73
|
|
71
74
|
return /*#__PURE__*/React.createElement("div", {
|
@@ -97,8 +100,6 @@ function List(props) {
|
|
97
100
|
}
|
98
101
|
|
99
102
|
export default function BackgroundView(props) {
|
100
|
-
var _getBackground, _removeBg, _ref, _ref2;
|
101
|
-
|
102
103
|
var topo = props.topo;
|
103
104
|
|
104
105
|
var _topo$store$useModel = topo.store.useModel('background'),
|
@@ -124,45 +125,55 @@ export default function BackgroundView(props) {
|
|
124
125
|
}, []);
|
125
126
|
|
126
127
|
function getBackground() {
|
127
|
-
return
|
128
|
+
return _getBackground.apply(this, arguments);
|
129
|
+
}
|
130
|
+
|
131
|
+
function _getBackground() {
|
132
|
+
_getBackground = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee4() {
|
128
133
|
var res;
|
129
|
-
return _regeneratorRuntime.wrap(function
|
130
|
-
while (1) switch (
|
134
|
+
return _regeneratorRuntime.wrap(function _callee4$(_context4) {
|
135
|
+
while (1) switch (_context4.prev = _context4.next) {
|
131
136
|
case 0:
|
132
|
-
|
137
|
+
_context4.next = 2;
|
133
138
|
return api.getBackgroundList();
|
134
139
|
|
135
140
|
case 2:
|
136
|
-
res =
|
141
|
+
res = _context4.sent;
|
137
142
|
setBgList(res);
|
138
143
|
|
139
144
|
case 4:
|
140
145
|
case "end":
|
141
|
-
return
|
146
|
+
return _context4.stop();
|
142
147
|
}
|
143
|
-
},
|
144
|
-
}))
|
148
|
+
}, _callee4);
|
149
|
+
}));
|
150
|
+
return _getBackground.apply(this, arguments);
|
145
151
|
}
|
146
152
|
|
147
153
|
function removeBg(_x3) {
|
148
|
-
return
|
154
|
+
return _removeBg.apply(this, arguments);
|
155
|
+
} // 同步拓扑图展示
|
156
|
+
|
157
|
+
|
158
|
+
function _removeBg() {
|
159
|
+
_removeBg = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee5(id) {
|
149
160
|
var res;
|
150
|
-
return _regeneratorRuntime.wrap(function
|
151
|
-
while (1) switch (
|
161
|
+
return _regeneratorRuntime.wrap(function _callee5$(_context5) {
|
162
|
+
while (1) switch (_context5.prev = _context5.next) {
|
152
163
|
case 0:
|
153
|
-
|
164
|
+
_context5.next = 2;
|
154
165
|
return api.deleteBackground(id);
|
155
166
|
|
156
167
|
case 2:
|
157
|
-
res =
|
168
|
+
res = _context5.sent;
|
158
169
|
|
159
170
|
if (!(id === (current === null || current === void 0 ? void 0 : current.id))) {
|
160
|
-
|
171
|
+
_context5.next = 9;
|
161
172
|
break;
|
162
173
|
}
|
163
174
|
|
164
175
|
topo.historyManager.setDisabled(true, '删除背景');
|
165
|
-
|
176
|
+
_context5.next = 7;
|
166
177
|
return reset();
|
167
178
|
|
168
179
|
case 7:
|
@@ -176,50 +187,50 @@ export default function BackgroundView(props) {
|
|
176
187
|
|
177
188
|
case 11:
|
178
189
|
case "end":
|
179
|
-
return
|
190
|
+
return _context5.stop();
|
180
191
|
}
|
181
|
-
},
|
182
|
-
}))
|
183
|
-
|
184
|
-
|
192
|
+
}, _callee5);
|
193
|
+
}));
|
194
|
+
return _removeBg.apply(this, arguments);
|
195
|
+
}
|
185
196
|
|
186
197
|
function setHtTopoBackground(imgUrl, width, height) {
|
187
198
|
topo.getHtTopo().setBackgroundImgUrl(imgUrl, width, height);
|
188
199
|
}
|
189
200
|
|
190
|
-
var handleSelect = function
|
191
|
-
|
201
|
+
var handleSelect = /*#__PURE__*/function () {
|
202
|
+
var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2(currentBg) {
|
192
203
|
var imgUrl, size;
|
193
|
-
return _regeneratorRuntime.wrap(function
|
194
|
-
while (1) switch (
|
204
|
+
return _regeneratorRuntime.wrap(function _callee2$(_context2) {
|
205
|
+
while (1) switch (_context2.prev = _context2.next) {
|
195
206
|
case 0:
|
196
207
|
if (!(currentBg !== null && currentBg !== void 0 && currentBg.id && currentBg.id !== (current === null || current === void 0 ? void 0 : current.id))) {
|
197
|
-
|
208
|
+
_context2.next = 19;
|
198
209
|
break;
|
199
210
|
}
|
200
211
|
|
201
212
|
setLoadingBackground(true);
|
202
213
|
topo.historyManager.beginTransaction();
|
203
214
|
imgUrl = getBackgroundImageUrl(currentBg);
|
204
|
-
|
205
|
-
|
215
|
+
_context2.prev = 4;
|
216
|
+
_context2.next = 7;
|
206
217
|
return getImageSize(imgUrl);
|
207
218
|
|
208
219
|
case 7:
|
209
|
-
size =
|
220
|
+
size = _context2.sent;
|
210
221
|
rlog.debug('获取图片大小', size);
|
211
|
-
|
222
|
+
_context2.next = 11;
|
212
223
|
return setBackground(_extends({}, currentBg, size));
|
213
224
|
|
214
225
|
case 11:
|
215
226
|
topo.getHtTopo().setBackgroundImgUrl(imgUrl, size.width, size.height);
|
216
|
-
|
227
|
+
_context2.next = 17;
|
217
228
|
break;
|
218
229
|
|
219
230
|
case 14:
|
220
|
-
|
221
|
-
|
222
|
-
rlog.error('设置背景失败',
|
231
|
+
_context2.prev = 14;
|
232
|
+
_context2.t0 = _context2["catch"](4);
|
233
|
+
rlog.error('设置背景失败', _context2.t0);
|
223
234
|
|
224
235
|
case 17:
|
225
236
|
topo.historyManager.endTransaction();
|
@@ -227,19 +238,23 @@ export default function BackgroundView(props) {
|
|
227
238
|
|
228
239
|
case 19:
|
229
240
|
case "end":
|
230
|
-
return
|
241
|
+
return _context2.stop();
|
231
242
|
}
|
232
|
-
},
|
233
|
-
}))
|
234
|
-
};
|
243
|
+
}, _callee2, null, [[4, 14]]);
|
244
|
+
}));
|
235
245
|
|
236
|
-
|
237
|
-
|
238
|
-
|
239
|
-
|
246
|
+
return function handleSelect(_x4) {
|
247
|
+
return _ref.apply(this, arguments);
|
248
|
+
};
|
249
|
+
}();
|
250
|
+
|
251
|
+
var resetDefault = /*#__PURE__*/function () {
|
252
|
+
var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee3() {
|
253
|
+
return _regeneratorRuntime.wrap(function _callee3$(_context3) {
|
254
|
+
while (1) switch (_context3.prev = _context3.next) {
|
240
255
|
case 0:
|
241
256
|
topo.historyManager.beginTransaction();
|
242
|
-
|
257
|
+
_context3.next = 3;
|
243
258
|
return reset();
|
244
259
|
|
245
260
|
case 3:
|
@@ -248,11 +263,15 @@ export default function BackgroundView(props) {
|
|
248
263
|
|
249
264
|
case 5:
|
250
265
|
case "end":
|
251
|
-
return
|
266
|
+
return _context3.stop();
|
252
267
|
}
|
253
|
-
},
|
254
|
-
}))
|
255
|
-
|
268
|
+
}, _callee3);
|
269
|
+
}));
|
270
|
+
|
271
|
+
return function resetDefault() {
|
272
|
+
return _ref2.apply(this, arguments);
|
273
|
+
};
|
274
|
+
}();
|
256
275
|
|
257
276
|
return /*#__PURE__*/React.createElement("div", {
|
258
277
|
className: styles['background-view']
|
@@ -10,8 +10,6 @@ import _ from 'lodash';
|
|
10
10
|
import { SPECIAL_CHARACTER_FORM_ITEM_VALIDATE_PROPS } from "../../../../utils/SpecialCharacterValidateUtil";
|
11
11
|
var FormItem = _Form.Item;
|
12
12
|
export default function RenameDialog(props) {
|
13
|
-
var _ref;
|
14
|
-
|
15
13
|
var topo = props.topo;
|
16
14
|
var store = topo.store;
|
17
15
|
|
@@ -38,8 +36,8 @@ export default function RenameDialog(props) {
|
|
38
36
|
});
|
39
37
|
}, [name]);
|
40
38
|
|
41
|
-
var submit = function
|
42
|
-
|
39
|
+
var submit = /*#__PURE__*/function () {
|
40
|
+
var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
|
43
41
|
var _yield$field$validate, errors, values;
|
44
42
|
|
45
43
|
return _regeneratorRuntime.wrap(function _callee$(_context) {
|
@@ -69,8 +67,12 @@ export default function RenameDialog(props) {
|
|
69
67
|
return _context.stop();
|
70
68
|
}
|
71
69
|
}, _callee);
|
72
|
-
}))
|
73
|
-
|
70
|
+
}));
|
71
|
+
|
72
|
+
return function submit() {
|
73
|
+
return _ref.apply(this, arguments);
|
74
|
+
};
|
75
|
+
}();
|
74
76
|
|
75
77
|
var renameIconForm = visible && /*#__PURE__*/React.createElement(_Form, {
|
76
78
|
field: field
|
@@ -1,12 +1,13 @@
|
|
1
1
|
import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
|
2
|
-
|
3
|
-
var _svgToShape;
|
4
|
-
|
5
2
|
import _regeneratorRuntime from "@babel/runtime/regenerator";
|
6
3
|
var ht = window.ht;
|
7
4
|
var FileReader = window.FileReader;
|
8
5
|
export default function svgToShape(_x) {
|
9
|
-
return
|
6
|
+
return _svgToShape.apply(this, arguments);
|
7
|
+
}
|
8
|
+
|
9
|
+
function _svgToShape() {
|
10
|
+
_svgToShape = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(file) {
|
10
11
|
return _regeneratorRuntime.wrap(function _callee$(_context) {
|
11
12
|
while (1) switch (_context.prev = _context.next) {
|
12
13
|
case 0:
|
@@ -29,5 +30,6 @@ export default function svgToShape(_x) {
|
|
29
30
|
return _context.stop();
|
30
31
|
}
|
31
32
|
}, _callee);
|
32
|
-
}))
|
33
|
+
}));
|
34
|
+
return _svgToShape.apply(this, arguments);
|
33
35
|
}
|
@@ -4,15 +4,13 @@ import React, { useState, useEffect } from 'react';
|
|
4
4
|
import ResourceSelectDrawer from "../../../../components/NetworkTopoResourceSelectDrawer";
|
5
5
|
|
6
6
|
var GroupAddResourceDrawer = function GroupAddResourceDrawer(props) {
|
7
|
-
var _ref;
|
8
|
-
|
9
7
|
var group = props.group,
|
10
8
|
topoEdit = props.topoEdit,
|
11
9
|
visible = props.visible,
|
12
10
|
onClose = props.onClose;
|
13
11
|
|
14
|
-
var onOk = function
|
15
|
-
|
12
|
+
var onOk = /*#__PURE__*/function () {
|
13
|
+
var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(selected) {
|
16
14
|
return _regeneratorRuntime.wrap(function _callee$(_context) {
|
17
15
|
while (1) switch (_context.prev = _context.next) {
|
18
16
|
case 0:
|
@@ -24,8 +22,12 @@ var GroupAddResourceDrawer = function GroupAddResourceDrawer(props) {
|
|
24
22
|
return _context.stop();
|
25
23
|
}
|
26
24
|
}, _callee);
|
27
|
-
}))
|
28
|
-
|
25
|
+
}));
|
26
|
+
|
27
|
+
return function onOk(_x) {
|
28
|
+
return _ref.apply(this, arguments);
|
29
|
+
};
|
30
|
+
}();
|
29
31
|
|
30
32
|
return /*#__PURE__*/React.createElement(ResourceSelectDrawer, {
|
31
33
|
visible: visible,
|
@@ -7,8 +7,6 @@ import THEMES from "../../../../../config/themes";
|
|
7
7
|
import ThemeUtil from "../../../../../utils/themeUtil";
|
8
8
|
|
9
9
|
function useCanvasThemeConfig(props) {
|
10
|
-
var _ref, _setGlobalTagTheme;
|
11
|
-
|
12
10
|
var topo = props.topo;
|
13
11
|
|
14
12
|
var _topo$store$useModel = topo.store.useModel('displayConfig'),
|
@@ -17,8 +15,8 @@ function useCanvasThemeConfig(props) {
|
|
17
15
|
|
18
16
|
var canvasThemeName = displayConfig.canvasTheme || 'white';
|
19
17
|
|
20
|
-
var setCanvasTheme = function
|
21
|
-
|
18
|
+
var setCanvasTheme = /*#__PURE__*/function () {
|
19
|
+
var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(themeName) {
|
22
20
|
var themeConfig;
|
23
21
|
return _regeneratorRuntime.wrap(function _callee$(_context) {
|
24
22
|
while (1) switch (_context.prev = _context.next) {
|
@@ -45,12 +43,20 @@ function useCanvasThemeConfig(props) {
|
|
45
43
|
return _context.stop();
|
46
44
|
}
|
47
45
|
}, _callee);
|
48
|
-
}))
|
49
|
-
|
46
|
+
}));
|
47
|
+
|
48
|
+
return function setCanvasTheme(_x) {
|
49
|
+
return _ref.apply(this, arguments);
|
50
|
+
};
|
51
|
+
}(); // 设置资源/链路标注样式
|
50
52
|
|
51
53
|
|
52
54
|
function setGlobalTagTheme(_x2) {
|
53
|
-
return
|
55
|
+
return _setGlobalTagTheme.apply(this, arguments);
|
56
|
+
}
|
57
|
+
|
58
|
+
function _setGlobalTagTheme() {
|
59
|
+
_setGlobalTagTheme = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2(themeConfig) {
|
54
60
|
var _topo$store$getModelS, nodeLabelStyle, defaultEdgeLabelStyle;
|
55
61
|
|
56
62
|
return _regeneratorRuntime.wrap(function _callee2$(_context2) {
|
@@ -71,7 +77,8 @@ function useCanvasThemeConfig(props) {
|
|
71
77
|
return _context2.stop();
|
72
78
|
}
|
73
79
|
}, _callee2);
|
74
|
-
}))
|
80
|
+
}));
|
81
|
+
return _setGlobalTagTheme.apply(this, arguments);
|
75
82
|
}
|
76
83
|
|
77
84
|
function setElementsTheme(themeConfig) {
|