@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.
Files changed (102) hide show
  1. package/README.md +2 -1
  2. package/build/1.js +2 -2
  3. package/build/2.js +1 -1
  4. package/build/index.css +1 -1
  5. package/build/index.js +20 -20
  6. package/es/components/BatchAttrMetric/index.js +9 -19
  7. package/es/components/BatchAttrMetric/setting.js +64 -30
  8. package/es/components/BatchAttrMetric/utils.js +14 -199
  9. package/es/components/ModelAttrSelectDrawer/components/ModelAttrSelectDrawer.js +1 -1
  10. package/es/core/components/DisplaySettingDrawer/ResourceDisplay/BasicConfig.js +6 -7
  11. package/es/core/components/ResourceViewAttributeSetting/Setting.js +30 -58
  12. package/es/core/components/TopoView/topoView.js +0 -1
  13. package/es/core/components/titlebar/TitleBar.module.scss +0 -9
  14. package/es/core/components/titlebar/widgets/TitleWidget.js +2 -5
  15. package/es/core/editor/components/BottomFloatTool/HelpIcon.js +1 -4
  16. package/es/core/editor/components/BottomFloatTool/HelpIcon.module.scss +10 -8
  17. package/es/core/editor/components/Sidebar/views/BackgroundPanel/BackgroundPanel.js +1 -2
  18. package/es/core/editor/components/Toolbar/widgets/BoxBackgroundButton/BoxBackgroundButton.js +1 -4
  19. package/es/core/editor/components/Toolbar/widgets/EdgeColorButton/EdgeColorButton.js +1 -4
  20. package/es/core/editor/components/Toolbar/widgets/EdgeTypeButton/EdgeType.js +3 -6
  21. package/es/core/editor/components/Toolbar/widgets/EdgeTypeButton/index.js +2 -5
  22. package/es/core/editor/components/Toolbar/widgets/NodeAlignWidget.js +1 -4
  23. package/es/core/editor/components/Toolbar/widgets/NodeImageButton/NodeImageButton.js +1 -4
  24. package/es/core/editor/components/Toolbar/widgets/NodeSizeButton/NodeSizeButton.js +1 -4
  25. package/es/core/editor/components/Toolbar/widgets/components/textStyleSetting/ElementTextStyleSetting/elements/box.js +0 -1
  26. package/es/core/editor/components/Toolbar/widgets/components/textStyleSetting/ElementTextStyleSetting/textStyleUtil.js +2 -2
  27. package/es/core/editor/components/Toolbar/widgets/components/textStyleSetting/GlobalTagStyleSetting/globalTag.js +1 -2
  28. package/es/core/hooks/usePolling.js +8 -8
  29. package/es/core/models/TopoApp.js +1 -1
  30. package/es/core/models/topoData.js +2 -2
  31. package/es/core/store/models/topoConfig.js +3 -4
  32. package/es/core/test/Test.js +4 -5
  33. package/es/utils/topoData.js +0 -142
  34. package/lib/components/BatchAttrMetric/index.js +9 -19
  35. package/lib/components/BatchAttrMetric/setting.js +58 -24
  36. package/lib/components/BatchAttrMetric/utils.js +16 -206
  37. package/lib/components/ModelAttrSelectDrawer/components/ModelAttrSelectDrawer.js +1 -1
  38. package/lib/core/components/DisplaySettingDrawer/ResourceDisplay/BasicConfig.js +5 -6
  39. package/lib/core/components/ResourceViewAttributeSetting/Setting.js +28 -56
  40. package/lib/core/components/TopoView/topoView.js +0 -1
  41. package/lib/core/components/titlebar/TitleBar.module.scss +0 -9
  42. package/lib/core/components/titlebar/widgets/TitleWidget.js +2 -7
  43. package/lib/core/editor/components/BottomFloatTool/HelpIcon.js +1 -4
  44. package/lib/core/editor/components/BottomFloatTool/HelpIcon.module.scss +10 -8
  45. package/lib/core/editor/components/Sidebar/views/BackgroundPanel/BackgroundPanel.js +1 -2
  46. package/lib/core/editor/components/Toolbar/widgets/BoxBackgroundButton/BoxBackgroundButton.js +1 -4
  47. package/lib/core/editor/components/Toolbar/widgets/EdgeColorButton/EdgeColorButton.js +1 -4
  48. package/lib/core/editor/components/Toolbar/widgets/EdgeTypeButton/EdgeType.js +3 -6
  49. package/lib/core/editor/components/Toolbar/widgets/EdgeTypeButton/index.js +1 -4
  50. package/lib/core/editor/components/Toolbar/widgets/NodeAlignWidget.js +1 -4
  51. package/lib/core/editor/components/Toolbar/widgets/NodeImageButton/NodeImageButton.js +1 -4
  52. package/lib/core/editor/components/Toolbar/widgets/NodeSizeButton/NodeSizeButton.js +3 -4
  53. package/lib/core/editor/components/Toolbar/widgets/components/textStyleSetting/ElementTextStyleSetting/elements/box.js +0 -1
  54. package/lib/core/editor/components/Toolbar/widgets/components/textStyleSetting/ElementTextStyleSetting/textStyleUtil.js +2 -2
  55. package/lib/core/editor/components/Toolbar/widgets/components/textStyleSetting/GlobalTagStyleSetting/globalTag.js +1 -2
  56. package/lib/core/hooks/usePolling.js +8 -8
  57. package/lib/core/models/TopoApp.js +1 -1
  58. package/lib/core/models/topoData.js +2 -2
  59. package/lib/core/store/models/topoConfig.js +3 -6
  60. package/lib/core/test/Test.js +4 -5
  61. package/lib/utils/topoData.js +0 -145
  62. package/package.json +2 -2
  63. package/es/components/BatchAttrMetric2/SelectTable.js +0 -21
  64. package/es/components/BatchAttrMetric2/constant.js +0 -30
  65. package/es/components/BatchAttrMetric2/index.js +0 -68
  66. package/es/components/BatchAttrMetric2/index.module.scss +0 -76
  67. package/es/components/BatchAttrMetric2/setting.js +0 -181
  68. package/es/components/BatchAttrMetric2/utils.js +0 -42
  69. package/es/components/IndexSettingDrawer/CiList.js +0 -26
  70. package/es/components/IndexSettingDrawer/CiListItem.js +0 -37
  71. package/es/components/IndexSettingDrawer/IndexList.js +0 -62
  72. package/es/components/IndexSettingDrawer/index.js +0 -60
  73. package/es/components/IndexSettingDrawer/index.module.scss +0 -44
  74. package/es/components/ModelAttrSelectDrawer/components/ModelAttrSelect.js +0 -5
  75. package/es/core/components/TopoApp.js +0 -7
  76. package/es/core/components/TopoAppView.js +0 -24
  77. package/es/core/editor/components/Toolbar/widgets/Dropdown.js +0 -12
  78. package/es/core/editor/components/settings/propertyViews/view/GlobalTootipSetting.js +0 -28
  79. package/es/networkTopo/components/Link/index copy.js +0 -213
  80. package/es/networkTopo/store/linkDynamicStyle.js +0 -259
  81. package/es/networkTopo/store/linkDynamicStyleConfig.js +0 -180
  82. package/es/networkTopo/store/linkManager.js +0 -38
  83. package/lib/components/BatchAttrMetric2/SelectTable.js +0 -26
  84. package/lib/components/BatchAttrMetric2/constant.js +0 -36
  85. package/lib/components/BatchAttrMetric2/index.js +0 -75
  86. package/lib/components/BatchAttrMetric2/index.module.scss +0 -76
  87. package/lib/components/BatchAttrMetric2/setting.js +0 -189
  88. package/lib/components/BatchAttrMetric2/utils.js +0 -48
  89. package/lib/components/IndexSettingDrawer/CiList.js +0 -32
  90. package/lib/components/IndexSettingDrawer/CiListItem.js +0 -43
  91. package/lib/components/IndexSettingDrawer/IndexList.js +0 -70
  92. package/lib/components/IndexSettingDrawer/index.js +0 -68
  93. package/lib/components/IndexSettingDrawer/index.module.scss +0 -44
  94. package/lib/components/ModelAttrSelectDrawer/components/ModelAttrSelect.js +0 -11
  95. package/lib/core/components/TopoApp.js +0 -13
  96. package/lib/core/components/TopoAppView.js +0 -32
  97. package/lib/core/editor/components/Toolbar/widgets/Dropdown.js +0 -18
  98. package/lib/core/editor/components/settings/propertyViews/view/GlobalTootipSetting.js +0 -34
  99. package/lib/networkTopo/components/Link/index copy.js +0 -220
  100. package/lib/networkTopo/store/linkDynamicStyle.js +0 -263
  101. package/lib/networkTopo/store/linkDynamicStyleConfig.js +0 -186
  102. 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;