@riil-frontend/component-topology 9.0.2 → 9.0.3
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.css +1 -1
- package/build/index.js +18 -18
- package/es/core/models/TopoApp.js +1 -1
- package/es/core/viewer/components/plugins/ResourceDetail/components/ResourceOverview/BaseInfo.js +2 -16
- package/es/core/viewer/components/plugins/ResourceDetail/components/ResourceOverview/NetworkBaseInfo.js +91 -0
- package/es/core/viewer/components/plugins/ResourceDetail/components/ResourceOverview/ResourceOverview.js +15 -2
- package/es/core/viewer/components/plugins/ResourceDetail/components/ResourceOverview/index.module.scss +0 -6
- package/es/networkTopo/models/IpNodeTagsTipsBuilder.js +1 -41
- package/es/style.js +1 -1
- package/lib/core/models/TopoApp.js +1 -1
- package/lib/core/viewer/components/plugins/ResourceDetail/components/ResourceOverview/BaseInfo.js +1 -15
- package/lib/core/viewer/components/plugins/ResourceDetail/components/ResourceOverview/NetworkBaseInfo.js +107 -0
- package/lib/core/viewer/components/plugins/ResourceDetail/components/ResourceOverview/ResourceOverview.js +15 -1
- package/lib/core/viewer/components/plugins/ResourceDetail/components/ResourceOverview/index.module.scss +0 -6
- package/lib/networkTopo/models/IpNodeTagsTipsBuilder.js +0 -41
- package/lib/style.js +1 -1
- package/package.json +2 -2
@@ -24,7 +24,7 @@ import ElementTagTipConfig from "./tagstips/ElementTagTipConfig";
|
|
24
24
|
import SelectionModel from "./SelectionModel";
|
25
25
|
import CiCache from "./cache/CiCache"; // eslint-disable-next-line no-undef
|
26
26
|
|
27
|
-
var version = typeof "9.0.
|
27
|
+
var version = typeof "9.0.3" === 'string' ? "9.0.3" : null;
|
28
28
|
console.info("\u62D3\u6251\u7248\u672C: " + version);
|
29
29
|
/**
|
30
30
|
* 拓扑显示和编辑
|
package/es/core/viewer/components/plugins/ResourceDetail/components/ResourceOverview/BaseInfo.js
CHANGED
@@ -1,9 +1,7 @@
|
|
1
|
-
import _Switch from "@alifd/next/es/switch";
|
2
1
|
import React from "react"; // import { Link } from "react-router-dom";
|
3
2
|
|
4
|
-
import styles from "./index.module.scss";
|
3
|
+
import styles from "./index.module.scss"; // url 处理,UICBB 的地址需截取前缀
|
5
4
|
|
6
|
-
// url 处理,UICBB 的地址需截取前缀
|
7
5
|
function formatUrl(url) {
|
8
6
|
var _window, _window$location;
|
9
7
|
|
@@ -57,12 +55,6 @@ export default function BaseInfo(props) {
|
|
57
55
|
data = props.data,
|
58
56
|
baseInfo = props.baseInfo,
|
59
57
|
renderContent = props.renderContent;
|
60
|
-
|
61
|
-
var onChange = function onChange(checked) {
|
62
|
-
topo.topoCrucialLinkFn([data.id], !checked);
|
63
|
-
};
|
64
|
-
|
65
|
-
var defaultChecked = topo.dataModel.getDataById(data.id).attributes['network_link.is_crucial'] || false;
|
66
58
|
var content = renderContent ? renderContent({
|
67
59
|
type: type,
|
68
60
|
data: data,
|
@@ -78,11 +70,5 @@ export default function BaseInfo(props) {
|
|
78
70
|
|
79
71
|
return /*#__PURE__*/React.createElement("div", {
|
80
72
|
className: styles["base-info"]
|
81
|
-
}, content
|
82
|
-
className: styles.isCrucialLink
|
83
|
-
}, "\u662F\u5426\u5173\u952E\uFF1A", /*#__PURE__*/React.createElement(_Switch, {
|
84
|
-
defaultChecked: defaultChecked,
|
85
|
-
onChange: onChange,
|
86
|
-
size: "small"
|
87
|
-
})));
|
73
|
+
}, content);
|
88
74
|
}
|
@@ -0,0 +1,91 @@
|
|
1
|
+
import _extends from "@babel/runtime/helpers/extends";
|
2
|
+
import _Switch from "@alifd/next/es/switch";
|
3
|
+
import React, { useState } from 'react';
|
4
|
+
import BaseInfoBlock from "./BaseInfoBlock";
|
5
|
+
import Configurator from "./components/Configurator";
|
6
|
+
// import { isExitLink } from '@/core/models/utils/linkUtils';
|
7
|
+
// 基本信息
|
8
|
+
export default function NetworkBaseInfo(props) {
|
9
|
+
var loading = props.loading,
|
10
|
+
topo = props.topo,
|
11
|
+
data = props.data,
|
12
|
+
ciTypeMeta = props.ciTypeMeta,
|
13
|
+
renderContent = props.renderContent,
|
14
|
+
baseInfo = props.baseInfo,
|
15
|
+
isAppTopo = props.isAppTopo,
|
16
|
+
topoId = props.topoId,
|
17
|
+
support_templates = props.support_templates,
|
18
|
+
baseInfoCol = props.baseInfoCol,
|
19
|
+
defaultCols = props.defaultCols,
|
20
|
+
resourceOverviewProps = props.resourceOverviewProps,
|
21
|
+
baseInfoColChange = props.baseInfoColChange;
|
22
|
+
var id = data.id,
|
23
|
+
ciType = data.ciType,
|
24
|
+
type = data.type,
|
25
|
+
name = data.name;
|
26
|
+
var edge = topo.dataModel.getDataById(id);
|
27
|
+
var targetNode = topo.dataModel.getDataById(edge.target);
|
28
|
+
var sourceNode = topo.dataModel.getDataById(edge.source);
|
29
|
+
|
30
|
+
var _useState = useState(!!topo.dataModel.getDataById(data.id).attributes['network_link.is_crucial']),
|
31
|
+
defaultChecked = _useState[0],
|
32
|
+
setDefaultChecked = _useState[1];
|
33
|
+
|
34
|
+
var onChanges = function onChanges(checked) {
|
35
|
+
var defaultCheck = topo.topoCrucialLinkFn([data.id], !checked, setDefaultChecked);
|
36
|
+
};
|
37
|
+
|
38
|
+
var creatCruialSwitch = function creatCruialSwitch() {
|
39
|
+
return /*#__PURE__*/React.createElement(_Switch, {
|
40
|
+
checked: defaultChecked,
|
41
|
+
onChange: onChanges,
|
42
|
+
size: "small"
|
43
|
+
});
|
44
|
+
};
|
45
|
+
|
46
|
+
var crucialBaseInfo = {};
|
47
|
+
|
48
|
+
if (targetNode.permission.writeable && sourceNode.permission.writeable) {
|
49
|
+
crucialBaseInfo = {
|
50
|
+
contentTitle: topo.dataModel.getDataById(data.id).attributes['network_link.is_crucial'] ? '是' : '否',
|
51
|
+
dataIndex: 'isCrucial',
|
52
|
+
disabledHide: false,
|
53
|
+
hidden: false,
|
54
|
+
title: '是否关键',
|
55
|
+
value: creatCruialSwitch()
|
56
|
+
};
|
57
|
+
}
|
58
|
+
|
59
|
+
var newBaseInfo = [].concat(baseInfo, [crucialBaseInfo]);
|
60
|
+
return /*#__PURE__*/React.createElement(BaseInfoBlock, _extends({}, resourceOverviewProps === null || resourceOverviewProps === void 0 ? void 0 : resourceOverviewProps.baseInfoProps, {
|
61
|
+
loading: loading,
|
62
|
+
data: data,
|
63
|
+
ciTypeMeta: ciTypeMeta,
|
64
|
+
baseInfo: newBaseInfo,
|
65
|
+
isAppTopo: isAppTopo,
|
66
|
+
topo: topo,
|
67
|
+
headerExtra: function headerExtra(p) {
|
68
|
+
var _resourceOverviewProp;
|
69
|
+
|
70
|
+
return /*#__PURE__*/React.createElement("div", {
|
71
|
+
style: {
|
72
|
+
display: 'flex'
|
73
|
+
}
|
74
|
+
}, (resourceOverviewProps === null || resourceOverviewProps === void 0 ? void 0 : (_resourceOverviewProp = resourceOverviewProps.baseInfoProps) === null || _resourceOverviewProp === void 0 ? void 0 : _resourceOverviewProp.headerExtra(p)) || '', /*#__PURE__*/React.createElement(Configurator, {
|
75
|
+
btnStyle: {
|
76
|
+
marginLeft: 5
|
77
|
+
},
|
78
|
+
topoId: topoId,
|
79
|
+
templateCode: support_templates,
|
80
|
+
type: "baseInfo",
|
81
|
+
defaultCol: defaultCols.baseInfo,
|
82
|
+
defaultDisabledCol: ['display_name'],
|
83
|
+
max: 6,
|
84
|
+
columns: baseInfoCol,
|
85
|
+
getOverviewConfig: resourceOverviewProps.getOverviewConfig,
|
86
|
+
saveOverviewConfig: resourceOverviewProps.saveOverviewConfig,
|
87
|
+
onChange: baseInfoColChange
|
88
|
+
}));
|
89
|
+
}
|
90
|
+
}));
|
91
|
+
}
|
@@ -29,7 +29,8 @@ import useCiAttrAndMetricData from "./useCiAttrAndMetricData";
|
|
29
29
|
import Configurator from "./components/Configurator";
|
30
30
|
import { formatMetric } from "../../../../../../models/attributeFormatter";
|
31
31
|
import LinkTopoCard from "./components/LinkTopo/LinkTopoCard";
|
32
|
-
import EventsCard from "./EventsCard";
|
32
|
+
import EventsCard from "./EventsCard";
|
33
|
+
import NetworkBaseInfo from "./NetworkBaseInfo"; // url 处理,UICBB 的地址需截取前缀
|
33
34
|
|
34
35
|
function formatUrl(url) {
|
35
36
|
var _window, _window$location;
|
@@ -845,7 +846,19 @@ export default function ResourceOverview(props) {
|
|
845
846
|
return /*#__PURE__*/React.createElement("div", {
|
846
847
|
className: styles['resource-overview'],
|
847
848
|
style: style
|
848
|
-
}, /*#__PURE__*/React.createElement(
|
849
|
+
}, ciType === 'network_link' ? /*#__PURE__*/React.createElement(NetworkBaseInfo, {
|
850
|
+
resourceOverviewProps: resourceOverviewProps,
|
851
|
+
loading: baseInfoInitLoading,
|
852
|
+
data: elementData,
|
853
|
+
ciTypeMeta: ciTypeMeta,
|
854
|
+
baseInfo: baseInfo,
|
855
|
+
isAppTopo: isAppTopo,
|
856
|
+
topo: topo,
|
857
|
+
support_templates: support_templates,
|
858
|
+
defaultCols: defaultCols,
|
859
|
+
baseInfoCol: baseInfoCol,
|
860
|
+
baseInfoColChange: baseInfoColChange
|
861
|
+
}) : /*#__PURE__*/React.createElement(BaseInfoBlock, _extends({}, resourceOverviewProps === null || resourceOverviewProps === void 0 ? void 0 : resourceOverviewProps.baseInfoProps, {
|
849
862
|
loading: baseInfoInitLoading,
|
850
863
|
data: elementData,
|
851
864
|
ciTypeMeta: ciTypeMeta,
|
@@ -3,47 +3,7 @@
|
|
3
3
|
*/
|
4
4
|
import rlog from "@riil-frontend/component-topology-utils/es/rlog";
|
5
5
|
import { getEdgeGroups } from "../../utils/htElementUtils";
|
6
|
-
import AttributeFormatter from "../../core/models/attributeFormatter";
|
7
|
-
|
8
|
-
var metrics = [// 总流速
|
9
|
-
{
|
10
|
-
code: "interface_totalbps",
|
11
|
-
calcType: "sum"
|
12
|
-
}, // 带宽利用率
|
13
|
-
{
|
14
|
-
code: "bandwidth_utilization",
|
15
|
-
calcType: "avg"
|
16
|
-
}, // 发送带宽利用率
|
17
|
-
{
|
18
|
-
code: "out_bandwidth_utilization",
|
19
|
-
calcType: "avg",
|
20
|
-
showWhenSameSource: true
|
21
|
-
}, // 接收带宽利用率
|
22
|
-
{
|
23
|
-
code: "in_bandwidth_utilization",
|
24
|
-
calcType: "avg",
|
25
|
-
showWhenSameSource: true
|
26
|
-
}, {
|
27
|
-
code: "out_rate",
|
28
|
-
calcType: "sum",
|
29
|
-
showWhenSameSource: true
|
30
|
-
}, {
|
31
|
-
code: "in_rate",
|
32
|
-
calcType: "sum",
|
33
|
-
showWhenSameSource: true
|
34
|
-
}];
|
35
|
-
var calcFnMap = {
|
36
|
-
sum: function sum(values) {
|
37
|
-
return values.reduce(function (total, val) {
|
38
|
-
return total + parseInt(val || 0, 10);
|
39
|
-
}, 0);
|
40
|
-
},
|
41
|
-
avg: function avg(values) {
|
42
|
-
return values.reduce(function (total, val) {
|
43
|
-
return total + parseFloat(val || 0, 10);
|
44
|
-
}, 0) / values.length;
|
45
|
-
}
|
46
|
-
};
|
6
|
+
import AttributeFormatter from "../../core/models/attributeFormatter";
|
47
7
|
|
48
8
|
var IpNodeTagsTipsBuilder = /*#__PURE__*/function () {
|
49
9
|
function IpNodeTagsTipsBuilder(amDisplay) {
|
package/es/style.js
CHANGED
@@ -14,13 +14,13 @@ import '@riil-frontend/component-pager/es/style';
|
|
14
14
|
import '@alifd/next/es/button/style';
|
15
15
|
import '@alifd/next/es/icon/style';
|
16
16
|
import '@alifd/next/es/loading/style';
|
17
|
-
import '@alifd/next/es/switch/style';
|
18
17
|
import '@alifd/next/es/divider/style';
|
19
18
|
import '@riil-frontend/component-no-data-page/es/style';
|
20
19
|
|
21
20
|
import '@alifd/next/es/overlay/style';
|
22
21
|
import '@alifd/next/es/checkbox/style';
|
23
22
|
import '@riil-frontend/component-crucial-link-topo/es/style';
|
23
|
+
import '@alifd/next/es/switch/style';
|
24
24
|
import '@alifd/next/es/input/style';
|
25
25
|
import '@alifd/next/es/field/style';
|
26
26
|
import '@alifd/next/es/form/style';
|
@@ -56,7 +56,7 @@ var _SelectionModel = _interopRequireDefault(require("./SelectionModel"));
|
|
56
56
|
var _CiCache = _interopRequireDefault(require("./cache/CiCache"));
|
57
57
|
|
58
58
|
// eslint-disable-next-line no-undef
|
59
|
-
var version = typeof "9.0.
|
59
|
+
var version = typeof "9.0.3" === 'string' ? "9.0.3" : null;
|
60
60
|
console.info("\u62D3\u6251\u7248\u672C: " + version);
|
61
61
|
/**
|
62
62
|
* 拓扑显示和编辑
|
package/lib/core/viewer/components/plugins/ResourceDetail/components/ResourceOverview/BaseInfo.js
CHANGED
@@ -5,8 +5,6 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
|
|
5
5
|
exports.__esModule = true;
|
6
6
|
exports["default"] = BaseInfo;
|
7
7
|
|
8
|
-
var _switch = _interopRequireDefault(require("@alifd/next/lib/switch"));
|
9
|
-
|
10
8
|
var _react = _interopRequireDefault(require("react"));
|
11
9
|
|
12
10
|
var _indexModule = _interopRequireDefault(require("./index.module.scss"));
|
@@ -66,12 +64,6 @@ function BaseInfo(props) {
|
|
66
64
|
data = props.data,
|
67
65
|
baseInfo = props.baseInfo,
|
68
66
|
renderContent = props.renderContent;
|
69
|
-
|
70
|
-
var onChange = function onChange(checked) {
|
71
|
-
topo.topoCrucialLinkFn([data.id], !checked);
|
72
|
-
};
|
73
|
-
|
74
|
-
var defaultChecked = topo.dataModel.getDataById(data.id).attributes['network_link.is_crucial'] || false;
|
75
67
|
var content = renderContent ? renderContent({
|
76
68
|
type: type,
|
77
69
|
data: data,
|
@@ -87,11 +79,5 @@ function BaseInfo(props) {
|
|
87
79
|
|
88
80
|
return /*#__PURE__*/_react["default"].createElement("div", {
|
89
81
|
className: _indexModule["default"]["base-info"]
|
90
|
-
}, content
|
91
|
-
className: _indexModule["default"].isCrucialLink
|
92
|
-
}, "\u662F\u5426\u5173\u952E\uFF1A", /*#__PURE__*/_react["default"].createElement(_switch["default"], {
|
93
|
-
defaultChecked: defaultChecked,
|
94
|
-
onChange: onChange,
|
95
|
-
size: "small"
|
96
|
-
})));
|
82
|
+
}, content);
|
97
83
|
}
|
@@ -0,0 +1,107 @@
|
|
1
|
+
"use strict";
|
2
|
+
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
4
|
+
|
5
|
+
exports.__esModule = true;
|
6
|
+
exports["default"] = NetworkBaseInfo;
|
7
|
+
|
8
|
+
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
9
|
+
|
10
|
+
var _switch = _interopRequireDefault(require("@alifd/next/lib/switch"));
|
11
|
+
|
12
|
+
var _react = _interopRequireWildcard(require("react"));
|
13
|
+
|
14
|
+
var _BaseInfoBlock = _interopRequireDefault(require("./BaseInfoBlock"));
|
15
|
+
|
16
|
+
var _Configurator = _interopRequireDefault(require("./components/Configurator"));
|
17
|
+
|
18
|
+
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); }
|
19
|
+
|
20
|
+
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; }
|
21
|
+
|
22
|
+
// import { isExitLink } from '@/core/models/utils/linkUtils';
|
23
|
+
// 基本信息
|
24
|
+
function NetworkBaseInfo(props) {
|
25
|
+
var loading = props.loading,
|
26
|
+
topo = props.topo,
|
27
|
+
data = props.data,
|
28
|
+
ciTypeMeta = props.ciTypeMeta,
|
29
|
+
renderContent = props.renderContent,
|
30
|
+
baseInfo = props.baseInfo,
|
31
|
+
isAppTopo = props.isAppTopo,
|
32
|
+
topoId = props.topoId,
|
33
|
+
support_templates = props.support_templates,
|
34
|
+
baseInfoCol = props.baseInfoCol,
|
35
|
+
defaultCols = props.defaultCols,
|
36
|
+
resourceOverviewProps = props.resourceOverviewProps,
|
37
|
+
baseInfoColChange = props.baseInfoColChange;
|
38
|
+
var id = data.id,
|
39
|
+
ciType = data.ciType,
|
40
|
+
type = data.type,
|
41
|
+
name = data.name;
|
42
|
+
var edge = topo.dataModel.getDataById(id);
|
43
|
+
var targetNode = topo.dataModel.getDataById(edge.target);
|
44
|
+
var sourceNode = topo.dataModel.getDataById(edge.source);
|
45
|
+
|
46
|
+
var _useState = (0, _react.useState)(!!topo.dataModel.getDataById(data.id).attributes['network_link.is_crucial']),
|
47
|
+
defaultChecked = _useState[0],
|
48
|
+
setDefaultChecked = _useState[1];
|
49
|
+
|
50
|
+
var onChanges = function onChanges(checked) {
|
51
|
+
var defaultCheck = topo.topoCrucialLinkFn([data.id], !checked, setDefaultChecked);
|
52
|
+
};
|
53
|
+
|
54
|
+
var creatCruialSwitch = function creatCruialSwitch() {
|
55
|
+
return /*#__PURE__*/_react["default"].createElement(_switch["default"], {
|
56
|
+
checked: defaultChecked,
|
57
|
+
onChange: onChanges,
|
58
|
+
size: "small"
|
59
|
+
});
|
60
|
+
};
|
61
|
+
|
62
|
+
var crucialBaseInfo = {};
|
63
|
+
|
64
|
+
if (targetNode.permission.writeable && sourceNode.permission.writeable) {
|
65
|
+
crucialBaseInfo = {
|
66
|
+
contentTitle: topo.dataModel.getDataById(data.id).attributes['network_link.is_crucial'] ? '是' : '否',
|
67
|
+
dataIndex: 'isCrucial',
|
68
|
+
disabledHide: false,
|
69
|
+
hidden: false,
|
70
|
+
title: '是否关键',
|
71
|
+
value: creatCruialSwitch()
|
72
|
+
};
|
73
|
+
}
|
74
|
+
|
75
|
+
var newBaseInfo = [].concat(baseInfo, [crucialBaseInfo]);
|
76
|
+
return /*#__PURE__*/_react["default"].createElement(_BaseInfoBlock["default"], (0, _extends2["default"])({}, resourceOverviewProps === null || resourceOverviewProps === void 0 ? void 0 : resourceOverviewProps.baseInfoProps, {
|
77
|
+
loading: loading,
|
78
|
+
data: data,
|
79
|
+
ciTypeMeta: ciTypeMeta,
|
80
|
+
baseInfo: newBaseInfo,
|
81
|
+
isAppTopo: isAppTopo,
|
82
|
+
topo: topo,
|
83
|
+
headerExtra: function headerExtra(p) {
|
84
|
+
var _resourceOverviewProp;
|
85
|
+
|
86
|
+
return /*#__PURE__*/_react["default"].createElement("div", {
|
87
|
+
style: {
|
88
|
+
display: 'flex'
|
89
|
+
}
|
90
|
+
}, (resourceOverviewProps === null || resourceOverviewProps === void 0 ? void 0 : (_resourceOverviewProp = resourceOverviewProps.baseInfoProps) === null || _resourceOverviewProp === void 0 ? void 0 : _resourceOverviewProp.headerExtra(p)) || '', /*#__PURE__*/_react["default"].createElement(_Configurator["default"], {
|
91
|
+
btnStyle: {
|
92
|
+
marginLeft: 5
|
93
|
+
},
|
94
|
+
topoId: topoId,
|
95
|
+
templateCode: support_templates,
|
96
|
+
type: "baseInfo",
|
97
|
+
defaultCol: defaultCols.baseInfo,
|
98
|
+
defaultDisabledCol: ['display_name'],
|
99
|
+
max: 6,
|
100
|
+
columns: baseInfoCol,
|
101
|
+
getOverviewConfig: resourceOverviewProps.getOverviewConfig,
|
102
|
+
saveOverviewConfig: resourceOverviewProps.saveOverviewConfig,
|
103
|
+
onChange: baseInfoColChange
|
104
|
+
}));
|
105
|
+
}
|
106
|
+
}));
|
107
|
+
}
|
@@ -53,6 +53,8 @@ var _LinkTopoCard = _interopRequireDefault(require("./components/LinkTopo/LinkTo
|
|
53
53
|
|
54
54
|
var _EventsCard = _interopRequireDefault(require("./EventsCard"));
|
55
55
|
|
56
|
+
var _NetworkBaseInfo = _interopRequireDefault(require("./NetworkBaseInfo"));
|
57
|
+
|
56
58
|
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); }
|
57
59
|
|
58
60
|
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; }
|
@@ -881,7 +883,19 @@ function ResourceOverview(props) {
|
|
881
883
|
return /*#__PURE__*/_react["default"].createElement("div", {
|
882
884
|
className: _indexModule["default"]['resource-overview'],
|
883
885
|
style: style
|
884
|
-
}, /*#__PURE__*/_react["default"].createElement(
|
886
|
+
}, ciType === 'network_link' ? /*#__PURE__*/_react["default"].createElement(_NetworkBaseInfo["default"], {
|
887
|
+
resourceOverviewProps: resourceOverviewProps,
|
888
|
+
loading: baseInfoInitLoading,
|
889
|
+
data: elementData,
|
890
|
+
ciTypeMeta: ciTypeMeta,
|
891
|
+
baseInfo: baseInfo,
|
892
|
+
isAppTopo: isAppTopo,
|
893
|
+
topo: topo,
|
894
|
+
support_templates: support_templates,
|
895
|
+
defaultCols: defaultCols,
|
896
|
+
baseInfoCol: baseInfoCol,
|
897
|
+
baseInfoColChange: baseInfoColChange
|
898
|
+
}) : /*#__PURE__*/_react["default"].createElement(_BaseInfoBlock["default"], (0, _extends2["default"])({}, resourceOverviewProps === null || resourceOverviewProps === void 0 ? void 0 : resourceOverviewProps.baseInfoProps, {
|
885
899
|
loading: baseInfoInitLoading,
|
886
900
|
data: elementData,
|
887
901
|
ciTypeMeta: ciTypeMeta,
|
@@ -14,47 +14,6 @@ var _attributeFormatter = _interopRequireDefault(require("../../core/models/attr
|
|
14
14
|
/**
|
15
15
|
* 连线组标注、悬浮框数据构建
|
16
16
|
*/
|
17
|
-
// 参与计算的链路指标
|
18
|
-
var metrics = [// 总流速
|
19
|
-
{
|
20
|
-
code: "interface_totalbps",
|
21
|
-
calcType: "sum"
|
22
|
-
}, // 带宽利用率
|
23
|
-
{
|
24
|
-
code: "bandwidth_utilization",
|
25
|
-
calcType: "avg"
|
26
|
-
}, // 发送带宽利用率
|
27
|
-
{
|
28
|
-
code: "out_bandwidth_utilization",
|
29
|
-
calcType: "avg",
|
30
|
-
showWhenSameSource: true
|
31
|
-
}, // 接收带宽利用率
|
32
|
-
{
|
33
|
-
code: "in_bandwidth_utilization",
|
34
|
-
calcType: "avg",
|
35
|
-
showWhenSameSource: true
|
36
|
-
}, {
|
37
|
-
code: "out_rate",
|
38
|
-
calcType: "sum",
|
39
|
-
showWhenSameSource: true
|
40
|
-
}, {
|
41
|
-
code: "in_rate",
|
42
|
-
calcType: "sum",
|
43
|
-
showWhenSameSource: true
|
44
|
-
}];
|
45
|
-
var calcFnMap = {
|
46
|
-
sum: function sum(values) {
|
47
|
-
return values.reduce(function (total, val) {
|
48
|
-
return total + parseInt(val || 0, 10);
|
49
|
-
}, 0);
|
50
|
-
},
|
51
|
-
avg: function avg(values) {
|
52
|
-
return values.reduce(function (total, val) {
|
53
|
-
return total + parseFloat(val || 0, 10);
|
54
|
-
}, 0) / values.length;
|
55
|
-
}
|
56
|
-
};
|
57
|
-
|
58
17
|
var IpNodeTagsTipsBuilder = /*#__PURE__*/function () {
|
59
18
|
function IpNodeTagsTipsBuilder(amDisplay) {
|
60
19
|
this.amDisplay = void 0;
|
package/lib/style.js
CHANGED
@@ -14,13 +14,13 @@ require('@riil-frontend/component-pager/lib/style');
|
|
14
14
|
require('@alifd/next/lib/button/style');
|
15
15
|
require('@alifd/next/lib/icon/style');
|
16
16
|
require('@alifd/next/lib/loading/style');
|
17
|
-
require('@alifd/next/lib/switch/style');
|
18
17
|
require('@alifd/next/lib/divider/style');
|
19
18
|
require('@riil-frontend/component-no-data-page/lib/style');
|
20
19
|
|
21
20
|
require('@alifd/next/lib/overlay/style');
|
22
21
|
require('@alifd/next/lib/checkbox/style');
|
23
22
|
require('@riil-frontend/component-crucial-link-topo/lib/style');
|
23
|
+
require('@alifd/next/lib/switch/style');
|
24
24
|
require('@alifd/next/lib/input/style');
|
25
25
|
require('@alifd/next/lib/field/style');
|
26
26
|
require('@alifd/next/lib/form/style');
|
package/package.json
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
{
|
2
2
|
"name": "@riil-frontend/component-topology",
|
3
|
-
"version": "9.0.
|
3
|
+
"version": "9.0.3",
|
4
4
|
"description": "拓扑",
|
5
5
|
"scripts": {
|
6
6
|
"start": "build-scripts start",
|
@@ -116,6 +116,6 @@
|
|
116
116
|
"access": "public"
|
117
117
|
},
|
118
118
|
"license": "MIT",
|
119
|
-
"homepage": "https://unpkg.com/@riil-frontend/component-topology@9.0.
|
119
|
+
"homepage": "https://unpkg.com/@riil-frontend/component-topology@9.0.3/build/index.html",
|
120
120
|
"gitHead": "2da19ffccbb7ca60a8acf396e39f542c68bb33f5"
|
121
121
|
}
|