@riil-frontend/component-topology 7.0.0-dev.2 → 7.0.0-dev.4
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.css +1 -1
- package/build/index.js +12 -12
- package/es/core/components/TopoView/topoView.js +2 -19
- package/es/core/components/titlebar/index.js +2 -1
- package/es/core/editor/components/Toolbar/widgets/components/textStyleSetting/ElementTextStyleSetting/elements/edgeTag.js +2 -1
- package/es/core/hooks/useTopoEdit.js +131 -169
- package/es/core/models/TopoApp.js +1 -1
- package/es/core/viewer/components/plugins/ResourceDetail/ResourceDetailDrawer.js +13 -2
- package/es/style.js +21 -21
- package/lib/core/components/TopoView/topoView.js +2 -20
- package/lib/core/components/titlebar/index.js +5 -1
- package/lib/core/editor/components/Toolbar/widgets/components/textStyleSetting/ElementTextStyleSetting/elements/edgeTag.js +2 -1
- package/lib/core/hooks/useTopoEdit.js +131 -169
- package/lib/core/models/TopoApp.js +1 -1
- package/lib/core/viewer/components/plugins/ResourceDetail/ResourceDetailDrawer.js +13 -2
- package/lib/style.js +21 -21
- package/package.json +2 -2
@@ -23,7 +23,7 @@ import topoFactory from "./topoFactory";
|
|
23
23
|
import ElementTagTipConfig from "./tagstips/ElementTagTipConfig";
|
24
24
|
import SelectionModel from "./SelectionModel"; // eslint-disable-next-line no-undef
|
25
25
|
|
26
|
-
var version = typeof "7.0.0-dev.
|
26
|
+
var version = typeof "7.0.0-dev.4" === 'string' ? "7.0.0-dev.4" : null;
|
27
27
|
console.info("\u62D3\u6251\u7248\u672C: " + version);
|
28
28
|
/**
|
29
29
|
* 拓扑显示和编辑
|
@@ -196,9 +196,20 @@ function ResourceDetailDrawer(props) {
|
|
196
196
|
}
|
197
197
|
|
198
198
|
var renderContent = function renderContent() {
|
199
|
-
|
199
|
+
// 支持自定义概览
|
200
|
+
var _ref = (viewerProps === null || viewerProps === void 0 ? void 0 : viewerProps.resourceDetailProps) || {},
|
201
|
+
getResourceDetail = _ref.getResourceDetail;
|
202
|
+
|
203
|
+
var ResourceDetailWidget;
|
204
|
+
|
205
|
+
if (getResourceDetail) {
|
206
|
+
ResourceDetailWidget = getResourceDetail(resourceData);
|
207
|
+
}
|
208
|
+
|
209
|
+
if (!ResourceDetailWidget) {
|
210
|
+
ResourceDetailWidget = ResourceDetail;
|
211
|
+
}
|
200
212
|
|
201
|
-
var ResourceDetailWidget = (viewerProps === null || viewerProps === void 0 ? void 0 : (_viewerProps$resource = viewerProps.resourceDetailProps) === null || _viewerProps$resource === void 0 ? void 0 : _viewerProps$resource.ResourceDetailWidget) || ResourceDetail;
|
202
213
|
return /*#__PURE__*/React.createElement(ResourceDetailWidget, _extends({}, props, {
|
203
214
|
topo: topo,
|
204
215
|
userId: userId,
|
package/es/style.js
CHANGED
@@ -1,45 +1,45 @@
|
|
1
1
|
import '@riil-frontend/component-topology-graph/es/style';
|
2
2
|
import '@alifd/next/es/box/style';
|
3
3
|
import '@alifd/next/es/message/style';
|
4
|
-
import '@alifd/next/es/button/style';
|
5
|
-
import '@alifd/next/es/icon/style';
|
6
|
-
import '@alifd/next/es/overlay/style';
|
7
|
-
import '@alifd/next/es/list/style';
|
8
|
-
import '@alifd/next/es/card/style';
|
9
|
-
import '@riil-frontend/component-no-data-page/es/style';
|
10
|
-
import '@alifd/next/es/drawer/style';
|
11
|
-
import '@alifd/next/es/form/style';
|
12
|
-
import '@alifd/next/es/field/style';
|
13
|
-
import '@alifd/next/es/radio/style';
|
14
|
-
import '@alifd/next/es/checkbox/style';
|
15
|
-
import '@alifd/next/es/table/style';
|
16
|
-
import '@alifd/next/es/search/style';
|
17
|
-
import '@alifd/next/es/grid/style';
|
18
|
-
import '@riil-frontend/component-action-tree/es/style';
|
19
|
-
import '@riil-frontend/component-table-layout/es/style';
|
20
|
-
import '@riil-frontend/hooks/es/style';
|
21
|
-
import '@alifd/next/es/balloon/style';
|
22
4
|
import '@riil-frontend/component-topology-utils/es/style';
|
23
|
-
import '@alifd/next/es/dropdown/style';
|
24
|
-
import '@alifd/next/es/menu/style';
|
25
|
-
import '@alifd/next/es/dialog/style';
|
26
5
|
import '@riil-frontend/utils/es/style';
|
27
6
|
import '@riil-frontend/component-riil-event-emitter/es/style';
|
7
|
+
import '@alifd/next/es/drawer/style';
|
28
8
|
import '@alifd/next/es/menu-button/style';
|
9
|
+
import '@alifd/next/es/search/style';
|
29
10
|
import '@alifd/next/es/tab/style';
|
11
|
+
import '@alifd/next/es/table/style';
|
12
|
+
import '@riil-frontend/component-table-layout/es/style';
|
30
13
|
import '@riil-frontend/component-pager/es/style';
|
14
|
+
import '@alifd/next/es/button/style';
|
15
|
+
import '@alifd/next/es/icon/style';
|
31
16
|
import '@alifd/next/es/loading/style';
|
32
17
|
import '@alifd/next/es/divider/style';
|
18
|
+
import '@riil-frontend/component-no-data-page/es/style';
|
33
19
|
|
20
|
+
import '@alifd/next/es/overlay/style';
|
21
|
+
import '@alifd/next/es/checkbox/style';
|
34
22
|
import '@riil-frontend/component-crucial-link-topo/es/style';
|
35
23
|
import '@alifd/next/es/input/style';
|
24
|
+
import '@alifd/next/es/field/style';
|
25
|
+
import '@alifd/next/es/form/style';
|
26
|
+
import '@alifd/next/es/dialog/style';
|
36
27
|
import '@alifd/next/es/upload/style';
|
37
28
|
import '@alifd/next/es/config-provider/style';
|
38
29
|
import '@riil-frontend/component-common-res-list/es/style';
|
30
|
+
import '@alifd/next/es/balloon/style';
|
31
|
+
import '@alifd/next/es/menu/style';
|
32
|
+
import '@alifd/next/es/dropdown/style';
|
39
33
|
import '@alifd/next/es/range/style';
|
34
|
+
import '@alifd/next/es/radio/style';
|
40
35
|
import '@alifd/next/es/tag/style';
|
41
36
|
import '@alifd/next/es/number-picker/style';
|
42
37
|
import '@alifd/next/es/select/style';
|
43
38
|
import '@alifd/next/es/collapse/style';
|
39
|
+
import '@alifd/next/es/list/style';
|
44
40
|
|
41
|
+
import '@alifd/next/es/grid/style';
|
42
|
+
import '@riil-frontend/component-action-tree/es/style';
|
43
|
+
import '@riil-frontend/hooks/es/style';
|
44
|
+
import '@alifd/next/es/card/style';
|
45
45
|
import './index.scss';
|
@@ -21,8 +21,6 @@ var _rlog = _interopRequireDefault(require("@riil-frontend/component-topology-ut
|
|
21
21
|
|
22
22
|
var _showMessage = _interopRequireDefault(require("../../utils/showMessage"));
|
23
23
|
|
24
|
-
var _TitleBar = _interopRequireDefault(require("../titlebar/TitleBar"));
|
25
|
-
|
26
24
|
var _template = require("../../../utils/template");
|
27
25
|
|
28
26
|
var _edgeUtil = require("../../utils/edgeUtil");
|
@@ -73,7 +71,6 @@ var Topology = function Topology(props) {
|
|
73
71
|
onLoad = props.onLoad,
|
74
72
|
onDestroy = props.onDestroy,
|
75
73
|
onRefreshTopo = props.onRefresh,
|
76
|
-
onEnterEdit = props.onEnterEdit,
|
77
74
|
onSave = props.onSave,
|
78
75
|
nodeDeleteable = props.nodeDeleteable,
|
79
76
|
onNodeDelete = props.onNodeDelete,
|
@@ -246,10 +243,6 @@ var Topology = function Topology(props) {
|
|
246
243
|
rightEventHandle(event);
|
247
244
|
break;
|
248
245
|
|
249
|
-
case _componentTopologyGraph.TopoEvent.EVENT_DATA_PICK:
|
250
|
-
topoEdit.onBindData(event.data);
|
251
|
-
break;
|
252
|
-
|
253
246
|
case _componentTopologyGraph.TopoEvent.EVENT_DATA_DELETE:
|
254
247
|
topoEdit.onDeleteElement(event.data);
|
255
248
|
break;
|
@@ -263,10 +256,6 @@ var Topology = function Topology(props) {
|
|
263
256
|
onRefresh(event.data);
|
264
257
|
break;
|
265
258
|
|
266
|
-
case _componentTopologyGraph.TopoEvent.EVENT_EDIT_EXIT:
|
267
|
-
topoEdit.onExitEdit(event.data);
|
268
|
-
break;
|
269
|
-
|
270
259
|
case _componentTopologyGraph.TopoEvent.EVENT_CONTEXT_TOOL:
|
271
260
|
_rlog["default"].debug('自定义工具栏事件', event);
|
272
261
|
|
@@ -306,12 +295,7 @@ var Topology = function Topology(props) {
|
|
306
295
|
return /*#__PURE__*/_react["default"].createElement("div", {
|
307
296
|
className: _TopoViewModule["default"].topoView,
|
308
297
|
"data-version": topo.version
|
309
|
-
}, titleBar !== false &&
|
310
|
-
topo: topo,
|
311
|
-
viewerProps: viewerProps,
|
312
|
-
onEnterEdit: onEnterEdit,
|
313
|
-
topoEditApi: topoEdit
|
314
|
-
})), isEditMode && /*#__PURE__*/_react["default"].createElement(_EditorToolbar["default"], {
|
298
|
+
}, titleBar !== false && titleBar, isEditMode && /*#__PURE__*/_react["default"].createElement(_EditorToolbar["default"], {
|
315
299
|
topo: topo,
|
316
300
|
topoEdit: topoEdit,
|
317
301
|
topoContext: {
|
@@ -353,8 +337,6 @@ Topology.propTypes = {
|
|
353
337
|
viewerProps: _propTypes["default"].object,
|
354
338
|
editorProps: _propTypes["default"].object,
|
355
339
|
topoContext: _propTypes["default"].object,
|
356
|
-
// 进入编辑模式
|
357
|
-
onEnterEdit: _propTypes["default"].func,
|
358
340
|
onRefresh: _propTypes["default"].func,
|
359
341
|
onSave: _propTypes["default"].func,
|
360
342
|
nodeDeleteable: _propTypes["default"].func,
|
@@ -366,7 +348,7 @@ Topology.propTypes = {
|
|
366
348
|
/**
|
367
349
|
* @deprecated 工具栏
|
368
350
|
*/
|
369
|
-
titleBar: _propTypes["default"].
|
351
|
+
titleBar: _propTypes["default"].any
|
370
352
|
};
|
371
353
|
Topology.defaultProps = {
|
372
354
|
defaultEnterEditMode: false,
|
@@ -30,4 +30,8 @@ exports.TitleWidget = _TitleWidget["default"];
|
|
30
30
|
|
31
31
|
var _ViewerTools = _interopRequireDefault(require("../../viewer/components/titlebar/ViewerTools"));
|
32
32
|
|
33
|
-
exports.ViewerTools = _ViewerTools["default"];
|
33
|
+
exports.ViewerTools = _ViewerTools["default"];
|
34
|
+
|
35
|
+
var _DebugTools = _interopRequireDefault(require("../../editor/components/titlebar/widgets/DebugTools"));
|
36
|
+
|
37
|
+
exports.DebugTools = _DebugTools["default"];
|
@@ -23,8 +23,9 @@ function getTextStyle(element) {
|
|
23
23
|
return (0, _extends2["default"])({
|
24
24
|
color: (0, _colorUtil.parseColor)(element.a('edge.tag.color')),
|
25
25
|
fontFamily: element.a('edge.tag.fontFamily') || '微软雅黑',
|
26
|
+
fontSize: element.a('edge.tag.fontSize'),
|
26
27
|
bold: !!element.a('edge.tag.fontBold'),
|
27
|
-
|
28
|
+
italic: !!element.a('edge.tag.fontItalic')
|
28
29
|
}, (0, _colorUtil.parseBackground)(element.a('edge.tag.background')));
|
29
30
|
}
|
30
31
|
|