@riil-frontend/component-topology 11.0.27 → 11.0.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 (75) 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 +20 -20
  5. package/es/components/BatchAttrMetric/index.js +9 -19
  6. package/es/components/BatchAttrMetric/setting.js +64 -30
  7. package/es/components/BatchAttrMetric/utils.js +14 -199
  8. package/es/components/ModelAttrSelectDrawer/components/ModelAttrSelectDrawer.js +1 -1
  9. package/es/core/components/DisplaySettingDrawer/ResourceDisplay/BasicConfig.js +6 -7
  10. package/es/core/components/ResourceViewAttributeSetting/Setting.js +30 -58
  11. package/es/core/components/TopoView/topoView.js +0 -1
  12. package/es/core/components/titlebar/TitleBar.module.scss +0 -9
  13. package/es/core/components/titlebar/widgets/TitleWidget.js +2 -5
  14. package/es/core/editor/components/BottomFloatTool/HelpIcon.js +1 -4
  15. package/es/core/editor/components/BottomFloatTool/HelpIcon.module.scss +10 -8
  16. package/es/core/editor/components/Sidebar/views/BackgroundPanel/BackgroundPanel.js +1 -2
  17. package/es/core/editor/components/Toolbar/widgets/BoxBackgroundButton/BoxBackgroundButton.js +1 -4
  18. package/es/core/editor/components/Toolbar/widgets/EdgeColorButton/EdgeColorButton.js +1 -4
  19. package/es/core/editor/components/Toolbar/widgets/EdgeTypeButton/EdgeType.js +0 -1
  20. package/es/core/editor/components/Toolbar/widgets/EdgeTypeButton/index.js +2 -5
  21. package/es/core/editor/components/Toolbar/widgets/NodeAlignWidget.js +1 -4
  22. package/es/core/editor/components/Toolbar/widgets/NodeImageButton/NodeImageButton.js +1 -4
  23. package/es/core/editor/components/Toolbar/widgets/NodeSizeButton/NodeSizeButton.js +1 -4
  24. package/es/core/models/TopoApp.js +1 -1
  25. package/es/core/models/topoData.js +2 -2
  26. package/es/core/store/models/topoConfig.js +3 -4
  27. package/es/utils/topoData.js +0 -142
  28. package/lib/components/BatchAttrMetric/index.js +9 -19
  29. package/lib/components/BatchAttrMetric/setting.js +58 -24
  30. package/lib/components/BatchAttrMetric/utils.js +16 -206
  31. package/lib/components/ModelAttrSelectDrawer/components/ModelAttrSelectDrawer.js +1 -1
  32. package/lib/core/components/DisplaySettingDrawer/ResourceDisplay/BasicConfig.js +5 -6
  33. package/lib/core/components/ResourceViewAttributeSetting/Setting.js +28 -56
  34. package/lib/core/components/TopoView/topoView.js +0 -1
  35. package/lib/core/components/titlebar/TitleBar.module.scss +0 -9
  36. package/lib/core/components/titlebar/widgets/TitleWidget.js +2 -7
  37. package/lib/core/editor/components/BottomFloatTool/HelpIcon.js +1 -4
  38. package/lib/core/editor/components/BottomFloatTool/HelpIcon.module.scss +10 -8
  39. package/lib/core/editor/components/Sidebar/views/BackgroundPanel/BackgroundPanel.js +1 -2
  40. package/lib/core/editor/components/Toolbar/widgets/BoxBackgroundButton/BoxBackgroundButton.js +1 -4
  41. package/lib/core/editor/components/Toolbar/widgets/EdgeColorButton/EdgeColorButton.js +1 -4
  42. package/lib/core/editor/components/Toolbar/widgets/EdgeTypeButton/EdgeType.js +0 -1
  43. package/lib/core/editor/components/Toolbar/widgets/EdgeTypeButton/index.js +1 -4
  44. package/lib/core/editor/components/Toolbar/widgets/NodeAlignWidget.js +1 -4
  45. package/lib/core/editor/components/Toolbar/widgets/NodeImageButton/NodeImageButton.js +1 -4
  46. package/lib/core/editor/components/Toolbar/widgets/NodeSizeButton/NodeSizeButton.js +3 -4
  47. package/lib/core/models/TopoApp.js +1 -1
  48. package/lib/core/models/topoData.js +2 -2
  49. package/lib/core/store/models/topoConfig.js +3 -6
  50. package/lib/utils/topoData.js +0 -145
  51. package/package.json +2 -2
  52. package/es/components/BatchAttrMetric2/SelectTable.js +0 -21
  53. package/es/components/BatchAttrMetric2/constant.js +0 -30
  54. package/es/components/BatchAttrMetric2/index.js +0 -68
  55. package/es/components/BatchAttrMetric2/index.module.scss +0 -76
  56. package/es/components/BatchAttrMetric2/setting.js +0 -181
  57. package/es/components/BatchAttrMetric2/utils.js +0 -42
  58. package/es/components/ModelAttrSelectDrawer/components/ModelAttrSelect.js +0 -5
  59. package/es/core/components/TopoApp.js +0 -7
  60. package/es/core/components/TopoAppView.js +0 -24
  61. package/es/core/editor/components/Toolbar/widgets/Dropdown.js +0 -12
  62. package/es/core/editor/components/settings/propertyViews/view/GlobalTootipSetting.js +0 -28
  63. package/es/networkTopo/components/Link/index copy.js +0 -213
  64. package/lib/components/BatchAttrMetric2/SelectTable.js +0 -26
  65. package/lib/components/BatchAttrMetric2/constant.js +0 -36
  66. package/lib/components/BatchAttrMetric2/index.js +0 -75
  67. package/lib/components/BatchAttrMetric2/index.module.scss +0 -76
  68. package/lib/components/BatchAttrMetric2/setting.js +0 -189
  69. package/lib/components/BatchAttrMetric2/utils.js +0 -48
  70. package/lib/components/ModelAttrSelectDrawer/components/ModelAttrSelect.js +0 -11
  71. package/lib/core/components/TopoApp.js +0 -13
  72. package/lib/core/components/TopoAppView.js +0 -32
  73. package/lib/core/editor/components/Toolbar/widgets/Dropdown.js +0 -18
  74. package/lib/core/editor/components/settings/propertyViews/view/GlobalTootipSetting.js +0 -34
  75. package/lib/networkTopo/components/Link/index copy.js +0 -220
