@riil-frontend/component-topology 12.1.0-dev.4 → 12.1.0-dev.6
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.js +2 -2
- package/es/core/editor/components/Toolbar/widgets/FontFamilyWidget.js +2 -27
- package/es/core/editor/components/Toolbar/widgets/FontSizeWidget.js +3 -28
- package/es/core/editor/components/Toolbar/widgets/FontStyleButton.js +6 -52
- package/es/core/editor/components/Toolbar/widgets/components/FontFamilySelect.js +29 -0
- package/es/core/editor/components/Toolbar/widgets/components/FontSizeSelect.js +29 -0
- package/es/core/editor/components/Toolbar/widgets/components/FontStyleSelect.js +71 -0
- package/es/core/models/TopoApp.js +1 -1
- package/es/core/viewer/components/plugins/ElementDetailDrawer/hooks/useElementDetailManager.js +2 -1
- package/es/networkTopo/models/EdgeGroupTagTipBuilder.js +7 -7
- package/es/networkTopo/utils/edgeGroupTagUtil.js +2 -2
- package/es/utils/htElementUtils.js +14 -2
- package/lib/core/editor/components/Toolbar/widgets/FontFamilyWidget.js +3 -28
- package/lib/core/editor/components/Toolbar/widgets/FontSizeWidget.js +3 -28
- package/lib/core/editor/components/Toolbar/widgets/FontStyleButton.js +6 -56
- package/lib/core/editor/components/Toolbar/widgets/components/FontFamilySelect.js +38 -0
- package/lib/core/editor/components/Toolbar/widgets/components/FontSizeSelect.js +38 -0
- package/lib/core/editor/components/Toolbar/widgets/components/FontStyleSelect.js +83 -0
- package/lib/core/models/TopoApp.js +1 -1
- package/lib/core/viewer/components/plugins/ElementDetailDrawer/hooks/useElementDetailManager.js +3 -1
- package/lib/networkTopo/models/EdgeGroupTagTipBuilder.js +6 -6
- package/lib/networkTopo/utils/edgeGroupTagUtil.js +2 -2
- package/lib/utils/htElementUtils.js +14 -2
- package/package.json +2 -2
@@ -0,0 +1,83 @@
|
|
1
|
+
"use strict";
|
2
|
+
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
4
|
+
|
5
|
+
exports.__esModule = true;
|
6
|
+
exports["default"] = void 0;
|
7
|
+
|
8
|
+
var _react = _interopRequireDefault(require("react"));
|
9
|
+
|
10
|
+
var _variables = _interopRequireDefault(require("@alifd/theme-19926/variables.js"));
|
11
|
+
|
12
|
+
var _DropdownMenu = _interopRequireDefault(require("./DropdownMenu"));
|
13
|
+
|
14
|
+
var _Tooltip = _interopRequireDefault(require("../../components/Tooltip"));
|
15
|
+
|
16
|
+
var items = [{
|
17
|
+
key: 'bold',
|
18
|
+
label: '加粗',
|
19
|
+
icon: 'bold',
|
20
|
+
tooltip: '加粗'
|
21
|
+
}, {
|
22
|
+
key: 'italic',
|
23
|
+
label: '斜体',
|
24
|
+
icon: 'Italics',
|
25
|
+
tooltip: '斜体'
|
26
|
+
}, {
|
27
|
+
key: 'underline',
|
28
|
+
label: '下划线',
|
29
|
+
icon: 'Underline',
|
30
|
+
tooltip: '下划线'
|
31
|
+
}];
|
32
|
+
|
33
|
+
function buildValue(obj) {
|
34
|
+
return Object.keys(obj).filter(function (key) {
|
35
|
+
return !!obj[key];
|
36
|
+
});
|
37
|
+
}
|
38
|
+
|
39
|
+
var fields = ['bold', 'italic', 'underline'];
|
40
|
+
|
41
|
+
function FontStyleSelect(props) {
|
42
|
+
var value = props.value,
|
43
|
+
disabled = props.disabled,
|
44
|
+
onChange = props.onChange,
|
45
|
+
_props$fieldDisabled = props.fieldDisabled,
|
46
|
+
fieldDisabled = _props$fieldDisabled === void 0 ? {} : _props$fieldDisabled;
|
47
|
+
return /*#__PURE__*/_react["default"].createElement(_DropdownMenu["default"], {
|
48
|
+
value: value,
|
49
|
+
valueRender: function valueRender() {
|
50
|
+
return /*#__PURE__*/_react["default"].createElement("img", {
|
51
|
+
src: "/img/topo/editor/toolbar/bold/" + (disabled ? 'Disable' : 'Normal') + ".svg",
|
52
|
+
alt: ""
|
53
|
+
});
|
54
|
+
},
|
55
|
+
multiple: true,
|
56
|
+
disabled: disabled,
|
57
|
+
onSelect: onChange
|
58
|
+
}, items.map(function (item) {
|
59
|
+
return /*#__PURE__*/_react["default"].createElement(_DropdownMenu["default"].Item, {
|
60
|
+
key: item.key,
|
61
|
+
disabled: !!fieldDisabled[item.key]
|
62
|
+
}, /*#__PURE__*/_react["default"].createElement(_Tooltip["default"], {
|
63
|
+
trigger: /*#__PURE__*/_react["default"].createElement("div", {
|
64
|
+
style: {
|
65
|
+
display: 'flex',
|
66
|
+
alignItems: 'center'
|
67
|
+
}
|
68
|
+
}, /*#__PURE__*/_react["default"].createElement("img", {
|
69
|
+
src: "/img/topo/editor/toolbar/" + item.icon + "/" + (fieldDisabled[item.key] ? 'Disable' : 'Normal') + ".svg",
|
70
|
+
alt: ""
|
71
|
+
}), /*#__PURE__*/_react["default"].createElement("span", {
|
72
|
+
style: fieldDisabled[item.key] ? {} : {
|
73
|
+
color: _variables["default"]['$color-text1-4']
|
74
|
+
}
|
75
|
+
}, item.label)),
|
76
|
+
align: "r",
|
77
|
+
popupStyle: {}
|
78
|
+
}, item.tooltip));
|
79
|
+
}));
|
80
|
+
}
|
81
|
+
|
82
|
+
var _default = FontStyleSelect;
|
83
|
+
exports["default"] = _default;
|
@@ -54,7 +54,7 @@ var _SelectionModel = _interopRequireDefault(require("./SelectionModel"));
|
|
54
54
|
var _CiCache = _interopRequireDefault(require("./cache/CiCache"));
|
55
55
|
|
56
56
|
// eslint-disable-next-line no-undef
|
57
|
-
var version = typeof "12.1.0-dev.
|
57
|
+
var version = typeof "12.1.0-dev.6" === 'string' ? "12.1.0-dev.6" : null;
|
58
58
|
console.info("\u62D3\u6251\u7248\u672C: " + version);
|
59
59
|
/**
|
60
60
|
* 拓扑显示和编辑
|
package/lib/core/viewer/components/plugins/ElementDetailDrawer/hooks/useElementDetailManager.js
CHANGED
@@ -9,6 +9,8 @@ var _react = _interopRequireWildcard(require("react"));
|
|
9
9
|
|
10
10
|
var _DefaultDetailContent = _interopRequireDefault(require("../../ResourceDetail/DefaultDetailContent"));
|
11
11
|
|
12
|
+
var _htElementUtils = require("../../../../../../utils/htElementUtils");
|
13
|
+
|
12
14
|
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); }
|
13
15
|
|
14
16
|
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; }
|
@@ -74,7 +76,7 @@ function useElementDetailManager(props) {
|
|
74
76
|
}
|
75
77
|
|
76
78
|
function openByHtElement(htElement) {
|
77
|
-
var isEdgeGroupAgent =
|
79
|
+
var isEdgeGroupAgent = isEdgeGroupAgent(htElement);
|
78
80
|
open({
|
79
81
|
id: isEdgeGroupAgent || !htElement.getTag() ? "ht:" + htElement.getId() : htElement.getTag(),
|
80
82
|
htElement: htElement
|
@@ -22,11 +22,11 @@ var EdgeGroupTagTipBuilder = /*#__PURE__*/function () {
|
|
22
22
|
|
23
23
|
var topo = this.topo;
|
24
24
|
var dm = this.topo.getDataModel();
|
25
|
-
var
|
26
|
-
|
27
|
-
|
28
|
-
var linkId = (0, _edgeGroupTagUtil.getEdgeGroupLinkIdConfig)(
|
29
|
-
var edgeGroupId = [
|
25
|
+
var edgeGroupAgents = (0, _htElementUtils.getEdgeGroupAgents)(dm);
|
26
|
+
var edgeGroupsTagsTips = edgeGroupAgents.map(function (edgeGroupAgent) {
|
27
|
+
// 获取配置的链路
|
28
|
+
var linkId = (0, _edgeGroupTagUtil.getEdgeGroupLinkIdConfig)(edgeGroupAgent, topo);
|
29
|
+
var edgeGroupId = [edgeGroupAgent.getSource().getId(), edgeGroupAgent.getTarget().getId()];
|
30
30
|
var data = {
|
31
31
|
tags: [],
|
32
32
|
tips: []
|
@@ -37,7 +37,7 @@ var EdgeGroupTagTipBuilder = /*#__PURE__*/function () {
|
|
37
37
|
}
|
38
38
|
|
39
39
|
return {
|
40
|
-
htId:
|
40
|
+
htId: edgeGroupAgent.getId(),
|
41
41
|
edgeGroupId: edgeGroupId,
|
42
42
|
tags: data.tags,
|
43
43
|
tips: data.tips,
|
@@ -65,8 +65,8 @@ function getEdgeGroupLinkIdConfig(edgeGroup, topo) {
|
|
65
65
|
}
|
66
66
|
|
67
67
|
function getEdgeGroupConfigId(edgeGroup) {
|
68
|
-
var sourceNode = edgeGroup.
|
69
|
-
var targetNode = edgeGroup.
|
68
|
+
var sourceNode = edgeGroup.getSource();
|
69
|
+
var targetNode = edgeGroup.getTarget();
|
70
70
|
var sourceId = sourceNode.a('uuid');
|
71
71
|
var targetId = targetNode.a('uuid');
|
72
72
|
return [sourceId, targetId].sort().join(',');
|
@@ -182,7 +182,7 @@ function getEdges(dataModel) {
|
|
182
182
|
|
183
183
|
|
184
184
|
function isEdgeGroup(edge) {
|
185
|
-
return isEdge(edge) && edge.a('edgegroup.isEdgeGroup');
|
185
|
+
return isEdge(edge) && edge.a('x.edgegroup.isEdgeGroup');
|
186
186
|
}
|
187
187
|
/**
|
188
188
|
* 是否连线组代理
|
@@ -192,7 +192,7 @@ function isEdgeGroup(edge) {
|
|
192
192
|
|
193
193
|
|
194
194
|
function isEdgeGroupAgent(edge) {
|
195
|
-
return isEdgeGroup(edge)
|
195
|
+
return isEdgeGroup(edge);
|
196
196
|
}
|
197
197
|
/**
|
198
198
|
* TODO
|
@@ -275,6 +275,12 @@ function getEdgeGroupByNodeTags(dataModel, nodeTag1, nodeTag2) {
|
|
275
275
|
|
276
276
|
return getEdgeGroupByNodes(node1, node2);
|
277
277
|
}
|
278
|
+
/**
|
279
|
+
* 获得连线组连线列表
|
280
|
+
* @param {*} dataModel
|
281
|
+
* @returns
|
282
|
+
*/
|
283
|
+
|
278
284
|
|
279
285
|
function getEdgeGroups(dataModel) {
|
280
286
|
var edgeGroups = [];
|
@@ -287,6 +293,12 @@ function getEdgeGroups(dataModel) {
|
|
287
293
|
});
|
288
294
|
return edgeGroups;
|
289
295
|
}
|
296
|
+
/**
|
297
|
+
* 获得连线组连线列表
|
298
|
+
* @param {*} dataModel
|
299
|
+
* @returns
|
300
|
+
*/
|
301
|
+
|
290
302
|
|
291
303
|
function getEdgeGroupAgents(dataModel) {
|
292
304
|
return getEdges(dataModel).filter(isEdgeGroupAgent);
|
package/package.json
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
{
|
2
2
|
"name": "@riil-frontend/component-topology",
|
3
|
-
"version": "12.1.0-dev.
|
3
|
+
"version": "12.1.0-dev.6",
|
4
4
|
"description": "拓扑",
|
5
5
|
"scripts": {
|
6
6
|
"start": "build-scripts start",
|
@@ -123,6 +123,6 @@
|
|
123
123
|
"access": "public"
|
124
124
|
},
|
125
125
|
"license": "MIT",
|
126
|
-
"homepage": "https://unpkg.com/@riil-frontend/component-topology@12.1.0-dev.
|
126
|
+
"homepage": "https://unpkg.com/@riil-frontend/component-topology@12.1.0-dev.6/build/index.html",
|
127
127
|
"gitHead": "2da19ffccbb7ca60a8acf396e39f542c68bb33f5"
|
128
128
|
}
|