@riil-frontend/component-topology 7.0.0-dev.27 → 7.0.0-dev.29
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 +1 -1
- package/build/index.js +11 -11
- package/es/core/components/DisplaySettingDrawer/DisplaySetting.js +2 -23
- package/es/core/components/DisplaySettingDrawer/DisplaySettingDrawer.js +3 -2
- package/es/core/components/DisplaySettingDrawer/LineExpandAllRadioGroup.js +1 -2
- package/es/core/editor/components/Toolbar/widgets/FontColorButton.js +0 -1
- package/es/core/models/TopoApp.js +1 -1
- package/es/core/viewer/components/titlebar/widgets/SettingButton.js +3 -11
- package/es/core/viewer/components/titlebar/widgets/SettingButtonWidget.js +5 -3
- package/lib/core/components/DisplaySettingDrawer/DisplaySetting.js +3 -24
- package/lib/core/components/DisplaySettingDrawer/DisplaySettingDrawer.js +3 -3
- package/lib/core/components/DisplaySettingDrawer/LineExpandAllRadioGroup.js +1 -2
- package/lib/core/editor/components/Toolbar/widgets/FontColorButton.js +0 -1
- package/lib/core/models/TopoApp.js +1 -1
- package/lib/core/viewer/components/titlebar/widgets/SettingButton.js +3 -11
- package/lib/core/viewer/components/titlebar/widgets/SettingButtonWidget.js +5 -3
- package/package.json +2 -2
- package/es/core/components/DisplaySettingDrawer/EditorDisplaySetting.js +0 -122
- package/lib/core/components/DisplaySettingDrawer/EditorDisplaySetting.js +0 -147
@@ -1,6 +1,6 @@
|
|
1
1
|
import _Box from "@alifd/next/es/box";
|
2
|
-
import _extends from "@babel/runtime/helpers/extends";
|
3
2
|
import _Form from "@alifd/next/es/form";
|
3
|
+
import _extends from "@babel/runtime/helpers/extends";
|
4
4
|
import _Field from "@alifd/next/es/field";
|
5
5
|
import React, { useEffect, useImperativeHandle, useState } from 'react';
|
6
6
|
import rlog from '@riil-frontend/component-topology-utils/es/rlog';
|
@@ -61,22 +61,7 @@ function DisplaySetting(props, ref) {
|
|
61
61
|
return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_Form, {
|
62
62
|
field: field,
|
63
63
|
labelAlign: "top"
|
64
|
-
},
|
65
|
-
label: "\u663E\u793A\u544A\u8B66\u4FE1\u606F",
|
66
|
-
patternTrigger: "onChange"
|
67
|
-
}, /*#__PURE__*/React.createElement(BooleanRadio, {
|
68
|
-
name: "alarmSwitch",
|
69
|
-
trueText: "\u663E\u793A\u544A\u8B66\u4FE1\u606F",
|
70
|
-
falseText: "\u544A\u8B66\u9759\u9ED8"
|
71
|
-
})), isNetworkTopo && /*#__PURE__*/React.createElement(_Form.Item, {
|
72
|
-
label: "\u544A\u8B66\u5217\u8868",
|
73
|
-
patternTrigger: "onChange"
|
74
|
-
}, /*#__PURE__*/React.createElement(BooleanRadio, {
|
75
|
-
name: "alarmListDefaultOpen",
|
76
|
-
trueText: "\u9ED8\u8BA4\u5C55\u5F00",
|
77
|
-
falseText: "\u9ED8\u8BA4\u6536\u8D77",
|
78
|
-
trueOptionDisabled: !field.getValue("alarmSwitch")
|
79
|
-
})), /*#__PURE__*/React.createElement(_Form.Item, {
|
64
|
+
}, /*#__PURE__*/React.createElement(_Form.Item, {
|
80
65
|
label: /*#__PURE__*/React.createElement(Label, {
|
81
66
|
label: "\u8D44\u6E90\u6807\u6CE8",
|
82
67
|
helpText: "\u6700\u591A\u652F\u6301\u52FE\u90093\u9879"
|
@@ -111,12 +96,6 @@ function DisplaySetting(props, ref) {
|
|
111
96
|
}, linkTipConfig({
|
112
97
|
name: "linkTip",
|
113
98
|
topo: topo
|
114
|
-
})), showEdgeExpandConfig && /*#__PURE__*/React.createElement(_Form.Item, {
|
115
|
-
label: /*#__PURE__*/React.createElement(LineExpandAllRadioGroup.Label, null),
|
116
|
-
patternTrigger: "onChange"
|
117
|
-
}, /*#__PURE__*/React.createElement(LineExpandAllRadioGroup, {
|
118
|
-
name: "expandAllEdges",
|
119
|
-
isNetworkTopo: isNetworkTopo
|
120
99
|
})), showLinkConfig && /*#__PURE__*/React.createElement(_Form.Item, {
|
121
100
|
label: "\u94FE\u8DEF\u52A8\u6001\u6548\u679C",
|
122
101
|
patternTrigger: "onChange"
|
@@ -7,11 +7,11 @@ import rlog from '@riil-frontend/component-topology-utils/lib/rlog';
|
|
7
7
|
import Drawer from "../../../components/Drawer";
|
8
8
|
import DisplaySetting from "./DisplaySetting";
|
9
9
|
import useDisplaySetting from "./hooks/useDisplaySetting";
|
10
|
-
import EditorDisplaySetting from "./EditorDisplaySetting";
|
11
10
|
export default function DisplaySettingDrawer(props) {
|
12
11
|
var visible = props.visible,
|
13
12
|
topo = props.topo,
|
14
13
|
displaySettingProps = props.displaySettingProps,
|
14
|
+
displaySettingRender = props.displaySettingRender,
|
15
15
|
isEditor = props.isEditor,
|
16
16
|
onClose = props.onClose;
|
17
17
|
var settingRef = useRef();
|
@@ -68,7 +68,7 @@ export default function DisplaySettingDrawer(props) {
|
|
68
68
|
};
|
69
69
|
}();
|
70
70
|
|
71
|
-
var DisplaySettingWidget =
|
71
|
+
var DisplaySettingWidget = displaySettingRender || DisplaySetting;
|
72
72
|
return /*#__PURE__*/React.createElement(Drawer, {
|
73
73
|
title: "\u663E\u793A\u8BBE\u7F6E",
|
74
74
|
visible: visible,
|
@@ -83,6 +83,7 @@ export default function DisplaySettingDrawer(props) {
|
|
83
83
|
}, visible && /*#__PURE__*/React.createElement(DisplaySettingWidget, {
|
84
84
|
ref: settingRef,
|
85
85
|
topo: topo,
|
86
|
+
isEditor: isEditor,
|
86
87
|
displaySettingProps: displaySettingProps
|
87
88
|
}));
|
88
89
|
}
|
@@ -11,8 +11,7 @@ var LineExpandAllRadioGroup = /*#__PURE__*/React.forwardRef(function LineExpandA
|
|
11
11
|
|
12
12
|
var value = props.value,
|
13
13
|
onChange = props.onChange,
|
14
|
-
isEdit = props.isEdit
|
15
|
-
isNetworkTopo = props.isNetworkTopo;
|
14
|
+
isEdit = props.isEdit;
|
16
15
|
|
17
16
|
var _useState = useState(value === 1 ? "0" : "1"),
|
18
17
|
showType = _useState[0],
|
@@ -26,7 +26,6 @@ function FontColorDropdown(props) {
|
|
26
26
|
|
27
27
|
var backgroundEnabled = fieldDisabled.background !== true;
|
28
28
|
var opacityEnabled = fieldDisabled.opacity !== true;
|
29
|
-
console.error(backgroundEnabled, opacityEnabled, fieldDisabled);
|
30
29
|
|
31
30
|
var backOpacityChange = function backOpacityChange(value) {
|
32
31
|
topo.historyManager.beginTransaction();
|
@@ -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.29" === 'string' ? "7.0.0-dev.29" : null;
|
27
27
|
console.info("\u62D3\u6251\u7248\u672C: " + version);
|
28
28
|
/**
|
29
29
|
* 拓扑显示和编辑
|
@@ -12,26 +12,17 @@ export default function SettingButton(props) {
|
|
12
12
|
var topo = props.topo,
|
13
13
|
displaySettingProps = props.displaySettingProps,
|
14
14
|
style = props.style,
|
15
|
-
isEditor = props.isEditor
|
15
|
+
isEditor = props.isEditor,
|
16
|
+
displaySettingRender = props.displaySettingRender;
|
16
17
|
|
17
18
|
var _useState = useState(false),
|
18
19
|
visible = _useState[0],
|
19
20
|
setVisible = _useState[1];
|
20
21
|
|
21
|
-
var topoModState = topo.store.useModelState('topoMod');
|
22
|
-
var graphLoaded = topoModState.graphLoaded;
|
23
|
-
|
24
22
|
var changeClick = function changeClick() {
|
25
23
|
setVisible(true);
|
26
24
|
};
|
27
25
|
|
28
|
-
useEffect(function () {
|
29
|
-
if (graphLoaded) {
|
30
|
-
var _topo$viewProps$urlPa;
|
31
|
-
|
32
|
-
setVisible(!!((_topo$viewProps$urlPa = topo.viewProps.urlParams) !== null && _topo$viewProps$urlPa !== void 0 && _topo$viewProps$urlPa.showSetting));
|
33
|
-
}
|
34
|
-
}, [graphLoaded]);
|
35
26
|
return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_Button, {
|
36
27
|
style: style,
|
37
28
|
onClick: changeClick,
|
@@ -42,6 +33,7 @@ export default function SettingButton(props) {
|
|
42
33
|
visible: visible,
|
43
34
|
topo: topo,
|
44
35
|
isEditor: isEditor,
|
36
|
+
displaySettingRender: displaySettingRender,
|
45
37
|
displaySettingProps: displaySettingProps,
|
46
38
|
onClose: function onClose() {
|
47
39
|
setVisible(false);
|
@@ -10,12 +10,14 @@ export default function SettingButtonWidget(props) {
|
|
10
10
|
var topo = props.topo,
|
11
11
|
viewerProps = props.viewerProps,
|
12
12
|
style = props.style,
|
13
|
-
isEditor = props.isEditor
|
13
|
+
isEditor = props.isEditor,
|
14
|
+
displaySettingRender = props.displaySettingRender;
|
14
15
|
return /*#__PURE__*/React.createElement(SettingButton, {
|
15
16
|
topo: topo,
|
16
17
|
displaySettingProps: viewerProps === null || viewerProps === void 0 ? void 0 : viewerProps.displaySettingProps,
|
17
|
-
|
18
|
-
isEditor: isEditor
|
18
|
+
displaySettingRender: displaySettingRender,
|
19
|
+
isEditor: isEditor,
|
20
|
+
style: style
|
19
21
|
});
|
20
22
|
}
|
21
23
|
;
|
@@ -7,10 +7,10 @@ exports["default"] = void 0;
|
|
7
7
|
|
8
8
|
var _box = _interopRequireDefault(require("@alifd/next/lib/box"));
|
9
9
|
|
10
|
-
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
11
|
-
|
12
10
|
var _form = _interopRequireDefault(require("@alifd/next/lib/form"));
|
13
11
|
|
12
|
+
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
13
|
+
|
14
14
|
var _field = _interopRequireDefault(require("@alifd/next/lib/field"));
|
15
15
|
|
16
16
|
var _react = _interopRequireWildcard(require("react"));
|
@@ -84,22 +84,7 @@ function DisplaySetting(props, ref) {
|
|
84
84
|
return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_form["default"], {
|
85
85
|
field: field,
|
86
86
|
labelAlign: "top"
|
87
|
-
},
|
88
|
-
label: "\u663E\u793A\u544A\u8B66\u4FE1\u606F",
|
89
|
-
patternTrigger: "onChange"
|
90
|
-
}, /*#__PURE__*/_react["default"].createElement(_BooleanRadio["default"], {
|
91
|
-
name: "alarmSwitch",
|
92
|
-
trueText: "\u663E\u793A\u544A\u8B66\u4FE1\u606F",
|
93
|
-
falseText: "\u544A\u8B66\u9759\u9ED8"
|
94
|
-
})), isNetworkTopo && /*#__PURE__*/_react["default"].createElement(_form["default"].Item, {
|
95
|
-
label: "\u544A\u8B66\u5217\u8868",
|
96
|
-
patternTrigger: "onChange"
|
97
|
-
}, /*#__PURE__*/_react["default"].createElement(_BooleanRadio["default"], {
|
98
|
-
name: "alarmListDefaultOpen",
|
99
|
-
trueText: "\u9ED8\u8BA4\u5C55\u5F00",
|
100
|
-
falseText: "\u9ED8\u8BA4\u6536\u8D77",
|
101
|
-
trueOptionDisabled: !field.getValue("alarmSwitch")
|
102
|
-
})), /*#__PURE__*/_react["default"].createElement(_form["default"].Item, {
|
87
|
+
}, /*#__PURE__*/_react["default"].createElement(_form["default"].Item, {
|
103
88
|
label: /*#__PURE__*/_react["default"].createElement(Label, {
|
104
89
|
label: "\u8D44\u6E90\u6807\u6CE8",
|
105
90
|
helpText: "\u6700\u591A\u652F\u6301\u52FE\u90093\u9879"
|
@@ -134,12 +119,6 @@ function DisplaySetting(props, ref) {
|
|
134
119
|
}, linkTipConfig({
|
135
120
|
name: "linkTip",
|
136
121
|
topo: topo
|
137
|
-
})), showEdgeExpandConfig && /*#__PURE__*/_react["default"].createElement(_form["default"].Item, {
|
138
|
-
label: /*#__PURE__*/_react["default"].createElement(_LineExpandAllRadioGroup["default"].Label, null),
|
139
|
-
patternTrigger: "onChange"
|
140
|
-
}, /*#__PURE__*/_react["default"].createElement(_LineExpandAllRadioGroup["default"], {
|
141
|
-
name: "expandAllEdges",
|
142
|
-
isNetworkTopo: isNetworkTopo
|
143
122
|
})), showLinkConfig && /*#__PURE__*/_react["default"].createElement(_form["default"].Item, {
|
144
123
|
label: "\u94FE\u8DEF\u52A8\u6001\u6548\u679C",
|
145
124
|
patternTrigger: "onChange"
|
@@ -23,8 +23,6 @@ var _DisplaySetting = _interopRequireDefault(require("./DisplaySetting"));
|
|
23
23
|
|
24
24
|
var _useDisplaySetting = _interopRequireDefault(require("./hooks/useDisplaySetting"));
|
25
25
|
|
26
|
-
var _EditorDisplaySetting = _interopRequireDefault(require("./EditorDisplaySetting"));
|
27
|
-
|
28
26
|
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); }
|
29
27
|
|
30
28
|
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,6 +31,7 @@ function DisplaySettingDrawer(props) {
|
|
33
31
|
var visible = props.visible,
|
34
32
|
topo = props.topo,
|
35
33
|
displaySettingProps = props.displaySettingProps,
|
34
|
+
displaySettingRender = props.displaySettingRender,
|
36
35
|
isEditor = props.isEditor,
|
37
36
|
onClose = props.onClose;
|
38
37
|
var settingRef = (0, _react.useRef)();
|
@@ -90,7 +89,7 @@ function DisplaySettingDrawer(props) {
|
|
90
89
|
};
|
91
90
|
}();
|
92
91
|
|
93
|
-
var DisplaySettingWidget =
|
92
|
+
var DisplaySettingWidget = displaySettingRender || _DisplaySetting["default"];
|
94
93
|
return /*#__PURE__*/_react["default"].createElement(_Drawer["default"], {
|
95
94
|
title: "\u663E\u793A\u8BBE\u7F6E",
|
96
95
|
visible: visible,
|
@@ -105,6 +104,7 @@ function DisplaySettingDrawer(props) {
|
|
105
104
|
}, visible && /*#__PURE__*/_react["default"].createElement(DisplaySettingWidget, {
|
106
105
|
ref: settingRef,
|
107
106
|
topo: topo,
|
107
|
+
isEditor: isEditor,
|
108
108
|
displaySettingProps: displaySettingProps
|
109
109
|
}));
|
110
110
|
}
|
@@ -30,8 +30,7 @@ var LineExpandAllRadioGroup = /*#__PURE__*/_react["default"].forwardRef(function
|
|
30
30
|
|
31
31
|
var value = props.value,
|
32
32
|
onChange = props.onChange,
|
33
|
-
isEdit = props.isEdit
|
34
|
-
isNetworkTopo = props.isNetworkTopo;
|
33
|
+
isEdit = props.isEdit;
|
35
34
|
|
36
35
|
var _useState = (0, _react.useState)(value === 1 ? "0" : "1"),
|
37
36
|
showType = _useState[0],
|
@@ -44,7 +44,6 @@ function FontColorDropdown(props) {
|
|
44
44
|
|
45
45
|
var backgroundEnabled = fieldDisabled.background !== true;
|
46
46
|
var opacityEnabled = fieldDisabled.opacity !== true;
|
47
|
-
console.error(backgroundEnabled, opacityEnabled, fieldDisabled);
|
48
47
|
|
49
48
|
var backOpacityChange = function backOpacityChange(value) {
|
50
49
|
topo.historyManager.beginTransaction();
|
@@ -54,7 +54,7 @@ var _ElementTagTipConfig = _interopRequireDefault(require("./tagstips/ElementTag
|
|
54
54
|
var _SelectionModel = _interopRequireDefault(require("./SelectionModel"));
|
55
55
|
|
56
56
|
// eslint-disable-next-line no-undef
|
57
|
-
var version = typeof "7.0.0-dev.
|
57
|
+
var version = typeof "7.0.0-dev.29" === 'string' ? "7.0.0-dev.29" : null;
|
58
58
|
console.info("\u62D3\u6251\u7248\u672C: " + version);
|
59
59
|
/**
|
60
60
|
* 拓扑显示和编辑
|
@@ -26,26 +26,17 @@ function SettingButton(props) {
|
|
26
26
|
var topo = props.topo,
|
27
27
|
displaySettingProps = props.displaySettingProps,
|
28
28
|
style = props.style,
|
29
|
-
isEditor = props.isEditor
|
29
|
+
isEditor = props.isEditor,
|
30
|
+
displaySettingRender = props.displaySettingRender;
|
30
31
|
|
31
32
|
var _useState = (0, _react.useState)(false),
|
32
33
|
visible = _useState[0],
|
33
34
|
setVisible = _useState[1];
|
34
35
|
|
35
|
-
var topoModState = topo.store.useModelState('topoMod');
|
36
|
-
var graphLoaded = topoModState.graphLoaded;
|
37
|
-
|
38
36
|
var changeClick = function changeClick() {
|
39
37
|
setVisible(true);
|
40
38
|
};
|
41
39
|
|
42
|
-
(0, _react.useEffect)(function () {
|
43
|
-
if (graphLoaded) {
|
44
|
-
var _topo$viewProps$urlPa;
|
45
|
-
|
46
|
-
setVisible(!!((_topo$viewProps$urlPa = topo.viewProps.urlParams) !== null && _topo$viewProps$urlPa !== void 0 && _topo$viewProps$urlPa.showSetting));
|
47
|
-
}
|
48
|
-
}, [graphLoaded]);
|
49
40
|
return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_button["default"], {
|
50
41
|
style: style,
|
51
42
|
onClick: changeClick,
|
@@ -56,6 +47,7 @@ function SettingButton(props) {
|
|
56
47
|
visible: visible,
|
57
48
|
topo: topo,
|
58
49
|
isEditor: isEditor,
|
50
|
+
displaySettingRender: displaySettingRender,
|
59
51
|
displaySettingProps: displaySettingProps,
|
60
52
|
onClose: function onClose() {
|
61
53
|
setVisible(false);
|
@@ -18,12 +18,14 @@ function SettingButtonWidget(props) {
|
|
18
18
|
var topo = props.topo,
|
19
19
|
viewerProps = props.viewerProps,
|
20
20
|
style = props.style,
|
21
|
-
isEditor = props.isEditor
|
21
|
+
isEditor = props.isEditor,
|
22
|
+
displaySettingRender = props.displaySettingRender;
|
22
23
|
return /*#__PURE__*/_react["default"].createElement(_SettingButton["default"], {
|
23
24
|
topo: topo,
|
24
25
|
displaySettingProps: viewerProps === null || viewerProps === void 0 ? void 0 : viewerProps.displaySettingProps,
|
25
|
-
|
26
|
-
isEditor: isEditor
|
26
|
+
displaySettingRender: displaySettingRender,
|
27
|
+
isEditor: isEditor,
|
28
|
+
style: style
|
27
29
|
});
|
28
30
|
}
|
29
31
|
|
package/package.json
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
{
|
2
2
|
"name": "@riil-frontend/component-topology",
|
3
|
-
"version": "7.0.0-dev.
|
3
|
+
"version": "7.0.0-dev.29",
|
4
4
|
"description": "拓扑",
|
5
5
|
"scripts": {
|
6
6
|
"start": "build-scripts start",
|
@@ -116,6 +116,6 @@
|
|
116
116
|
"access": "public"
|
117
117
|
},
|
118
118
|
"license": "MIT",
|
119
|
-
"homepage": "https://unpkg.com/@riil-frontend/component-topology@7.0.0-dev.
|
119
|
+
"homepage": "https://unpkg.com/@riil-frontend/component-topology@7.0.0-dev.29/build/index.html",
|
120
120
|
"gitHead": "2da19ffccbb7ca60a8acf396e39f542c68bb33f5"
|
121
121
|
}
|
@@ -1,122 +0,0 @@
|
|
1
|
-
import _Box from "@alifd/next/es/box";
|
2
|
-
import _Form from "@alifd/next/es/form";
|
3
|
-
import _extends from "@babel/runtime/helpers/extends";
|
4
|
-
import _Field from "@alifd/next/es/field";
|
5
|
-
import React, { useEffect, useImperativeHandle, useState } from 'react';
|
6
|
-
import rlog from '@riil-frontend/component-topology-utils/es/rlog';
|
7
|
-
import NodeTag from "./NodeTag";
|
8
|
-
import EdgeFlow from "./EdgeFlow";
|
9
|
-
import NodeTip from "./NodeTip";
|
10
|
-
import LineExpandAllRadioGroup from "./LineExpandAllRadioGroup";
|
11
|
-
import EdgeFlowDirection from "./EdgeFlowDirection";
|
12
|
-
import BooleanRadio from "../../../components/BooleanRadio";
|
13
|
-
/**
|
14
|
-
* 显示设置
|
15
|
-
*
|
16
|
-
* @param {*} props
|
17
|
-
* @returns
|
18
|
-
*/
|
19
|
-
|
20
|
-
function EditorDisplaySetting(props, ref) {
|
21
|
-
var topo = props.topo,
|
22
|
-
displaySettingProps = props.displaySettingProps;
|
23
|
-
var displayConfig = topo.store.getModelState('displayConfig');
|
24
|
-
|
25
|
-
var _ref = displaySettingProps || {},
|
26
|
-
linkTagConfig = _ref.linkTagConfig,
|
27
|
-
linkTipConfig = _ref.linkTipConfig,
|
28
|
-
showEdgeExpandConfig = _ref.showEdgeExpandConfig,
|
29
|
-
extraConfig = _ref.extraConfig,
|
30
|
-
showLinkConfig = _ref.showLinkConfig,
|
31
|
-
nodeTagProps = _ref.nodeTagProps,
|
32
|
-
nodeTipProps = _ref.nodeTipProps,
|
33
|
-
isNetworkTopo = _ref.isNetworkTopo;
|
34
|
-
|
35
|
-
var field = _Field.useField({
|
36
|
-
autoUnmount: false,
|
37
|
-
values: {
|
38
|
-
alarmSwitch: displayConfig.alarmSwitch,
|
39
|
-
alarmListDefaultOpen: displayConfig.alarmListDefaultOpen,
|
40
|
-
nodeTag: displayConfig.nodeTag,
|
41
|
-
nodeTip: displayConfig.nodeTip,
|
42
|
-
linkTag: displayConfig.linkTag,
|
43
|
-
linkTip: displayConfig.linkTip,
|
44
|
-
expandAllEdges: displayConfig.expandAllEdges,
|
45
|
-
edgeFlow: displayConfig.edgeFlow,
|
46
|
-
edgeFlowDirection: displayConfig.edgeFlowDirection
|
47
|
-
},
|
48
|
-
onChange: function onChange(name, value) {
|
49
|
-
rlog.debug('DisplaySetting-onChange', name, value); // 告警静默设置
|
50
|
-
|
51
|
-
if (name === 'alarmSwitch') {
|
52
|
-
field.setValue('alarmListDefaultOpen', !!value);
|
53
|
-
}
|
54
|
-
}
|
55
|
-
});
|
56
|
-
|
57
|
-
useImperativeHandle(ref, function () {
|
58
|
-
return field;
|
59
|
-
});
|
60
|
-
return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_Form, {
|
61
|
-
field: field,
|
62
|
-
labelAlign: "top"
|
63
|
-
}, /*#__PURE__*/React.createElement(_Form.Item, {
|
64
|
-
label: /*#__PURE__*/React.createElement(Label, {
|
65
|
-
label: "\u8D44\u6E90\u6807\u6CE8",
|
66
|
-
helpText: "\u6700\u591A\u652F\u6301\u52FE\u90093\u9879"
|
67
|
-
})
|
68
|
-
}, /*#__PURE__*/React.createElement(NodeTag, _extends({}, nodeTagProps, {
|
69
|
-
name: "nodeTag",
|
70
|
-
topo: topo
|
71
|
-
}))), linkTagConfig && /*#__PURE__*/React.createElement(_Form.Item, {
|
72
|
-
label: /*#__PURE__*/React.createElement(Label, {
|
73
|
-
label: "\u94FE\u8DEF\u6807\u6CE8",
|
74
|
-
helpText: "\u6700\u591A\u652F\u6301\u52FE\u90092\u9879"
|
75
|
-
}),
|
76
|
-
patternTrigger: "onChange"
|
77
|
-
}, linkTagConfig({
|
78
|
-
name: "linkTag",
|
79
|
-
topo: topo
|
80
|
-
})), /*#__PURE__*/React.createElement(_Form.Item, {
|
81
|
-
label: /*#__PURE__*/React.createElement(Label, {
|
82
|
-
label: "\u8D44\u6E90\u60AC\u6D6E\u6846",
|
83
|
-
helpText: "\u6700\u591A\u652F\u6301\u52FE\u90094\u9879"
|
84
|
-
}),
|
85
|
-
patternTrigger: "onChange"
|
86
|
-
}, /*#__PURE__*/React.createElement(NodeTip, _extends({}, nodeTipProps, {
|
87
|
-
name: "nodeTip",
|
88
|
-
topo: topo
|
89
|
-
}))), linkTipConfig && /*#__PURE__*/React.createElement(_Form.Item, {
|
90
|
-
label: /*#__PURE__*/React.createElement(Label, {
|
91
|
-
label: "\u94FE\u8DEF\u60AC\u6D6E\u6846",
|
92
|
-
helpText: "\u6700\u591A\u652F\u6301\u52FE\u90094\u9879"
|
93
|
-
}),
|
94
|
-
patternTrigger: "onChange"
|
95
|
-
}, linkTipConfig({
|
96
|
-
name: "linkTip",
|
97
|
-
topo: topo
|
98
|
-
})), showEdgeExpandConfig && /*#__PURE__*/React.createElement(_Form.Item, {
|
99
|
-
label: /*#__PURE__*/React.createElement(LineExpandAllRadioGroup.Label, null),
|
100
|
-
patternTrigger: "onChange"
|
101
|
-
}, /*#__PURE__*/React.createElement(LineExpandAllRadioGroup, {
|
102
|
-
name: "expandAllEdges",
|
103
|
-
isNetworkTopo: isNetworkTopo
|
104
|
-
}))));
|
105
|
-
}
|
106
|
-
|
107
|
-
;
|
108
|
-
|
109
|
-
function Label(props) {
|
110
|
-
var label = props.label,
|
111
|
-
helpText = props.helpText;
|
112
|
-
return /*#__PURE__*/React.createElement(_Box, {
|
113
|
-
direction: "row",
|
114
|
-
spacing: 12
|
115
|
-
}, /*#__PURE__*/React.createElement("div", null, label), /*#__PURE__*/React.createElement("div", {
|
116
|
-
style: {
|
117
|
-
color: '#638DB7'
|
118
|
-
}
|
119
|
-
}, helpText));
|
120
|
-
}
|
121
|
-
|
122
|
-
export default /*#__PURE__*/React.forwardRef(EditorDisplaySetting);
|
@@ -1,147 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
4
|
-
|
5
|
-
exports.__esModule = true;
|
6
|
-
exports["default"] = void 0;
|
7
|
-
|
8
|
-
var _box = _interopRequireDefault(require("@alifd/next/lib/box"));
|
9
|
-
|
10
|
-
var _form = _interopRequireDefault(require("@alifd/next/lib/form"));
|
11
|
-
|
12
|
-
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
13
|
-
|
14
|
-
var _field = _interopRequireDefault(require("@alifd/next/lib/field"));
|
15
|
-
|
16
|
-
var _react = _interopRequireWildcard(require("react"));
|
17
|
-
|
18
|
-
var _rlog = _interopRequireDefault(require("@riil-frontend/component-topology-utils/es/rlog"));
|
19
|
-
|
20
|
-
var _NodeTag = _interopRequireDefault(require("./NodeTag"));
|
21
|
-
|
22
|
-
var _EdgeFlow = _interopRequireDefault(require("./EdgeFlow"));
|
23
|
-
|
24
|
-
var _NodeTip = _interopRequireDefault(require("./NodeTip"));
|
25
|
-
|
26
|
-
var _LineExpandAllRadioGroup = _interopRequireDefault(require("./LineExpandAllRadioGroup"));
|
27
|
-
|
28
|
-
var _EdgeFlowDirection = _interopRequireDefault(require("./EdgeFlowDirection"));
|
29
|
-
|
30
|
-
var _BooleanRadio = _interopRequireDefault(require("../../../components/BooleanRadio"));
|
31
|
-
|
32
|
-
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); }
|
33
|
-
|
34
|
-
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; }
|
35
|
-
|
36
|
-
/**
|
37
|
-
* 显示设置
|
38
|
-
*
|
39
|
-
* @param {*} props
|
40
|
-
* @returns
|
41
|
-
*/
|
42
|
-
function EditorDisplaySetting(props, ref) {
|
43
|
-
var topo = props.topo,
|
44
|
-
displaySettingProps = props.displaySettingProps;
|
45
|
-
var displayConfig = topo.store.getModelState('displayConfig');
|
46
|
-
|
47
|
-
var _ref = displaySettingProps || {},
|
48
|
-
linkTagConfig = _ref.linkTagConfig,
|
49
|
-
linkTipConfig = _ref.linkTipConfig,
|
50
|
-
showEdgeExpandConfig = _ref.showEdgeExpandConfig,
|
51
|
-
extraConfig = _ref.extraConfig,
|
52
|
-
showLinkConfig = _ref.showLinkConfig,
|
53
|
-
nodeTagProps = _ref.nodeTagProps,
|
54
|
-
nodeTipProps = _ref.nodeTipProps,
|
55
|
-
isNetworkTopo = _ref.isNetworkTopo;
|
56
|
-
|
57
|
-
var field = _field["default"].useField({
|
58
|
-
autoUnmount: false,
|
59
|
-
values: {
|
60
|
-
alarmSwitch: displayConfig.alarmSwitch,
|
61
|
-
alarmListDefaultOpen: displayConfig.alarmListDefaultOpen,
|
62
|
-
nodeTag: displayConfig.nodeTag,
|
63
|
-
nodeTip: displayConfig.nodeTip,
|
64
|
-
linkTag: displayConfig.linkTag,
|
65
|
-
linkTip: displayConfig.linkTip,
|
66
|
-
expandAllEdges: displayConfig.expandAllEdges,
|
67
|
-
edgeFlow: displayConfig.edgeFlow,
|
68
|
-
edgeFlowDirection: displayConfig.edgeFlowDirection
|
69
|
-
},
|
70
|
-
onChange: function onChange(name, value) {
|
71
|
-
_rlog["default"].debug('DisplaySetting-onChange', name, value); // 告警静默设置
|
72
|
-
|
73
|
-
|
74
|
-
if (name === 'alarmSwitch') {
|
75
|
-
field.setValue('alarmListDefaultOpen', !!value);
|
76
|
-
}
|
77
|
-
}
|
78
|
-
});
|
79
|
-
|
80
|
-
(0, _react.useImperativeHandle)(ref, function () {
|
81
|
-
return field;
|
82
|
-
});
|
83
|
-
return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_form["default"], {
|
84
|
-
field: field,
|
85
|
-
labelAlign: "top"
|
86
|
-
}, /*#__PURE__*/_react["default"].createElement(_form["default"].Item, {
|
87
|
-
label: /*#__PURE__*/_react["default"].createElement(Label, {
|
88
|
-
label: "\u8D44\u6E90\u6807\u6CE8",
|
89
|
-
helpText: "\u6700\u591A\u652F\u6301\u52FE\u90093\u9879"
|
90
|
-
})
|
91
|
-
}, /*#__PURE__*/_react["default"].createElement(_NodeTag["default"], (0, _extends2["default"])({}, nodeTagProps, {
|
92
|
-
name: "nodeTag",
|
93
|
-
topo: topo
|
94
|
-
}))), linkTagConfig && /*#__PURE__*/_react["default"].createElement(_form["default"].Item, {
|
95
|
-
label: /*#__PURE__*/_react["default"].createElement(Label, {
|
96
|
-
label: "\u94FE\u8DEF\u6807\u6CE8",
|
97
|
-
helpText: "\u6700\u591A\u652F\u6301\u52FE\u90092\u9879"
|
98
|
-
}),
|
99
|
-
patternTrigger: "onChange"
|
100
|
-
}, linkTagConfig({
|
101
|
-
name: "linkTag",
|
102
|
-
topo: topo
|
103
|
-
})), /*#__PURE__*/_react["default"].createElement(_form["default"].Item, {
|
104
|
-
label: /*#__PURE__*/_react["default"].createElement(Label, {
|
105
|
-
label: "\u8D44\u6E90\u60AC\u6D6E\u6846",
|
106
|
-
helpText: "\u6700\u591A\u652F\u6301\u52FE\u90094\u9879"
|
107
|
-
}),
|
108
|
-
patternTrigger: "onChange"
|
109
|
-
}, /*#__PURE__*/_react["default"].createElement(_NodeTip["default"], (0, _extends2["default"])({}, nodeTipProps, {
|
110
|
-
name: "nodeTip",
|
111
|
-
topo: topo
|
112
|
-
}))), linkTipConfig && /*#__PURE__*/_react["default"].createElement(_form["default"].Item, {
|
113
|
-
label: /*#__PURE__*/_react["default"].createElement(Label, {
|
114
|
-
label: "\u94FE\u8DEF\u60AC\u6D6E\u6846",
|
115
|
-
helpText: "\u6700\u591A\u652F\u6301\u52FE\u90094\u9879"
|
116
|
-
}),
|
117
|
-
patternTrigger: "onChange"
|
118
|
-
}, linkTipConfig({
|
119
|
-
name: "linkTip",
|
120
|
-
topo: topo
|
121
|
-
})), showEdgeExpandConfig && /*#__PURE__*/_react["default"].createElement(_form["default"].Item, {
|
122
|
-
label: /*#__PURE__*/_react["default"].createElement(_LineExpandAllRadioGroup["default"].Label, null),
|
123
|
-
patternTrigger: "onChange"
|
124
|
-
}, /*#__PURE__*/_react["default"].createElement(_LineExpandAllRadioGroup["default"], {
|
125
|
-
name: "expandAllEdges",
|
126
|
-
isNetworkTopo: isNetworkTopo
|
127
|
-
}))));
|
128
|
-
}
|
129
|
-
|
130
|
-
;
|
131
|
-
|
132
|
-
function Label(props) {
|
133
|
-
var label = props.label,
|
134
|
-
helpText = props.helpText;
|
135
|
-
return /*#__PURE__*/_react["default"].createElement(_box["default"], {
|
136
|
-
direction: "row",
|
137
|
-
spacing: 12
|
138
|
-
}, /*#__PURE__*/_react["default"].createElement("div", null, label), /*#__PURE__*/_react["default"].createElement("div", {
|
139
|
-
style: {
|
140
|
-
color: '#638DB7'
|
141
|
-
}
|
142
|
-
}, helpText));
|
143
|
-
}
|
144
|
-
|
145
|
-
var _default = /*#__PURE__*/_react["default"].forwardRef(EditorDisplaySetting);
|
146
|
-
|
147
|
-
exports["default"] = _default;
|