@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.
Files changed (124) hide show
  1. package/build/1.js +2 -2
  2. package/build/2.js +1 -1
  3. package/build/index.css +1 -1
  4. package/build/index.js +21 -21
  5. package/demo/CHANGELOG/CHANGELOG.md +5 -0
  6. package/es/components/VerticalIconTab/VerticalIconTab.js +11 -1
  7. package/es/components/VerticalIconTab/VerticalIconTab.module.scss +1 -0
  8. package/es/core/components/DisplaySettingDrawer/hooks/useDisplaySetting.js +8 -3
  9. package/es/core/components/TopoView/topoView.js +3 -3
  10. package/es/core/editor/components/Sidebar/panes.js +6 -1
  11. package/es/core/editor/components/Toolbar/widgets/AddResourceButton.js +1 -1
  12. package/es/core/editor/components/Toolbar/widgets/BoxBackgroundButton/BoxBackgroundButton.js +1 -1
  13. package/es/core/editor/components/Toolbar/widgets/EdgeColorButton/EdgeColorButton.js +1 -1
  14. package/es/core/editor/components/Toolbar/widgets/EdgeTypeButton/index.js +1 -1
  15. package/es/core/editor/components/Toolbar/widgets/FontColorButton.js +38 -12
  16. package/es/core/editor/components/Toolbar/widgets/FontColorButton.module.scss +4 -5
  17. package/es/core/editor/components/Toolbar/widgets/FontStyleButton.js +1 -1
  18. package/es/core/editor/components/Toolbar/widgets/Layout/index.js +2 -2
  19. package/es/core/editor/components/Toolbar/widgets/NodeAlignWidget.js +8 -1
  20. package/es/core/editor/components/Toolbar/widgets/NodeImageButton/NodeImageButton.js +1 -1
  21. package/es/core/editor/components/Toolbar/widgets/NodeSizeButton/NodeSizeButton.js +1 -1
  22. package/es/core/editor/components/Toolbar/widgets/components/textStyleSetting/ElementTextStyleSetting/ElementTextStyleSetting.js +1 -1
  23. package/es/core/editor/components/Toolbar/widgets/components/textStyleSetting/textStyleSettingRouter.js +1 -1
  24. package/es/core/editor/components/settings/CloseablePanel.module.scss +12 -0
  25. package/es/core/editor/components/settings/PropertyView.js +21 -18
  26. package/es/core/editor/components/settings/Settings.js +39 -77
  27. package/es/core/editor/components/settings/Settings.module.scss +2 -10
  28. package/es/core/editor/components/settings/core/PropertyViewManager.js +61 -0
  29. package/es/core/editor/components/settings/core/getPropertyViewType.js +34 -0
  30. package/es/core/editor/components/settings/core/updateElementProperty.js +21 -0
  31. package/es/core/editor/components/settings/propertyViews/box/BoxPropertyView.js +6 -13
  32. package/es/core/editor/components/settings/propertyViews/box/BoxPropertyViewV1.js +58 -0
  33. package/es/core/editor/components/settings/propertyViews/edge/CommonEdgePropertyView.js +5 -2
  34. package/es/core/editor/components/settings/propertyViews/edge/EdgeGroupPropertyView.js +7 -8
  35. package/es/core/editor/components/settings/propertyViews/edge/EdgePropertyView.js +9 -23
  36. package/es/core/editor/components/settings/propertyViews/edge/addEdgeProps.js +10 -0
  37. package/es/core/editor/components/settings/propertyViews/edge/edgeGroup/EdgeGroupSetting.js +1 -6
  38. package/es/core/editor/components/settings/propertyViews/group/GroupPropertyView.js +13 -21
  39. package/es/core/editor/components/settings/propertyViews/group/GroupPropertyView.module.scss +8 -1
  40. package/es/core/editor/components/settings/propertyViews/group/GroupPropertyViewV1.js +28 -0
  41. package/es/core/editor/components/settings/propertyViews/group/SettingTab/GroupBasicSetting.js +74 -0
  42. package/es/core/editor/components/settings/propertyViews/group/SettingTab/GroupExpandSetting.js +9 -7
  43. package/es/core/editor/components/settings/propertyViews/group/cluster/ClusterGroupRelateData.js +2 -1
  44. package/es/core/editor/components/settings/propertyViews/index.js +4 -2
  45. package/es/core/editor/components/settings/propertyViews/layer/BasicSetting.js +57 -0
  46. package/es/core/editor/components/settings/propertyViews/layer/LayerPropertyView.js +11 -17
  47. package/es/core/editor/components/settings/propertyViews/layer/LayerPropertyView.module.scss +10 -0
  48. package/es/core/editor/components/settings/propertyViews/layer/LayerPropertyViewV1.js +27 -0
  49. package/es/core/editor/components/settings/propertyViews/node/NodePropertyView.js +8 -32
  50. package/es/core/editor/components/settings/propertyViews/node/NodePropertyViewV1.js +53 -0
  51. package/es/core/editor/components/settings/propertyViews/node/Setting/BasicSetting.js +49 -0
  52. package/es/core/editor/components/settings/propertyViews/node/data/Data.js +2 -1
  53. package/es/core/editor/components/settings/propertyViews/node/data/NodeRelateResourceButton.js +1 -0
  54. package/es/core/editor/components/settings/propertyViews/text/TextPropertyView.js +4 -19
  55. package/es/core/models/HistoryManager.js +11 -14
  56. package/es/core/models/{SelectionManager.js → SelectionModel.js} +27 -18
  57. package/es/core/models/TopoApp.js +3 -3
  58. package/es/networkTopo/components/editor/propertyViews/edge/EdgePropertyView.js +39 -6
  59. package/es/networkTopo/components/editor/propertyViews/edge/LinkPropertyView/LinkPropertyView.js +10 -16
  60. package/es/networkTopo/components/editor/propertyViews/edge/LinkPropertyView/LinkPropertyViewV1.js +37 -0
  61. package/es/networkTopo/components/editor/propertyViews/edge/link/LinkInfoPreview.module.scss +1 -1
  62. package/es/networkTopo/models/LinkDynamicStyleExecutor.js +2 -2
  63. package/es/style.js +1 -1
  64. package/lib/components/VerticalIconTab/VerticalIconTab.js +14 -1
  65. package/lib/components/VerticalIconTab/VerticalIconTab.module.scss +1 -0
  66. package/lib/core/components/DisplaySettingDrawer/hooks/useDisplaySetting.js +8 -3
  67. package/lib/core/components/TopoView/topoView.js +3 -3
  68. package/lib/core/editor/components/Sidebar/panes.js +6 -1
  69. package/lib/core/editor/components/Toolbar/widgets/AddResourceButton.js +1 -1
  70. package/lib/core/editor/components/Toolbar/widgets/BoxBackgroundButton/BoxBackgroundButton.js +1 -1
  71. package/lib/core/editor/components/Toolbar/widgets/EdgeColorButton/EdgeColorButton.js +1 -1
  72. package/lib/core/editor/components/Toolbar/widgets/EdgeTypeButton/index.js +1 -1
  73. package/lib/core/editor/components/Toolbar/widgets/FontColorButton.js +38 -12
  74. package/lib/core/editor/components/Toolbar/widgets/FontColorButton.module.scss +4 -5
  75. package/lib/core/editor/components/Toolbar/widgets/FontStyleButton.js +1 -1
  76. package/lib/core/editor/components/Toolbar/widgets/Layout/index.js +2 -2
  77. package/lib/core/editor/components/Toolbar/widgets/NodeAlignWidget.js +8 -1
  78. package/lib/core/editor/components/Toolbar/widgets/NodeImageButton/NodeImageButton.js +1 -1
  79. package/lib/core/editor/components/Toolbar/widgets/NodeSizeButton/NodeSizeButton.js +1 -1
  80. package/lib/core/editor/components/Toolbar/widgets/components/textStyleSetting/ElementTextStyleSetting/ElementTextStyleSetting.js +1 -1
  81. package/lib/core/editor/components/Toolbar/widgets/components/textStyleSetting/textStyleSettingRouter.js +1 -1
  82. package/lib/core/editor/components/settings/CloseablePanel.module.scss +12 -0
  83. package/lib/core/editor/components/settings/PropertyView.js +26 -19
  84. package/lib/core/editor/components/settings/Settings.js +44 -79
  85. package/lib/core/editor/components/settings/Settings.module.scss +2 -10
  86. package/lib/core/editor/components/settings/core/PropertyViewManager.js +70 -0
  87. package/lib/core/editor/components/settings/core/getPropertyViewType.js +40 -0
  88. package/lib/core/editor/components/settings/core/updateElementProperty.js +27 -0
  89. package/lib/core/editor/components/settings/propertyViews/box/BoxPropertyView.js +6 -13
  90. package/lib/core/editor/components/settings/propertyViews/box/BoxPropertyViewV1.js +76 -0
  91. package/lib/core/editor/components/settings/propertyViews/edge/CommonEdgePropertyView.js +8 -2
  92. package/lib/core/editor/components/settings/propertyViews/edge/EdgeGroupPropertyView.js +9 -12
  93. package/lib/core/editor/components/settings/propertyViews/edge/EdgePropertyView.js +7 -23
  94. package/lib/core/editor/components/settings/propertyViews/edge/addEdgeProps.js +19 -0
  95. package/lib/core/editor/components/settings/propertyViews/edge/edgeGroup/EdgeGroupSetting.js +1 -6
  96. package/lib/core/editor/components/settings/propertyViews/group/GroupPropertyView.js +14 -25
  97. package/lib/core/editor/components/settings/propertyViews/group/GroupPropertyView.module.scss +8 -1
  98. package/lib/core/editor/components/settings/propertyViews/group/GroupPropertyViewV1.js +43 -0
  99. package/lib/core/editor/components/settings/propertyViews/group/SettingTab/GroupBasicSetting.js +97 -0
  100. package/lib/core/editor/components/settings/propertyViews/group/SettingTab/GroupExpandSetting.js +8 -6
  101. package/lib/core/editor/components/settings/propertyViews/group/cluster/ClusterGroupRelateData.js +2 -1
  102. package/lib/core/editor/components/settings/propertyViews/index.js +5 -2
  103. package/lib/core/editor/components/settings/propertyViews/layer/BasicSetting.js +76 -0
  104. package/lib/core/editor/components/settings/propertyViews/layer/LayerPropertyView.js +12 -20
  105. package/lib/core/editor/components/settings/propertyViews/layer/LayerPropertyView.module.scss +10 -0
  106. package/lib/core/editor/components/settings/propertyViews/layer/LayerPropertyViewV1.js +40 -0
  107. package/lib/core/editor/components/settings/propertyViews/node/NodePropertyView.js +8 -35
  108. package/lib/core/editor/components/settings/propertyViews/node/NodePropertyViewV1.js +68 -0
  109. package/lib/core/editor/components/settings/propertyViews/node/Setting/BasicSetting.js +64 -0
  110. package/lib/core/editor/components/settings/propertyViews/node/data/Data.js +2 -1
  111. package/lib/core/editor/components/settings/propertyViews/node/data/NodeRelateResourceButton.js +1 -0
  112. package/lib/core/editor/components/settings/propertyViews/text/TextPropertyView.js +4 -19
  113. package/lib/core/models/HistoryManager.js +11 -14
  114. package/lib/core/models/{SelectionManager.js → SelectionModel.js} +27 -18
  115. package/lib/core/models/TopoApp.js +3 -3
  116. package/lib/networkTopo/components/editor/propertyViews/edge/EdgePropertyView.js +45 -7
  117. package/lib/networkTopo/components/editor/propertyViews/edge/LinkPropertyView/LinkPropertyView.js +10 -18
  118. package/lib/networkTopo/components/editor/propertyViews/edge/LinkPropertyView/LinkPropertyViewV1.js +50 -0
  119. package/lib/networkTopo/components/editor/propertyViews/edge/link/LinkInfoPreview.module.scss +1 -1
  120. package/lib/networkTopo/models/LinkDynamicStyleExecutor.js +2 -2
  121. package/lib/style.js +1 -1
  122. package/package.json +2 -2
  123. package/es/core/editor/components/settings/OpenPropertyPanelListener.js +0 -33
  124. 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 _TabView = _interopRequireDefault(require("../../common/tab/TabView"));
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 _ClusterGroupRelateData = _interopRequireDefault(require("./cluster/ClusterGroupRelateData"));
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
- onChange = props.onChange,
31
- settingRuntimeState = props.settingRuntimeState,
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(_TabView["default"], null, /*#__PURE__*/_react["default"].createElement(_tab["default"].Item, {
40
- title: "\u6570\u636E",
41
- key: "1"
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))), /*#__PURE__*/_react["default"].createElement(_tab["default"].Item, {
45
- title: "\u8BBE\u7F6E",
46
- key: "2"
47
- }, /*#__PURE__*/_react["default"].createElement(_Setting["default"], (0, _extends2["default"])({
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
  }
@@ -1,3 +1,10 @@
1
1
  .GroupPropertyView {
2
-
2
+ height: 100%;
3
+ display: flex;
4
+ flex-direction: column;
5
+
6
+ .data {
7
+ flex: 1;
8
+ overflow: auto;
9
+ }
3
10
  }
@@ -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
+ }
@@ -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
+ }
@@ -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("groupAlign", v); // topoEditApi.setAlignmentBySelectionNodes(v);
44
+ onChange('groupAlign', v); // topoEditApi.setAlignmentBySelectionNodes(v);
45
45
 
46
46
  topo.historyManager.endTransaction();
47
47
  };
