@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.
- package/build/1.js +2 -2
- package/build/2.js +1 -1
- package/build/index.css +1 -1
- package/build/index.js +20 -20
- package/es/components/BatchAttrMetric/index.js +9 -19
- package/es/components/BatchAttrMetric/setting.js +64 -30
- package/es/components/BatchAttrMetric/utils.js +14 -199
- package/es/components/ModelAttrSelectDrawer/components/ModelAttrSelectDrawer.js +1 -1
- package/es/core/components/DisplaySettingDrawer/ResourceDisplay/BasicConfig.js +6 -7
- package/es/core/components/ResourceViewAttributeSetting/Setting.js +30 -58
- package/es/core/components/TopoView/topoView.js +0 -1
- package/es/core/components/titlebar/TitleBar.module.scss +0 -9
- package/es/core/components/titlebar/widgets/TitleWidget.js +2 -5
- package/es/core/editor/components/BottomFloatTool/HelpIcon.js +1 -4
- package/es/core/editor/components/BottomFloatTool/HelpIcon.module.scss +10 -8
- package/es/core/editor/components/Sidebar/views/BackgroundPanel/BackgroundPanel.js +1 -2
- package/es/core/editor/components/Toolbar/widgets/BoxBackgroundButton/BoxBackgroundButton.js +1 -4
- package/es/core/editor/components/Toolbar/widgets/EdgeColorButton/EdgeColorButton.js +1 -4
- package/es/core/editor/components/Toolbar/widgets/EdgeTypeButton/EdgeType.js +0 -1
- package/es/core/editor/components/Toolbar/widgets/EdgeTypeButton/index.js +2 -5
- package/es/core/editor/components/Toolbar/widgets/NodeAlignWidget.js +1 -4
- package/es/core/editor/components/Toolbar/widgets/NodeImageButton/NodeImageButton.js +1 -4
- package/es/core/editor/components/Toolbar/widgets/NodeSizeButton/NodeSizeButton.js +1 -4
- package/es/core/models/TopoApp.js +1 -1
- package/es/core/models/topoData.js +2 -2
- package/es/core/store/models/topoConfig.js +3 -4
- package/es/utils/topoData.js +0 -142
- package/lib/components/BatchAttrMetric/index.js +9 -19
- package/lib/components/BatchAttrMetric/setting.js +58 -24
- package/lib/components/BatchAttrMetric/utils.js +16 -206
- package/lib/components/ModelAttrSelectDrawer/components/ModelAttrSelectDrawer.js +1 -1
- package/lib/core/components/DisplaySettingDrawer/ResourceDisplay/BasicConfig.js +5 -6
- package/lib/core/components/ResourceViewAttributeSetting/Setting.js +28 -56
- package/lib/core/components/TopoView/topoView.js +0 -1
- package/lib/core/components/titlebar/TitleBar.module.scss +0 -9
- package/lib/core/components/titlebar/widgets/TitleWidget.js +2 -7
- package/lib/core/editor/components/BottomFloatTool/HelpIcon.js +1 -4
- package/lib/core/editor/components/BottomFloatTool/HelpIcon.module.scss +10 -8
- package/lib/core/editor/components/Sidebar/views/BackgroundPanel/BackgroundPanel.js +1 -2
- package/lib/core/editor/components/Toolbar/widgets/BoxBackgroundButton/BoxBackgroundButton.js +1 -4
- package/lib/core/editor/components/Toolbar/widgets/EdgeColorButton/EdgeColorButton.js +1 -4
- package/lib/core/editor/components/Toolbar/widgets/EdgeTypeButton/EdgeType.js +0 -1
- package/lib/core/editor/components/Toolbar/widgets/EdgeTypeButton/index.js +1 -4
- package/lib/core/editor/components/Toolbar/widgets/NodeAlignWidget.js +1 -4
- package/lib/core/editor/components/Toolbar/widgets/NodeImageButton/NodeImageButton.js +1 -4
- package/lib/core/editor/components/Toolbar/widgets/NodeSizeButton/NodeSizeButton.js +3 -4
- package/lib/core/models/TopoApp.js +1 -1
- package/lib/core/models/topoData.js +2 -2
- package/lib/core/store/models/topoConfig.js +3 -6
- package/lib/utils/topoData.js +0 -145
- package/package.json +2 -2
- package/es/components/BatchAttrMetric2/SelectTable.js +0 -21
- package/es/components/BatchAttrMetric2/constant.js +0 -30
- package/es/components/BatchAttrMetric2/index.js +0 -68
- package/es/components/BatchAttrMetric2/index.module.scss +0 -76
- package/es/components/BatchAttrMetric2/setting.js +0 -181
- package/es/components/BatchAttrMetric2/utils.js +0 -42
- package/es/components/ModelAttrSelectDrawer/components/ModelAttrSelect.js +0 -5
- package/es/core/components/TopoApp.js +0 -7
- package/es/core/components/TopoAppView.js +0 -24
- package/es/core/editor/components/Toolbar/widgets/Dropdown.js +0 -12
- package/es/core/editor/components/settings/propertyViews/view/GlobalTootipSetting.js +0 -28
- package/es/networkTopo/components/Link/index copy.js +0 -213
- package/lib/components/BatchAttrMetric2/SelectTable.js +0 -26
- package/lib/components/BatchAttrMetric2/constant.js +0 -36
- package/lib/components/BatchAttrMetric2/index.js +0 -75
- package/lib/components/BatchAttrMetric2/index.module.scss +0 -76
- package/lib/components/BatchAttrMetric2/setting.js +0 -189
- package/lib/components/BatchAttrMetric2/utils.js +0 -48
- package/lib/components/ModelAttrSelectDrawer/components/ModelAttrSelect.js +0 -11
- package/lib/core/components/TopoApp.js +0 -13
- package/lib/core/components/TopoAppView.js +0 -32
- package/lib/core/editor/components/Toolbar/widgets/Dropdown.js +0 -18
- package/lib/core/editor/components/settings/propertyViews/view/GlobalTootipSetting.js +0 -34
- 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,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;
|