@riil-frontend/component-topology 2.14.2-alpha.13 → 2.14.2-alpha.18

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 (25) hide show
  1. package/build/index.css +1 -1
  2. package/build/index.js +27 -27
  3. package/es/core/components/DisplaySettingDrawer/DisplaySettingDrawer.js +1 -1
  4. package/es/core/editor/components/iconManage/UploadIconDialog.js +11 -5
  5. package/es/core/models/common/Alarm.js +32 -32
  6. package/es/core/services/overview.js +29 -0
  7. package/es/core/utils/exportData.js +1 -1
  8. package/es/core/viewer/components/plugins/BaseInfo/components/ResourceOverview/index.js +387 -136
  9. package/es/core/viewer/components/plugins/BaseInfo/components/ResourceOverview/index.module.scss +12 -1
  10. package/es/core/viewer/components/plugins/BaseInfo/index.js +27 -6
  11. package/es/core/viewer/components/plugins/BaseInfo/index.module.scss +1 -1
  12. package/es/models/topoAlarm.js +50 -23
  13. package/es/style.js +1 -0
  14. package/lib/core/components/DisplaySettingDrawer/DisplaySettingDrawer.js +1 -1
  15. package/lib/core/editor/components/iconManage/UploadIconDialog.js +16 -5
  16. package/lib/core/models/common/Alarm.js +27 -27
  17. package/lib/core/services/overview.js +40 -0
  18. package/lib/core/utils/exportData.js +1 -1
  19. package/lib/core/viewer/components/plugins/BaseInfo/components/ResourceOverview/index.js +398 -136
  20. package/lib/core/viewer/components/plugins/BaseInfo/components/ResourceOverview/index.module.scss +12 -1
  21. package/lib/core/viewer/components/plugins/BaseInfo/index.js +27 -6
  22. package/lib/core/viewer/components/plugins/BaseInfo/index.module.scss +1 -1
  23. package/lib/models/topoAlarm.js +49 -23
  24. package/lib/style.js +1 -0
  25. package/package.json +2 -2
@@ -67,7 +67,18 @@
67
67
  }
68
68
  }
69
69
  }
70
- .alarm{
70
+ .alarm {
71
71
  margin-top: 12px;
72
+ .alarm-color-icon {
73
+ width: 12px;
74
+ height: 12px;
75
+ font-size: 12px;
76
+ margin-right: 4px;
77
+ }
78
+ :global {
79
+ .#{$css-prefix}btn-helper{
80
+ vertical-align: baseline;
81
+ }
82
+ }
72
83
  }
73
84
  }
@@ -31,12 +31,24 @@ function Title(_ref) {
31
31
  var id = _ref.id,
32
32
  name = _ref.name,
33
33
  type = _ref.type,
34
- onChange = _ref.onChange;
34
+ onChange = _ref.onChange,
35
+ topo = _ref.topo;
35
36
 
36
37
  if (type === 'node') {
37
38
  // 查询资源列表
39
+ console.log('topo 查询资源列表 title params', {
40
+ id: id,
41
+ name: name,
42
+ type: type,
43
+ onChange: onChange,
44
+ topo: topo
45
+ });
38
46
  var nodes = topo.store.getModelState('topoMod').data.nodes;
39
47
  console.log('查询资源列表', nodes);
48
+ nodes = nodes.filter(function (item) {
49
+ return item.id !== id;
50
+ });
51
+ if (!nodes.length) return name;
40
52
  return /*#__PURE__*/_react["default"].createElement(_menuButton["default"], {
41
53
  text: true,
42
54
  label: name,
@@ -74,12 +86,15 @@ function BaseInfo(props) {
74
86
  name: '',
75
87
  type: '',
76
88
  // 类型: node、link
77
- ciType: ''
89
+ ciType: '',
90
+ ciName: ''
78
91
  }),
79
92
  activeData = _useState2[0],
80
93
  setActiveData = _useState2[1];
81
94
 
95
+ console.log('topo 概览', props);
82
96
  (0, _react.useEffect)(function () {
97
+ console.log('topo 概览', props);
83
98
  var notifier = topo.view.topoClient.notifier;
84
99
  notifier.on(_componentTopologyGraph.TopoEvent.EVENT_DOUBLE_CLICK, openOverview);
85
100
  return function () {
@@ -88,17 +103,23 @@ function BaseInfo(props) {
88
103
  }, []);
89
104
 
90
105
  function openOverview(data) {
106
+ var _topo$options$resourc;
107
+
91
108
  console.log('openOverview data', data);
92
109
  var id = data.id,
93
110
  name = data.name,
94
111
  type = data.type,
95
- ciType = data.ciType;
112
+ ciType = data.ciType,
113
+ ciName = data.ciName;
96
114
  setActiveData({
97
115
  id: id,
98
116
  name: name,
99
117
  type: type,
100
- ciType: ciType
101
- });
118
+ ciType: ciType,
119
+ ciName: ciName
120
+ }); // 应用拓扑中没有链路详情
121
+
122
+ if ((_topo$options$resourc = topo.options.resourceOverviewDrawer) !== null && _topo$options$resourc !== void 0 && _topo$options$resourc.getData && type === 'link') return;
102
123
 
103
124
  var _topo$ciTyeCache$getC = topo.ciTyeCache.getCiType(ciType),
104
125
  metrics = _topo$ciTyeCache$getC.metrics;
@@ -126,6 +147,7 @@ function BaseInfo(props) {
126
147
  closeMode: ['close', 'esc'],
127
148
  visible: visible,
128
149
  title: /*#__PURE__*/_react["default"].createElement(Title, (0, _extends2["default"])({}, activeData, {
150
+ topo: topo,
129
151
  onChange: onChangeActive
130
152
  })),
131
153
  width: 580,
@@ -141,6 +163,5 @@ function BaseInfo(props) {
141
163
  }, /*#__PURE__*/_react["default"].createElement(_ResourceOverview["default"], (0, _extends2["default"])({}, props, activeData))))));
142
164
  }
