@riil-frontend/component-topology 11.0.27 → 11.0.29
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +2 -1
- 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 +3 -6
- 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/editor/components/Toolbar/widgets/components/textStyleSetting/ElementTextStyleSetting/elements/box.js +0 -1
- package/es/core/editor/components/Toolbar/widgets/components/textStyleSetting/ElementTextStyleSetting/textStyleUtil.js +2 -2
- package/es/core/editor/components/Toolbar/widgets/components/textStyleSetting/GlobalTagStyleSetting/globalTag.js +1 -2
- package/es/core/hooks/usePolling.js +8 -8
- 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/core/test/Test.js +4 -5
- 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 +3 -6
- 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/editor/components/Toolbar/widgets/components/textStyleSetting/ElementTextStyleSetting/elements/box.js +0 -1
- package/lib/core/editor/components/Toolbar/widgets/components/textStyleSetting/ElementTextStyleSetting/textStyleUtil.js +2 -2
- package/lib/core/editor/components/Toolbar/widgets/components/textStyleSetting/GlobalTagStyleSetting/globalTag.js +1 -2
- package/lib/core/hooks/usePolling.js +8 -8
- 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/core/test/Test.js +4 -5
- 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/IndexSettingDrawer/CiList.js +0 -26
- package/es/components/IndexSettingDrawer/CiListItem.js +0 -37
- package/es/components/IndexSettingDrawer/IndexList.js +0 -62
- package/es/components/IndexSettingDrawer/index.js +0 -60
- package/es/components/IndexSettingDrawer/index.module.scss +0 -44
- 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/es/networkTopo/store/linkDynamicStyle.js +0 -259
- package/es/networkTopo/store/linkDynamicStyleConfig.js +0 -180
- package/es/networkTopo/store/linkManager.js +0 -38
- 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/IndexSettingDrawer/CiList.js +0 -32
- package/lib/components/IndexSettingDrawer/CiListItem.js +0 -43
- package/lib/components/IndexSettingDrawer/IndexList.js +0 -70
- package/lib/components/IndexSettingDrawer/index.js +0 -68
- package/lib/components/IndexSettingDrawer/index.module.scss +0 -44
- 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
- package/lib/networkTopo/store/linkDynamicStyle.js +0 -263
- package/lib/networkTopo/store/linkDynamicStyleConfig.js +0 -186
- package/lib/networkTopo/store/linkManager.js +0 -42
@@ -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,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 _list = _interopRequireDefault(require("@alifd/next/lib/list"));
|
7
|
-
var _react = _interopRequireDefault(require("react"));
|
8
|
-
var _CiListItem = _interopRequireDefault(require("./CiListItem"));
|
9
|
-
var _indexModule = _interopRequireDefault(require("./index.module.scss"));
|
10
|
-
var CiList = function CiList(props) {
|
11
|
-
var data = props.data,
|
12
|
-
onSelect = props.onSelect,
|
13
|
-
selected = props.selected,
|
14
|
-
loading = props.loading;
|
15
|
-
var renderItem = function renderItem(item) {
|
16
|
-
return /*#__PURE__*/_react["default"].createElement(_CiListItem["default"], {
|
17
|
-
key: item.value,
|
18
|
-
data: item,
|
19
|
-
onSelect: onSelect,
|
20
|
-
selected: item.value === selected
|
21
|
-
});
|
22
|
-
};
|
23
|
-
return /*#__PURE__*/_react["default"].createElement(_list["default"], {
|
24
|
-
className: _indexModule["default"].cilist,
|
25
|
-
size: "small",
|
26
|
-
loading: loading,
|
27
|
-
dataSource: data,
|
28
|
-
renderItem: renderItem
|
29
|
-
});
|
30
|
-
};
|
31
|
-
var _default = CiList;
|
32
|
-
exports["default"] = _default;
|
@@ -1,43 +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 _icon = _interopRequireDefault(require("@alifd/next/lib/icon"));
|
7
|
-
var _react = _interopRequireDefault(require("react"));
|
8
|
-
var _indexModule = _interopRequireDefault(require("./index.module.scss"));
|
9
|
-
var getIcon = function getIcon(icon) {
|
10
|
-
return "/img/model/" + icon + ".svg";
|
11
|
-
};
|
12
|
-
var onIconError = function onIconError(e) {
|
13
|
-
var image = e.target;
|
14
|
-
if (!image.isLoaded) {
|
15
|
-
image.isLoaded = true;
|
16
|
-
image.src = getIcon('backupOnError');
|
17
|
-
}
|
18
|
-
};
|
19
|
-
var CiListItem = function CiListItem(props) {
|
20
|
-
var data = props.data,
|
21
|
-
onSelect = props.onSelect,
|
22
|
-
selected = props.selected;
|
23
|
-
var onClick = function onClick() {
|
24
|
-
return onSelect(data);
|
25
|
-
};
|
26
|
-
var isCustom = data.icon === 'custom';
|
27
|
-
var className = selected ? _indexModule["default"].ciitem + " " + _indexModule["default"].selected : _indexModule["default"].ciitem;
|
28
|
-
return /*#__PURE__*/_react["default"].createElement("div", {
|
29
|
-
className: className,
|
30
|
-
onClick: onClick
|
31
|
-
}, isCustom ? /*#__PURE__*/_react["default"].createElement(_icon["default"], {
|
32
|
-
className: _indexModule["default"].icon,
|
33
|
-
size: "xs",
|
34
|
-
type: data.icon
|
35
|
-
}) : /*#__PURE__*/_react["default"].createElement("img", {
|
36
|
-
className: _indexModule["default"].icon,
|
37
|
-
src: getIcon(data.icon),
|
38
|
-
alt: data.icon,
|
39
|
-
onError: onIconError
|
40
|
-
}), /*#__PURE__*/_react["default"].createElement("span", null, data.label));
|
41
|
-
};
|
42
|
-
var _default = CiListItem;
|
43
|
-
exports["default"] = _default;
|
@@ -1,70 +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 _table = _interopRequireDefault(require("@alifd/next/lib/table"));
|
7
|
-
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
8
|
-
var _react = _interopRequireWildcard(require("react"));
|
9
|
-
var _NoDataPage = _interopRequireDefault(require("@riil-frontend/component-topology-common/es/components/NoDataPage"));
|
10
|
-
var _table2 = require("@riil-frontend/component-topology-common/es/utils/table");
|
11
|
-
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); }
|
12
|
-
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; }
|
13
|
-
// import styles from './index.module.scss';
|
14
|
-
|
15
|
-
var TYPES_NAME = {
|
16
|
-
attributes: '属性',
|
17
|
-
metrics: '指标'
|
18
|
-
};
|
19
|
-
var IndexList = function IndexList(props) {
|
20
|
-
var _props$data = props.data,
|
21
|
-
data = _props$data === void 0 ? [] : _props$data,
|
22
|
-
initialValue = props.initialValue,
|
23
|
-
onChange = props.onChange,
|
24
|
-
loading = props.loading;
|
25
|
-
var _useState = (0, _react.useState)(initialValue || []),
|
26
|
-
selectedRowKeys = _useState[0],
|
27
|
-
setSelectedRowKeys = _useState[1];
|
28
|
-
var onSelectionChange = function onSelectionChange(selectedRowKeys, records) {
|
29
|
-
setSelectedRowKeys(selectedRowKeys);
|
30
|
-
if (onChange) {
|
31
|
-
onChange(selectedRowKeys);
|
32
|
-
}
|
33
|
-
};
|
34
|
-
var rowSelection = {
|
35
|
-
onChange: onSelectionChange,
|
36
|
-
selectedRowKeys: selectedRowKeys
|
37
|
-
};
|
38
|
-
var columns = [{
|
39
|
-
title: '属性/指标',
|
40
|
-
dataIndex: 'name',
|
41
|
-
cell: _table2.getTitleCell
|
42
|
-
}, {
|
43
|
-
title: '类型',
|
44
|
-
dataIndex: 'type',
|
45
|
-
cell: function cell(type) {
|
46
|
-
return (0, _table2.getTitleCell)(TYPES_NAME[type]);
|
47
|
-
}
|
48
|
-
}];
|
49
|
-
return /*#__PURE__*/_react["default"].createElement(_table["default"], {
|
50
|
-
dataSource: data,
|
51
|
-
primaryKey: "code",
|
52
|
-
rowSelection: rowSelection,
|
53
|
-
size: "small",
|
54
|
-
tableLayout: "auto",
|
55
|
-
maxBodyHeight: "100vh",
|
56
|
-
tableWidth: 300,
|
57
|
-
fixedHeader: true,
|
58
|
-
hasBorder: false,
|
59
|
-
loading: loading,
|
60
|
-
emptyContent: /*#__PURE__*/_react["default"].createElement(_NoDataPage["default"], {
|
61
|
-
type: "table"
|
62
|
-
})
|
63
|
-
}, columns.map(function (column) {
|
64
|
-
return /*#__PURE__*/_react["default"].createElement(_table["default"].Column, (0, _extends2["default"])({}, column, {
|
65
|
-
key: column.dataIndex
|
66
|
-
}));
|
67
|
-
}));
|
68
|
-
};
|
69
|
-
var _default = IndexList;
|
70
|
-
exports["default"] = _default;
|
@@ -1,68 +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 _divider = _interopRequireDefault(require("@alifd/next/lib/divider"));
|
7
|
-
var _react = _interopRequireWildcard(require("react"));
|
8
|
-
var _TopoCenter = require("ice/TopoCenter");
|
9
|
-
var _utils = require("@riil-frontend/utils");
|
10
|
-
var _Drawer = _interopRequireDefault(require("../Drawer"));
|
11
|
-
var _CiList = _interopRequireDefault(require("./CiList"));
|
12
|
-
var _IndexList = _interopRequireDefault(require("./IndexList"));
|
13
|
-
var _indexModule = _interopRequireDefault(require("./index.module.scss"));
|
14
|
-
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); }
|
15
|
-
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; }
|
16
|
-
var IndexSettingDrawer = function IndexSettingDrawer(props) {
|
17
|
-
var visible = props.visible,
|
18
|
-
initialData = props.initialData,
|
19
|
-
onSave = props.onSave,
|
20
|
-
onClose = props.onClose;
|
21
|
-
var effectsState = _TopoCenter.store.useModelEffectsState('ciModel');
|
22
|
-
var ciLoading = effectsState.getTypeDicts.isLoading;
|
23
|
-
var metaLoading = effectsState.getCiMeta.isLoading;
|
24
|
-
var _pageStore$useModel = _TopoCenter.store.useModel('ciModel'),
|
25
|
-
pageState = _pageStore$useModel[0],
|
26
|
-
pageDispatchers = _pageStore$useModel[1];
|
27
|
-
(0, _react.useEffect)(function () {
|
28
|
-
pageDispatchers.getTypeDicts();
|
29
|
-
}, []);
|
30
|
-
var typeDicts = pageState.typeDicts,
|
31
|
-
_pageState$currentCi = pageState.currentCi,
|
32
|
-
_pageState$currentCi2 = _pageState$currentCi === void 0 ? {} : _pageState$currentCi,
|
33
|
-
code = _pageState$currentCi2.code,
|
34
|
-
_pageState$currentCi3 = _pageState$currentCi2.meta,
|
35
|
-
meta = _pageState$currentCi3 === void 0 ? [] : _pageState$currentCi3;
|
36
|
-
var onDrawerSave = function onDrawerSave() {
|
37
|
-
// onSave(data[0]);
|
38
|
-
onClose();
|
39
|
-
};
|
40
|
-
var onCiSelect = function onCiSelect(ci) {
|
41
|
-
pageDispatchers.getCiMeta(ci.value);
|
42
|
-
};
|
43
|
-
var onMetaChange = function onMetaChange(values) {
|
44
|
-
// console.log(values);
|
45
|
-
};
|
46
|
-
return /*#__PURE__*/_react["default"].createElement(_Drawer["default"], {
|
47
|
-
title: "\u9009\u62E9\u6570\u636E",
|
48
|
-
visible: visible,
|
49
|
-
onSave: onDrawerSave,
|
50
|
-
onClose: onClose
|
51
|
-
}, /*#__PURE__*/_react["default"].createElement("div", {
|
52
|
-
className: _indexModule["default"].container
|
53
|
-
}, /*#__PURE__*/_react["default"].createElement(_CiList["default"], {
|
54
|
-
data: typeDicts,
|
55
|
-
loading: ciLoading,
|
56
|
-
onSelect: onCiSelect,
|
57
|
-
selected: code
|
58
|
-
}), /*#__PURE__*/_react["default"].createElement(_divider["default"], {
|
59
|
-
className: _indexModule["default"].separator,
|
60
|
-
direction: "ver"
|
61
|
-
}), code && /*#__PURE__*/_react["default"].createElement(_IndexList["default"], {
|
62
|
-
data: meta,
|
63
|
-
loading: metaLoading,
|
64
|
-
onChange: onMetaChange
|
65
|
-
})));
|
66
|
-
};
|
67
|
-
var _default = IndexSettingDrawer;
|
68
|
-
exports["default"] = _default;
|
@@ -1,44 +0,0 @@
|
|
1
|
-
@import "@alifd/next/variables";
|
2
|
-
|
3
|
-
.container {
|
4
|
-
display: flex;
|
5
|
-
align-items: stretch;
|
6
|
-
align-content: stretch;
|
7
|
-
}
|
8
|
-
|
9
|
-
.cilist {
|
10
|
-
width: calc(100% - 317px);
|
11
|
-
}
|
12
|
-
|
13
|
-
.ciitem {
|
14
|
-
display: flex;
|
15
|
-
align-items: center;
|
16
|
-
cursor: pointer;
|
17
|
-
margin: 0 4px;
|
18
|
-
padding: 4px;
|
19
|
-
border-radius: 2px;
|
20
|
-
color: #333;
|
21
|
-
background-color: #FFF;
|
22
|
-
height: 20px;
|
23
|
-
line-height: 20px;
|
24
|
-
font-size: 12px;
|
25
|
-
|
26
|
-
&:hover {
|
27
|
-
background-color: #F2F3F7;
|
28
|
-
}
|
29
|
-
|
30
|
-
.icon {
|
31
|
-
width: 16px;
|
32
|
-
height: 16px;
|
33
|
-
margin-right: 8px;
|
34
|
-
}
|
35
|
-
|
36
|
-
&.selected {
|
37
|
-
background-color: #F2F3F7;
|
38
|
-
color: $color-brand1-6;
|
39
|
-
}
|
40
|
-
}
|
41
|
-
|
42
|
-
.separator {
|
43
|
-
height: 100vh;
|
44
|
-
}
|
@@ -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;
|