48
48
 
49
- var layoutOnChange = function layoutOnChange(v) {
49
+ var layoutOnChange = function layoutOnChange(value) {
50
50
  topo.historyManager.beginTransaction();
51
- setLayout(v);
52
- onChange("layout", v);
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: "none"
65
+ border: 'none'
64
66
  }
65
67
  }, /*#__PURE__*/_react["default"].createElement(CollapsePanel, {
66
68
  key: "\u5E03\u5C40",
@@ -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: _ViewPropertyView["default"],
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: _MultipleElementPropertyView["default"],
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 _useHtElement = _interopRequireDefault(require("../../../../../common/hooks/useHtElement"));
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
- var layer = (0, _useHtElement["default"])({
30
- topo: topo,
31
- id: values.id
32
- });
33
- return /*#__PURE__*/_react["default"].createElement(_TabView["default"], null, /*#__PURE__*/_react["default"].createElement(_tab["default"].Item, {
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))), /*#__PURE__*/_react["default"].createElement(_tab["default"].Item, {
39
- title: "\u8BBE\u7F6E",
40
- key: "2"
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,10 @@
1
+ .container {
2
+ height: 100%;
3
+ display: flex;
4
+ flex-direction: column;
5
+
6
+ .data {
7
+ flex: 1;
8
+ overflow: auto;
9
+ }
10
+ }
@@ -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 _Setting = _interopRequireDefault(require("./Setting"));
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
- 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
-
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 content;
30
+ var dataContent = null;
52
31
 
53
32
  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();
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
- }, content);
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
+ }