@riil-frontend/component-topology 9.0.0-a.7 → 9.0.0-a.9

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 (23) hide show
  1. package/build/index.css +1 -1
  2. package/build/index.js +2 -2
  3. package/es/components/VerticalIconTab/VerticalIconTab.module.scss +11 -5
  4. package/es/core/editor/components/BackgroundView/index.module.scss +1 -0
  5. package/es/core/editor/components/Sidebar/Sidebar.module.scss +7 -7
  6. package/es/core/editor/components/Sidebar/views/CanvasPanel/CanvasPanel.module.scss +1 -0
  7. package/es/core/editor/components/Sidebar/views/ComponentPanel.js +1 -1
  8. package/es/core/editor/components/Sidebar/views/ImagePanel/ImagePanel.js +2 -1
  9. package/es/core/editor/components/Sidebar/views/LinkPanel.js +1 -1
  10. package/es/core/models/TopoApp.js +1 -1
  11. package/es/core/viewer/components/plugins/ResourceDetail/components/ResourceOverview/components/LinkTopo/LinkTopoCard.js +1 -1
  12. package/es/core/viewer/components/plugins/ResourceDetail/components/ResourceOverview/hooks/useMetricModels.js +3 -9
  13. package/lib/components/VerticalIconTab/VerticalIconTab.module.scss +11 -5
  14. package/lib/core/editor/components/BackgroundView/index.module.scss +1 -0
  15. package/lib/core/editor/components/Sidebar/Sidebar.module.scss +7 -7
  16. package/lib/core/editor/components/Sidebar/views/CanvasPanel/CanvasPanel.module.scss +1 -0
  17. package/lib/core/editor/components/Sidebar/views/ComponentPanel.js +1 -1
  18. package/lib/core/editor/components/Sidebar/views/ImagePanel/ImagePanel.js +2 -1
  19. package/lib/core/editor/components/Sidebar/views/LinkPanel.js +1 -1
  20. package/lib/core/models/TopoApp.js +1 -1
  21. package/lib/core/viewer/components/plugins/ResourceDetail/components/ResourceOverview/components/LinkTopo/LinkTopoCard.js +1 -1
  22. package/lib/core/viewer/components/plugins/ResourceDetail/components/ResourceOverview/hooks/useMetricModels.js +3 -10
  23. package/package.json +2 -2
package/es/components/VerticalIconTab/VerticalIconTab.module.scss CHANGED
@@ -3,8 +3,8 @@
3
3
 
4
4
  .tabs {
5
5
  height: 100%;
6
-
7
- }
6
+ display: flex;
7
+ }
8
8
 
9
9
  // 导航
