@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,181 +0,0 @@
1
- import _Button from "@alifd/next/es/button";
2
- import _Table from "@alifd/next/es/table";
3
- import _Search from "@alifd/next/es/search";
4
- import _Grid from "@alifd/next/es/grid";
5
- import _Message from "@alifd/next/es/message";
6
- import _extends from "@babel/runtime/helpers/extends";
7
- import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
8
- var _excluded = ["value", "defaultSet", "dataSource"];
9
- import React, { useState, useMemo, useEffect } from 'react';
10
- import rlog from '@riil-frontend/component-topology-utils/es/rlog';
11
- import ActionTree from '@riil-frontend/component-action-tree';
12
- import NoDataPage from '@riil-frontend/component-topology-common/es/components/NoDataPage';
13
- import TableLayout from '@riil-frontend/component-table-layout';
14
- import RiilHooks from '@riil-frontend/hooks';
15
- import * as utils from "./utils";
16
- import styles from "./index.module.scss";
17
- import { loopTreeNode } from "../../utils/treeUtil";
18
- var Setting = function Setting(_ref) {
19
- var _ref$value = _ref.value,
20
- value = _ref$value === void 0 ? {} : _ref$value,
21
- defaultSet = _ref.defaultSet,
22
- dataSource = _ref.dataSource,
23
- props = _objectWithoutPropertiesLoose(_ref, _excluded);
24
- var limit = props.limit,
25
- saveCb = props.saveCb;
26
- var allCiSet = useMemo(function () {
27
- var map = {};
28
- loopTreeNode(dataSource, function (item) {
29
- if (item.type !== 'folder') {
30
- map[item.id] = item;
31
- }
32
- });
33
- return map;
34
- }, [dataSource]);
35
- var _useState = useState(utils.getDefaultSelectedCiType(dataSource)),
36
- ciType = _useState[0],
37
- setCiType = _useState[1];
38
- useEffect(function () {
39
- setCiType(utils.getDefaultSelectedCiType(dataSource));
40
- }, [dataSource]);
41
- var _useState2 = useState(''),
42
- search = _useState2[0],
43
- setSearch = _useState2[1];
44
- var _useState3 = useState(value),
45
- selected = _useState3[0],
46
- setSelected = _useState3[1];
47
- var selectedRowKeys = selected[ciType] || [];
48
- var _RiilHooks$useTableCo = RiilHooks.useTableColumn({
49
- columns: [{
50
- width: '100%',
51
- dataIndex: 'name',
52
- title: '数据',
53
- cellOption: {
54
- nowrap: true
55
- }
56
- }, {
57
- width: '70px',
58
- dataIndex: 'type',
59
- title: '类型',
60
- cellOption: {
61
- nowrap: {
62
- nowrapCell: utils.typeCell,
63
- title: utils.typeCell
64
- }
65
- }
66
- }]
67
- }),
68
- columnNodes = _RiilHooks$useTableCo.columnNodes;
69
- var onTreeSelect = function onTreeSelect(_ref2) {
70
- var selectedKey = _ref2[0];
71
- if (selectedKey && allCiSet[selectedKey] && allCiSet[selectedKey].type !== 'folder') {
72
- setCiType(selectedKey);
73
- }
74
- };
75
- var onTableSelect = function onTableSelect(selectedKeys) {
76
- var values = _extends({}, selected);
77
- rlog.debug('Setting-allCiSet-onTableSelect', limit, selectedKeys, selected);
78
- values[ciType] = selectedKeys;
79
- setSelected(values);
80
- };
81
- var saveSelected = function saveSelected() {
82
- saveCb(selected);
83
- };
84
- var onReset = function onReset() {
85
- setSelected({});
86
- };
87
- var tableData = useMemo(function () {
88
- var _allCiSet$ciType;
89
- var list = ((_allCiSet$ciType = allCiSet[ciType]) === null || _allCiSet$ciType === void 0 ? void 0 : _allCiSet$ciType.list) || [];
90
- if (search) {
91
- list = list.filter(function (item) {
92
- var _item$name;
93
- return ((_item$name = item.name) === null || _item$name === void 0 ? void 0 : _item$name.toUpperCase().indexOf(search.toUpperCase())) !== -1;
94
- });
95
- }
96
- return list;
97
- }, [allCiSet, ciType, search]);
98
- function onSearch(searchValue) {
99
- setSearch(searchValue);
100
- }
101
- return /*#__PURE__*/React.createElement("div", {
102
- className: styles.layout
103
- }, /*#__PURE__*/React.createElement("div", {
104
- className: styles.message
105
- }, /*#__PURE__*/React.createElement(_Message, {
106
- type: "notice"
107
- }, 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.createElement(_Grid.Row, {
108
- className: styles.content
109
- }, /*#__PURE__*/React.createElement(_Grid.Col, {
110
- span: 8,
111
- className: styles['tree-wrap']
112
- }, dataSource.length && /*#__PURE__*/React.createElement(ActionTree, {
113
- dataSource: dataSource,
114
- onSelect: onTreeSelect,
115
- draggable: false,
116
- treeProps: {
117
- selectedKeys: [ciType],
118
- defaultExpandedKeys: dataSource.filter(function (item) {
119
- return item.type === 'folder';
120
- }).map(function (item) {
121
- return item.id;
122
- }),
123
- expandedKeys: dataSource.filter(function (item) {
124
- return item.type === 'folder';
125
- }).map(function (item) {
126
- return item.id;
127
- }),
128
- defaultExpandAll: true
129
- }
130
- })), /*#__PURE__*/React.createElement(_Grid.Col, {
131
- className: styles['table-wrap']
132
- }, /*#__PURE__*/React.createElement(TableLayout, {
133
- filterItems: /*#__PURE__*/React.createElement("div", {
134
- className: styles.filter
135
- }, /*#__PURE__*/React.createElement(_Search, {
136
- // className={styles.search}
137
- style: {
138
- width: 200
139
- },
140
- shape: "simple",
141
- placeholder: "\u8BF7\u8F93\u5165\u5173\u952E\u5B57",
142
- onSearch: onSearch,
143
- onChange: function onChange(val) {
144
- return !val && onSearch('');
145
- },
146
- hasClear: true
147
- })),
148
- table: /*#__PURE__*/React.createElement(_Table, {
149
- fixedHeader: true,
150
- hasBorder: false,
151
- dataSource: tableData,
152
- emptyContent: /*#__PURE__*/React.createElement(NoDataPage, {
153
- type: "table"
154
- }),
155
- rowSelection: {
156
- selectedRowKeys: selectedRowKeys,
157
- onChange: onTableSelect,
158
- getProps: function getProps(_ref3) {
159
- var id = _ref3.id;
160
- return {
161
- disabled: !selectedRowKeys.includes(id) && selectedRowKeys.length >= limit
162
- };
163
- }
164
- }
165
- }, columnNodes)
166
- }))), /*#__PURE__*/React.createElement("div", {
167
- className: "riil-footer right"
168
- }, /*#__PURE__*/React.createElement(_Button, {
169
- text: true,
170
- type: "primary",
171
- onClick: onReset
172
- }, "\u91CD\u7F6E"), /*#__PURE__*/React.createElement(_Button, {
173
- type: "primary",
174
- onClick: function onClick() {
175
- saveSelected();
176
- }
177
- }, "\u786E\u5B9A"), /*#__PURE__*/React.createElement(_Button, {
178
- onClick: props.cancelCb
179
- }, "\u53D6\u6D88")));
180
- };
181
- export default Setting;
@@ -1,42 +0,0 @@
1
- import { loopTreeNode } from "../../utils/treeUtil";
2
-
3
- /**
4
- * 获取树结构数据源
5
- * @param {*} allCiSet 数据源
6
- * @returns
7
- */
8
- export var treeDs = function treeDs(allCiSet) {
9
- return Object.keys(allCiSet).map(function (key) {
10
- var _allCiSet$key, _allCiSet$key2;
11
- return {
12
- id: key,
13
- label: (_allCiSet$key = allCiSet[key]) === null || _allCiSet$key === void 0 ? void 0 : _allCiSet$key.name,
14
- icon: "/img/model/" + ((_allCiSet$key2 = allCiSet[key]) === null || _allCiSet$key2 === void 0 ? void 0 : _allCiSet$key2.icon) + ".svg"
15
- };
16
- });
17
- };
18
- export var typeCell = function typeCell(text) {
19
- if (text === 'attribute') {
20
- return '属性';
21
- } else if (text === 'metric') {
22
- return '指标';
23
- }
24
- return '-';
25
- };
26
-
27
- /**
28
- * 获得默认选中第一个模型
29
- * @param {*} tree
30
- * @returns
31
- */
32
- export function getDefaultSelectedCiType(tree) {
33
- var ciType = null;
34
- loopTreeNode(tree, function (item) {
35
- if (item.type !== 'folder') {
36
- if (!ciType) {
37
- ciType = item.id;
38
- }
39
- }
40
- });
41
- return ciType;
42
- }
@@ -1,5 +0,0 @@
1
- import React from 'react';
2
- function ModelAttrSelect(props) {
3
- return /*#__PURE__*/React.createElement("div", null, "ModelAttrSelect");
4
- }
5
- export default ModelAttrSelect;
@@ -1,7 +0,0 @@
1
- import React, { useState, useEffect, useRef, useCallback } from 'react';
2
- export default function TopoApp(props) {
3
- var engine = props.engine,
4
- components = props.components;
5
- return /*#__PURE__*/React.createElement("div", null);
6
- }
7
- ;
@@ -1,24 +0,0 @@
1
- import React, { useState, useEffect, useRef, useCallback } from 'react';
2
- import PropTypes from 'prop-types';
3
- import TopoAppProvider from "./TopoAppProvider";
4
- import TopoApp from "./TopoApp";
5
- function TopoAppView(props) {
6
- var engine = props.engine,
7
- components = props.components;
8
- var store = engine.store;
9
- return /*#__PURE__*/React.createElement(TopoAppProvider, {
10
- engine: engine
11
- }, /*#__PURE__*/React.createElement(TopoApp, {
12
- engine: engine,
13
- components: components
14
- }));
15
- }
16
- TopoAppView.propTypes = {
17
- engine: PropTypes.any,
18
- components: PropTypes.object
19
- };
20
- TopoAppView.defaultProps = {
21
- engine: null,
22
- components: {}
23
- };
24
- export default TopoAppView;
@@ -1,12 +0,0 @@
1
- import _Dropdown from "@alifd/next/es/dropdown";
2
- import _Menu from "@alifd/next/es/menu";
3
- import React from 'react';
4
- function Dropdown(props) {
5
- var trigger = props.trigger;
6
- var menu = /*#__PURE__*/React.createElement(_Menu, null, /*#__PURE__*/React.createElement(_Menu.Item, null, "Option 1"), /*#__PURE__*/React.createElement(_Menu.Item, null, "Option 2"), /*#__PURE__*/React.createElement(_Menu.Item, null, "Option 3"), /*#__PURE__*/React.createElement(_Menu.Item, null, "Option 4"));
7
- return /*#__PURE__*/React.createElement(_Dropdown, {
8
- trigger: /*#__PURE__*/React.createElement("a", null, "Click me"),
9
- triggerType: "click"
10
- }, /*#__PURE__*/React.createElement("div", null, "111"));
11
- }
12
- export default Dropdown;
@@ -1,28 +0,0 @@
1
- import _Button from "@alifd/next/es/button";
2
- import React, { useState, useEffect, useRef, useCallback } from 'react';
3
- import '@riil-frontend/css/lib/index.scss';
4
- import ResourceDiplayInfoSetting from "../../../../../components/ResourceViewAttributeSetting/Setting";
5
-
6
- /**
7
- * 显示属性、指标配置
8
- *
9
- * 已废弃
10
- */
11
- export default function GlobalTootipSetting(props) {
12
- var topo = props.topo;
13
- var tootipSettingRef = useRef();
14
-
15
- // 打开指标抽屉
16
- var openSetting = function openSetting() {
17
- tootipSettingRef.current.openGlobalTootipSetting();
18
- };
19
- return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_Button, {
20
- type: "primary",
21
- text: true,
22
- onClick: openSetting
23
- }, "Tootip\u5C5E\u6027/\u6307\u6807\u914D\u7F6E"), /*#__PURE__*/React.createElement(ResourceDiplayInfoSetting, {
24
- ref: tootipSettingRef,
25
- topo: topo
26
- }));
27
- }
28
- ;
@@ -1,213 +0,0 @@
1
- import _Drawer from "@alifd/next/es/drawer";
2
- import _Loading from "@alifd/next/es/loading";
3
- import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
4
- 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; }
5
- import React, { forwardRef, useCallback, useEffect, useImperativeHandle, useState } from 'react';
6
- import { useBoolean } from 'ahooks';
7
- import rlog from '@riil-frontend/component-topology-utils/es/rlog';
8
- import { TopoEvent } from '@riil-frontend/component-topology-graph';
9
- import styles from "./index.module.scss";
10
- import LinkSetting from "./setting";
11
-
12
- /**
13
- * 添加/编辑链路抽屉
14
- * 通过ref调用show方法来打开,编辑场景传入link对象
15
- */
16
- var LinkDrawer = /*#__PURE__*/forwardRef(function (props, ref) {
17
- var topoContext = props.topoContext,
18
- topo = props.topo;
19
- var store = topo.store;
20
- var _store$useModel = store.useModel('topoConfig'),
21
- editState = _store$useModel[0],
22
- editDispatchers = _store$useModel[1];
23
- var _useBoolean = useBoolean(false),
24
- visible = _useBoolean[0],
25
- _useBoolean$ = _useBoolean[1],
26
- setTrue = _useBoolean$.setTrue,
27
- setFalse = _useBoolean$.setFalse;
28
- var _useState = useState(),
29
- link = _useState[0],
30
- setLink = _useState[1];
31
- // 保存后更新拓扑图状态
32
- var _useState2 = useState(false),
33
- updateTopoState = _useState2[0],
34
- setUpdateTopoState = _useState2[1];
35
- var isAddMode = !link;
36
- var topoData = editState.topo;
37
- var _ref = topoContext || {},
38
- _ref$urlParams = _ref.urlParams,
39
- urlParams = _ref$urlParams === void 0 ? {} : _ref$urlParams;
40
- var api = {
41
- show: function show(selectedLink) {
42
- setLink(selectedLink);
43
- setTrue();
44
- }
45
- };
46
- useImperativeHandle(ref, function () {
47
- return api;
48
- });
49
-
50
- // 注册事件
51
- useEffect(function () {
52
- var notifier = topo.view.topoClient.notifier;
53
- var handleEvent = function handleEvent(e) {
54
- var type = e.type,
55
- data = e.data;
56
- if (type === TopoEvent.DATA_TYPE_RESOURCE_LINK) {
57
- api.show(data);
58
- }
59
- };
60
- notifier.on(TopoEvent.EVENT_DATA_PICK, handleEvent);
61
- return function () {
62
- // 取消注册事件
63
- notifier.off(TopoEvent.EVENT_DATA_PICK, handleEvent);
64
- };
65
- }, []);
66
-
67
- // 从url打开
68
- useEffect(function () {
69
- if (!visible) {
70
- if (urlParams.showAddLink) {
71
- setTrue();
72
- }
73
- }
74
- }, [urlParams.showAddLink]);
75
-
76
- // 链路更新,通过资源重新获取链路信息通知HT来更新
77
- var refreshLink = /*#__PURE__*/function () {
78
- var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
79
- var data;
80
- return _regeneratorRuntime().wrap(function _callee$(_context) {
81
- while (1) switch (_context.prev = _context.next) {
82
- case 0:
83
- rlog.debug('useTopoEdit.refreshLink');
84
- _context.next = 3;
85
- return editDispatchers.fetchData();
86
- case 3:
87
- data = _context.sent;
88
- topo.view.topoClient.emitEvent(TopoEvent.EVENT_DATA_RESULT, {
89
- type: TopoEvent.DATA_TYPE_RESOURCE_COMBO,
90
- data: data
91
- });
92
- case 5:
93
- case "end":
94
- return _context.stop();
95
- }
96
- }, _callee);
97
- }));
98
- return function refreshLink() {
99
- return _ref2.apply(this, arguments);
100
- };
101
- }();
102
- var getLink = /*#__PURE__*/function () {
103
- var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(id) {
104
- var data;
105
- return _regeneratorRuntime().wrap(function _callee2$(_context2) {
106
- while (1) switch (_context2.prev = _context2.next) {
107
- case 0:
108
- _context2.next = 2;
109
- return editDispatchers.fetchData();
110
- case 2:
111
- data = _context2.sent;
112
- return _context2.abrupt("return", data.filter(function (item) {
113
- return item.id === id;
114
- })[0]);
115
- case 4:
116
- case "end":
117
- return _context2.stop();
118
- }
119
- }, _callee2);
120
- }));
121
- return function getLink(_x) {
122
- return _ref3.apply(this, arguments);
123
- };
124
- }();
125
- var updateTopo = useCallback( /*#__PURE__*/function () {
126
- var _ref4 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3(data) {
127
- var changed, isAdd, _data$result$, oldId, id, linkData;
128
- return _regeneratorRuntime().wrap(function _callee3$(_context3) {
129
- while (1) switch (_context3.prev = _context3.next) {
130
- case 0:
131
- changed = data.changed, isAdd = data.isAddMode;
132
- if (!(changed === false)) {
133
- _context3.next = 3;
134
- break;
135
- }
136
- return _context3.abrupt("return");
137
- case 3:
138
- if (!isAdd) {
139
- _context3.next = 8;
140
- break;
141
- }
142
- _context3.next = 6;
143
- return refreshLink();
144
- case 6:
145
- _context3.next = 13;
146
- break;
147
- case 8:
148
- _data$result$ = data.result[0], oldId = _data$result$.oldId, id = _data$result$.id;
149
- _context3.next = 11;
150
- return getLink(id);
151
- case 11:
152
- linkData = _context3.sent;
153
- topo.view.topoClient.emitEvent('topo_link_update', {
154
- id: oldId,
155
- link: linkData
156
- });
157
- case 13:
158
- case "end":
159
- return _context3.stop();
160
- }
161
- }, _callee3);
162
- }));
163
- return function (_x2) {
164
- return _ref4.apply(this, arguments);
165
- };
166
- }(), []);
167
- var handleSaved = useCallback( /*#__PURE__*/function () {
168
- var _ref5 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee4(data) {
169
- var errorItems;
170
- return _regeneratorRuntime().wrap(function _callee4$(_context4) {
171
- while (1) switch (_context4.prev = _context4.next) {
172
- case 0:
173
- errorItems = data.errorItems;
174
- if (errorItems.length) {
175
- _context4.next = 7;
176
- break;
177
- }
178
- setFalse();
179
- setUpdateTopoState(true);
180
- _context4.next = 6;
181
- return updateTopo(data);
182
- case 6:
183
- setUpdateTopoState(false);
184
- case 7:
185
- case "end":
186
- return _context4.stop();
187
- }
188
- }, _callee4);
189
- }));
190
- return function (_x3) {
191
- return _ref5.apply(this, arguments);
192
- };
193
- }(), []);
194
- return /*#__PURE__*/React.createElement(_Drawer, {
195
- closeMode: ['close', 'esc'],
196
- visible: visible,
197
- onClose: setFalse,
198
- title: link ? '编辑链路' : '添加链路',
199
- className: styles.drawer,
200
- width: "calc(8/24 * 100%)"
201
- }, /*#__PURE__*/React.createElement(_Loading, {
202
- visible: updateTopoState,
203
- fullScreen: true
204
- }), visible && /*#__PURE__*/React.createElement(LinkSetting, {
205
- isAddMode: isAddMode,
206
- link: link,
207
- topoElements: topoData,
208
- topo: topo,
209
- saveCb: handleSaved,
210
- cancelCb: setFalse
211
- }));
212
- });
213
- export default LinkDrawer;
@@ -1,26 +0,0 @@
1
- "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
- exports.__esModule = true;
5
- exports["default"] = SelectTable;
6
- var _react = _interopRequireDefault(require("react"));
7
- function SelectTable(props) {
8
- return /*#__PURE__*/_react["default"].createElement(Table, {
9
- fixedHeader: true,
10
- hasBorder: false,
11
- dataSource: tableData,
12
- emptyContent: /*#__PURE__*/_react["default"].createElement(NoDataPage, {
13
- type: "table"
14
- }),
15
- rowSelection: {
16
- selectedRowKeys: selectedRowKeys,
17
- onChange: onTableSelect,
18
- getProps: function getProps(_ref) {
19
- var id = _ref.id;
20
- return {
21
- disabled: !selectedRowKeys.includes(id) && selectedRowKeys.length >= limit
22
- };
23
- }
24
- }
25
- }, columnNodes);
26
- }
@@ -1,36 +0,0 @@
1
- "use strict";
2
-
3
- exports.__esModule = true;
4
- exports.SELECT_TYPE = exports.DATA_TYPE = void 0;
5
- // 选择类型
6
- var SELECT_TYPE = {
7
- single: {
8
- showTree: false,
9
- showCiNum: false,
10
- drawerWidth: "calc(" + 5 + "/24 * 100%)"
11
- },
12
- batch: {
13
- showTree: true,
14
- showCiNum: true,
15
- drawerWidth: "calc(" + 10 + "/24 * 100%)"
16
- }
17
- };
18
- // 数据类型
19
- exports.SELECT_TYPE = SELECT_TYPE;
20
- var DATA_TYPE = {
21
- tag: {
22
- drawerTitle: '选择图数据',
23
- maxSelect: 4,
24
- label: '图',
25
- poslabel: '拓扑图上',
26
- message: "\u56FE\u6570\u636E\uFF1A\u9009\u62E9\u7684\u6307\u6807\u548C\u5C5E\u6027\u5C06\u4F1A\u663E\u793A\u5728\u62D3\u6251\u56FE\u4E0A\uFF0C\u6700\u591A\u652F\u6301\u52FE\u9009 4 \u9879\u3002"
27
- },
28
- tip: {
29
- drawerTitle: '选择Tooltips显示数据',
30
- maxSelect: 10,
31
- label: 'Tootip',
32
- poslabel: 'Tooltip中',
33
- message: "Tootip\u6570\u636E\uFF1A\u9009\u62E9\u7684\u6307\u6807\u548C\u5C5E\u6027\u5C06\u4F1A\u663E\u793A\u5728Tooltip\u4E2D\uFF0C\u6700\u591A\u652F\u6301\u52FE\u9009 10 \u9879\u3002"
34
- }
35
- };
36
- exports.DATA_TYPE = DATA_TYPE;
@@ -1,75 +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 _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
8
- var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
9
- var _react = _interopRequireWildcard(require("react"));
10
- var _ahooks = require("ahooks");
11
- var _propTypes = _interopRequireDefault(require("prop-types"));
12
- var _indexModule = _interopRequireDefault(require("./index.module.scss"));
13
- var _setting = _interopRequireDefault(require("./setting"));
14
- var _constant = require("./constant");
15
- var _excluded = ["saveCb", "showType"],
16
- _excluded2 = ["drawerTitle", "drawerWidth"];
17
- 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); }
18
- 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; }
19
- /**
20
- * 属性指标配置抽屉
21
- */
22
- var BatchAttrMetricDrawer = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
23
- var _saveCb = props.saveCb,
24
- showType = props.showType,
25
- settingProps = (0, _objectWithoutPropertiesLoose2["default"])(props, _excluded);
26
- var _useBoolean = (0, _ahooks.useBoolean)(false),
27
- visible = _useBoolean[0],
28
- _useBoolean$ = _useBoolean[1],
29
- setTrue = _useBoolean$.setTrue,
30
- setFalse = _useBoolean$.setFalse;
31
- var selectType = 'batch';
32
- (0, _react.useImperativeHandle)(ref, function () {
33
- return {
34
- /**
35
- * 展开抽屉
36
- */
37
- show: function show(entryConfig) {
38
- if (entryConfig === void 0) {
39
- entryConfig = {};
40
- }
41
- setTrue();
42
- }
43
- };
44
- });
45
- var config = (0, _extends2["default"])({}, _constant.SELECT_TYPE[selectType], _constant.DATA_TYPE[showType]);
46
- var drawerTitle = config.drawerTitle,
47
- drawerWidth = config.drawerWidth,
48
- pageConfig = (0, _objectWithoutPropertiesLoose2["default"])(config, _excluded2);
49
- return /*#__PURE__*/_react["default"].createElement(_drawer["default"], {
50
- closeMode: ['close', 'esc'],
51
- visible: visible,
52
- onClose: setFalse,
53
- title: drawerTitle,
54
- className: _indexModule["default"].drawer,
55
- width: drawerWidth
56
- }, visible && /*#__PURE__*/_react["default"].createElement(_setting["default"], (0, _extends2["default"])({}, pageConfig, settingProps, {
57
- cancelCb: setFalse,
58
- saveCb: function saveCb(values) {
59
- setFalse();
60
- _saveCb(showType, values);
61
- }
62
- })));
63
- });
64
- BatchAttrMetricDrawer.displayName = 'BatchAttrMetricDrawer';
65
- BatchAttrMetricDrawer.propTypes = {
66
- // 数据项
67
- dataSource: _propTypes["default"].array.isRequired,
68
- // 保存回调
69
- saveCb: _propTypes["default"].func
70
- };
71
- BatchAttrMetricDrawer.defaultProps = {
72
- saveCb: function saveCb() {}
73
- };
74
- var _default = BatchAttrMetricDrawer;
75
- exports["default"] = _default;