@riil-frontend/component-topology 7.0.0-dev.26 → 7.0.0-dev.28

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 (21) hide show
  1. package/build/1.js +1 -1
  2. package/build/index.js +11 -11
  3. package/es/core/components/DisplaySettingDrawer/DisplaySetting.js +2 -23
  4. package/es/core/components/DisplaySettingDrawer/DisplaySettingDrawer.js +3 -2
  5. package/es/core/components/DisplaySettingDrawer/LineExpandAllRadioGroup.js +1 -2
  6. package/es/core/editor/components/Toolbar/widgets/FontColorButton.js +0 -1
  7. package/es/core/editor/components/Toolbar/widgets/components/textStyleSetting/ElementTextStyleSetting/elements/groupTitle.js +1 -1
  8. package/es/core/models/TopoApp.js +1 -1
  9. package/es/core/viewer/components/titlebar/widgets/SettingButton.js +3 -11
  10. package/es/core/viewer/components/titlebar/widgets/SettingButtonWidget.js +5 -3
  11. package/lib/core/components/DisplaySettingDrawer/DisplaySetting.js +3 -24
  12. package/lib/core/components/DisplaySettingDrawer/DisplaySettingDrawer.js +3 -3
  13. package/lib/core/components/DisplaySettingDrawer/LineExpandAllRadioGroup.js +1 -2
  14. package/lib/core/editor/components/Toolbar/widgets/FontColorButton.js +0 -1
  15. package/lib/core/editor/components/Toolbar/widgets/components/textStyleSetting/ElementTextStyleSetting/elements/groupTitle.js +1 -1
  16. package/lib/core/models/TopoApp.js +1 -1
  17. package/lib/core/viewer/components/titlebar/widgets/SettingButton.js +3 -11
  18. package/lib/core/viewer/components/titlebar/widgets/SettingButtonWidget.js +5 -3
  19. package/package.json +2 -2
  20. package/es/core/components/DisplaySettingDrawer/EditorDisplaySetting.js +0 -122
  21. 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
- }, isNetworkTopo && /*#__PURE__*/React.createElement(_Form.Item, {
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 = isEditor ? EditorDisplaySetting : DisplaySetting;
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();
@@ -49,7 +49,7 @@ export function getEnabledFields(element) {
49
49
 
50
50
 
51
51
  if (isClusterHtElement(element)) {
52
- return ['fontFamily', 'fontSize', 'bold', 'italic', 'underline', 'color'];
52
+ return ['fontFamily', 'fontSize', 'bold', 'italic', 'color'];
53
53
  }
54
54
 
55
55
  return ['fontFamily', 'fontSize', 'bold', 'italic', 'color', 'background', 'opacity'];
@@ -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" === 'string' ? "7.0.0-dev.26" : null;
26
+ var version = typeof "7.0.0-dev.28" === 'string' ? "7.0.0-dev.28" : 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
- style: style,
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
- }, isNetworkTopo && /*#__PURE__*/_react["default"].createElement(_form["default"].Item, {
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 = isEditor ? _EditorDisplaySetting["default"] : _DisplaySetting["default"];
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();
@@ -70,7 +70,7 @@ function getEnabledFields(element) {
70
70
 
71
71
 
72
72
  if ((0, _clusterUtil.isClusterHtElement)(element)) {
73
- return ['fontFamily', 'fontSize', 'bold', 'italic', 'underline', 'color'];
73
+ return ['fontFamily', 'fontSize', 'bold', 'italic', 'color'];
74
74
  }
75
75
 
76
76
  return ['fontFamily', 'fontSize', 'bold', 'italic', 'color', 'background', 'opacity'];
@@ -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.26" === 'string' ? "7.0.0-dev.26" : null;
57
+ var version = typeof "7.0.0-dev.28" === 'string' ? "7.0.0-dev.28" : 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
- style: style,
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.26",
3
+ "version": "7.0.0-dev.28",
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.26/build/index.html",
119
+ "homepage": "https://unpkg.com/@riil-frontend/component-topology@7.0.0-dev.28/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;