@@ -1,76 +0,0 @@
1
- @import "@alifd/next/variables";
2
-
3
- .drawer {
4
- & > div {
5
- overflow: hidden !important;
6
- }
7
- :global {
8
- .#{$css-prefix}drawer-body {
9
- padding: 0;
10
- height: calc(100% - 45px);
11
- }
12
- }
13
- }
14
- .layout {
15
- height: 100%;
16
- display: flex;
17
- flex-direction: column;
18
- & > div:last-child > button:first-child {
19
- float: left;
20
- line-height: 24px;
21
- }
22
- :global {
23
- .riil-footer {
24
- position: unset;
25
- }
26
- }
27
- }
28
- .message {
29
- padding: 16px 24px 0;
30
- }
31
- .content {
32
- padding: 16px 24px 0;
33
- flex: auto;
34
- overflow: hidden;
35
- & > div:first-child:not(:last-child) {
36
- box-shadow: 1px 0px 0px 0px #E4E9EE;
37
- padding-right: $s-4;
38
- }
39
- & > div:last-child:not(:first-child) {
40
- padding-left: $s-4;
41
- }
42
- :global {
43
- .#{$css-prefix}table-header-node.#{$css-prefix}table-selection {
44
- .#{$css-prefix}checkbox-wrapper {
45
- display: none;
46
- }
47
- }
48
- .#{$css-prefix}table-cell-wrapper {
49
- white-space: unset !important;
50
- }
51
- }
52
- }
53
- .tree-wrap {
54
- :global {
55
- .#{$css-prefix}tree-node-label-wrapper {
56
- width: 1px;
57
- .tree-node-label > span {
58
- display: inline-block;
59
- width: calc(100% - 24px);
60
- overflow: hidden;
61
- text-overflow: ellipsis;
62
- white-space: nowrap;
63
- }
64
- }
65
- }
66
- }
67
- .table-wrap {
68
- height: calc(100% + 1.5px);
69
- }
70
- .tip-content {
71
- max-height: 250px;
72
- overflow: auto;
73
- & > div {
74
- line-height: 20px;
75
- }
76
- }
@@ -1,189 +0,0 @@
1
- "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
- exports.__esModule = true;
5
- exports["default"] = void 0;
6
- var _button = _interopRequireDefault(require("@alifd/next/lib/button"));
7
- var _table = _interopRequireDefault(require("@alifd/next/lib/table"));
8
- var _search = _interopRequireDefault(require("@alifd/next/lib/search"));
9
- var _grid = _interopRequireDefault(require("@alifd/next/lib/grid"));
10
- var _message = _interopRequireDefault(require("@alifd/next/lib/message"));
11
- var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
12
- var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
13
- var _react = _interopRequireWildcard(require("react"));
14
- var _rlog = _interopRequireDefault(require("@riil-frontend/component-topology-utils/es/rlog"));
15
- var _componentActionTree = _interopRequireDefault(require("@riil-frontend/component-action-tree"));
16
- var _NoDataPage = _interopRequireDefault(require("@riil-frontend/component-topology-common/es/components/NoDataPage"));
17
- var _componentTableLayout = _interopRequireDefault(require("@riil-frontend/component-table-layout"));
18
- var _hooks = _interopRequireDefault(require("@riil-frontend/hooks"));
19
- var utils = _interopRequireWildcard(require("./utils"));
20
- var _indexModule = _interopRequireDefault(require("./index.module.scss"));
21
- var _treeUtil = require("../../utils/treeUtil");
22
- var _excluded = ["value", "defaultSet", "dataSource"];
23
- 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); }
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
- var Setting = function Setting(_ref) {
26
- var _ref$value = _ref.value,
27
- value = _ref$value === void 0 ? {} : _ref$value,
28
- defaultSet = _ref.defaultSet,
29
- dataSource = _ref.dataSource,
30
- props = (0, _objectWithoutPropertiesLoose2["default"])(_ref, _excluded);
31
- var limit = props.limit,
32
- saveCb = props.saveCb;
33
- var allCiSet = (0, _react.useMemo)(function () {
34
- var map = {};
35
- (0, _treeUtil.loopTreeNode)(dataSource, function (item) {
36
- if (item.type !== 'folder') {
37
- map[item.id] = item;
38
- }
39
- });
40
- return map;
41
- }, [dataSource]);
42
- var _useState = (0, _react.useState)(utils.getDefaultSelectedCiType(dataSource)),
43
- ciType = _useState[0],
44
- setCiType = _useState[1];
45
- (0, _react.useEffect)(function () {
46
- setCiType(utils.getDefaultSelectedCiType(dataSource));
47
- }, [dataSource]);
48
- var _useState2 = (0, _react.useState)(''),
49
- search = _useState2[0],
50
- setSearch = _useState2[1];
51
- var _useState3 = (0, _react.useState)(value),
52
- selected = _useState3[0],
53
- setSelected = _useState3[1];
54
- var selectedRowKeys = selected[ciType] || [];
55
- var _RiilHooks$useTableCo = _hooks["default"].useTableColumn({
56
- columns: [{
57
- width: '100%',
58
- dataIndex: 'name',
59
- title: '数据',
60
- cellOption: {
61
- nowrap: true
62
- }
63
- }, {
64
- width: '70px',
65
- dataIndex: 'type',
66
- title: '类型',
67
- cellOption: {
68
- nowrap: {
69
- nowrapCell: utils.typeCell,
70
- title: utils.typeCell
71
- }
72
- }
73
- }]
74
- }),
75
- columnNodes = _RiilHooks$useTableCo.columnNodes;
76
- var onTreeSelect = function onTreeSelect(_ref2) {
77
- var selectedKey = _ref2[0];
78
- if (selectedKey && allCiSet[selectedKey] && allCiSet[selectedKey].type !== 'folder') {
79
- setCiType(selectedKey);
80
- }
81
- };
82
- var onTableSelect = function onTableSelect(selectedKeys) {
83
- var values = (0, _extends2["default"])({}, selected);
84
- _rlog["default"].debug('Setting-allCiSet-onTableSelect', limit, selectedKeys, selected);
85
- values[ciType] = selectedKeys;
86
- setSelected(values);
87
- };
88
- var saveSelected = function saveSelected() {
89
- saveCb(selected);
90
- };
91
- var onReset = function onReset() {
92
- setSelected({});
93
- };
94
- var tableData = (0, _react.useMemo)(function () {
95
- var _allCiSet$ciType;
96
- var list = ((_allCiSet$ciType = allCiSet[ciType]) === null || _allCiSet$ciType === void 0 ? void 0 : _allCiSet$ciType.list) || [];
97
- if (search) {
98
- list = list.filter(function (item) {
99
- var _item$name;
100
- return ((_item$name = item.name) === null || _item$name === void 0 ? void 0 : _item$name.toUpperCase().indexOf(search.toUpperCase())) !== -1;
101
- });
102
- }
103
- return list;
104
- }, [allCiSet, ciType, search]);
105
- function onSearch(searchValue) {
106
- setSearch(searchValue);
107
- }
108
- return /*#__PURE__*/_react["default"].createElement("div", {
109
- className: _indexModule["default"].layout
110
- }, /*#__PURE__*/_react["default"].createElement("div", {
111
- className: _indexModule["default"].message
112
- }, /*#__PURE__*/_react["default"].createElement(_message["default"], {
113
- type: "notice"
114
- }, props.label + "\u6570\u636E\uFF1A\u9009\u62E9\u7684\u6307\u6807\u548C\u5C5E\u6027\u5C06\u4F1A\u663E\u793A\u5728" + props.poslabel + "\uFF0C\u6700\u591A\u652F\u6301\u52FE\u9009 " + limit + " \u9879\u3002")), /*#__PURE__*/_react["default"].createElement(_grid["default"].Row, {
115
- className: _indexModule["default"].content
116
- }, /*#__PURE__*/_react["default"].createElement(_grid["default"].Col, {
117
- span: 8,
118
- className: _indexModule["default"]['tree-wrap']
119
- }, dataSource.length && /*#__PURE__*/_react["default"].createElement(_componentActionTree["default"], {
120
- dataSource: dataSource,
121
- onSelect: onTreeSelect,
122
- draggable: false,
123
- treeProps: {
124
- selectedKeys: [ciType],
125
- defaultExpandedKeys: dataSource.filter(function (item) {
126
- return item.type === 'folder';
127
- }).map(function (item) {
128
- return item.id;
129
- }),
130
- expandedKeys: dataSource.filter(function (item) {
131
- return item.type === 'folder';
132
- }).map(function (item) {
133
- return item.id;
134
- }),
135
- defaultExpandAll: true
136
- }
137
- })), /*#__PURE__*/_react["default"].createElement(_grid["default"].Col, {
138
- className: _indexModule["default"]['table-wrap']
139
- }, /*#__PURE__*/_react["default"].createElement(_componentTableLayout["default"], {
140
- filterItems: /*#__PURE__*/_react["default"].createElement("div", {
141
- className: _indexModule["default"].filter
142
- }, /*#__PURE__*/_react["default"].createElement(_search["default"], {
143
- // className={styles.search}
144
- style: {
145
- width: 200
146
- },
147
- shape: "simple",
148
- placeholder: "\u8BF7\u8F93\u5165\u5173\u952E\u5B57",
149
- onSearch: onSearch,
150
- onChange: function onChange(val) {
151
- return !val && onSearch('');
152
- },
153
- hasClear: true
154
- })),
155
- table: /*#__PURE__*/_react["default"].createElement(_table["default"], {
156
- fixedHeader: true,
157
- hasBorder: false,
158
- dataSource: tableData,
159
- emptyContent: /*#__PURE__*/_react["default"].createElement(_NoDataPage["default"], {
160
- type: "table"
161
- }),
162
- rowSelection: {
163
- selectedRowKeys: selectedRowKeys,
164
- onChange: onTableSelect,
165
- getProps: function getProps(_ref3) {
166
- var id = _ref3.id;
167
- return {
168
- disabled: !selectedRowKeys.includes(id) && selectedRowKeys.length >= limit
169
- };
170
- }
171
- }
172
- }, columnNodes)
173
- }))), /*#__PURE__*/_react["default"].createElement("div", {
174
- className: "riil-footer right"
175
- }, /*#__PURE__*/_react["default"].createElement(_button["default"], {
176
- text: true,
177
- type: "primary",
178
- onClick: onReset
179
- }, "\u91CD\u7F6E"), /*#__PURE__*/_react["default"].createElement(_button["default"], {
180
- type: "primary",
181
- onClick: function onClick() {
182
- saveSelected();
183
- }
184
- }, "\u786E\u5B9A"), /*#__PURE__*/_react["default"].createElement(_button["default"], {
185
- onClick: props.cancelCb
186
- }, "\u53D6\u6D88")));
187
- };
188
- var _default = Setting;
189
- exports["default"] = _default;
@@ -1,48 +0,0 @@
1
- "use strict";
2
-
3
- exports.__esModule = true;
4
- exports.getDefaultSelectedCiType = getDefaultSelectedCiType;
5
- exports.typeCell = exports.treeDs = void 0;
6
- var _treeUtil = require("../../utils/treeUtil");
7
- /**
8
- * 获取树结构数据源
9
- * @param {*} allCiSet 数据源
10
- * @returns
11
- */
12
- var treeDs = function treeDs(allCiSet) {
13
- return Object.keys(allCiSet).map(function (key) {
14
- var _allCiSet$key, _allCiSet$key2;
15
- return {
16
- id: key,
17
- label: (_allCiSet$key = allCiSet[key]) === null || _allCiSet$key === void 0 ? void 0 : _allCiSet$key.name,
18
- icon: "/img/model/" + ((_allCiSet$key2 = allCiSet[key]) === null || _allCiSet$key2 === void 0 ? void 0 : _allCiSet$key2.icon) + ".svg"
19
- };
20
- });
21
- };
22
- exports.treeDs = treeDs;
23
- var typeCell = function typeCell(text) {
24
- if (text === 'attribute') {
25
- return '属性';
26
- } else if (text === 'metric') {
27
- return '指标';
28
- }
29
- return '-';
30
- };
31
-
32
- /**
33
- * 获得默认选中第一个模型
34
- * @param {*} tree
35
- * @returns
36
- */
37
- exports.typeCell = typeCell;
38
- function getDefaultSelectedCiType(tree) {
39
- var ciType = null;
40
- (0, _treeUtil.loopTreeNode)(tree, function (item) {
41
- if (item.type !== 'folder') {
42
- if (!ciType) {
43
- ciType = item.id;
44
- }
45
- }
46
- });
47
- return ciType;
48
- }
@@ -1,11 +0,0 @@
1
- "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
- exports.__esModule = true;
5
- exports["default"] = void 0;
6
- var _react = _interopRequireDefault(require("react"));
7
- function ModelAttrSelect(props) {
8
- return /*#__PURE__*/_react["default"].createElement("div", null, "ModelAttrSelect");
9
- }
10
- var _default = ModelAttrSelect;
11
- exports["default"] = _default;
@@ -1,13 +0,0 @@
1
- "use strict";
2
-
3
- exports.__esModule = true;
4
- exports["default"] = TopoApp;
5
- var _react = _interopRequireWildcard(require("react"));
6
- 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); }
7
- 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; }
8
- function TopoApp(props) {
9
- var engine = props.engine,
10
- components = props.components;
11
- return /*#__PURE__*/_react["default"].createElement("div", null);
12
- }
13
- ;
@@ -1,32 +0,0 @@
1
- "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
- exports.__esModule = true;
5
- exports["default"] = void 0;
6
- var _react = _interopRequireWildcard(require("react"));
7
- var _propTypes = _interopRequireDefault(require("prop-types"));
8
- var _TopoAppProvider = _interopRequireDefault(require("./TopoAppProvider"));
9
- var _TopoApp = _interopRequireDefault(require("./TopoApp"));
10
- 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); }
11
- 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; }
12
- function TopoAppView(props) {
13
- var engine = props.engine,
14
- components = props.components;
15
- var store = engine.store;
16
- return /*#__PURE__*/_react["default"].createElement(_TopoAppProvider["default"], {
17
- engine: engine
18
- }, /*#__PURE__*/_react["default"].createElement(_TopoApp["default"], {
19
- engine: engine,
20
- components: components
21
- }));
22
- }
23
- TopoAppView.propTypes = {
24
- engine: _propTypes["default"].any,
25
- components: _propTypes["default"].object
26
- };
27
- TopoAppView.defaultProps = {
28
- engine: null,
29
- components: {}
30
- };
31
- var _default = TopoAppView;
32
- exports["default"] = _default;
@@ -1,18 +0,0 @@
1
- "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
- exports.__esModule = true;
5
- exports["default"] = void 0;
6
- var _dropdown = _interopRequireDefault(require("@alifd/next/lib/dropdown"));
7
- var _menu = _interopRequireDefault(require("@alifd/next/lib/menu"));
8
- var _react = _interopRequireDefault(require("react"));
9
- function Dropdown(props) {
10
- var trigger = props.trigger;
11
- var menu = /*#__PURE__*/_react["default"].createElement(_menu["default"], null, /*#__PURE__*/_react["default"].createElement(_menu["default"].Item, null, "Option 1"), /*#__PURE__*/_react["default"].createElement(_menu["default"].Item, null, "Option 2"), /*#__PURE__*/_react["default"].createElement(_menu["default"].Item, null, "Option 3"), /*#__PURE__*/_react["default"].createElement(_menu["default"].Item, null, "Option 4"));
12
- return /*#__PURE__*/_react["default"].createElement(_dropdown["default"], {
13
- trigger: /*#__PURE__*/_react["default"].createElement("a", null, "Click me"),
14
- triggerType: "click"
15
- }, /*#__PURE__*/_react["default"].createElement("div", null, "111"));
16
- }
17
- var _default = Dropdown;
18
- exports["default"] = _default;
@@ -1,34 +0,0 @@
1
- "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
- exports.__esModule = true;
5
- exports["default"] = GlobalTootipSetting;
6
- var _button = _interopRequireDefault(require("@alifd/next/lib/button"));
7
- var _react = _interopRequireWildcard(require("react"));
8
- require("@riil-frontend/css/lib/index.scss");
9
- var _Setting = _interopRequireDefault(require("../../../../../components/ResourceViewAttributeSetting/Setting"));
10
- 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); }
11
- 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; }
12
- /**
13
- * 显示属性、指标配置
14
- *
15
- * 已废弃
16
- */
17
- function GlobalTootipSetting(props) {
18
- var topo = props.topo;
19
- var tootipSettingRef = (0, _react.useRef)();
20
-
21
- // 打开指标抽屉
22
- var openSetting = function openSetting() {
23
- tootipSettingRef.current.openGlobalTootipSetting();
24
- };
25
- return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_button["default"], {
26
- type: "primary",
27
- text: true,
28
- onClick: openSetting
29
- }, "Tootip\u5C5E\u6027/\u6307\u6807\u914D\u7F6E"), /*#__PURE__*/_react["default"].createElement(_Setting["default"], {
30
- ref: tootipSettingRef,
31
- topo: topo
32
- }));
33
- }
34
- ;
@@ -1,220 +0,0 @@
1
- "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
- exports.__esModule = true;
5
- exports["default"] = void 0;
6
- var _drawer = _interopRequireDefault(require("@alifd/next/lib/drawer"));
7
- var _loading = _interopRequireDefault(require("@alifd/next/lib/loading"));
8
- var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
9
- var _react = _interopRequireWildcard(require("react"));
10
- var _ahooks = require("ahooks");
11
- var _rlog = _interopRequireDefault(require("@riil-frontend/component-topology-utils/es/rlog"));
12
- var _componentTopologyGraph = require("@riil-frontend/component-topology-graph");
13
- var _indexModule = _interopRequireDefault(require("./index.module.scss"));
14
- var _setting = _interopRequireDefault(require("./setting"));
15
- 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); }
16
- 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; }
17
- function _regeneratorRuntime() { "use strict"; /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */ _regeneratorRuntime = function _regeneratorRuntime() { return e; }; var t, e = {}, r = Object.prototype, n = r.hasOwnProperty, o = Object.defineProperty || function (t, e, r) { t[e] = r.value; }, i = "function" == typeof Symbol ? Symbol : {}, a = i.iterator || "@@iterator", c = i.asyncIterator || "@@asyncIterator", u = i.toStringTag || "@@toStringTag"; function define(t, e, r) { return Object.defineProperty(t, e, { value: r, enumerable: !0, configurable: !0, writable: !0 }), t[e]; } try { define({}, ""); } catch (t) { define = function define(t, e, r) { return t[e] = r; }; } function wrap(t, e, r, n) { var i = e && e.prototype instanceof Generator ? e : Generator, a = Object.create(i.prototype), c = new Context(n || []); return o(a, "_invoke", { value: makeInvokeMethod(t, r, c) }), a; } function tryCatch(t, e, r) { try { return { type: "normal", arg: t.call(e, r) }; } catch (t) { return { type: "throw", arg: t }; } } e.wrap = wrap; var h = "suspendedStart", l = "suspendedYield", f = "executing", s = "completed", y = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} var p = {}; define(p, a, function () { return this; }); var d = Object.getPrototypeOf, v = d && d(d(values([]))); v && v !== r && n.call(v, a) && (p = v); var g = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(p); function defineIteratorMethods(t) { ["next", "throw", "return"].forEach(function (e) { define(t, e, function (t) { return this._invoke(e, t); }); }); } function AsyncIterator(t, e) { function invoke(r, o, i, a) { var c = tryCatch(t[r], t, o); if ("throw" !== c.type) { var u = c.arg, h = u.value; return h && "object" == typeof h && n.call(h, "__await") ? e.resolve(h.__await).then(function (t) { invoke("next", t, i, a); }, function (t) { invoke("throw", t, i, a); }) : e.resolve(h).then(function (t) { u.value = t, i(u); }, function (t) { return invoke("throw", t, i, a); }); } a(c.arg); } var r; o(this, "_invoke", { value: function value(t, n) { function callInvokeWithMethodAndArg() { return new e(function (e, r) { invoke(t, n, e, r); }); } return r = r ? r.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg(); } }); } function makeInvokeMethod(e, r, n) { var o = h; return function (i, a) { if (o === f) throw new Error("Generator is already running"); if (o === s) { if ("throw" === i) throw a; return { value: t, done: !0 }; } for (n.method = i, n.arg = a;;) { var c = n.delegate; if (c) { var u = maybeInvokeDelegate(c, n); if (u) { if (u === y) continue; return u; } } if ("next" === n.method) n.sent = n._sent = n.arg;else if ("throw" === n.method) { if (o === h) throw o = s, n.arg; n.dispatchException(n.arg); } else "return" === n.method && n.abrupt("return", n.arg); o = f; var p = tryCatch(e, r, n); if ("normal" === p.type) { if (o = n.done ? s : l, p.arg === y) continue; return { value: p.arg, done: n.done }; } "throw" === p.type && (o = s, n.method = "throw", n.arg = p.arg); } }; } function maybeInvokeDelegate(e, r) { var n = r.method, o = e.iterator[n]; if (o === t) return r.delegate = null, "throw" === n && e.iterator["return"] && (r.method = "return", r.arg = t, maybeInvokeDelegate(e, r), "throw" === r.method) || "return" !== n && (r.method = "throw", r.arg = new TypeError("The iterator does not provide a '" + n + "' method")), y; var i = tryCatch(o, e.iterator, r.arg); if ("throw" === i.type) return r.method = "throw", r.arg = i.arg, r.delegate = null, y; var a = i.arg; return a ? a.done ? (r[e.resultName] = a.value, r.next = e.nextLoc, "return" !== r.method && (r.method = "next", r.arg = t), r.delegate = null, y) : a : (r.method = "throw", r.arg = new TypeError("iterator result is not an object"), r.delegate = null, y); } function pushTryEntry(t) { var e = { tryLoc: t[0] }; 1 in t && (e.catchLoc = t[1]), 2 in t && (e.finallyLoc = t[2], e.afterLoc = t[3]), this.tryEntries.push(e); } function resetTryEntry(t) { var e = t.completion || {}; e.type = "normal", delete e.arg, t.completion = e; } function Context(t) { this.tryEntries = [{ tryLoc: "root" }], t.forEach(pushTryEntry, this), this.reset(!0); } function values(e) { if (e || "" === e) { var r = e[a]; if (r) return r.call(e); if ("function" == typeof e.next) return e; if (!isNaN(e.length)) { var o = -1, i = function next() { for (; ++o < e.length;) if (n.call(e, o)) return next.value = e[o], next.done = !1, next; return next.value = t, next.done = !0, next; }; return i.next = i; } } throw new TypeError(typeof e + " is not iterable"); } return GeneratorFunction.prototype = GeneratorFunctionPrototype, o(g, "constructor", { value: GeneratorFunctionPrototype, configurable: !0 }), o(GeneratorFunctionPrototype, "constructor", { value: GeneratorFunction, configurable: !0 }), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, u, "GeneratorFunction"), e.isGeneratorFunction = function (t) { var e = "function" == typeof t && t.constructor; return !!e && (e === GeneratorFunction || "GeneratorFunction" === (e.displayName || e.name)); }, e.mark = function (t) { return Object.setPrototypeOf ? Object.setPrototypeOf(t, GeneratorFunctionPrototype) : (t.__proto__ = GeneratorFunctionPrototype, define(t, u, "GeneratorFunction")), t.prototype = Object.create(g), t; }, e.awrap = function (t) { return { __await: t }; }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, c, function () { return this; }), e.AsyncIterator = AsyncIterator, e.async = function (t, r, n, o, i) { void 0 === i && (i = Promise); var a = new AsyncIterator(wrap(t, r, n, o), i); return e.isGeneratorFunction(r) ? a : a.next().then(function (t) { return t.done ? t.value : a.next(); }); }, defineIteratorMethods(g), define(g, u, "Generator"), define(g, a, function () { return this; }), define(g, "toString", function () { return "[object Generator]"; }), e.keys = function (t) { var e = Object(t), r = []; for (var n in e) r.push(n); return r.reverse(), function next() { for (; r.length;) { var t = r.pop(); if (t in e) return next.value = t, next.done = !1, next; } return next.done = !0, next; }; }, e.values = values, Context.prototype = { constructor: Context, reset: function reset(e) { if (this.prev = 0, this.next = 0, this.sent = this._sent = t, this.done = !1, this.delegate = null, this.method = "next", this.arg = t, this.tryEntries.forEach(resetTryEntry), !e) for (var r in this) "t" === r.charAt(0) && n.call(this, r) && !isNaN(+r.slice(1)) && (this[r] = t); }, stop: function stop() { this.done = !0; var t = this.tryEntries[0].completion; if ("throw" === t.type) throw t.arg; return this.rval; }, dispatchException: function dispatchException(e) { if (this.done) throw e; var r = this; function handle(n, o) { return a.type = "throw", a.arg = e, r.next = n, o && (r.method = "next", r.arg = t), !!o; } for (var o = this.tryEntries.length - 1; o >= 0; --o) { var i = this.tryEntries[o], a = i.completion; if ("root" === i.tryLoc) return handle("end"); if (i.tryLoc <= this.prev) { var c = n.call(i, "catchLoc"), u = n.call(i, "finallyLoc"); if (c && u) { if (this.prev < i.catchLoc) return handle(i.catchLoc, !0); if (this.prev < i.finallyLoc) return handle(i.finallyLoc); } else if (c) { if (this.prev < i.catchLoc) return handle(i.catchLoc, !0); } else { if (!u) throw new Error("try statement without catch or finally"); if (this.prev < i.finallyLoc) return handle(i.finallyLoc); } } } }, abrupt: function abrupt(t, e) { for (var r = this.tryEntries.length - 1; r >= 0; --r) { var o = this.tryEntries[r]; if (o.tryLoc <= this.prev && n.call(o, "finallyLoc") && this.prev < o.finallyLoc) { var i = o; break; } } i && ("break" === t || "continue" === t) && i.tryLoc <= e && e <= i.finallyLoc && (i = null); var a = i ? i.completion : {}; return a.type = t, a.arg = e, i ? (this.method = "next", this.next = i.finallyLoc, y) : this.complete(a); }, complete: function complete(t, e) { if ("throw" === t.type) throw t.arg; return "break" === t.type || "continue" === t.type ? this.next = t.arg : "return" === t.type ? (this.rval = this.arg = t.arg, this.method = "return", this.next = "end") : "normal" === t.type && e && (this.next = e), y; }, finish: function finish(t) { for (var e = this.tryEntries.length - 1; e >= 0; --e) { var r = this.tryEntries[e]; if (r.finallyLoc === t) return this.complete(r.completion, r.afterLoc), resetTryEntry(r), y; } }, "catch": function _catch(t) { for (var e = this.tryEntries.length - 1; e >= 0; --e) { var r = this.tryEntries[e]; if (r.tryLoc === t) { var n = r.completion; if ("throw" === n.type) { var o = n.arg; resetTryEntry(r); } return o; } } throw new Error("illegal catch attempt"); }, delegateYield: function delegateYield(e, r, n) { return this.delegate = { iterator: values(e), resultName: r, nextLoc: n }, "next" === this.method && (this.arg = t), y; } }, e; }
18
- /**
19
- * 添加/编辑链路抽屉
20
- * 通过ref调用show方法来打开,编辑场景传入link对象
21
- */
22
- var LinkDrawer = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
23
- var topoContext = props.topoContext,
24
- topo = props.topo;
25
- var store = topo.store;
26
- var _store$useModel = store.useModel('topoConfig'),
27
- editState = _store$useModel[0],
28
- editDispatchers = _store$useModel[1];
29
- var _useBoolean = (0, _ahooks.useBoolean)(false),
30
- visible = _useBoolean[0],
31
- _useBoolean$ = _useBoolean[1],
32
- setTrue = _useBoolean$.setTrue,
33
- setFalse = _useBoolean$.setFalse;
34
- var _useState = (0, _react.useState)(),
35
- link = _useState[0],
36
- setLink = _useState[1];
37
- // 保存后更新拓扑图状态
38
- var _useState2 = (0, _react.useState)(false),
39
- updateTopoState = _useState2[0],
40
- setUpdateTopoState = _useState2[1];
41
- var isAddMode = !link;
42
- var topoData = editState.topo;
43
- var _ref = topoContext || {},
44
- _ref$urlParams = _ref.urlParams,
45
- urlParams = _ref$urlParams === void 0 ? {} : _ref$urlParams;
46
- var api = {
47
- show: function show(selectedLink) {
48
- setLink(selectedLink);
49
- setTrue();
50
- }
51
- };
52
- (0, _react.useImperativeHandle)(ref, function () {
53
- return api;
54
- });
55
-
56
- // 注册事件
57
- (0, _react.useEffect)(function () {
58
- var notifier = topo.view.topoClient.notifier;
59
- var handleEvent = function handleEvent(e) {
60
- var type = e.type,
61
- data = e.data;
62
- if (type === _componentTopologyGraph.TopoEvent.DATA_TYPE_RESOURCE_LINK) {
63
- api.show(data);
64
- }
65
- };
66
- notifier.on(_componentTopologyGraph.TopoEvent.EVENT_DATA_PICK, handleEvent);
67
- return function () {
68
- // 取消注册事件
69
- notifier.off(_componentTopologyGraph.TopoEvent.EVENT_DATA_PICK, handleEvent);
70
- };
71
- }, []);
72
-
73
- // 从url打开
74
- (0, _react.useEffect)(function () {
75
- if (!visible) {
76
- if (urlParams.showAddLink) {
77
- setTrue();
78
- }
79
- }
80
- }, [urlParams.showAddLink]);
81
-
82
- // 链路更新,通过资源重新获取链路信息通知HT来更新
83
- var refreshLink = /*#__PURE__*/function () {
84
- var _ref2 = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
85
- var data;
86
- return _regeneratorRuntime().wrap(function _callee$(_context) {
87
- while (1) switch (_context.prev = _context.next) {
88
- case 0:
89
- _rlog["default"].debug('useTopoEdit.refreshLink');
90
- _context.next = 3;
91
- return editDispatchers.fetchData();
92
- case 3:
93
- data = _context.sent;
94
- topo.view.topoClient.emitEvent(_componentTopologyGraph.TopoEvent.EVENT_DATA_RESULT, {
95
- type: _componentTopologyGraph.TopoEvent.DATA_TYPE_RESOURCE_COMBO,
96
- data: data
97
- });
98
- case 5:
99
- case "end":
100
- return _context.stop();
101
- }
102
- }, _callee);
103
- }));
104
- return function refreshLink() {
105
- return _ref2.apply(this, arguments);
106
- };
107
- }();
108
- var getLink = /*#__PURE__*/function () {
109
- var _ref3 = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(id) {
110
- var data;
111
- return _regeneratorRuntime().wrap(function _callee2$(_context2) {
112
- while (1) switch (_context2.prev = _context2.next) {
113
- case 0:
114
- _context2.next = 2;
115
- return editDispatchers.fetchData();
116
- case 2:
117
- data = _context2.sent;
118
- return _context2.abrupt("return", data.filter(function (item) {
119
- return item.id === id;
120
- })[0]);
121
- case 4:
122
- case "end":
123
- return _context2.stop();
124
- }
125
- }, _callee2);
126
- }));
127
- return function getLink(_x) {
128
- return _ref3.apply(this, arguments);
129
- };
130
- }();
131
- var updateTopo = (0, _react.useCallback)( /*#__PURE__*/function () {
132
- var _ref4 = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3(data) {
133
- var changed, isAdd, _data$result$, oldId, id, linkData;
134
- return _regeneratorRuntime().wrap(function _callee3$(_context3) {
135
- while (1) switch (_context3.prev = _context3.next) {
136
- case 0:
137
- changed = data.changed, isAdd = data.isAddMode;
138
- if (!(changed === false)) {
139
- _context3.next = 3;
140
- break;
141
- }
142
- return _context3.abrupt("return");
143
- case 3:
144
- if (!isAdd) {
145
- _context3.next = 8;
146
- break;
147
- }
148
- _context3.next = 6;
149
- return refreshLink();
150
- case 6:
151
- _context3.next = 13;
152
- break;
153
- case 8:
154
- _data$result$ = data.result[0], oldId = _data$result$.oldId, id = _data$result$.id;
155
- _context3.next = 11;
156
- return getLink(id);
157
- case 11:
158
- linkData = _context3.sent;
159
- topo.view.topoClient.emitEvent('topo_link_update', {
160
- id: oldId,
161
- link: linkData
162
- });
163
- case 13:
164
- case "end":
165
- return _context3.stop();
166
- }
167
- }, _callee3);
168
- }));
169
- return function (_x2) {
170
- return _ref4.apply(this, arguments);
171
- };
172
- }(), []);
173
- var handleSaved = (0, _react.useCallback)( /*#__PURE__*/function () {
174
- var _ref5 = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regeneratorRuntime().mark(function _callee4(data) {
175
- var errorItems;
176
- return _regeneratorRuntime().wrap(function _callee4$(_context4) {
177
- while (1) switch (_context4.prev = _context4.next) {
178
- case 0:
179
- errorItems = data.errorItems;
180
- if (errorItems.length) {
181
- _context4.next = 7;
182
- break;
183
- }
184
- setFalse();
185
- setUpdateTopoState(true);
186
- _context4.next = 6;
187
- return updateTopo(data);
188
- case 6:
189
- setUpdateTopoState(false);
190
- case 7:
191
- case "end":
192
- return _context4.stop();
193
- }
194
- }, _callee4);
195
- }));
196
- return function (_x3) {
197
- return _ref5.apply(this, arguments);
198
- };
199
- }(), []);
200
- return /*#__PURE__*/_react["default"].createElement(_drawer["default"], {
201
- closeMode: ['close', 'esc'],
202
- visible: visible,
203
- onClose: setFalse,
204
- title: link ? '编辑链路' : '添加链路',
205
- className: _indexModule["default"].drawer,
206
- width: "calc(8/24 * 100%)"
207
- }, /*#__PURE__*/_react["default"].createElement(_loading["default"], {
208
- visible: updateTopoState,
209
- fullScreen: true
210
- }), visible && /*#__PURE__*/_react["default"].createElement(_setting["default"], {
211
- isAddMode: isAddMode,
212
- link: link,
213
- topoElements: topoData,
214
- topo: topo,
215
- saveCb: handleSaved,
216
- cancelCb: setFalse
217
- }));
218
- });
219
- var _default = LinkDrawer;
220
- exports["default"] = _default;