@riil-frontend/component-topology 6.0.0-alpha.42 → 6.0.0-alpha.44
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 +2 -2
- package/build/2.js +1 -1
- package/build/index.css +1 -1
- package/build/index.js +21 -21
- package/demo/CHANGELOG/CHANGELOG.md +5 -0
- package/es/components/VerticalIconTab/VerticalIconTab.js +11 -1
- package/es/components/VerticalIconTab/VerticalIconTab.module.scss +1 -0
- package/es/core/components/DisplaySettingDrawer/hooks/useDisplaySetting.js +8 -3
- package/es/core/components/TopoView/topoView.js +3 -3
- package/es/core/editor/components/Sidebar/panes.js +6 -1
- package/es/core/editor/components/Toolbar/widgets/AddResourceButton.js +1 -1
- package/es/core/editor/components/Toolbar/widgets/BoxBackgroundButton/BoxBackgroundButton.js +1 -1
- package/es/core/editor/components/Toolbar/widgets/EdgeColorButton/EdgeColorButton.js +1 -1
- package/es/core/editor/components/Toolbar/widgets/EdgeTypeButton/index.js +1 -1
- package/es/core/editor/components/Toolbar/widgets/FontColorButton.js +38 -12
- package/es/core/editor/components/Toolbar/widgets/FontColorButton.module.scss +4 -5
- package/es/core/editor/components/Toolbar/widgets/FontStyleButton.js +1 -1
- package/es/core/editor/components/Toolbar/widgets/Layout/index.js +2 -2
- package/es/core/editor/components/Toolbar/widgets/NodeAlignWidget.js +8 -1
- package/es/core/editor/components/Toolbar/widgets/NodeImageButton/NodeImageButton.js +1 -1
- package/es/core/editor/components/Toolbar/widgets/NodeSizeButton/NodeSizeButton.js +1 -1
- package/es/core/editor/components/Toolbar/widgets/components/textStyleSetting/ElementTextStyleSetting/ElementTextStyleSetting.js +1 -1
- package/es/core/editor/components/Toolbar/widgets/components/textStyleSetting/textStyleSettingRouter.js +1 -1
- package/es/core/editor/components/settings/CloseablePanel.module.scss +12 -0
- package/es/core/editor/components/settings/PropertyView.js +21 -18
- package/es/core/editor/components/settings/Settings.js +39 -77
- package/es/core/editor/components/settings/Settings.module.scss +2 -10
- package/es/core/editor/components/settings/core/PropertyViewManager.js +61 -0
- package/es/core/editor/components/settings/core/getPropertyViewType.js +34 -0
- package/es/core/editor/components/settings/core/updateElementProperty.js +21 -0
- package/es/core/editor/components/settings/propertyViews/box/BoxPropertyView.js +6 -13
- package/es/core/editor/components/settings/propertyViews/box/BoxPropertyViewV1.js +58 -0
- package/es/core/editor/components/settings/propertyViews/edge/CommonEdgePropertyView.js +5 -2
- package/es/core/editor/components/settings/propertyViews/edge/EdgeGroupPropertyView.js +7 -8
- package/es/core/editor/components/settings/propertyViews/edge/EdgePropertyView.js +9 -23
- package/es/core/editor/components/settings/propertyViews/edge/addEdgeProps.js +10 -0
- package/es/core/editor/components/settings/propertyViews/edge/edgeGroup/EdgeGroupSetting.js +1 -6
- package/es/core/editor/components/settings/propertyViews/group/GroupPropertyView.js +13 -21
- package/es/core/editor/components/settings/propertyViews/group/GroupPropertyView.module.scss +8 -1
- package/es/core/editor/components/settings/propertyViews/group/GroupPropertyViewV1.js +28 -0
- package/es/core/editor/components/settings/propertyViews/group/SettingTab/GroupBasicSetting.js +74 -0
- package/es/core/editor/components/settings/propertyViews/group/SettingTab/GroupExpandSetting.js +9 -7
- package/es/core/editor/components/settings/propertyViews/group/cluster/ClusterGroupRelateData.js +2 -1
- package/es/core/editor/components/settings/propertyViews/index.js +4 -2
- package/es/core/editor/components/settings/propertyViews/layer/BasicSetting.js +57 -0
- package/es/core/editor/components/settings/propertyViews/layer/LayerPropertyView.js +11 -17
- package/es/core/editor/components/settings/propertyViews/layer/LayerPropertyView.module.scss +10 -0
- package/es/core/editor/components/settings/propertyViews/layer/LayerPropertyViewV1.js +27 -0
- package/es/core/editor/components/settings/propertyViews/node/NodePropertyView.js +8 -32
- package/es/core/editor/components/settings/propertyViews/node/NodePropertyViewV1.js +53 -0
- package/es/core/editor/components/settings/propertyViews/node/Setting/BasicSetting.js +49 -0
- package/es/core/editor/components/settings/propertyViews/node/data/Data.js +2 -1
- package/es/core/editor/components/settings/propertyViews/node/data/NodeRelateResourceButton.js +1 -0
- package/es/core/editor/components/settings/propertyViews/text/TextPropertyView.js +4 -19
- package/es/core/models/HistoryManager.js +11 -14
- package/es/core/models/{SelectionManager.js → SelectionModel.js} +27 -18
- package/es/core/models/TopoApp.js +3 -3
- package/es/networkTopo/components/editor/propertyViews/edge/EdgePropertyView.js +39 -6
- package/es/networkTopo/components/editor/propertyViews/edge/LinkPropertyView/LinkPropertyView.js +10 -16
- package/es/networkTopo/components/editor/propertyViews/edge/LinkPropertyView/LinkPropertyViewV1.js +37 -0
- package/es/networkTopo/components/editor/propertyViews/edge/link/LinkInfoPreview.module.scss +1 -1
- package/es/networkTopo/models/LinkDynamicStyleExecutor.js +2 -2
- package/es/style.js +1 -1
- package/lib/components/VerticalIconTab/VerticalIconTab.js +14 -1
- package/lib/components/VerticalIconTab/VerticalIconTab.module.scss +1 -0
- package/lib/core/components/DisplaySettingDrawer/hooks/useDisplaySetting.js +8 -3
- package/lib/core/components/TopoView/topoView.js +3 -3
- package/lib/core/editor/components/Sidebar/panes.js +6 -1
- package/lib/core/editor/components/Toolbar/widgets/AddResourceButton.js +1 -1
- package/lib/core/editor/components/Toolbar/widgets/BoxBackgroundButton/BoxBackgroundButton.js +1 -1
- package/lib/core/editor/components/Toolbar/widgets/EdgeColorButton/EdgeColorButton.js +1 -1
- package/lib/core/editor/components/Toolbar/widgets/EdgeTypeButton/index.js +1 -1
- package/lib/core/editor/components/Toolbar/widgets/FontColorButton.js +38 -12
- package/lib/core/editor/components/Toolbar/widgets/FontColorButton.module.scss +4 -5
- package/lib/core/editor/components/Toolbar/widgets/FontStyleButton.js +1 -1
- package/lib/core/editor/components/Toolbar/widgets/Layout/index.js +2 -2
- package/lib/core/editor/components/Toolbar/widgets/NodeAlignWidget.js +8 -1
- package/lib/core/editor/components/Toolbar/widgets/NodeImageButton/NodeImageButton.js +1 -1
- package/lib/core/editor/components/Toolbar/widgets/NodeSizeButton/NodeSizeButton.js +1 -1
- package/lib/core/editor/components/Toolbar/widgets/components/textStyleSetting/ElementTextStyleSetting/ElementTextStyleSetting.js +1 -1
- package/lib/core/editor/components/Toolbar/widgets/components/textStyleSetting/textStyleSettingRouter.js +1 -1
- package/lib/core/editor/components/settings/CloseablePanel.module.scss +12 -0
- package/lib/core/editor/components/settings/PropertyView.js +26 -19
- package/lib/core/editor/components/settings/Settings.js +44 -79
- package/lib/core/editor/components/settings/Settings.module.scss +2 -10
- package/lib/core/editor/components/settings/core/PropertyViewManager.js +70 -0
- package/lib/core/editor/components/settings/core/getPropertyViewType.js +40 -0
- package/lib/core/editor/components/settings/core/updateElementProperty.js +27 -0
- package/lib/core/editor/components/settings/propertyViews/box/BoxPropertyView.js +6 -13
- package/lib/core/editor/components/settings/propertyViews/box/BoxPropertyViewV1.js +76 -0
- package/lib/core/editor/components/settings/propertyViews/edge/CommonEdgePropertyView.js +8 -2
- package/lib/core/editor/components/settings/propertyViews/edge/EdgeGroupPropertyView.js +9 -12
- package/lib/core/editor/components/settings/propertyViews/edge/EdgePropertyView.js +7 -23
- package/lib/core/editor/components/settings/propertyViews/edge/addEdgeProps.js +19 -0
- package/lib/core/editor/components/settings/propertyViews/edge/edgeGroup/EdgeGroupSetting.js +1 -6
- package/lib/core/editor/components/settings/propertyViews/group/GroupPropertyView.js +14 -25
- package/lib/core/editor/components/settings/propertyViews/group/GroupPropertyView.module.scss +8 -1
- package/lib/core/editor/components/settings/propertyViews/group/GroupPropertyViewV1.js +43 -0
- package/lib/core/editor/components/settings/propertyViews/group/SettingTab/GroupBasicSetting.js +97 -0
- package/lib/core/editor/components/settings/propertyViews/group/SettingTab/GroupExpandSetting.js +8 -6
- package/lib/core/editor/components/settings/propertyViews/group/cluster/ClusterGroupRelateData.js +2 -1
- package/lib/core/editor/components/settings/propertyViews/index.js +5 -2
- package/lib/core/editor/components/settings/propertyViews/layer/BasicSetting.js +76 -0
- package/lib/core/editor/components/settings/propertyViews/layer/LayerPropertyView.js +12 -20
- package/lib/core/editor/components/settings/propertyViews/layer/LayerPropertyView.module.scss +10 -0
- package/lib/core/editor/components/settings/propertyViews/layer/LayerPropertyViewV1.js +40 -0
- package/lib/core/editor/components/settings/propertyViews/node/NodePropertyView.js +8 -35
- package/lib/core/editor/components/settings/propertyViews/node/NodePropertyViewV1.js +68 -0
- package/lib/core/editor/components/settings/propertyViews/node/Setting/BasicSetting.js +64 -0
- package/lib/core/editor/components/settings/propertyViews/node/data/Data.js +2 -1
- package/lib/core/editor/components/settings/propertyViews/node/data/NodeRelateResourceButton.js +1 -0
- package/lib/core/editor/components/settings/propertyViews/text/TextPropertyView.js +4 -19
- package/lib/core/models/HistoryManager.js +11 -14
- package/lib/core/models/{SelectionManager.js → SelectionModel.js} +27 -18
- package/lib/core/models/TopoApp.js +3 -3
- package/lib/networkTopo/components/editor/propertyViews/edge/EdgePropertyView.js +45 -7
- package/lib/networkTopo/components/editor/propertyViews/edge/LinkPropertyView/LinkPropertyView.js +10 -18
- package/lib/networkTopo/components/editor/propertyViews/edge/LinkPropertyView/LinkPropertyViewV1.js +50 -0
- package/lib/networkTopo/components/editor/propertyViews/edge/link/LinkInfoPreview.module.scss +1 -1
- package/lib/networkTopo/models/LinkDynamicStyleExecutor.js +2 -2
- package/lib/style.js +1 -1
- package/package.json +2 -2
- package/es/core/editor/components/settings/OpenPropertyPanelListener.js +0 -33
- package/lib/core/editor/components/settings/OpenPropertyPanelListener.js +0 -43
@@ -5,46 +5,35 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
|
|
5
5
|
exports.__esModule = true;
|
6
6
|
exports["default"] = GroupPropertyView;
|
7
7
|
|
8
|
-
var _tab = _interopRequireDefault(require("@alifd/next/lib/tab"));
|
9
|
-
|
10
8
|
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
11
9
|
|
12
10
|
var _react = _interopRequireDefault(require("react"));
|
13
11
|
|
14
|
-
var
|
15
|
-
|
16
|
-
var _GroupPropertyViewModule = _interopRequireDefault(require("./GroupPropertyView.module.scss"));
|
17
|
-
|
18
|
-
var _useGroup = _interopRequireDefault(require("./hooks/useGroup"));
|
19
|
-
|
20
|
-
var _Setting = _interopRequireDefault(require("./SettingTab/Setting"));
|
12
|
+
var _ClusterGroupRelateData = _interopRequireDefault(require("./cluster/ClusterGroupRelateData"));
|
21
13
|
|
22
14
|
var _RelateData = _interopRequireDefault(require("./DataTab/RelateData"));
|
23
15
|
|
24
|
-
var
|
16
|
+
var _GroupBasicSetting = _interopRequireDefault(require("./SettingTab/GroupBasicSetting"));
|
17
|
+
|
18
|
+
var _GroupPropertyViewModule = _interopRequireDefault(require("./GroupPropertyView.module.scss"));
|
25
19
|
|
26
20
|
function GroupPropertyView(props) {
|
27
21
|
var topo = props.topo,
|
28
22
|
topoEdit = props.topoEdit,
|
29
23
|
values = props.values,
|
30
|
-
|
31
|
-
|
32
|
-
editorProps = props.editorProps;
|
33
|
-
var group = (0, _useGroup["default"])({
|
34
|
-
topo: topo,
|
35
|
-
id: values.id
|
36
|
-
});
|
24
|
+
selectionElement = props.selectionElement;
|
25
|
+
var group = selectionElement;
|
37
26
|
var isCluster = group.a('cluster');
|
38
27
|
var DataTabContent = isCluster ? _ClusterGroupRelateData["default"] : _RelateData["default"];
|
39
|
-
return /*#__PURE__*/_react["default"].createElement(
|
40
|
-
|
41
|
-
|
42
|
-
}, /*#__PURE__*/_react["default"].createElement(DataTabContent, (0, _extends2["default"])({
|
28
|
+
return /*#__PURE__*/_react["default"].createElement("div", {
|
29
|
+
className: _GroupPropertyViewModule["default"].GroupPropertyView
|
30
|
+
}, /*#__PURE__*/_react["default"].createElement(_GroupBasicSetting["default"], (0, _extends2["default"])({
|
43
31
|
group: group
|
44
|
-
}, props
|
45
|
-
|
46
|
-
|
47
|
-
|
32
|
+
}, props, {
|
33
|
+
isCluster: isCluster
|
34
|
+
})), /*#__PURE__*/_react["default"].createElement("div", {
|
35
|
+
className: _GroupPropertyViewModule["default"].data
|
36
|
+
}, /*#__PURE__*/_react["default"].createElement(DataTabContent, (0, _extends2["default"])({
|
48
37
|
group: group
|
49
38
|
}, props))));
|
50
39
|
}
|
@@ -0,0 +1,43 @@
|
|
1
|
+
"use strict";
|
2
|
+
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
4
|
+
|
5
|
+
exports.__esModule = true;
|
6
|
+
exports["default"] = GroupPropertyView;
|
7
|
+
|
8
|
+
var _tab = _interopRequireDefault(require("@alifd/next/lib/tab"));
|
9
|
+
|
10
|
+
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
11
|
+
|
12
|
+
var _react = _interopRequireDefault(require("react"));
|
13
|
+
|
14
|
+
var _TabView = _interopRequireDefault(require("../../common/tab/TabView"));
|
15
|
+
|
16
|
+
var _GroupPropertyViewModule = _interopRequireDefault(require("./GroupPropertyView.module.scss"));
|
17
|
+
|
18
|
+
var _Setting = _interopRequireDefault(require("./SettingTab/Setting"));
|
19
|
+
|
20
|
+
var _RelateData = _interopRequireDefault(require("./DataTab/RelateData"));
|
21
|
+
|
22
|
+
var _ClusterGroupRelateData = _interopRequireDefault(require("./cluster/ClusterGroupRelateData"));
|
23
|
+
|
24
|
+
function GroupPropertyView(props) {
|
25
|
+
var topo = props.topo,
|
26
|
+
topoEdit = props.topoEdit,
|
27
|
+
values = props.values,
|
28
|
+
selectionElement = props.selectionElement;
|
29
|
+
var group = selectionElement;
|
30
|
+
var isCluster = group.a('cluster');
|
31
|
+
var DataTabContent = isCluster ? _ClusterGroupRelateData["default"] : _RelateData["default"];
|
32
|
+
return /*#__PURE__*/_react["default"].createElement(_TabView["default"], null, /*#__PURE__*/_react["default"].createElement(_tab["default"].Item, {
|
33
|
+
title: "\u6570\u636E",
|
34
|
+
key: "1"
|
35
|
+
}, /*#__PURE__*/_react["default"].createElement(DataTabContent, (0, _extends2["default"])({
|
36
|
+
group: group
|
37
|
+
}, props))), /*#__PURE__*/_react["default"].createElement(_tab["default"].Item, {
|
38
|
+
title: "\u8BBE\u7F6E",
|
39
|
+
key: "2"
|
40
|
+
}, /*#__PURE__*/_react["default"].createElement(_Setting["default"], (0, _extends2["default"])({
|
41
|
+
group: group
|
42
|
+
}, props))));
|
43
|
+
}
|
package/lib/core/editor/components/settings/propertyViews/group/SettingTab/GroupBasicSetting.js
ADDED
@@ -0,0 +1,97 @@
|
|
1
|
+
"use strict";
|
2
|
+
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
4
|
+
|
5
|
+
exports.__esModule = true;
|
6
|
+
exports["default"] = GroupBasicSetting;
|
7
|
+
|
8
|
+
var _form = _interopRequireDefault(require("@alifd/next/lib/form"));
|
9
|
+
|
10
|
+
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
11
|
+
|
12
|
+
var _input = _interopRequireDefault(require("@alifd/next/lib/input"));
|
13
|
+
|
14
|
+
var _field = _interopRequireDefault(require("@alifd/next/lib/field"));
|
15
|
+
|
16
|
+
var _collapse = _interopRequireDefault(require("@alifd/next/lib/collapse"));
|
17
|
+
|
18
|
+
var _react = _interopRequireWildcard(require("react"));
|
19
|
+
|
20
|
+
var _NodeSizeInput = _interopRequireDefault(require("../../../common/NodeSizeInput/NodeSizeInput"));
|
21
|
+
|
22
|
+
var _GroupIconSelect = _interopRequireDefault(require("./GroupIconSelect"));
|
23
|
+
|
24
|
+
var _GroupExpandStatus = _interopRequireDefault(require("./GroupExpandStatus"));
|
25
|
+
|
26
|
+
var _GroupExpandSetting = _interopRequireDefault(require("./GroupExpandSetting"));
|
27
|
+
|
28
|
+
var _SpecialCharacterValidateUtil = require("../../../../../../../utils/SpecialCharacterValidateUtil");
|
29
|
+
|
30
|
+
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); }
|
31
|
+
|
32
|
+
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; }
|
33
|
+
|
34
|
+
var CollapsePanel = _collapse["default"].Panel;
|
35
|
+
|
36
|
+
function GroupBasicSetting(props) {
|
37
|
+
var topo = props.topo,
|
38
|
+
topoEdit = props.topoEdit,
|
39
|
+
values = props.values,
|
40
|
+
_onChange = props.onChange,
|
41
|
+
settingRuntimeState = props.settingRuntimeState,
|
42
|
+
editorProps = props.editorProps,
|
43
|
+
group = props.group,
|
44
|
+
isCluster = props.isCluster;
|
45
|
+
var expanded = values.expanded;
|
46
|
+
var id = values.id;
|
47
|
+
|
48
|
+
var field = _field["default"].useField({
|
49
|
+
autoUnmount: false,
|
50
|
+
values: values,
|
51
|
+
onChange: function onChange(name, value) {
|
52
|
+
if (name === 'attrObject.name' && !(0, _SpecialCharacterValidateUtil.validateSpecialCharacter)(value)) {
|
53
|
+
return;
|
54
|
+
}
|
55
|
+
|
56
|
+
var newValues = field.getValues();
|
57
|
+
|
58
|
+
_onChange(name, value, newValues);
|
59
|
+
}
|
60
|
+
});
|
61
|
+
|
62
|
+
(0, _react.useEffect)(function () {
|
63
|
+
field.setValues(values);
|
64
|
+
}, [values]);
|
65
|
+
return /*#__PURE__*/_react["default"].createElement(_form["default"], {
|
66
|
+
field: field,
|
67
|
+
labelAlign: "top",
|
68
|
+
style: {
|
69
|
+
paddingLeft: 32,
|
70
|
+
paddingRight: 16,
|
71
|
+
marginTop: 12
|
72
|
+
}
|
73
|
+
}, /*#__PURE__*/_react["default"].createElement(_form["default"].Item, null, /*#__PURE__*/_react["default"].createElement(_form["default"].Item, (0, _extends2["default"])({
|
74
|
+
label: isCluster ? '集群名称' : '区域名称'
|
75
|
+
}, _SpecialCharacterValidateUtil.SPECIAL_CHARACTER_FORM_ITEM_VALIDATE_PROPS, {
|
76
|
+
patternTrigger: "onChange"
|
77
|
+
}), /*#__PURE__*/_react["default"].createElement(_input["default"], {
|
78
|
+
name: "attrObject.name",
|
79
|
+
maxLength: 30,
|
80
|
+
placeholder: "\u8BF7\u8F93\u5165",
|
81
|
+
onFocus: function onFocus() {
|
82
|
+
topo.historyManager.beginTransaction();
|
83
|
+
},
|
84
|
+
onBlur: function onBlur() {
|
85
|
+
topo.historyManager.endTransaction();
|
86
|
+
}
|
87
|
+
})), /*#__PURE__*/_react["default"].createElement(_form["default"].Item, {
|
88
|
+
label: "\u9ED8\u8BA4\u663E\u793A\u65B9\u5F0F"
|
89
|
+
}, /*#__PURE__*/_react["default"].createElement(_GroupExpandStatus["default"], {
|
90
|
+
topo: topo,
|
91
|
+
group: group,
|
92
|
+
expanded: expanded,
|
93
|
+
setExpanded: function setExpanded(val) {
|
94
|
+
return group.setExpanded(val);
|
95
|
+
}
|
96
|
+
}))));
|
97
|
+
}
|
package/lib/core/editor/components/settings/propertyViews/group/SettingTab/GroupExpandSetting.js
CHANGED
@@ -41,15 +41,17 @@ function GroupExpandSetting(props) {
|
|
41
41
|
topo.historyManager.beginTransaction(); // console.log("setAlignmentBySelectionNodes", v);
|
42
42
|
// topo.view.topoClient.htTopoClient.setAlignmentBySelectionNodes(v);
|
43
43
|
|
44
|
-
onChange(
|
44
|
+
onChange('groupAlign', v); // topoEditApi.setAlignmentBySelectionNodes(v);
|
45
45
|
|
46
46
|
topo.historyManager.endTransaction();
|
47
47
|
};
|
48
48
|
|
49
|
-
var layoutOnChange = function layoutOnChange(
|
49
|
+
var layoutOnChange = function layoutOnChange(value) {
|
50
50
|
topo.historyManager.beginTransaction();
|
51
|
-
setLayout(v);
|
52
|
-
|
51
|
+
setLayout(value); // onChange("layout", v);
|
52
|
+
|
53
|
+
var layouType = value.id === 'toward' ? "" + value.id + value.options.subId : value.id;
|
54
|
+
topo.getHtTopo().layoutInContainer(layouType);
|
53
55
|
topo.historyManager.endTransaction();
|
54
56
|
};
|
55
57
|
|
@@ -58,9 +60,9 @@ function GroupExpandSetting(props) {
|
|
58
60
|
setLayout({}); // onChange("layout", {});
|
59
61
|
}, [id]);
|
60
62
|
return /*#__PURE__*/_react["default"].createElement(_collapse["default"], {
|
61
|
-
defaultExpandedKeys: [
|
63
|
+
defaultExpandedKeys: ['布局', '显示设置', '对齐方式'],
|
62
64
|
style: {
|
63
|
-
border:
|
65
|
+
border: 'none'
|
64
66
|
}
|
65
67
|
}, /*#__PURE__*/_react["default"].createElement(CollapsePanel, {
|
66
68
|
key: "\u5E03\u5C40",
|
package/lib/core/editor/components/settings/propertyViews/group/cluster/ClusterGroupRelateData.js
CHANGED
@@ -79,7 +79,8 @@ function ClusterGroupRelateData(props) {
|
|
79
79
|
style: {
|
80
80
|
flex: 1,
|
81
81
|
paddingRight: 16,
|
82
|
-
color: '#4D6277'
|
82
|
+
color: '#4D6277',
|
83
|
+
lineHeight: '20px'
|
83
84
|
},
|
84
85
|
title: values.tag ? values.name : null
|
85
86
|
}, values.tag ? values.name : '—'), /*#__PURE__*/_react["default"].createElement(_NodeRelateResourceButton["default"], {
|
@@ -21,14 +21,17 @@ var _EdgePropertyView = _interopRequireDefault(require("./edge/EdgePropertyView"
|
|
21
21
|
|
22
22
|
var _BoxPropertyView = _interopRequireDefault(require("./box/BoxPropertyView"));
|
23
23
|
|
24
|
+
var _EdgeGroupPropertyView = _interopRequireDefault(require("./edge/EdgeGroupPropertyView"));
|
25
|
+
|
24
26
|
var propertyPanelMap = {
|
25
|
-
view:
|
27
|
+
// view: ViewPropertyView,
|
26
28
|
group: _GroupPropertyView["default"],
|
27
29
|
node: _NodePropertyView["default"],
|
28
30
|
edge: _EdgePropertyView["default"],
|
31
|
+
// edgeGroup: EdgeGroupPropertyView,
|
29
32
|
layer: _LayerPropertyView["default"],
|
30
33
|
text: _TextPropertyView["default"],
|
31
|
-
multiple:
|
34
|
+
// multiple: MultipleElementPropertyView,
|
32
35
|
box: _BoxPropertyView["default"]
|
33
36
|
};
|
34
37
|
|
@@ -0,0 +1,76 @@
|
|
1
|
+
"use strict";
|
2
|
+
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
4
|
+
|
5
|
+
exports.__esModule = true;
|
6
|
+
exports["default"] = BasicSetting;
|
7
|
+
|
8
|
+
var _form = _interopRequireDefault(require("@alifd/next/lib/form"));
|
9
|
+
|
10
|
+
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
11
|
+
|
12
|
+
var _input = _interopRequireDefault(require("@alifd/next/lib/input"));
|
13
|
+
|
14
|
+
var _field = _interopRequireDefault(require("@alifd/next/lib/field"));
|
15
|
+
|
16
|
+
var _rlog = _interopRequireDefault(require("@riil-frontend/component-topology-utils/es/rlog"));
|
17
|
+
|
18
|
+
var _react = _interopRequireWildcard(require("react"));
|
19
|
+
|
20
|
+
var _SpecialCharacterValidateUtil = require("../../../../../../utils/SpecialCharacterValidateUtil");
|
21
|
+
|
22
|
+
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); }
|
23
|
+
|
24
|
+
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; }
|
25
|
+
|
26
|
+
function BasicSetting(props) {
|
27
|
+
var topo = props.topo,
|
28
|
+
values = props.values,
|
29
|
+
_onChange = props.onChange,
|
30
|
+
layer = props.layer;
|
31
|
+
|
32
|
+
var field = _field["default"].useField({
|
33
|
+
autoUnmount: false,
|
34
|
+
values: values,
|
35
|
+
onChange: function onChange(name, value) {
|
36
|
+
if (name === 'styleMap.label' && !(0, _SpecialCharacterValidateUtil.validateSpecialCharacter)(value)) {
|
37
|
+
return;
|
38
|
+
}
|
39
|
+
|
40
|
+
_rlog["default"].debug(values[name], value);
|
41
|
+
|
42
|
+
var newValues = field.getValues();
|
43
|
+
|
44
|
+
_onChange(name, value, newValues);
|
45
|
+
}
|
46
|
+
});
|
47
|
+
|
48
|
+
(0, _react.useEffect)(function () {
|
49
|
+
field.setValues(values);
|
50
|
+
}, [values]);
|
51
|
+
return /*#__PURE__*/_react["default"].createElement(_form["default"], {
|
52
|
+
field: field,
|
53
|
+
labelAlign: "top",
|
54
|
+
style: {
|
55
|
+
margin: '12px 0 0 0'
|
56
|
+
}
|
57
|
+
}, /*#__PURE__*/_react["default"].createElement(_form["default"].Item, (0, _extends2["default"])({
|
58
|
+
label: "\u5206\u5C42\u540D\u79F0"
|
59
|
+
}, _SpecialCharacterValidateUtil.SPECIAL_CHARACTER_FORM_ITEM_VALIDATE_PROPS, {
|
60
|
+
patternTrigger: "onChange",
|
61
|
+
style: {
|
62
|
+
paddingLeft: 32,
|
63
|
+
paddingRight: 16
|
64
|
+
}
|
65
|
+
}), /*#__PURE__*/_react["default"].createElement(_input["default"], {
|
66
|
+
name: "styleMap.label",
|
67
|
+
maxLength: 30,
|
68
|
+
placeholder: "\u8BF7\u8F93\u5165",
|
69
|
+
onFocus: function onFocus() {
|
70
|
+
topo.historyManager.beginTransaction();
|
71
|
+
},
|
72
|
+
onBlur: function onBlur() {
|
73
|
+
topo.historyManager.endTransaction();
|
74
|
+
}
|
75
|
+
})));
|
76
|
+
}
|
@@ -5,19 +5,15 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
|
|
5
5
|
exports.__esModule = true;
|
6
6
|
exports["default"] = LayerPropertyView;
|
7
7
|
|
8
|
-
var _tab = _interopRequireDefault(require("@alifd/next/lib/tab"));
|
9
|
-
|
10
8
|
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
11
9
|
|
12
10
|
var _react = _interopRequireDefault(require("react"));
|
13
11
|
|
14
|
-
var _TabView = _interopRequireDefault(require("../../common/tab/TabView"));
|
15
|
-
|
16
|
-
var _Setting = _interopRequireDefault(require("./SettingTab/Setting"));
|
17
|
-
|
18
12
|
var _RelateData = _interopRequireDefault(require("./DataTab/RelateData"));
|
19
13
|
|
20
|
-
var
|
14
|
+
var _BasicSetting = _interopRequireDefault(require("./BasicSetting"));
|
15
|
+
|
16
|
+
var _LayerPropertyViewModule = _interopRequireDefault(require("./LayerPropertyView.module.scss"));
|
21
17
|
|
22
18
|
function LayerPropertyView(props) {
|
23
19
|
var topo = props.topo,
|
@@ -25,20 +21,16 @@ function LayerPropertyView(props) {
|
|
25
21
|
values = props.values,
|
26
22
|
onChange = props.onChange,
|
27
23
|
settingRuntimeState = props.settingRuntimeState,
|
28
|
-
editorProps = props.editorProps
|
29
|
-
|
30
|
-
|
31
|
-
|
32
|
-
|
33
|
-
|
34
|
-
title: "\u6570\u636E",
|
35
|
-
key: "1"
|
36
|
-
}, /*#__PURE__*/_react["default"].createElement(_RelateData["default"], (0, _extends2["default"])({
|
24
|
+
editorProps = props.editorProps,
|
25
|
+
selectionElement = props.selectionElement;
|
26
|
+
var layer = selectionElement;
|
27
|
+
return /*#__PURE__*/_react["default"].createElement("div", {
|
28
|
+
className: _LayerPropertyViewModule["default"].container
|
29
|
+
}, /*#__PURE__*/_react["default"].createElement(_BasicSetting["default"], (0, _extends2["default"])({
|
37
30
|
layer: layer
|
38
|
-
}, props))
|
39
|
-
|
40
|
-
|
41
|
-
}, /*#__PURE__*/_react["default"].createElement(_Setting["default"], (0, _extends2["default"])({
|
31
|
+
}, props)), /*#__PURE__*/_react["default"].createElement("div", {
|
32
|
+
className: _LayerPropertyViewModule["default"].data
|
33
|
+
}, /*#__PURE__*/_react["default"].createElement(_RelateData["default"], (0, _extends2["default"])({
|
42
34
|
layer: layer
|
43
35
|
}, props))));
|
44
36
|
}
|
@@ -0,0 +1,40 @@
|
|
1
|
+
"use strict";
|
2
|
+
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
4
|
+
|
5
|
+
exports.__esModule = true;
|
6
|
+
exports["default"] = LayerPropertyView;
|
7
|
+
|
8
|
+
var _tab = _interopRequireDefault(require("@alifd/next/lib/tab"));
|
9
|
+
|
10
|
+
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
11
|
+
|
12
|
+
var _react = _interopRequireDefault(require("react"));
|
13
|
+
|
14
|
+
var _TabView = _interopRequireDefault(require("../../common/tab/TabView"));
|
15
|
+
|
16
|
+
var _Setting = _interopRequireDefault(require("./SettingTab/Setting"));
|
17
|
+
|
18
|
+
var _RelateData = _interopRequireDefault(require("./DataTab/RelateData"));
|
19
|
+
|
20
|
+
function LayerPropertyView(props) {
|
21
|
+
var topo = props.topo,
|
22
|
+
topoEditApi = props.topoEditApi,
|
23
|
+
values = props.values,
|
24
|
+
onChange = props.onChange,
|
25
|
+
settingRuntimeState = props.settingRuntimeState,
|
26
|
+
editorProps = props.editorProps,
|
27
|
+
selectionElement = props.selectionElement;
|
28
|
+
var layer = selectionElement;
|
29
|
+
return /*#__PURE__*/_react["default"].createElement(_TabView["default"], null, /*#__PURE__*/_react["default"].createElement(_tab["default"].Item, {
|
30
|
+
title: "\u6570\u636E",
|
31
|
+
key: "1"
|
32
|
+
}, /*#__PURE__*/_react["default"].createElement(_RelateData["default"], (0, _extends2["default"])({
|
33
|
+
layer: layer
|
34
|
+
}, props))), /*#__PURE__*/_react["default"].createElement(_tab["default"].Item, {
|
35
|
+
title: "\u8BBE\u7F6E",
|
36
|
+
key: "2"
|
37
|
+
}, /*#__PURE__*/_react["default"].createElement(_Setting["default"], (0, _extends2["default"])({
|
38
|
+
layer: layer
|
39
|
+
}, props))));
|
40
|
+
}
|
@@ -5,21 +5,15 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
|
|
5
5
|
exports.__esModule = true;
|
6
6
|
exports["default"] = NodePropertyView;
|
7
7
|
|
8
|
-
var _tab = _interopRequireDefault(require("@alifd/next/lib/tab"));
|
9
|
-
|
10
8
|
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
11
9
|
|
12
10
|
var _react = _interopRequireDefault(require("react"));
|
13
11
|
|
14
|
-
var _useHtElement = _interopRequireDefault(require("../../../../../common/hooks/useHtElement"));
|
15
|
-
|
16
|
-
var _TabView = _interopRequireDefault(require("../../common/tab/TabView"));
|
17
|
-
|
18
12
|
var _Data = _interopRequireDefault(require("./data/Data"));
|
19
13
|
|
20
14
|
var _NodePropertyViewModule = _interopRequireDefault(require("./NodePropertyView.module.scss"));
|
21
15
|
|
22
|
-
var
|
16
|
+
var _BasicSetting = _interopRequireDefault(require("./Setting/BasicSetting"));
|
23
17
|
|
24
18
|
function NodePropertyView(props) {
|
25
19
|
var _topo$options$editor;
|
@@ -29,40 +23,19 @@ function NodePropertyView(props) {
|
|
29
23
|
values = props.values,
|
30
24
|
onChange = props.onChange,
|
31
25
|
editorProps = props.editorProps,
|
32
|
-
|
33
|
-
var node =
|
34
|
-
topo: topo,
|
35
|
-
id: values.id
|
36
|
-
});
|
37
|
-
|
38
|
-
var renderData = function renderData() {
|
39
|
-
return /*#__PURE__*/_react["default"].createElement(_Data["default"], (0, _extends2["default"])({}, props, {
|
40
|
-
node: node
|
41
|
-
}));
|
42
|
-
};
|
43
|
-
|
44
|
-
var renderSetting = function renderSetting() {
|
45
|
-
var nodeSettingViewProps = editorProps.nodeSettingViewProps;
|
46
|
-
return /*#__PURE__*/_react["default"].createElement(_Setting["default"], (0, _extends2["default"])({}, props, nodeSettingViewProps));
|
47
|
-
}; // 未绑定资源的节点,根据参数控制是否可关联资源
|
48
|
-
|
26
|
+
selectionElement = props.selectionElement;
|
27
|
+
var node = selectionElement; // 未绑定资源的节点,根据参数控制是否可关联资源
|
49
28
|
|
50
29
|
var showRelateResource = !!values.tag || !values.tag && ((_topo$options$editor = topo.options.editor) === null || _topo$options$editor === void 0 ? void 0 : _topo$options$editor.enableRelateResource) !== false;
|
51
|
-
var
|
30
|
+
var dataContent = null;
|
52
31
|
|
53
32
|
if (showRelateResource) {
|
54
|
-
|
55
|
-
|
56
|
-
|
57
|
-
}, renderData()), /*#__PURE__*/_react["default"].createElement(_tab["default"].Item, {
|
58
|
-
title: "\u8BBE\u7F6E",
|
59
|
-
key: "2"
|
60
|
-
}, renderSetting()));
|
61
|
-
} else {
|
62
|
-
content = renderSetting();
|
33
|
+
dataContent = /*#__PURE__*/_react["default"].createElement(_Data["default"], (0, _extends2["default"])({}, props, {
|
34
|
+
node: node
|
35
|
+
}));
|
63
36
|
}
|
64
37
|
|
65
38
|
return /*#__PURE__*/_react["default"].createElement("div", {
|
66
39
|
className: _NodePropertyViewModule["default"].NodePropertyView
|
67
|
-
},
|
40
|
+
}, /*#__PURE__*/_react["default"].createElement(_BasicSetting["default"], props), dataContent);
|
68
41
|
}
|
@@ -0,0 +1,68 @@
|
|
1
|
+
"use strict";
|
2
|
+
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
4
|
+
|
5
|
+
exports.__esModule = true;
|
6
|
+
exports["default"] = NodePropertyView;
|
7
|
+
|
8
|
+
var _tab = _interopRequireDefault(require("@alifd/next/lib/tab"));
|
9
|
+
|
10
|
+
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
11
|
+
|
12
|
+
var _react = _interopRequireDefault(require("react"));
|
13
|
+
|
14
|
+
var _useHtElement = _interopRequireDefault(require("../../../../../common/hooks/useHtElement"));
|
15
|
+
|
16
|
+
var _TabView = _interopRequireDefault(require("../../common/tab/TabView"));
|
17
|
+
|
18
|
+
var _Data = _interopRequireDefault(require("./data/Data"));
|
19
|
+
|
20
|
+
var _NodePropertyViewModule = _interopRequireDefault(require("./NodePropertyView.module.scss"));
|
21
|
+
|
22
|
+
var _Setting = _interopRequireDefault(require("./Setting"));
|
23
|
+
|
24
|
+
function NodePropertyView(props) {
|
25
|
+
var _topo$options$editor;
|
26
|
+
|
27
|
+
var topo = props.topo,
|
28
|
+
topoEditApi = props.topoEditApi,
|
29
|
+
values = props.values,
|
30
|
+
onChange = props.onChange,
|
31
|
+
editorProps = props.editorProps,
|
32
|
+
settingRuntimeState = props.settingRuntimeState;
|
33
|
+
var node = (0, _useHtElement["default"])({
|
34
|
+
topo: topo,
|
35
|
+
id: values.id
|
36
|
+
});
|
37
|
+
|
38
|
+
var renderData = function renderData() {
|
39
|
+
return /*#__PURE__*/_react["default"].createElement(_Data["default"], (0, _extends2["default"])({}, props, {
|
40
|
+
node: node
|
41
|
+
}));
|
42
|
+
};
|
43
|
+
|
44
|
+
var renderSetting = function renderSetting() {
|
45
|
+
var nodeSettingViewProps = editorProps.nodeSettingViewProps;
|
46
|
+
return /*#__PURE__*/_react["default"].createElement(_Setting["default"], (0, _extends2["default"])({}, props, nodeSettingViewProps));
|
47
|
+
}; // 未绑定资源的节点,根据参数控制是否可关联资源
|
48
|
+
|
49
|
+
|
50
|
+
var showRelateResource = !!values.tag || !values.tag && ((_topo$options$editor = topo.options.editor) === null || _topo$options$editor === void 0 ? void 0 : _topo$options$editor.enableRelateResource) !== false;
|
51
|
+
var content;
|
52
|
+
|
53
|
+
if (showRelateResource) {
|
54
|
+
content = /*#__PURE__*/_react["default"].createElement(_TabView["default"], null, /*#__PURE__*/_react["default"].createElement(_tab["default"].Item, {
|
55
|
+
title: "\u6570\u636E",
|
56
|
+
key: "1"
|
57
|
+
}, renderData()), /*#__PURE__*/_react["default"].createElement(_tab["default"].Item, {
|
58
|
+
title: "\u8BBE\u7F6E",
|
59
|
+
key: "2"
|
60
|
+
}, renderSetting()));
|
61
|
+
} else {
|
62
|
+
content = renderSetting();
|
63
|
+
}
|
64
|
+
|
65
|
+
return /*#__PURE__*/_react["default"].createElement("div", {
|
66
|
+
className: _NodePropertyViewModule["default"].NodePropertyView
|
67
|
+
}, content);
|
68
|
+
}
|