@riil-frontend/component-topology 5.0.0-alpha.11 → 5.0.0-alpha.13

package/es/core/models/TopoApp.js

@@ -21,7 +21,7 @@ import PluginManager from "./PluginManager";
 import topoFactory from "./topoFactory";
 import ElementTagTipConfig from "./tagstips/ElementTagTipConfig"; // eslint-disable-next-line no-undef
 
-var version = typeof "5.0.0-alpha.11" === 'string' ? "5.0.0-alpha.11" : null;
+var version = typeof "5.0.0-alpha.13" === 'string' ? "5.0.0-alpha.13" : null;
 console.info("\u62D3\u6251\u7248\u672C: " + version);
 /**
  * 拓扑显示和编辑

package/es/core/store/models/topoMod.js

@@ -337,7 +337,7 @@ export default function (topoApp) {
 
                     topoApp.options.onLoadStart(); // TODO 待移到拓扑中心
 
-                    permission = "write";
+                    permission = "none";
 
                     if (!topoApp.options.usePermission) {
                       _context6.next = 18;
@@ -617,31 +617,6 @@ export default function (topoApp) {
                     rlog.error("\u67E5\u8BE2\u62D3\u6251" + id + "\u7684\u6743\u9650\u5931\u8D25", _context11.t0); // 尚未区分拓扑图不存在还是接口请求报错
 
                   case 10:
-                    if (!topoPermission) {
-                      _context11.next = 19;
-                      break;
-                    }
-
-                    _context11.next = 13;
-                    return dispatch.functionAuth.checkAuth('createTopo');
-
-                  case 13:
-                    if (!_context11.sent) {
-                      _context11.next = 17;
-                      break;
-                    }
-
-                    _context11.t1 = 'delete';
-                    _context11.next = 18;
-                    break;
-
-                  case 17:
-                    _context11.t1 = 'read';
-
-                  case 18:
-                    topoPermission = _context11.t1;
-
-                  case 19:
                     if (update !== false) {
                       _this8.update({
                         topoPermission: topoPermission
@@ -650,7 +625,7 @@ export default function (topoApp) {
 
                     return _context11.abrupt("return", topoPermission);
 
-                  case 21:
+                  case 12:
                   case "end":
                     return _context11.stop();
                 }

package/es/core/viewer/components/plugins/ResourceDetail/ResourceDetail.js

@@ -205,7 +205,7 @@ function ResourceDetail(props) {
         data: resourceData,
         topo: topo
       }),
-      visible: (_topo$viewProps = topo.viewProps) === null || _topo$viewProps === void 0 ? void 0 : (_topo$viewProps$viewe = _topo$viewProps.viewerProps) === null || _topo$viewProps$viewe === void 0 ? void 0 : (_topo$viewProps$viewe2 = _topo$viewProps$viewe.topoContext) === null || _topo$viewProps$viewe2 === void 0 ? void 0 : _topo$viewProps$viewe2.isNetworkTopo
+      visible: activeData.type === 'node' && ((_topo$viewProps = topo.viewProps) === null || _topo$viewProps === void 0 ? void 0 : (_topo$viewProps$viewe = _topo$viewProps.viewerProps) === null || _topo$viewProps$viewe === void 0 ? void 0 : (_topo$viewProps$viewe2 = _topo$viewProps$viewe.topoContext) === null || _topo$viewProps$viewe2 === void 0 ? void 0 : _topo$viewProps$viewe2.isNetworkTopo)
     }].filter(function (item) {
       return item.visible !== false;
     });

package/es/core/viewer/components/titlebar/BasicTools.js

@@ -2,7 +2,7 @@ import _Box from "@alifd/next/es/box";
 import _extends from "@babel/runtime/helpers/extends";
 import React from "react";
 import EditButton from "./widgets/EditButton";
-import NodesDragSwitch from "./widgets/NodesDragSwitch";
+import NodesDragSwitch from "./widgets/NodesDragSwitchWrapper";
 import AlarmListShowButton from "./widgets/AlarmListShowButton";
 import SettingButton from "./widgets/SettingButtonWidget";
 import useEventData from "../../../hooks/useEventData";

package/es/core/viewer/components/titlebar/widgets/NodesDragSwitchWrapper.js

@@ -0,0 +1,18 @@
+import React from 'react';
+import NodesDragSwitch from "./NodesDragSwitch";
+import topoPermissonUtil from "../../../../../utils/topoPermissionUtil";
+export default function NodesDragSwitchWrapper(props) {
+  var topo = props.topo;
+  var store = topo.store;
+
+  var _store$useModel = store.useModel('topoMod'),
+      topoState = _store$useModel[0];
+
+  var topoPermission = topoState.topoPermission;
+
+  if (!topoPermissonUtil.isEditable(topoPermission)) {
+    return null;
+  }
+
+  return /*#__PURE__*/React.createElement(NodesDragSwitch, props);
+}