143
165
 
144
- ;
145
166
  var _default = BaseInfo;
146
167
  exports["default"] = _default;
@@ -1,7 +1,7 @@
1
1
  @import '~@alifd/next/variables.scss';
2
2
 
3
3
  .baseInfo {
4
- z-index: 1009;
4
+ // z-index: 1009 !important;
5
5
  :global {
6
6
  .#{$css-prefix}drawer-body {
7
7
  height: calc(100% - 46px);
@@ -59,7 +59,7 @@ var _default = {
59
59
  alarmRecord: []
60
60
  });
61
61
 
62
- return _context.abrupt("return", 'resetAlarmDoc Over');
62
+ return _context.abrupt("return", "resetAlarmDoc Over");
63
63
 
64
64
  case 2:
65
65
  case "end":
@@ -74,7 +74,7 @@ var _default = {
74
74
  var _this2 = this;
75
75
 
76
76
  return (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee2() {
77
- var alarmdata, _state$topoAlarm, alarmDoc, alarmRecord, alarmList, _state$topoMod, resAndMetrics, topoData, resIdsList, alarmCiDoc, doc, record, i, item, rid, obj, sliceTag, alarmlist, eqFlag;
77
+ var alarmdata, _state$topoAlarm, alarmDoc, alarmRecord, alarmList, _state$topoMod, resAndMetrics, topoData, resIdsList, alarmCiDoc, doc, record, _loop, i, alarmlist, eqFlag;
78
78
 
79
79
  return _regenerator["default"].wrap(function _callee2$(_context2) {
80
80
  while (1) {
@@ -91,23 +91,31 @@ var _default = {
91
91
 
92
92
  record = _lodash["default"].uniq(alarmRecord);
93
93
 
94
- _rlog["default"].debug('告警归档-doc, record, alarmRecord', doc, record, alarmRecord);
94
+ _rlog["default"].debug("告警归档-doc, record, alarmRecord", doc, record, alarmRecord);
95
95
 
96
- for (i = 0; i < alarmdata.length; i++) {
97
- item = (0, _extends2["default"])({}, alarmdata[i]);
98
- rid = alarmCiDoc[item.id];
96
+ _loop = function _loop(i) {
97
+ var item = (0, _extends2["default"])({}, alarmdata[i]); // demo mock
98
+ // if (item.alertId === 9144) {
99
+ // item.level = Math.floor(Math.random() * 4) + 1;
100
+ // if (item.level === 4) {
101
+ // item.status = "reset";
102
+ // }
103
+ // }
104
+ // over
99
105
 
100
- _rlog["default"].debug('处理一条告警', item, rid, item.id, item.alertId, item.status);
106
+ var rid = alarmCiDoc[item.id];
101
107
 
102
- if ((resIdsList || []).indexOf(rid) >= 0) {
103
- obj = item.obj;
108
+ _rlog["default"].debug("处理一条告警", item, rid, item.id, item.level, item.alertId, item.status);
104
109
 
110
+ if ((resIdsList || []).indexOf(rid) >= 0) {
105
111
  if (record.indexOf(item.alertId) < 0 && item.status === "toDeal") {
106
112
  // rlog.debug('这是一条新告警');
107
113
  record.push(item.alertId);
108
114
 
109
115
  if (doc.hasOwnProperty(rid)) {
110
- if ((0, _topoData.findItem)(doc[rid], "alertId", item.alertId) === undefined) {
116
+ if (doc[rid].findIndex(function (x) {
117
+ return x.alertId === item.alertId;
118
+ }) >= 0) {
111
119
  doc[rid].push(item);
112
120
  }
113
121
 
@@ -115,30 +123,48 @@ var _default = {
115
123
  } else {
116
124
  doc[rid] = [item];
117
125
  }
118
- } else if (item.status !== "toDeal") {
119
- // rlog.debug('该告警移除', item.status, doc[item.id]);
120
- if (doc.hasOwnProperty(rid)) {
121
- sliceTag = (0, _topoData.findItemIndex)(doc[rid], "alertId", item.alertId);
122
-
126
+ } else if (doc.hasOwnProperty(rid)) {
127
+ var sliceTag = doc[rid].findIndex(function (x) {
128
+ return x.alertId === item.alertId;
129
+ }); //
130
+
131
+ if (item.status === "toDeal") {
132
+ if (doc[rid][sliceTag].level !== item.level) {
133
+ var newArr = [].concat(doc[rid]);
134
+ newArr.splice(sliceTag, 1, item);
135
+ doc[rid] = newArr.sort(_topoData.sortList);
136
+
137
+ _rlog["default"].debug("告警变更", doc[rid], item);
138
+ } else {
139
+ _rlog["default"].debug("重复告警", item);
140
+ }
141
+ } else {
123
142
  if (sliceTag >= 0) {
124
- doc[rid].splice(sliceTag, 1);
143
+ var _newArr = [].concat(doc[rid]);
144
+
145
+ _newArr.splice(sliceTag, 1);
146
+
147
+ doc[rid] = _newArr;
125
148
  }
126
149
 
127
- _rlog["default"].debug('该告警移除状态', sliceTag, doc[rid], doc);
150
+ _rlog["default"].debug("该告警移除状态-status", item.status, doc[rid], doc);
128
151
 
129
152
  if (doc[rid].length === 0) {
130
153
  delete doc[rid];
131
154
  }
132
- }
133
155
 
134
- record.splice(record.indexOf(obj.alertId), 1);
156
+ record.splice(record.indexOf(item.alertId), 1);
157
+ }
135
158
  } else {
136
- _rlog["default"].debug('重复告警', item);
159
+ _rlog["default"].warn("收到一条异常告警", item);
137
160
  }
138
161
  }
139
- }
162
+ };
163
+
164
+ for (i = 0; i < alarmdata.length; i++) {
165
+ _loop(i);
166
+ } // rlog.debug("准备发送的告警", doc, record);
140
167
 
141
- _rlog["default"].debug('准备发送的告警', doc, record);
142
168
 
143
169
  alarmlist = _lodash["default"].compact(Object.keys(doc).map(function (id) {
144
170
  if (doc[id].length > 0) {
@@ -153,7 +179,7 @@ var _default = {
153
179
  }
154
180
  }));
155
181
 
156
- _rlog["default"].debug('告警归档结束', alarmList, doc, record);
182
+ _rlog["default"].debug("告警归档结束", alarmList, alarmlist, doc, record);
157
183
 
158
184
  eqFlag = _lodash["default"].isEqual(_lodash["default"].sortBy(alarmlist), _lodash["default"].sortBy(alarmList));
159
185
 
package/lib/style.js CHANGED
@@ -5,6 +5,7 @@ require('@alifd/next/lib/dialog/style');
5
5
  require('@riil-frontend/utils/lib/style');
6
6
  require('@alifd/next/lib/upload/style');
7
7
  require('@alifd/next/lib/icon/style');
8
+ require('@alifd/next/lib/config-provider/style');
8
9
  require('@alifd/next/lib/input/style');
9
10
  require('@alifd/next/lib/field/style');
10
11
  require('@alifd/next/lib/form/style');
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@riil-frontend/component-topology",
3
- "version": "2.14.2-alpha.13",
3
+ "version": "2.14.2-alpha.18",
4
4
  "description": "拓扑",
5
5
  "scripts": {
6
6
  "start": "build-scripts start",
@@ -111,6 +111,6 @@
111
111
  "access": "public"
112
112
  },
113
113
  "license": "MIT",
114
- "homepage": "https://unpkg.com/@riil-frontend/component-topology@2.14.2-alpha.13/build/index.html",
114
+ "homepage": "https://unpkg.com/@riil-frontend/component-topology@2.14.2-alpha.18/build/index.html",
115
115
  "gitHead": "2da19ffccbb7ca60a8acf396e39f542c68bb33f5"
116
116
  }