@riil-frontend/component-topology 11.0.1 → 11.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 +1 -1
- package/build/index.js +11 -11
- package/es/components/BatchAttrMetric2/SelectTable.js +21 -0
- package/es/components/BatchAttrMetric2/constant.js +30 -0
- package/es/components/BatchAttrMetric2/index.js +75 -0
- package/es/components/BatchAttrMetric2/index.module.scss +76 -0
- package/es/components/BatchAttrMetric2/setting.js +188 -0
- package/es/components/BatchAttrMetric2/utils.js +80 -0
- package/es/components/ModelAttrSelectDrawer/components/ModelAttrSelect.js +7 -0
- package/es/components/ModelAttrSelectDrawer/components/ModelAttrSelectDrawer.js +36 -0
- package/es/components/ModelAttrSelectDrawer/index.js +2 -0
- package/es/core/components/DisplaySettingDrawer/NodeTag.js +1 -0
- package/es/core/models/TopoApp.js +1 -1
- package/es/core/models/tagstips/ElementTagTipConfig.js +15 -5
- package/es/core/utils/showGraphManageStatusUtil.js +5 -4
- package/es/core/viewer/components/plugins/ResourceDetail/ResourceDetail.js +12 -3
- package/es/core/viewer/components/plugins/ResourceDetail/components/ResourceOverview/ResourceOverview.js +7 -7
- package/es/utils/tree.js +2 -9
- package/es/utils/treeUtil.js +13 -0
- package/lib/components/BatchAttrMetric2/SelectTable.js +29 -0
- package/lib/components/BatchAttrMetric2/constant.js +36 -0
- package/lib/components/BatchAttrMetric2/index.js +93 -0
- package/lib/components/BatchAttrMetric2/index.module.scss +76 -0
- package/lib/components/BatchAttrMetric2/setting.js +216 -0
- package/lib/components/BatchAttrMetric2/utils.js +97 -0
- package/lib/components/ModelAttrSelectDrawer/components/ModelAttrSelect.js +15 -0
- package/lib/components/ModelAttrSelectDrawer/components/ModelAttrSelectDrawer.js +51 -0
- package/lib/components/ModelAttrSelectDrawer/index.js +11 -0
- package/lib/core/components/DisplaySettingDrawer/NodeTag.js +1 -0
- package/lib/core/models/TopoApp.js +1 -1
- package/lib/core/models/tagstips/ElementTagTipConfig.js +15 -5
- package/lib/core/utils/showGraphManageStatusUtil.js +5 -4
- package/lib/core/viewer/components/plugins/ResourceDetail/ResourceDetail.js +12 -3
- package/lib/core/viewer/components/plugins/ResourceDetail/components/ResourceOverview/ResourceOverview.js +7 -8
- package/lib/utils/tree.js +3 -11
- package/lib/utils/treeUtil.js +20 -0
- package/package.json +3 -2
@@ -98,7 +98,7 @@ var ElementTagTipConfig = /*#__PURE__*/function () {
|
|
98
98
|
_proto.getLinkConfigItems = function getLinkConfigItems() {
|
99
99
|
var mtCodes = (0, _utils.getLinkMtCodes)(this.topoData);
|
100
100
|
var linkFidldMap = this.getLinkFidldMap();
|
101
|
-
|
101
|
+
var list = [{
|
102
102
|
id: 'm.critical_link',
|
103
103
|
label: '关键链路'
|
104
104
|
}, {
|
@@ -113,6 +113,14 @@ var ElementTagTipConfig = /*#__PURE__*/function () {
|
|
113
113
|
list: linkFidldMap[t.id] || []
|
114
114
|
});
|
115
115
|
});
|
116
|
+
return list; // return [
|
117
|
+
// { id: 'ax1', label: '本级平台', children: list, type: 'folder', disabled: true },
|
118
|
+
// {
|
119
|
+
// id: 'bb22', label: '下级平台', type: 'folder', children: [
|
120
|
+
// { id: 'xvdafa', label: '关键链路', icon: '/img/model/networkLink.svg' },
|
121
|
+
// ]
|
122
|
+
// },
|
123
|
+
// ]
|
116
124
|
};
|
117
125
|
|
118
126
|
_proto.getFiedldMapByType = function getFiedldMapByType(mtCodes, type) {
|
@@ -140,16 +148,18 @@ var ElementTagTipConfig = /*#__PURE__*/function () {
|
|
140
148
|
map[mtCode] = [].concat(extItems, attributes.map(function (item) {
|
141
149
|
return {
|
142
150
|
type: 'attribute',
|
143
|
-
|
151
|
+
id: "attribute:" + item.code,
|
152
|
+
code: "attribute:" + item.code,
|
144
153
|
name: item.name,
|
145
|
-
|
154
|
+
typeName: '属性'
|
146
155
|
};
|
147
156
|
}), metrics.map(function (item) {
|
148
157
|
return {
|
149
158
|
type: 'metric',
|
150
|
-
|
159
|
+
id: "metric:" + item.code,
|
160
|
+
code: "metric:" + item.code,
|
151
161
|
name: item.name,
|
152
|
-
|
162
|
+
typeName: '指标'
|
153
163
|
};
|
154
164
|
}));
|
155
165
|
});
|
@@ -30,15 +30,16 @@ function showManageStatus(options) {
|
|
30
30
|
manageStatus = resource.manageStatus,
|
31
31
|
permission = resource.permission;
|
32
32
|
var isNotMonite = manageStatus === 0;
|
33
|
-
var readable = !!(permission !== null && permission !== void 0 && permission.readable);
|
33
|
+
var readable = !!(permission !== null && permission !== void 0 && permission.readable); // 没有告警且有查看权限,才显示未监控状态
|
34
|
+
|
34
35
|
var showUnMoniteStatus = !hasAlarm(id) && isNotMonite && readable;
|
35
36
|
var element = topo.getDataModel().getDataByTag(id);
|
36
|
-
if (!element) return;
|
37
|
+
if (!element) return; // ht元素设置是否显示监控状态,是否展示,用于缩小色块时显示未监控颜色
|
38
|
+
|
39
|
+
element.a('ci.isMonitoring', !showUnMoniteStatus);
|
37
40
|
|
38
41
|
if (type === 'node') {
|
39
42
|
try {
|
40
|
-
element.a('isMonitoring', showUnMoniteStatus); // 用于缩小色块时显示未监控颜色
|
41
|
-
|
42
43
|
if (showUnMoniteStatus) {
|
43
44
|
topo.getHtTopo().setNodeStyleIcon(element, {
|
44
45
|
styleIcon: 'unMoniter',
|
@@ -7,6 +7,8 @@ exports["default"] = ResourceDetail;
|
|
7
7
|
|
8
8
|
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
9
9
|
|
10
|
+
var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
|
11
|
+
|
10
12
|
var _react = _interopRequireDefault(require("react"));
|
11
13
|
|
12
14
|
var _FullheightTab = _interopRequireDefault(require("../../../../../components/FullheightTab"));
|
@@ -19,17 +21,24 @@ var _WebConsoleContainer = _interopRequireDefault(require("./components/WebConso
|
|
19
21
|
|
20
22
|
var _indexModule = _interopRequireDefault(require("./index.module.scss"));
|
21
23
|
|
24
|
+
var _excluded = ["canShow", "getCustomDetailContent"];
|
25
|
+
|
22
26
|
function ResourceDetail(props) {
|
23
27
|
var _topo$viewProps, _topo$viewProps$topoC;
|
24
28
|
|
25
29
|
var topo = props.topo,
|
26
30
|
userId = props.userId,
|
27
31
|
activeData = props.activeData,
|
28
|
-
resourceData = props.resourceData
|
32
|
+
resourceData = props.resourceData,
|
33
|
+
viewerProps = props.viewerProps;
|
34
|
+
var canShow = props.canShow,
|
35
|
+
getCustomDetailContent = props.getCustomDetailContent,
|
36
|
+
widgetProps = (0, _objectWithoutPropertiesLoose2["default"])(props, _excluded);
|
29
37
|
var tabBodys = [{
|
30
38
|
title: '资源概览',
|
31
|
-
content: /*#__PURE__*/_react["default"].createElement(_ResourceOverview["default"], (0, _extends2["default"])({},
|
32
|
-
userId: userId
|
39
|
+
content: /*#__PURE__*/_react["default"].createElement(_ResourceOverview["default"], (0, _extends2["default"])({}, widgetProps, activeData, {
|
40
|
+
userId: userId,
|
41
|
+
resourceDetailProps: viewerProps === null || viewerProps === void 0 ? void 0 : viewerProps.resourceDetailProps
|
33
42
|
}))
|
34
43
|
}, {
|
35
44
|
title: '集群成员',
|
@@ -27,8 +27,6 @@ var _Link = _interopRequireDefault(require("../../../../../../../components/Link
|
|
27
27
|
|
28
28
|
var _services = require("../../../../../../services");
|
29
29
|
|
30
|
-
var _alarm = _interopRequireDefault(require("../../../../../../services/alarm"));
|
31
|
-
|
32
30
|
var _overview = _interopRequireDefault(require("../../../../../../services/overview"));
|
33
31
|
|
34
32
|
var _BaseInfoBlock = _interopRequireDefault(require("./BaseInfoBlock"));
|
@@ -78,21 +76,23 @@ function formatUrl(url) {
|
|
78
76
|
}
|
79
77
|
}
|
80
78
|
/**
|
81
|
-
*
|
79
|
+
* 资源概览。
|
80
|
+
* 业务拓扑集成了,修改时请注意
|
82
81
|
*/
|
83
82
|
|
84
83
|
|
85
84
|
function ResourceOverview(props) {
|
86
|
-
var
|
85
|
+
var _data$attributes;
|
87
86
|
|
88
87
|
var topo = props.topo,
|
89
88
|
id = props.id,
|
90
89
|
type = props.type,
|
91
90
|
ciType = props.ciType,
|
91
|
+
resourceData = props.resourceData,
|
92
92
|
userId = props.userId,
|
93
|
-
|
93
|
+
resourceDetailProps = props.resourceDetailProps,
|
94
94
|
style = props.style;
|
95
|
-
var resourceOverviewProps = (
|
95
|
+
var resourceOverviewProps = (resourceDetailProps === null || resourceDetailProps === void 0 ? void 0 : resourceDetailProps.resourceOverviewProps) || {}; // 是否是业务拓扑
|
96
96
|
|
97
97
|
var isAppTopo = !!resourceOverviewProps.getData;
|
98
98
|
|
@@ -466,8 +466,7 @@ function ResourceOverview(props) {
|
|
466
466
|
id: id,
|
467
467
|
ciType: ciType,
|
468
468
|
type: type,
|
469
|
-
|
470
|
-
name: props.name ? props.name : props.resourceData.attributes.name
|
469
|
+
name: resourceData.name ? resourceData.name : resourceData.attributes.name
|
471
470
|
}; // 基本信息设置改变
|
472
471
|
|
473
472
|
function baseInfoColChange(_x6) {
|
package/lib/utils/tree.js
CHANGED
@@ -10,6 +10,8 @@ exports.treeNodeCount = exports.loopTreeFun = exports.loopTreeByKey = exports.lo
|
|
10
10
|
|
11
11
|
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
12
12
|
|
13
|
+
var _treeUtil = require("./treeUtil");
|
14
|
+
|
13
15
|
var iconImg = ['/img/topo/Tree_Icon_Folder1.svg', '/img/topo/Tree_Icon_Topology.svg'];
|
14
16
|
/**
|
15
17
|
* 递归数组生成树结构
|
@@ -149,22 +151,12 @@ var loopTreeByKey = function loopTreeByKey(data, key, value, callback) {
|
|
149
151
|
|
150
152
|
|
151
153
|
exports.loopTreeByKey = loopTreeByKey;
|
152
|
-
|
153
|
-
var loopTreeFun = function loopTreeFun(data, callback) {
|
154
|
-
data.forEach(function (item, index, arr) {
|
155
|
-
if (item !== null && item !== void 0 && item.children) {
|
156
|
-
loopTreeFun(item.children, callback);
|
157
|
-
}
|
158
|
-
|
159
|
-
callback(item, index, arr);
|
160
|
-
});
|
161
|
-
};
|
154
|
+
var loopTreeFun = _treeUtil.loopTreeNode;
|
162
155
|
/**
|
163
156
|
* 更新文件夹下拓扑数量(目前只支持两级文件夹计算)
|
164
157
|
* @param {array} data
|
165
158
|
*/
|
166
159
|
|
167
|
-
|
168
160
|
exports.loopTreeFun = loopTreeFun;
|
169
161
|
|
170
162
|
var treeNodeCount = function treeNodeCount(data) {
|
@@ -0,0 +1,20 @@
|
|
1
|
+
"use strict";
|
2
|
+
|
3
|
+
exports.__esModule = true;
|
4
|
+
exports.loopTreeNode = void 0;
|
5
|
+
|
6
|
+
/**
|
7
|
+
* 单纯递归循环遍历树
|
8
|
+
* @param {array} data
|
9
|
+
*/
|
10
|
+
var loopTreeNode = function loopTreeNode(data, callback) {
|
11
|
+
data.forEach(function (item, index, arr) {
|
12
|
+
if (item !== null && item !== void 0 && item.children) {
|
13
|
+
loopTreeNode(item.children, callback);
|
14
|
+
}
|
15
|
+
|
16
|
+
callback(item, index, arr);
|
17
|
+
});
|
18
|
+
};
|
19
|
+
|
20
|
+
exports.loopTreeNode = loopTreeNode;
|
package/package.json
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
{
|
2
2
|
"name": "@riil-frontend/component-topology",
|
3
|
-
"version": "11.0.
|
3
|
+
"version": "11.0.3",
|
4
4
|
"description": "拓扑",
|
5
5
|
"scripts": {
|
6
6
|
"start": "build-scripts start",
|
@@ -92,6 +92,7 @@
|
|
92
92
|
"enzyme-adapter-react-16": "^1.15.4",
|
93
93
|
"eslint": "^6.0.1",
|
94
94
|
"html2canvas": "^1.3.2",
|
95
|
+
"jest": "^29.6.2",
|
95
96
|
"jspdf": "^2.3.1",
|
96
97
|
"lnk-cli": "^1.0.1",
|
97
98
|
"lodash": "^4.17.19",
|
@@ -117,6 +118,6 @@
|
|
117
118
|
"access": "public"
|
118
119
|
},
|
119
120
|
"license": "MIT",
|
120
|
-
"homepage": "https://unpkg.com/@riil-frontend/component-topology@11.0.
|
121
|
+
"homepage": "https://unpkg.com/@riil-frontend/component-topology@11.0.3/build/index.html",
|
121
122
|
"gitHead": "2da19ffccbb7ca60a8acf396e39f542c68bb33f5"
|
122
123
|
}
|