10
10
  .nav {
@@ -49,17 +49,23 @@
49
49
 
50
50
  // 标签页内容区
51
51
  .content {
52
- width: 260px;
52
+ // width: 260px;
53
53
  height: 100%;
54
54
  border-left: none !important;
55
- border-right: 1px solid var(--tab-wrapped-border-line-color);
56
55
  transition: width .1s linear;
56
+ overflow: initial !important;
57
57
 
58
58
  :global {
59
59
  .#{$css-prefix}tabs-tabpane {
60
- width: 100%;
60
+ position: absolute;
61
+ left: 0;
62
+ top: 0;
63
+ z-index: 1;
64
+ // width: 250px;
61
65
  height: 100%;
62
66
  overflow: auto;
67
+ background: #FFF;
68
+ border-right: 1px solid var(--tab-wrapped-border-line-color);
63
69
  }
64
70
  }
65
71
 
package/es/core/editor/components/BackgroundView/index.module.scss CHANGED
@@ -1,6 +1,7 @@
1
1
  @import "~@alifd/next/variables.scss";
2
2
 
3
3
  .background-view {
4
+ width: 260px;
4
5
  padding: 16px;
5
6
  background: #fff;
6
7
  .option {
package/es/core/editor/components/Sidebar/Sidebar.module.scss CHANGED
@@ -1,19 +1,19 @@
1
1
  .sidebar {
2
2
  // border-right: 1px solid #E6E7EB;
3
3
  position: relative;
4
- width: 60px;
4
+ // width: 60px;
5
5
 
6
6
  .tabsContainer {
7
- position: absolute;
8
- width: 60px;
7
+ // position: absolute;
8
+ // left: 0;
9
+ // top: 0;
10
+ // z-index: 1;
11
+ // width: 60px;
9
12
  height: 100%;
10
- left: 0;
11
- top: 0;
12
- z-index: 1;
13
13
  background: #FFF;
14
14
 
15
15
  &.expanded {
16
- width: 320px;
16
+ // width: 320px;
17
17
  }
18
18
  }
19
19
  }
package/es/core/editor/components/Sidebar/views/CanvasPanel/CanvasPanel.module.scss CHANGED
@@ -1,6 +1,7 @@
1
1
  @import "~@alifd/next/variables.scss";
2
2
 
3
3
  .canvasToggle {
4
+ width: 260px;
4
5
  display: flex;
5
6
  flex-wrap: wrap;
6
7
  .canvas {
package/es/core/editor/components/Sidebar/views/ComponentPanel.js CHANGED
@@ -34,7 +34,7 @@ export default function ComponentPanel(props) {
34
34
  return /*#__PURE__*/React.createElement("div", {
35
35
  ref: divRef,
36
36
  style: {
37
- width: '100%',
37
+ width: '260px',
38
38
  height: '100%'
39
39
  }
40
40
  });
package/es/core/editor/components/Sidebar/views/ImagePanel/ImagePanel.js CHANGED
@@ -24,7 +24,8 @@ export default function ImagePanel(props) {
24
24
  accordion: true,
25
25
  defaultExpandedKeys: ['资源图片'],
26
26
  style: {
27
- border: 'none'
27
+ border: 'none',
28
+ minWidth: '300px'
28
29
  },
29
30
  fullheight: true,
30
31
  noContentPadding: true
package/es/core/editor/components/Sidebar/views/LinkPanel.js CHANGED
@@ -34,7 +34,7 @@ function LinkPanel(props) {
34
34
  return /*#__PURE__*/React.createElement("div", {
35
35
  ref: divRef,
36
36
  style: {
37
- width: '100%',
37
+ width: '260px',
38
38
  height: '100%'
39
39
  }
40
40
  });
package/es/core/models/TopoApp.js CHANGED
@@ -24,7 +24,7 @@ import ElementTagTipConfig from "./tagstips/ElementTagTipConfig";
24
24
  import SelectionModel from "./SelectionModel";
25
25
  import CiCache from "./cache/CiCache"; // eslint-disable-next-line no-undef
26
26
 
27
- var version = typeof "9.0.0-a.7" === 'string' ? "9.0.0-a.7" : null;
27
+ var version = typeof "9.0.0-a.9" === 'string' ? "9.0.0-a.9" : null;
28
28
  console.info("\u62D3\u6251\u7248\u672C: " + version);
29
29
  /**
30
30
  * 拓扑显示和编辑
package/es/core/viewer/components/plugins/ResourceDetail/components/ResourceOverview/components/LinkTopo/LinkTopoCard.js CHANGED
@@ -39,7 +39,7 @@ export default function LinkTopoCard(props) {
39
39
  case 2:
40
40
  checkMenus = _context.sent;
41
41
 
42
- if (!(checkMenus[0].passed == 'PASS')) {
42
+ if (!(checkMenus[0].passed == 'PASS' && isCrucial)) {
43
43
  _context.next = 10;
44
44
  break;
45
45
  }
package/es/core/viewer/components/plugins/ResourceDetail/components/ResourceOverview/hooks/useMetricModels.js CHANGED
@@ -3,7 +3,6 @@ import _regeneratorRuntime from "@babel/runtime/regenerator";
3
3
  import { useRequest } from 'ahooks';
4
4
  import { useEffect, useState } from 'react';
5
5
  import { queryCiMonitorMetricCodes } from "../../../getCiDisplayMetricModels";
6
- import { checkMenu, isOpenFlow } from "../components/LinkTopo/services";
7
6
  /**
8
7
  * 概览指标定义
9
8
  * @param {*} props
@@ -35,7 +34,7 @@ var useMetricModels = function useMetricModels(props) {
35
34
 
36
35
  function _fetchData() {
37
36
  _fetchData = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
38
- var monitorMetrics, ciMonitorMetricModels, checkMenus, displayMetricModels, _metricCodes;
37
+ var monitorMetrics, ciMonitorMetricModels, displayMetricModels, _metricCodes;
39
38
 
40
39
  return _regeneratorRuntime.wrap(function _callee$(_context) {
41
40
  while (1) {
@@ -51,13 +50,8 @@ var useMetricModels = function useMetricModels(props) {
51
50
  return item === m.code;
52
51
  });
53
52
  });
54
- _context.next = 6;
55
- return checkMenu();
56
53
 
57
- case 6:
58
- checkMenus = _context.sent;
59
-
60
- if (checkMenus[0].passed == 'PASS' && resourceData.attributes.display_name && resourceData.attributes['network_link.is_crucial']) {
54
+ if (resourceData.attributes['network_link.is_crucial']) {
61
55
  ciMonitorMetricModels.unshift({
62
56
  changeValue: null,
63
57
  code: "netDelayRatio",
@@ -110,7 +104,7 @@ var useMetricModels = function useMetricModels(props) {
110
104
 
111
105
  return _context.abrupt("return", displayMetricModels);
112
106
 
113
- case 13:
107
+ case 10:
114
108
  case "end":
115
109
  return _context.stop();
116
110
  }
package/lib/components/VerticalIconTab/VerticalIconTab.module.scss CHANGED
@@ -3,8 +3,8 @@
3
3
 
4
4
  .tabs {
5
5
  height: 100%;
6
-
7
- }
6
+ display: flex;
7
+ }
8
8
 
9
9
  // 导航
10
10
  .nav {
@@ -49,17 +49,23 @@
49
49
 
50
50
  // 标签页内容区
51
51
  .content {
52
- width: 260px;
52
+ // width: 260px;
53
53
  height: 100%;
54
54
  border-left: none !important;
55
- border-right: 1px solid var(--tab-wrapped-border-line-color);
56
55
  transition: width .1s linear;
56
+ overflow: initial !important;
57
57
 
58
58
  :global {
59
59
  .#{$css-prefix}tabs-tabpane {
60
- width: 100%;
60
+ position: absolute;
61
+ left: 0;
62
+ top: 0;
63
+ z-index: 1;
64
+ // width: 250px;
61
65
  height: 100%;
62
66
  overflow: auto;
67
+ background: #FFF;
68
+ border-right: 1px solid var(--tab-wrapped-border-line-color);
63
69
  }
64
70
  }
65
71
 
package/lib/core/editor/components/BackgroundView/index.module.scss CHANGED
@@ -1,6 +1,7 @@
1
1
  @import "~@alifd/next/variables.scss";
2
2
 
3
3
  .background-view {
4
+ width: 260px;
4
5
  padding: 16px;
5
6
  background: #fff;
6
7
  .option {
package/lib/core/editor/components/Sidebar/Sidebar.module.scss CHANGED
@@ -1,19 +1,19 @@
1
1
  .sidebar {
2
2
  // border-right: 1px solid #E6E7EB;
3
3
  position: relative;
4
- width: 60px;
4
+ // width: 60px;
5
5
 
6
6
  .tabsContainer {
7
- position: absolute;
8
- width: 60px;
7
+ // position: absolute;
8
+ // left: 0;
9
+ // top: 0;
10
+ // z-index: 1;
11
+ // width: 60px;
9
12
  height: 100%;
10
- left: 0;
11
- top: 0;
12
- z-index: 1;
13
13
  background: #FFF;
14
14
 
15
15
  &.expanded {
16
- width: 320px;
16
+ // width: 320px;
17
17
  }
18
18
  }
19
19
  }
package/lib/core/editor/components/Sidebar/views/CanvasPanel/CanvasPanel.module.scss CHANGED
@@ -1,6 +1,7 @@
1
1
  @import "~@alifd/next/variables.scss";
2
2
 
3
3
  .canvasToggle {
4
+ width: 260px;
4
5
  display: flex;
5
6
  flex-wrap: wrap;
6
7
  .canvas {
package/lib/core/editor/components/Sidebar/views/ComponentPanel.js CHANGED
@@ -46,7 +46,7 @@ function ComponentPanel(props) {
46
46
  return /*#__PURE__*/_react["default"].createElement("div", {
47
47
  ref: divRef,
48
48
  style: {
49
- width: '100%',
49
+ width: '260px',
50
50
  height: '100%'
51
51
  }
52
52
  });
package/lib/core/editor/components/Sidebar/views/ImagePanel/ImagePanel.js CHANGED
@@ -46,7 +46,8 @@ function ImagePanel(props) {
46
46
  accordion: true,
47
47
  defaultExpandedKeys: ['资源图片'],
48
48
  style: {
49
- border: 'none'
49
+ border: 'none',
50
+ minWidth: '300px'
50
51
  },
51
52
  fullheight: true,
52
53
  noContentPadding: true
package/lib/core/editor/components/Sidebar/views/LinkPanel.js CHANGED
@@ -46,7 +46,7 @@ function LinkPanel(props) {
46
46
  return /*#__PURE__*/_react["default"].createElement("div", {
47
47
  ref: divRef,
48
48
  style: {
49
- width: '100%',
49
+ width: '260px',
50
50
  height: '100%'
51
51
  }
52
52
  });
package/lib/core/models/TopoApp.js CHANGED
@@ -56,7 +56,7 @@ var _SelectionModel = _interopRequireDefault(require("./SelectionModel"));
56
56
  var _CiCache = _interopRequireDefault(require("./cache/CiCache"));
57
57
 
58
58
  // eslint-disable-next-line no-undef
59
- var version = typeof "9.0.0-a.7" === 'string' ? "9.0.0-a.7" : null;
59
+ var version = typeof "9.0.0-a.9" === 'string' ? "9.0.0-a.9" : null;
60
60
  console.info("\u62D3\u6251\u7248\u672C: " + version);
61
61
  /**
62
62
  * 拓扑显示和编辑
package/lib/core/viewer/components/plugins/ResourceDetail/components/ResourceOverview/components/LinkTopo/LinkTopoCard.js CHANGED
@@ -57,7 +57,7 @@ function LinkTopoCard(props) {
57
57
  case 2:
58
58
  checkMenus = _context.sent;
59
59
 
60
- if (!(checkMenus[0].passed == 'PASS')) {
60
+ if (!(checkMenus[0].passed == 'PASS' && isCrucial)) {
61
61
  _context.next = 10;
62
62
  break;
63
63
  }
package/lib/core/viewer/components/plugins/ResourceDetail/components/ResourceOverview/hooks/useMetricModels.js CHANGED
@@ -15,8 +15,6 @@ var _react = require("react");
15
15
 
16
16
  var _getCiDisplayMetricModels = require("../../../getCiDisplayMetricModels");
17
17
 
18
- var _services = require("../components/LinkTopo/services");
19
-
20
18
  /**
21
19
  * 概览指标定义
22
20
  * @param {*} props
@@ -47,7 +45,7 @@ var useMetricModels = function useMetricModels(props) {
47
45
 
48
46
  function _fetchData() {
49
47
  _fetchData = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee() {
50
- var monitorMetrics, ciMonitorMetricModels, checkMenus, displayMetricModels, _metricCodes;
48
+ var monitorMetrics, ciMonitorMetricModels, displayMetricModels, _metricCodes;
51
49
 
52
50
  return _regenerator["default"].wrap(function _callee$(_context) {
53
51
  while (1) {
@@ -63,13 +61,8 @@ var useMetricModels = function useMetricModels(props) {
63
61
  return item === m.code;
64
62
  });
65
63
  });
66
- _context.next = 6;
67
- return (0, _services.checkMenu)();
68
-
69
- case 6:
70
- checkMenus = _context.sent;
71
64
 
72
- if (checkMenus[0].passed == 'PASS' && resourceData.attributes.display_name && resourceData.attributes['network_link.is_crucial']) {
65
+ if (resourceData.attributes['network_link.is_crucial']) {
73
66
  ciMonitorMetricModels.unshift({
74
67
  changeValue: null,
75
68
  code: "netDelayRatio",
@@ -122,7 +115,7 @@ var useMetricModels = function useMetricModels(props) {
122
115
 
123
116
  return _context.abrupt("return", displayMetricModels);
124
117
 
125
- case 13:
118
+ case 10:
126
119
  case "end":
127
120
  return _context.stop();
128
121
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@riil-frontend/component-topology",
3
- "version": "9.0.0-a.7",
3
+ "version": "9.0.0-a.9",
4
4
  "description": "拓扑",
5
5
  "scripts": {
6
6
  "start": "build-scripts start",
@@ -116,6 +116,6 @@
116
116
  "access": "public"
117
117
  },
118
118
  "license": "MIT",
119
- "homepage": "https://unpkg.com/@riil-frontend/component-topology@9.0.0-a.7/build/index.html",
119
+ "homepage": "https://unpkg.com/@riil-frontend/component-topology@9.0.0-a.9/build/index.html",
120
120
  "gitHead": "2da19ffccbb7ca60a8acf396e39f542c68bb33f5"
121
121
  }