@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.
Files changed (24) hide show
  1. package/build/index.js +2 -2
  2. package/es/core/editor/components/Toolbar/widgets/FontFamilyWidget.js +2 -27
  3. package/es/core/editor/components/Toolbar/widgets/FontSizeWidget.js +3 -28
  4. package/es/core/editor/components/Toolbar/widgets/FontStyleButton.js +6 -52
  5. package/es/core/editor/components/Toolbar/widgets/components/FontFamilySelect.js +29 -0
  6. package/es/core/editor/components/Toolbar/widgets/components/FontSizeSelect.js +29 -0
  7. package/es/core/editor/components/Toolbar/widgets/components/FontStyleSelect.js +71 -0
  8. package/es/core/models/TopoApp.js +1 -1
  9. package/es/core/viewer/components/plugins/ElementDetailDrawer/hooks/useElementDetailManager.js +2 -1
  10. package/es/networkTopo/models/EdgeGroupTagTipBuilder.js +7 -7
  11. package/es/networkTopo/utils/edgeGroupTagUtil.js +2 -2
  12. package/es/utils/htElementUtils.js +14 -2
  13. package/lib/core/editor/components/Toolbar/widgets/FontFamilyWidget.js +3 -28
  14. package/lib/core/editor/components/Toolbar/widgets/FontSizeWidget.js +3 -28
  15. package/lib/core/editor/components/Toolbar/widgets/FontStyleButton.js +6 -56
  16. package/lib/core/editor/components/Toolbar/widgets/components/FontFamilySelect.js +38 -0
  17. package/lib/core/editor/components/Toolbar/widgets/components/FontSizeSelect.js +38 -0
  18. package/lib/core/editor/components/Toolbar/widgets/components/FontStyleSelect.js +83 -0
  19. package/lib/core/models/TopoApp.js +1 -1
  20. package/lib/core/viewer/components/plugins/ElementDetailDrawer/hooks/useElementDetailManager.js +3 -1
  21. package/lib/networkTopo/models/EdgeGroupTagTipBuilder.js +6 -6
  22. package/lib/networkTopo/utils/edgeGroupTagUtil.js +2 -2
  23. package/lib/utils/htElementUtils.js +14 -2
  24. 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.4" === 'string' ? "12.1.0-dev.4" : null;
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
  * 拓扑显示和编辑
@@ -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 = htElement instanceof ht.Edge && htElement.isEdgeGroupAgent() && !htElement.s('edge.expanded');
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 edgeGroupsTagsTips = (0, _htElementUtils.getEdgeGroups)(dm).map(function (edgeGroup) {
26
- var edge = edgeGroup.getEdges().getArray()[0]; // 获取配置的链路
27
-
28
- var linkId = (0, _edgeGroupTagUtil.getEdgeGroupLinkIdConfig)(edge, topo);
29
- var edgeGroupId = [edge.getSourceAgent().getId(), edge.getTargetAgent().getId()];
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: edge.getId(),
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.getSourceAgent();
69
- var targetNode = edgeGroup.getTargetAgent();
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) && isEdgeVisible(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.4",
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.4/build/index.html",
126
+ "homepage": "https://unpkg.com/@riil-frontend/component-topology@12.1.0-dev.6/build/index.html",
127
127
  "gitHead": "2da19ffccbb7ca60a8acf396e39f542c68bb33f5"
128
128
  }