@riil-frontend/component-topology 11.0.7 → 11.0.9
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/index.css +1 -1
- package/build/index.js +27 -27
- package/es/components/VerticalIconTab/VerticalIconTab.js +1 -1
- package/es/core/components/TopoView/topoView.js +3 -0
- package/es/core/editor/components/BottomFloatTool/HelpIcon.module.scss +6 -0
- package/es/core/editor/hooks/useNewElementTheme.js +5 -1
- package/es/core/models/AttributeMetricDisplay.js +10 -58
- package/es/core/models/TopoApp.js +1 -1
- package/es/core/models/utils/nodeNameVisibleUtil.js +116 -0
- package/es/utils/topoData.js +10 -2
- package/lib/components/VerticalIconTab/VerticalIconTab.js +2 -2
- package/lib/core/components/TopoView/topoView.js +4 -0
- package/lib/core/editor/components/BottomFloatTool/HelpIcon.module.scss +6 -0
- package/lib/core/editor/hooks/useNewElementTheme.js +6 -1
- package/lib/core/models/AttributeMetricDisplay.js +11 -61
- package/lib/core/models/TopoApp.js +1 -1
- package/lib/core/models/utils/nodeNameVisibleUtil.js +128 -0
- package/lib/utils/topoData.js +11 -2
- package/package.json +2 -2
@@ -0,0 +1,128 @@
|
|
1
|
+
"use strict";
|
2
|
+
|
3
|
+
exports.__esModule = true;
|
4
|
+
exports.getNodeNameVisible = getNodeNameVisible;
|
5
|
+
exports.getNodesNameVisible = getNodesNameVisible;
|
6
|
+
exports.setNewNodeNameVisible = setNewNodeNameVisible;
|
7
|
+
exports.updateNodesNameVisible = updateNodesNameVisible;
|
8
|
+
|
9
|
+
var _htElementUtils = require("../../../utils/htElementUtils");
|
10
|
+
|
11
|
+
/**
|
12
|
+
* 根据配置执行节点名称显示隐藏
|
13
|
+
* 1. 资源根据标注配置显示隐藏
|
14
|
+
* 2. 默认标注配置不勾选图片名称,图片节点名称不显示
|
15
|
+
* 3. 自定义标注配置,图片名称显示
|
16
|
+
*/
|
17
|
+
function updateNodesNameVisible(topo) {
|
18
|
+
getNodesNameVisible(topo).forEach(function (_ref) {
|
19
|
+
var htNode = _ref.htNode,
|
20
|
+
visible = _ref.visible;
|
21
|
+
var prevVisible = htNode.a('isShowName');
|
22
|
+
|
23
|
+
if (prevVisible !== visible) {
|
24
|
+
htNode.a('isShowName', visible);
|
25
|
+
}
|
26
|
+
});
|
27
|
+
}
|
28
|
+
/**
|
29
|
+
* 新加入节点按配置显示隐藏名称
|
30
|
+
* @param {*} topo
|
31
|
+
*/
|
32
|
+
|
33
|
+
|
34
|
+
function setNewNodeNameVisible(topo, element) {
|
35
|
+
if ((0, _htElementUtils.isNode)(element)) {
|
36
|
+
var _topo$store$getModelS = topo.store.getModelState('displayConfig'),
|
37
|
+
nodeTag = _topo$store$getModelS.nodeTag;
|
38
|
+
|
39
|
+
var nameVisible = getNodeNameVisible({
|
40
|
+
node: element,
|
41
|
+
topo: topo,
|
42
|
+
nodeTag: nodeTag
|
43
|
+
});
|
44
|
+
element.a('isShowName', nameVisible);
|
45
|
+
}
|
46
|
+
}
|
47
|
+
|
48
|
+
function getNodesNameVisible(topo) {
|
49
|
+
var _topo$store$getModelS2 = topo.store.getModelState('displayConfig'),
|
50
|
+
nodeTag = _topo$store$getModelS2.nodeTag;
|
51
|
+
|
52
|
+
var dm = topo.getDataModel();
|
53
|
+
var htNodes = (0, _htElementUtils.getNodes)(dm);
|
54
|
+
return htNodes.map(function (htNode) {
|
55
|
+
var node = topo.dataModel.getDataById(htNode.getTag());
|
56
|
+
return {
|
57
|
+
htNode: htNode,
|
58
|
+
node: node,
|
59
|
+
visible: getNodeNameVisible({
|
60
|
+
node: node,
|
61
|
+
topo: topo,
|
62
|
+
nodeTag: nodeTag
|
63
|
+
})
|
64
|
+
};
|
65
|
+
});
|
66
|
+
}
|
67
|
+
/**
|
68
|
+
* 从配置获得资源节点名称是否显示
|
69
|
+
* @param {*} node
|
70
|
+
* @returns
|
71
|
+
*/
|
72
|
+
|
73
|
+
|
74
|
+
function getNodeNameVisible(_ref2) {
|
75
|
+
var node = _ref2.node,
|
76
|
+
topo = _ref2.topo,
|
77
|
+
nodeTag = _ref2.nodeTag;
|
78
|
+
|
79
|
+
if (node !== null && node !== void 0 && node.ciType) {
|
80
|
+
return getCiNodeNameVisible({
|
81
|
+
node: node,
|
82
|
+
nodeTag: nodeTag
|
83
|
+
});
|
84
|
+
} else {
|
85
|
+
return getCommonNodeNameVisible({
|
86
|
+
node: node,
|
87
|
+
nodeTag: nodeTag
|
88
|
+
});
|
89
|
+
}
|
90
|
+
} // 非CI节点
|
91
|
+
|
92
|
+
|
93
|
+
function getCommonNodeNameVisible(_ref3) {
|
94
|
+
var node = _ref3.node,
|
95
|
+
nodeTag = _ref3.nodeTag;
|
96
|
+
var visible = true;
|
97
|
+
|
98
|
+
if (nodeTag) {
|
99
|
+
var isCustom = nodeTag.isCustom,
|
100
|
+
data = nodeTag.data;
|
101
|
+
|
102
|
+
if (!isCustom) {
|
103
|
+
var items = data || [];
|
104
|
+
visible = !!items.filter(function (item) {
|
105
|
+
return item.type === 'graph';
|
106
|
+
}).length;
|
107
|
+
}
|
108
|
+
}
|
109
|
+
|
110
|
+
return visible;
|
111
|
+
}
|
112
|
+
|
113
|
+
function getCiNodeNameVisible(_ref4) {
|
114
|
+
var node = _ref4.node,
|
115
|
+
nodeTag = _ref4.nodeTag;
|
116
|
+
var visible = true;
|
117
|
+
|
118
|
+
if (nodeTag) {
|
119
|
+
var isCustom = nodeTag.isCustom,
|
120
|
+
data = nodeTag.data;
|
121
|
+
var items = (isCustom ? data[node.ciType] : data) || [];
|
122
|
+
visible = !!items.filter(function (item) {
|
123
|
+
return item.type === 'graph';
|
124
|
+
}).length;
|
125
|
+
}
|
126
|
+
|
127
|
+
return visible;
|
128
|
+
}
|
package/lib/utils/topoData.js
CHANGED
@@ -40,6 +40,8 @@ var _htElementUtils = require("./htElementUtils");
|
|
40
40
|
|
41
41
|
var _v140UpgradeSerializeNodeImageSize = _interopRequireDefault(require("../core/upgrade/v140UpgradeSerializeNodeImageSize"));
|
42
42
|
|
43
|
+
var _nodeNameVisibleUtil = require("../core/models/utils/nodeNameVisibleUtil");
|
44
|
+
|
43
45
|
var _excluded = ["extraConfig"];
|
44
46
|
|
45
47
|
/**
|
@@ -101,13 +103,20 @@ var tfNode = function tfNode(topoEngine, node) {
|
|
101
103
|
*/
|
102
104
|
|
103
105
|
|
104
|
-
function updateNodeInfo(
|
106
|
+
function updateNodeInfo(topo, topoData) {
|
107
|
+
var _topo$store$getModelS = topo.store.getModelState('displayConfig'),
|
108
|
+
nodeTag = _topo$store$getModelS.nodeTag;
|
109
|
+
|
105
110
|
return (0, _extends2["default"])({}, topoData, {
|
106
111
|
nodes: topoData.nodes.map(function (node) {
|
107
112
|
var attributes = node.attributes;
|
108
113
|
return (0, _extends2["default"])({}, node, {
|
109
114
|
ipAddress: node.ipAddress || (attributes === null || attributes === void 0 ? void 0 : attributes.ipv4_address) || null,
|
110
|
-
isShowName:
|
115
|
+
isShowName: (0, _nodeNameVisibleUtil.getNodeNameVisible)({
|
116
|
+
node: node,
|
117
|
+
topo: topo,
|
118
|
+
nodeTag: nodeTag
|
119
|
+
})
|
111
120
|
});
|
112
121
|
})
|
113
122
|
});
|
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.9",
|
4
4
|
"description": "拓扑",
|
5
5
|
"scripts": {
|
6
6
|
"start": "build-scripts start",
|
@@ -118,6 +118,6 @@
|
|
118
118
|
"access": "public"
|
119
119
|
},
|
120
120
|
"license": "MIT",
|
121
|
-
"homepage": "https://unpkg.com/@riil-frontend/component-topology@11.0.
|
121
|
+
"homepage": "https://unpkg.com/@riil-frontend/component-topology@11.0.9/build/index.html",
|
122
122
|
"gitHead": "2da19ffccbb7ca60a8acf396e39f542c68bb33f5"
|
123
123
|
}
|