package/es/networkTopo/components/editor/propertyViews/edge/addLinkDrawer/components/editLinkInfo.js

@@ -63,6 +63,23 @@ export default function EditLinkInfo(props) {
   var fieldOnChange = function fieldOnChange(name, value) {
     var newValues = field.getValues();
     rlog.debug("Field-onChange", newValues, name, value);
+
+    if (isAdd && sourceValue.portsDoc[newValues["source_id"]] && targetValue.portsDoc[newValues["destination_id"]]) {
+      var obj = {
+        'FastEthernet': 'Fa',
+        'GigabitEthernet': 'Gi',
+        'TwoGigabitEthernet': 'Tw',
+        'FiveGigabitEthernet': 'Fi',
+        'TenGigabitEthernet': 'Te',
+        'TwentyFiveGigE': 'Twe',
+        'FortyGigabitEthernet': 'Fo',
+        'XGigabitEthernet': 'Te',
+        'Ten-GigabitEthernet': 'Te'
+      };
+      var str = newValues['network_link.source_ipv4 '] + '(' + obj[sourceValue.portsDoc[newValues["source_id"]].label.split(' ')[0]] + ' ' + sourceValue.portsDoc[newValues["source_id"]].label.split(' ')[1] + ') - ' + newValues['network_link.destination_ipv4 '] + '(' + obj[targetValue.portsDoc[newValues["destination_id"]].label.split(' ')[0]] + ' ' + targetValue.portsDoc[newValues["destination_id"]].label.split(' ')[1] + ')';
+      field.setValue('display_name', str);
+    }
+
     setValus(newValues);
   };
 
@@ -122,6 +139,7 @@ export default function EditLinkInfo(props) {
     var targetId = nowValues["destination_id"];
     var sourceRb = (_sourceValue$portsDoc = (_sourceValue$portsDoc2 = sourceValue.portsDoc[sourceId]) === null || _sourceValue$portsDoc2 === void 0 ? void 0 : _sourceValue$portsDoc2.ratedBandwidth) !== null && _sourceValue$portsDoc !== void 0 ? _sourceValue$portsDoc : 0;
     var targetRb = (_targetValue$portsDoc = (_targetValue$portsDoc2 = targetValue.portsDoc[targetId]) === null || _targetValue$portsDoc2 === void 0 ? void 0 : _targetValue$portsDoc2.ratedBandwidth) !== null && _targetValue$portsDoc !== void 0 ? _targetValue$portsDoc : 0;
+    console.log(sourceRb, targetRb, 'sourceRbQZQ');
     var actualBandwidth = 0;
 
     if (sourceRb && targetRb) {

package/es/networkTopo/store/topoTreeMod.js

@@ -38,37 +38,18 @@ export default function (topoApp) {
           var _this = this;
 
           return _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
-            var id, showAllTree, resTreeData, _formatTree, treeData, defId, selectedTopoId;
+            var id, resTreeData, _formatTree, treeData, defId, selectedTopoId;
 
             return _regeneratorRuntime.wrap(function _callee$(_context) {
               while (1) {
                 switch (_context.prev = _context.next) {
                   case 0:
-                    id = payload.id; // 拓扑中心 如果有管理导航树权限，展示完整拓扑树
+                    id = payload.id;
+                    _context.next = 3;
+                    return _this.getTopoTree();
 
-                    showAllTree = topoApp.options.full && rootState.functionAuth.permissions.manageNavTree;
-
-                    if (!showAllTree) {
-                      _context.next = 8;
-                      break;
-                    }
-
-                    _context.next = 5;
-                    return topoService.getTopoTree();
-
-                  case 5:
+                  case 3:
                     resTreeData = _context.sent;
-                    _context.next = 11;
-                    break;
-
-                  case 8:
-                    _context.next = 10;
-                    return topoService.getTopoTreeByLoginUser();
-
-                  case 10:
-                    resTreeData = _context.sent;
-
-                  case 11:
                     // 格式化tree数据
                     _formatTree = formatTree(resTreeData, rootState.functionAuth.permissions), treeData = _formatTree[0], defId = _formatTree[1]; // 选中上次选择或指定的，如无则选中默认
 
@@ -83,7 +64,7 @@ export default function (topoApp) {
                     }); // console.log('resTreeData', resTreeData, rootState.topoMod.topoId);
 
 
-                  case 14:
+                  case 7:
                   case "end":
                     return _context.stop();
                 }
@@ -91,24 +72,65 @@ export default function (topoApp) {
             }, _callee);
           }))();
         },
+        getTopoTree: function getTopoTree(payload, rootState) {
+          return _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
+            var showAllTree, resTreeData;
+            return _regeneratorRuntime.wrap(function _callee2$(_context2) {
+              while (1) {
+                switch (_context2.prev = _context2.next) {
+                  case 0:
+                    // 拓扑中心 如果有管理导航树权限，展示完整拓扑树
+                    showAllTree = topoApp.options.full && rootState.functionAuth.permissions.manageNavTree;
+
+                    if (!showAllTree) {
+                      _context2.next = 7;
+                      break;
+                    }
+
+                    _context2.next = 4;
+                    return topoService.getTopoTree();
+
+                  case 4:
+                    resTreeData = _context2.sent;
+                    _context2.next = 10;
+                    break;
+
+                  case 7:
+                    _context2.next = 9;
+                    return topoService.getTopoTreeByLoginUser();
+
+                  case 9:
+                    resTreeData = _context2.sent;
+
+                  case 10:
+                    return _context2.abrupt("return", resTreeData);
+
+                  case 11:
+                  case "end":
+                    return _context2.stop();
+                }
+              }
+            }, _callee2);
+          }))();
+        },
         getSelectedTopoId: function getSelectedTopoId(payload, rootState) {
           return rootState.topoTreeMod.selectedNode[0];
         },
         refreshTree: function refreshTree(payload, rootState) {
           var _this2 = this;
 
-          return _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
+          return _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee3() {
             var resTreeData, _formatTree2, treeData, defId;
 
-            return _regeneratorRuntime.wrap(function _callee2$(_context2) {
+            return _regeneratorRuntime.wrap(function _callee3$(_context3) {
               while (1) {
-                switch (_context2.prev = _context2.next) {
+                switch (_context3.prev = _context3.next) {
                   case 0:
-                    _context2.next = 2;
-                    return topoServer.getTopoTree();
+                    _context3.next = 2;
+                    return _this2.getTopoTree();
 
                   case 2:
-                    resTreeData = _context2.sent;
+                    resTreeData = _context3.sent;
                     // 格式化tree数据
                     _formatTree2 = formatTree(resTreeData, rootState.functionAuth.permissions), treeData = _formatTree2[0], defId = _formatTree2[1];
 
@@ -120,31 +142,31 @@ export default function (topoApp) {
 
                   case 5:
                   case "end":
-                    return _context2.stop();
+                    return _context3.stop();
                 }
               }
-            }, _callee2);
+            }, _callee3);
           }))();
         },
         editTopoOnTree: function editTopoOnTree(conditions, state) {
           var _this3 = this;
 
-          return _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee3() {
+          return _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee4() {
             var resTreeData, treeData;
-            return _regeneratorRuntime.wrap(function _callee3$(_context3) {
+            return _regeneratorRuntime.wrap(function _callee4$(_context4) {
               while (1) {
-                switch (_context3.prev = _context3.next) {
+                switch (_context4.prev = _context4.next) {
                   case 0:
                     if (conditions === void 0) {
                       conditions = {};
                     }
 
                     rlog.debug('editTopoOnTree', conditions);
-                    _context3.next = 4;
-                    return topoServer.editTopoonTree(parseInt(conditions.id, 10), conditions.name, conditions.type);
+                    _context4.next = 4;
+                    return topoService.editTopoonTree(parseInt(conditions.id, 10), conditions.name, conditions.type);
 
                   case 4:
-                    resTreeData = _context3.sent;
+                    resTreeData = _context4.sent;
                     treeData = clone(state.topoTreeMod.treeData);
 
                     if (resTreeData) {
@@ -166,10 +188,10 @@ export default function (topoApp) {
 
                   case 7:
                   case "end":
-                    return _context3.stop();
+                    return _context4.stop();
                 }
               }
-            }, _callee3);
+            }, _callee4);
           }))();
         },
 
@@ -201,34 +223,34 @@ export default function (topoApp) {
          * @param {*} state
          */
         deleteTopoOnTree: function deleteTopoOnTree(conditions, state) {
-          return _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee4() {
+          return _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee5() {
             var currentTopoId, isDeleteCurrentP;
-            return _regeneratorRuntime.wrap(function _callee4$(_context4) {
+            return _regeneratorRuntime.wrap(function _callee5$(_context5) {
               while (1) {
-                switch (_context4.prev = _context4.next) {
+                switch (_context5.prev = _context5.next) {
                   case 0:
                     rlog.debug('deleteTopoOnTree', conditions, state, dispatch.topoMod);
                     currentTopoId = state.topoMod.topoId;
 
                     if (!("" + conditions === "" + currentTopoId)) {
-                      _context4.next = 13;
+                      _context5.next = 13;
                       break;
                     }
 
                     rlog.debug('deleteTopo-currentTopo', conditions);
-                    _context4.next = 6;
+                    _context5.next = 6;
                     return dispatch.topoMod.updateDelId("" + conditions);
 
                   case 6:
-                    _context4.next = 8;
+                    _context5.next = 8;
                     return topoApp.alarm.close();
 
                   case 8:
-                    _context4.next = 10;
-                    return topoServer.deleteTopoonTree(parseInt(conditions, 10));
+                    _context5.next = 10;
+                    return topoService.deleteTopoonTree(parseInt(conditions, 10));
 
                   case 10:
-                    return _context4.abrupt("return", _context4.sent);
+                    return _context5.abrupt("return", _context5.sent);
 
                   case 13:
                     // 判断删除的拓扑或文件，是否包含当前拓扑，如果包含就先关闭告警
@@ -240,48 +262,48 @@ export default function (topoApp) {
                     });
 
                     if (!isDeleteCurrentP) {
-                      _context4.next = 18;
+                      _context5.next = 18;
                       break;
                     }
 
-                    _context4.next = 18;
+                    _context5.next = 18;
                     return topoApp.alarm.close();
 
                   case 18:
-                    _context4.next = 20;
-                    return topoServer.deleteTopoonTree(parseInt(conditions, 10));
+                    _context5.next = 20;
+                    return topoService.deleteTopoonTree(parseInt(conditions, 10));
 
                   case 20:
-                    return _context4.abrupt("return", _context4.sent);
+                    return _context5.abrupt("return", _context5.sent);
 
                   case 21:
                   case "end":
-                    return _context4.stop();
+                    return _context5.stop();
                 }
               }
-            }, _callee4);
+            }, _callee5);
           }))();
         },
         setDefTopoOnTree: function setDefTopoOnTree(conditions, state) {
           var _this4 = this;
 
-          return _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee5() {
+          return _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee6() {
             var resTreeData;
-            return _regeneratorRuntime.wrap(function _callee5$(_context5) {
+            return _regeneratorRuntime.wrap(function _callee6$(_context6) {
               while (1) {
-                switch (_context5.prev = _context5.next) {
+                switch (_context6.prev = _context6.next) {
                   case 0:
                     if (conditions === void 0) {
                       conditions = {};
                     }
 
                     rlog.debug('setDefTopoOnTree', conditions);
-                    _context5.next = 4;
-                    return topoServer.setDefTopo(parseInt(conditions, 10));
+                    _context6.next = 4;
+                    return topoService.setDefTopo(parseInt(conditions, 10));
 
                   case 4:
-                    resTreeData = _context5.sent;
-                    _context5.next = 7;
+                    resTreeData = _context6.sent;
+                    _context6.next = 7;
                     return _this4.refreshTree();
 
                   case 7:
@@ -289,10 +311,10 @@ export default function (topoApp) {
 
                   case 8:
                   case "end":
-                    return _context5.stop();
+                    return _context6.stop();
                 }
               }
-            }, _callee5);
+            }, _callee6);
           }))();
         },
         setDefaultTopoId: function setDefaultTopoId(defaultTopoId) {

package/es/utils/tree.js

@@ -40,9 +40,7 @@ export function formatTree(json, funcPermissions) {
         type: type,
         name: name,
         showDefault: showDefault,
-        // permission: node.operation,
-        // FIXME 拓扑数据权限临时方案，待移除
-        permission: funcPermissions.createTopo ? 'delete' : 'read',
+        permission: node.operation,
         children: node !== null && node !== void 0 && node.children ? loop(node.children) : []
       };
     });

package/lib/core/models/TopoApp.js

@@ -50,7 +50,7 @@ var _topoFactory = _interopRequireDefault(require("./topoFactory"));
 var _ElementTagTipConfig = _interopRequireDefault(require("./tagstips/ElementTagTipConfig"));
 
 // eslint-disable-next-line no-undef
-var version = typeof "5.0.0-alpha.11" === 'string' ? "5.0.0-alpha.11" : null;
+var version = typeof "5.0.0-alpha.13" === 'string' ? "5.0.0-alpha.13" : null;
 console.info("\u62D3\u6251\u7248\u672C: " + version);
 /**
  * 拓扑显示和编辑

package/lib/core/store/models/topoMod.js

@@ -354,7 +354,7 @@ function _default(topoApp) {
 
                     topoApp.options.onLoadStart(); // TODO 待移到拓扑中心
 
-                    permission = "write";
+                    permission = "none";
 
                     if (!topoApp.options.usePermission) {
                       _context6.next = 18;
@@ -642,31 +642,6 @@ function _default(topoApp) {
 
 
                   case 10:
-                    if (!topoPermission) {
-                      _context11.next = 19;
-                      break;
-                    }
-
-                    _context11.next = 13;
-                    return dispatch.functionAuth.checkAuth('createTopo');
-
-                  case 13:
-                    if (!_context11.sent) {
-                      _context11.next = 17;
-                      break;
-                    }
-
-                    _context11.t1 = 'delete';
-                    _context11.next = 18;
-                    break;
-
-                  case 17:
-                    _context11.t1 = 'read';
-
-                  case 18:
-                    topoPermission = _context11.t1;
-
-                  case 19:
                     if (update !== false) {
                       _this8.update({
                         topoPermission: topoPermission
@@ -675,7 +650,7 @@ function _default(topoApp) {
 
                     return _context11.abrupt("return", topoPermission);
 
-                  case 21:
+                  case 12:
                   case "end":
                     return _context11.stop();
                 }

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

@@ -230,7 +230,7 @@ function ResourceDetail(props) {
         data: resourceData,
         topo: topo
       }),
-      visible: (_topo$viewProps = topo.viewProps) === null || _topo$viewProps === void 0 ? void 0 : (_topo$viewProps$viewe = _topo$viewProps.viewerProps) === null || _topo$viewProps$viewe === void 0 ? void 0 : (_topo$viewProps$viewe2 = _topo$viewProps$viewe.topoContext) === null || _topo$viewProps$viewe2 === void 0 ? void 0 : _topo$viewProps$viewe2.isNetworkTopo
+      visible: activeData.type === 'node' && ((_topo$viewProps = topo.viewProps) === null || _topo$viewProps === void 0 ? void 0 : (_topo$viewProps$viewe = _topo$viewProps.viewerProps) === null || _topo$viewProps$viewe === void 0 ? void 0 : (_topo$viewProps$viewe2 = _topo$viewProps$viewe.topoContext) === null || _topo$viewProps$viewe2 === void 0 ? void 0 : _topo$viewProps$viewe2.isNetworkTopo)
     }].filter(function (item) {
       return item.visible !== false;
     });

package/lib/core/viewer/components/titlebar/BasicTools.js

@@ -13,7 +13,7 @@ var _react = _interopRequireDefault(require("react"));
 
 var _EditButton = _interopRequireDefault(require("./widgets/EditButton"));
 
-var _NodesDragSwitch = _interopRequireDefault(require("./widgets/NodesDragSwitch"));
+var _NodesDragSwitchWrapper = _interopRequireDefault(require("./widgets/NodesDragSwitchWrapper"));
 
 var _AlarmListShowButton = _interopRequireDefault(require("./widgets/AlarmListShowButton"));
 
@@ -45,7 +45,7 @@ function BasicTools(props) {
   }, props, {
     alarmPanelIsOpen: alarmPanelIsOpen,
     alarmData: alarmData
-  })), /*#__PURE__*/_react["default"].createElement(_SettingButtonWidget["default"], props), /*#__PURE__*/_react["default"].createElement(_NodesDragSwitch["default"], (0, _extends2["default"])({
+  })), /*#__PURE__*/_react["default"].createElement(_SettingButtonWidget["default"], props), /*#__PURE__*/_react["default"].createElement(_NodesDragSwitchWrapper["default"], (0, _extends2["default"])({
     topo: topo
   }, props)), children);
 }

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

