@riil-frontend/component-topology 7.0.0-dev.9 → 7.0.1

package/lib/core/viewer/components/plugins/ResourceDetail/components/ResourceOverview/ResourceOverview.js

@@ -947,6 +947,8 @@ function ResourceOverview(props) {
         defaultDisabledCol: ['display_name'],
         max: 6,
         columns: baseInfoCol,
+        getOverviewConfig: resourceOverviewProps.getOverviewConfig,
+        saveOverviewConfig: resourceOverviewProps.saveOverviewConfig,
         onChange: baseInfoColChange
       }));
     }
@@ -967,6 +969,8 @@ function ResourceOverview(props) {
       defaultCol: defaultCols.keyIndicators,
       max: 6,
       columns: metricCol,
+      getOverviewConfig: resourceOverviewProps.getOverviewConfig,
+      saveOverviewConfig: resourceOverviewProps.saveOverviewConfig,
       onChange: metricColChange
     })
   }, /*#__PURE__*/_react["default"].createElement(_ResourceOverviewMetric["default"], {

package/lib/core/viewer/components/plugins/ResourceDetail/components/ResourceOverview/components/Configurator/index.js

@@ -58,7 +58,9 @@ function Configurator(props) {
       type = props.type,
       max = props.max,
       _props$btnStyle = props.btnStyle,
-      btnStyle = _props$btnStyle === void 0 ? {} : _props$btnStyle; // console.log('Configurator props', props);
+      btnStyle = _props$btnStyle === void 0 ? {} : _props$btnStyle,
+      getOverviewConfig = props.getOverviewConfig,
+      saveOverviewConfig = props.saveOverviewConfig; // console.log('Configurator props', props);
 
   var buttonRef = (0, _react.useRef)(null);
 
@@ -96,35 +98,33 @@ function Configurator(props) {
 
   function _init() {
     _init = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee3() {
+      var _overviewConfig;
+
       var overviewConfig, newPrevCols, newNextCols, oldCols, newCols;
       return _regenerator["default"].wrap(function _callee3$(_context3) {
         while (1) {
           switch (_context3.prev = _context3.next) {
             case 0:
+              overviewConfig = {};
+
               if (!(topoId && templateCode)) {
-                _context3.next = 6;
+                _context3.next = 5;
                 break;
               }
 
-              _context3.next = 3;
-              return _overview["default"].getOverviewConfig(topoId, templateCode);
+              _context3.next = 4;
+              return (getOverviewConfig || _overview["default"].getOverviewConfig)(topoId, templateCode);
 
-            case 3:
-              _context3.t0 = _context3.sent;
-              _context3.next = 7;
-              break;
+            case 4:
+              overviewConfig = _context3.sent;
 
-            case 6:
-              _context3.t0 = {};
-
-            case 7:
-              overviewConfig = _context3.t0;
+            case 5:
               // console.log('overviewConfig', overviewConfig);
               // const overviewConfig = ''
               newPrevCols = [];
               newNextCols = [];
 
-              if (overviewConfig !== null && overviewConfig !== void 0 && overviewConfig[type]) {
+              if ((_overviewConfig = overviewConfig) !== null && _overviewConfig !== void 0 && _overviewConfig[type]) {
                 oldCols = JSON.parse(overviewConfig[type]) || []; // 已设置
 
                 oldCols.forEach(function (old_item) {
@@ -174,7 +174,7 @@ function Configurator(props) {
               setOrgColumns(newCols);
               onChange(newCols);
 
-            case 15:
+            case 12:
             case "end":
               return _context3.stop();
           }
@@ -251,7 +251,7 @@ function Configurator(props) {
 
   var onOk = /*#__PURE__*/function () {
     var _ref2 = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee2() {
-      var _service$saveOverview;
+      var _ref3;
 
       return _regenerator["default"].wrap(function _callee2$(_context2) {
         while (1) {
@@ -266,7 +266,7 @@ function Configurator(props) {
               }
 
               _context2.next = 5;
-              return _overview["default"].saveOverviewConfig(topoId, templateCode, (_service$saveOverview = {}, _service$saveOverview[type] = JSON.stringify(columnsState), _service$saveOverview));
+              return (saveOverviewConfig || _overview["default"].saveOverviewConfig)(topoId, templateCode, (_ref3 = {}, _ref3[type] = JSON.stringify(columnsState), _ref3));
 
             case 5:
             case "end":

package/lib/core/viewer/components/plugins/ResourceDetail/components/ResourceOverview/index.module.scss

@@ -101,6 +101,7 @@
 }
 .alarm {
   margin-top: 12px;
+  margin-bottom: 16px;
   .alarm-title {
     overflow: hidden;
     text-overflow: ellipsis;

package/lib/core/viewer/components/titlebar/widgets/SettingButton.js

@@ -26,26 +26,17 @@ function SettingButton(props) {
   var topo = props.topo,
       displaySettingProps = props.displaySettingProps,
       style = props.style,
-      isEditor = props.isEditor;
+      isEditor = props.isEditor,
+      displaySettingRender = props.displaySettingRender;
 
   var _useState = (0, _react.useState)(false),
       visible = _useState[0],
       setVisible = _useState[1];
 
-  var topoModState = topo.store.useModelState('topoMod');
-  var graphLoaded = topoModState.graphLoaded;
-
   var changeClick = function changeClick() {
     setVisible(true);
   };
 
-  (0, _react.useEffect)(function () {
-    if (graphLoaded) {
-      var _topo$viewProps$urlPa;
-
-      setVisible(!!((_topo$viewProps$urlPa = topo.viewProps.urlParams) !== null && _topo$viewProps$urlPa !== void 0 && _topo$viewProps$urlPa.showSetting));
-    }
-  }, [graphLoaded]);
   return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_button["default"], {
     style: style,
     onClick: changeClick,
@@ -56,6 +47,7 @@ function SettingButton(props) {
     visible: visible,
     topo: topo,
     isEditor: isEditor,
+    displaySettingRender: displaySettingRender,
     displaySettingProps: displaySettingProps,
     onClose: function onClose() {
       setVisible(false);

package/lib/core/viewer/components/titlebar/widgets/SettingButtonWidget.js

@@ -18,12 +18,14 @@ function SettingButtonWidget(props) {
   var topo = props.topo,
       viewerProps = props.viewerProps,
       style = props.style,
-      isEditor = props.isEditor;
+      isEditor = props.isEditor,
+      displaySettingRender = props.displaySettingRender;
   return /*#__PURE__*/_react["default"].createElement(_SettingButton["default"], {
     topo: topo,
     displaySettingProps: viewerProps === null || viewerProps === void 0 ? void 0 : viewerProps.displaySettingProps,
-    style: style,
-    isEditor: isEditor
+    displaySettingRender: displaySettingRender,
+    isEditor: isEditor,
+    style: style
   });
 }
 

package/lib/networkTopo/getTopoData.js

@@ -15,8 +15,6 @@ var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/
 
 var _linkUtils = require("../core/models/utils/linkUtils");
 
-var _services = require("../core/services");
-
 var _resourcePermissionUtil = require("./utils/resourcePermissionUtil");
 
 // import "./utils/__tests__/resourcePermissionUtil.test";
@@ -32,7 +30,7 @@ function addLinkData(_x, _x2) {
 
 function _addLinkData() {
   _addLinkData = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee(oldLinks, nodes) {
-    var links;
+    var links, networkLinks, otherLinks;
     return _regenerator["default"].wrap(function _callee$(_context) {
       while (1) {
         switch (_context.prev = _context.next) {
@@ -48,18 +46,24 @@ function _addLinkData() {
               }
 
               return true;
-            });
+            }); // 如果是网络链路，补充详情信息
+
             _context.next = 3;
-            return (0, _linkUtils.getLinksDetail)(links, nodes);
+            return (0, _linkUtils.getLinksDetail)(links.filter(function (link) {
+              return !link.ciType;
+            }), nodes);
 
           case 3:
-            links = _context.sent;
+            networkLinks = _context.sent;
+            otherLinks = links.filter(function (link) {
+              return !!link.ciType;
+            });
             return _context.abrupt("return", {
-              links: links,
+              links: [].concat(networkLinks, otherLinks),
               linkGroups: []
             });
 
-          case 5:
+          case 6:
           case "end":
             return _context.stop();
         }
@@ -88,7 +92,7 @@ function buildData(_x3) {
 
 function _buildData() {
   _buildData = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee2(data) {
-    var newData, nodes, _yield$Promise$all, nodeCis, linkData;
+    var newData, nodes, _yield$Promise$all, linkData;
 
     return _regenerator["default"].wrap(function _callee2$(_context2) {
       while (1) {
@@ -105,34 +109,18 @@ function _buildData() {
               });
             });
             _context2.next = 4;
-            return Promise.all([// 查询节点属性
-            (0, _services.queryCisByIds)(nodes.map(function (node) {
-              return node.id;
-            })), addLinkData(data.links || [], nodes)]);
+            return Promise.all([addLinkData(data.links || [], nodes)]);
 
           case 4:
             _yield$Promise$all = _context2.sent;
-            nodeCis = _yield$Promise$all[0];
-            linkData = _yield$Promise$all[1];
-            nodes = nodes.map(function (node) {
-              var _node$attributes$find;
-
-              return (0, _extends2["default"])({}, node, {
-                ipAddress: Array.isArray(node.attributes) ? (_node$attributes$find = node.attributes.find(function (item) {
-                  return item.code === 'ipAddress';
-                })) === null || _node$attributes$find === void 0 ? void 0 : _node$attributes$find.value : null,
-                attributes: nodeCis.find(function (ci) {
-                  return ci.id === node.id;
-                }).attributes
-              });
-            });
+            linkData = _yield$Promise$all[0];
             newData = (0, _extends2["default"])({}, newData, {
               nodes: nodes
             }, linkData);
             newData = (0, _resourcePermissionUtil.addTopoDataResourcePermission)(newData);
             return _context2.abrupt("return", newData);
 
-          case 11:
+          case 9:
           case "end":
             return _context2.stop();
         }

package/lib/networkTopo/index.js

@@ -8,10 +8,10 @@ var _TopoCenter = _interopRequireDefault(require("./models/TopoCenter"));
 
 exports.TopoCenter = _TopoCenter["default"];
 
-var _createTopo = _interopRequireDefault(require("./createTopo"));
+var _TopoView = _interopRequireDefault(require("./components/TopoView"));
 
-exports.createTopo = _createTopo["default"];
+exports.Topology = _TopoView["default"];
 
-var _Topology = _interopRequireDefault(require("./components/Topology"));
+var _createTopo = _interopRequireDefault(require("./createTopo"));
 
-exports.Topology = _Topology["default"];
+exports.createTopo = _createTopo["default"];

package/lib/networkTopo/services/alert.js

@@ -0,0 +1,66 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+exports.__esModule = true;
+exports["default"] = void 0;
+
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+
+var _componentTopologyUtils = require("@riil-frontend/component-topology-utils");
+
+var _default = {
+  /**
+  * 根据资源id获取告警
+  * @param {*} params Topo ID
+  */
+  getAlarmByIds: function getAlarmByIds(params) {
+    return (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee() {
+      return _regenerator["default"].wrap(function _callee$(_context) {
+        while (1) {
+          switch (_context.prev = _context.next) {
+            case 0:
+              _context.next = 2;
+              return _componentTopologyUtils.request.post('/alert/v1/api/alert/getAlertListInResource', params);
+
+            case 2:
+              return _context.abrupt("return", _context.sent);
+
+            case 3:
+            case "end":
+              return _context.stop();
+          }
+        }
+      }, _callee);
+    }))();
+  },
+
+  /**
+  * 通过ciId获取组件id
+  * ['xxxxxxx']
+  *
+  */
+  getCisComponentIds: function getCisComponentIds(params) {
+    return (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee2() {
+      return _regenerator["default"].wrap(function _callee2$(_context2) {
+        while (1) {
+          switch (_context2.prev = _context2.next) {
+            case 0:
+              _context2.next = 2;
+              return _componentTopologyUtils.request.post('/topo/v1/api/structure/componentIds', params);
+
+            case 2:
+              return _context2.abrupt("return", _context2.sent);
+
+            case 3:
+            case "end":
+              return _context2.stop();
+          }
+        }
+      }, _callee2);
+    }))();
+  }
+};
+exports["default"] = _default;

package/lib/networkTopo/services/authorization.js

@@ -0,0 +1,145 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+exports.__esModule = true;
+exports["default"] = void 0;
+
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+
+var _componentTopologyUtils = require("@riil-frontend/component-topology-utils");
+
+/**
+ * @Author: zhaoshenghua
+ * @Date:   2021-04-16 11:11:05
+ * @Last Modified by:   zhaoshenghua
+ * @Last Modified time: 2021-09-27 17:02:55
+ */
+var _default = {
+  /**
+   * 根据用户对菜单进行预鉴权
+   * @param {*} menus url对象数组
+   * [{url:'/admin/connectInfo'}]
+   * @return [{url:'/admin/connectInfo',passed:'PASS'}]
+   */
+  checkMenuAuthentication: function checkMenuAuthentication(menus) {
+    return (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee() {
+      return _regenerator["default"].wrap(function _callee$(_context) {
+        while (1) {
+          switch (_context.prev = _context.next) {
+            case 0:
+              _context.next = 2;
+              return _componentTopologyUtils.request.post('/authorization/v1/api/authority/check/checkMenuAuthentication', menus);
+
+            case 2:
+              return _context.abrupt("return", _context.sent);
+
+            case 3:
+            case "end":
+              return _context.stop();
+          }
+        }
+      }, _callee);
+    }))();
+  },
+
+  /**
+   * 资源预鉴权
+   * @param {Array} res id对象集合
+   * [{id:'000000000035f663'}]
+   * @return [{id:'000000000035f663',passed:'read'/'write'/'delete'/'impermissibility'}]
+   */
+  checkSourceAuthentication: function checkSourceAuthentication(res) {
+    return (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee2() {
+      return _regenerator["default"].wrap(function _callee2$(_context2) {
+        while (1) {
+          switch (_context2.prev = _context2.next) {
+            case 0:
+              _context2.next = 2;
+              return _componentTopologyUtils.request.post('/authorization/v1/api/authority/check/checkSourceAuthentication', res);
+
+            case 2:
+              return _context2.abrupt("return", _context2.sent);
+
+            case 3:
+            case "end":
+              return _context2.stop();
+          }
+        }
+      }, _callee2);
+    }))();
+  },
+
+  /**
+   * 功能鉴权
+   */
+  checkFuncAuthentication: function checkFuncAuthentication(param) {
+    return (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee3() {
+      return _regenerator["default"].wrap(function _callee3$(_context3) {
+        while (1) {
+          switch (_context3.prev = _context3.next) {
+            case 0:
+              _context3.next = 2;
+              return _componentTopologyUtils.request.post('/authorization/v1/api/authority/check/checkFuncAuthentication', param);
+
+            case 2:
+              return _context3.abrupt("return", _context3.sent);
+
+            case 3:
+            case "end":
+              return _context3.stop();
+          }
+        }
+      }, _callee3);
+    }))();
+  },
+
+  /**
+   *获得角色列表
+   *@param {Array} orders 排序
+   *@param {Array} simpleFilter 过滤字段
+   * */
+  queryRolesList: function queryRolesList(param) {
+    return (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee4() {
+      return _regenerator["default"].wrap(function _callee4$(_context4) {
+        while (1) {
+          switch (_context4.prev = _context4.next) {
+            case 0:
+              _context4.next = 2;
+              return _componentTopologyUtils.request.post('/authorization/v1/api/roles/list', param);
+
+            case 2:
+              return _context4.abrupt("return", _context4.sent);
+
+            case 3:
+            case "end":
+              return _context4.stop();
+          }
+        }
+      }, _callee4);
+    }))();
+  },
+  orgRolePostPage: function orgRolePostPage(param) {
+    return (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee5() {
+      return _regenerator["default"].wrap(function _callee5$(_context5) {
+        while (1) {
+          switch (_context5.prev = _context5.next) {
+            case 0:
+              _context5.next = 2;
+              return _componentTopologyUtils.request.post('/identity/v1/api/user/orgRolePost/page', param);
+
+            case 2:
+              return _context5.abrupt("return", _context5.sent);
+
+            case 3:
+            case "end":
+              return _context5.stop();
+          }
+        }
+      }, _callee5);
+    }))();
+  }
+};
+exports["default"] = _default;