@riil-frontend/component-topology 4.0.0-beta.21 → 4.0.0-beta.22
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 +1 -1
- package/es/core/editor/components/settings/propertyViews/multipleElements/BatchSetNodeIcon.js +21 -0
- package/es/core/editor/components/settings/propertyViews/multipleElements/MultipleElementPropertyView.js +5 -0
- package/es/core/models/TopoApp.js +1 -1
- package/lib/core/editor/components/settings/propertyViews/multipleElements/BatchSetNodeIcon.js +31 -0
- package/lib/core/editor/components/settings/propertyViews/multipleElements/MultipleElementPropertyView.js +6 -0
- package/lib/core/models/TopoApp.js +1 -1
- package/package.json +2 -2
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { isGroup, isNode } from "../../../../../../utils/htElementUtils";
|
|
3
|
+
import NodeIconSelect from "../node/NodeIconSelect";
|
|
4
|
+
export default function BatchSetNodeIcon(props) {
|
|
5
|
+
var topo = props.topo;
|
|
6
|
+
|
|
7
|
+
var setNodeIcon = function setNodeIcon(iconId) {
|
|
8
|
+
var selection = topo.getSelectionModel().getSelection().toArray();
|
|
9
|
+
var nodes = selection.filter(function (element) {
|
|
10
|
+
return isNode(element) && !isGroup(element);
|
|
11
|
+
});
|
|
12
|
+
nodes.forEach(function (node) {
|
|
13
|
+
node.setImage(iconId);
|
|
14
|
+
});
|
|
15
|
+
};
|
|
16
|
+
|
|
17
|
+
return /*#__PURE__*/React.createElement(NodeIconSelect, {
|
|
18
|
+
topo: topo,
|
|
19
|
+
onChange: setNodeIcon
|
|
20
|
+
});
|
|
21
|
+
}
|
|
@@ -7,6 +7,7 @@ import BatchSetNodeSize from "./BatchSetNodeSize/BatchSetNodeSize";
|
|
|
7
7
|
import { TPL_TREE } from "../../../../../../utils/template";
|
|
8
8
|
import ViewPropertyView from "../view/ViewPropertyView";
|
|
9
9
|
import MultipleElementLineType from "./MultipleElementLineType";
|
|
10
|
+
import BatchSetNodeIcon from "./BatchSetNodeIcon";
|
|
10
11
|
var CollapsePanel = _Collapse.Panel;
|
|
11
12
|
/**
|
|
12
13
|
* 多选元素属性面板
|
|
@@ -60,6 +61,10 @@ export default function MultipleElementPropertyView(props) {
|
|
|
60
61
|
key: "\u56FE\u7247",
|
|
61
62
|
title: "\u56FE\u7247"
|
|
62
63
|
}, /*#__PURE__*/React.createElement(_Form.Item, {
|
|
64
|
+
label: "\u663E\u793A\u56FE\u7247"
|
|
65
|
+
}, /*#__PURE__*/React.createElement(BatchSetNodeIcon, {
|
|
66
|
+
topo: topo
|
|
67
|
+
})), /*#__PURE__*/React.createElement(_Form.Item, {
|
|
63
68
|
label: "\u56FE\u7247\u5C3A\u5BF8",
|
|
64
69
|
style: {
|
|
65
70
|
marginBottom: 0
|
|
@@ -20,7 +20,7 @@ import { updateEdgeExpanded } from "../utils/edgeUtil";
|
|
|
20
20
|
import PluginManager from "./PluginManager";
|
|
21
21
|
import topoFactory from "./topoFactory"; // eslint-disable-next-line no-undef
|
|
22
22
|
|
|
23
|
-
var version = typeof "4.0.0-beta.
|
|
23
|
+
var version = typeof "4.0.0-beta.22" === 'string' ? "4.0.0-beta.22" : null;
|
|
24
24
|
console.info("\u62D3\u6251\u7248\u672C: " + version);
|
|
25
25
|
/**
|
|
26
26
|
* 拓扑显示和编辑
|
package/lib/core/editor/components/settings/propertyViews/multipleElements/BatchSetNodeIcon.js
ADDED
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
+
|
|
5
|
+
exports.__esModule = true;
|
|
6
|
+
exports["default"] = BatchSetNodeIcon;
|
|
7
|
+
|
|
8
|
+
var _react = _interopRequireDefault(require("react"));
|
|
9
|
+
|
|
10
|
+
var _htElementUtils = require("../../../../../../utils/htElementUtils");
|
|
11
|
+
|
|
12
|
+
var _NodeIconSelect = _interopRequireDefault(require("../node/NodeIconSelect"));
|
|
13
|
+
|
|
14
|
+
function BatchSetNodeIcon(props) {
|
|
15
|
+
var topo = props.topo;
|
|
16
|
+
|
|
17
|
+
var setNodeIcon = function setNodeIcon(iconId) {
|
|
18
|
+
var selection = topo.getSelectionModel().getSelection().toArray();
|
|
19
|
+
var nodes = selection.filter(function (element) {
|
|
20
|
+
return (0, _htElementUtils.isNode)(element) && !(0, _htElementUtils.isGroup)(element);
|
|
21
|
+
});
|
|
22
|
+
nodes.forEach(function (node) {
|
|
23
|
+
node.setImage(iconId);
|
|
24
|
+
});
|
|
25
|
+
};
|
|
26
|
+
|
|
27
|
+
return /*#__PURE__*/_react["default"].createElement(_NodeIconSelect["default"], {
|
|
28
|
+
topo: topo,
|
|
29
|
+
onChange: setNodeIcon
|
|
30
|
+
});
|
|
31
|
+
}
|
|
@@ -23,6 +23,8 @@ var _ViewPropertyView = _interopRequireDefault(require("../view/ViewPropertyView
|
|
|
23
23
|
|
|
24
24
|
var _MultipleElementLineType = _interopRequireDefault(require("./MultipleElementLineType"));
|
|
25
25
|
|
|
26
|
+
var _BatchSetNodeIcon = _interopRequireDefault(require("./BatchSetNodeIcon"));
|
|
27
|
+
|
|
26
28
|
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); }
|
|
27
29
|
|
|
28
30
|
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; }
|
|
@@ -80,6 +82,10 @@ function MultipleElementPropertyView(props) {
|
|
|
80
82
|
key: "\u56FE\u7247",
|
|
81
83
|
title: "\u56FE\u7247"
|
|
82
84
|
}, /*#__PURE__*/_react["default"].createElement(_form["default"].Item, {
|
|
85
|
+
label: "\u663E\u793A\u56FE\u7247"
|
|
86
|
+
}, /*#__PURE__*/_react["default"].createElement(_BatchSetNodeIcon["default"], {
|
|
87
|
+
topo: topo
|
|
88
|
+
})), /*#__PURE__*/_react["default"].createElement(_form["default"].Item, {
|
|
83
89
|
label: "\u56FE\u7247\u5C3A\u5BF8",
|
|
84
90
|
style: {
|
|
85
91
|
marginBottom: 0
|
|
@@ -48,7 +48,7 @@ var _PluginManager = _interopRequireDefault(require("./PluginManager"));
|
|
|
48
48
|
var _topoFactory = _interopRequireDefault(require("./topoFactory"));
|
|
49
49
|
|
|
50
50
|
// eslint-disable-next-line no-undef
|
|
51
|
-
var version = typeof "4.0.0-beta.
|
|
51
|
+
var version = typeof "4.0.0-beta.22" === 'string' ? "4.0.0-beta.22" : null;
|
|
52
52
|
console.info("\u62D3\u6251\u7248\u672C: " + version);
|
|
53
53
|
/**
|
|
54
54
|
* 拓扑显示和编辑
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@riil-frontend/component-topology",
|
|
3
|
-
"version": "4.0.0-beta.
|
|
3
|
+
"version": "4.0.0-beta.22",
|
|
4
4
|
"description": "拓扑",
|
|
5
5
|
"scripts": {
|
|
6
6
|
"start": "build-scripts start",
|
|
@@ -114,6 +114,6 @@
|
|
|
114
114
|
"access": "public"
|
|
115
115
|
},
|
|
116
116
|
"license": "MIT",
|
|
117
|
-
"homepage": "https://unpkg.com/@riil-frontend/component-topology@4.0.0-beta.
|
|
117
|
+
"homepage": "https://unpkg.com/@riil-frontend/component-topology@4.0.0-beta.22/build/index.html",
|
|
118
118
|
"gitHead": "2da19ffccbb7ca60a8acf396e39f542c68bb33f5"
|
|
119
119
|
}
|