@@ -0,0 +1,28 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+exports.__esModule = true;
+exports["default"] = NodesDragSwitchWrapper;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _NodesDragSwitch = _interopRequireDefault(require("./NodesDragSwitch"));
+
+var _topoPermissionUtil = _interopRequireDefault(require("../../../../../utils/topoPermissionUtil"));
+
+function NodesDragSwitchWrapper(props) {
+  var topo = props.topo;
+  var store = topo.store;
+
+  var _store$useModel = store.useModel('topoMod'),
+      topoState = _store$useModel[0];
+
+  var topoPermission = topoState.topoPermission;
+
+  if (!_topoPermissionUtil["default"].isEditable(topoPermission)) {
+    return null;
+  }
+
+  return /*#__PURE__*/_react["default"].createElement(_NodesDragSwitch["default"], props);
+}

package/lib/networkTopo/components/editor/propertyViews/edge/addLinkDrawer/components/editLinkInfo.js

@@ -91,6 +91,22 @@ function EditLinkInfo(props) {
 
     _rlog["default"].debug("Field-onChange", newValues, name, value);
 
+    if (isAdd && sourceValue.portsDoc[newValues["source_id"]] && targetValue.portsDoc[newValues["destination_id"]]) {
+      var obj = {
+        'FastEthernet': 'Fa',
+        'GigabitEthernet': 'Gi',
+        'TwoGigabitEthernet': 'Tw',
+        'FiveGigabitEthernet': 'Fi',
+        'TenGigabitEthernet': 'Te',
+        'TwentyFiveGigE': 'Twe',
+        'FortyGigabitEthernet': 'Fo',
+        'XGigabitEthernet': 'Te',
+        'Ten-GigabitEthernet': 'Te'
+      };
+      var str = newValues['network_link.source_ipv4 '] + '(' + obj[sourceValue.portsDoc[newValues["source_id"]].label.split(' ')[0]] + ' ' + sourceValue.portsDoc[newValues["source_id"]].label.split(' ')[1] + ') - ' + newValues['network_link.destination_ipv4 '] + '(' + obj[targetValue.portsDoc[newValues["destination_id"]].label.split(' ')[0]] + ' ' + targetValue.portsDoc[newValues["destination_id"]].label.split(' ')[1] + ')';
+      field.setValue('display_name', str);
+    }
+
     setValus(newValues);
   };
 
@@ -150,6 +166,7 @@ function EditLinkInfo(props) {
     var targetId = nowValues["destination_id"];
     var sourceRb = (_sourceValue$portsDoc = (_sourceValue$portsDoc2 = sourceValue.portsDoc[sourceId]) === null || _sourceValue$portsDoc2 === void 0 ? void 0 : _sourceValue$portsDoc2.ratedBandwidth) !== null && _sourceValue$portsDoc !== void 0 ? _sourceValue$portsDoc : 0;
     var targetRb = (_targetValue$portsDoc = (_targetValue$portsDoc2 = targetValue.portsDoc[targetId]) === null || _targetValue$portsDoc2 === void 0 ? void 0 : _targetValue$portsDoc2.ratedBandwidth) !== null && _targetValue$portsDoc !== void 0 ? _targetValue$portsDoc : 0;
+    console.log(sourceRb, targetRb, 'sourceRbQZQ');
     var actualBandwidth = 0;
 
     if (sourceRb && targetRb) {