@riil-frontend/component-topology 10.0.57 → 10.0.59

package/lib/core/editor/components/settings/propertyViews/node/data/Data.js

@@ -62,6 +62,8 @@ function getBindType(values) {
 }
 
 function Data(props) {
+  var _ref;
+
   var node = props.node,
       topo = props.topo,
       topoEditApi = props.topoEditApi,
@@ -100,34 +102,28 @@ function Data(props) {
     }
   };
 
-  var handleBindTopoChange = /*#__PURE__*/function () {
-    var _ref = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee(value, data) {
+  var handleBindTopoChange = function handleBindTopoChange(_x, _x2) {
+    return (_ref = _ref || (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee(value, data) {
       return _regenerator["default"].wrap(function _callee$(_context) {
-        while (1) {
-          switch (_context.prev = _context.next) {
-            case 0:
-              topo.historyManager.beginTransaction(); // 设置名称为拓扑名称，清空自定义名称
-
-              node.a('name', data.label);
-              node.a('customName', null);
-              _context.next = 5;
-              return topoEditApi.deleteExLink(node);
-
-            case 5:
-              topo.historyManager.endTransaction();
-
-            case 6:
-            case "end":
-              return _context.stop();
-          }
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            topo.historyManager.beginTransaction(); // 设置名称为拓扑名称，清空自定义名称
+
+            node.a('name', data.label);
+            node.a('customName', null);
+            _context.next = 5;
+            return topoEditApi.deleteExLink(node);
+
+          case 5:
+            topo.historyManager.endTransaction();
+
+          case 6:
+          case "end":
+            return _context.stop();
         }
       }, _callee);
-    }));
-
-    return function handleBindTopoChange(_x, _x2) {
-      return _ref.apply(this, arguments);
-    };
-  }();
+    }))).apply(this, arguments);
+  };
 
   var RelateTopoTree = editorProps === null || editorProps === void 0 ? void 0 : editorProps.relateTopoTree;
   return /*#__PURE__*/_react["default"].createElement(_collapse["default"], {

package/lib/core/editor/components/settings/propertyViews/view/BackgroundSize.js

@@ -16,6 +16,8 @@ var _NodeSizeInput = _interopRequireDefault(require("../../common/NodeSizeInput/
 var _useBackgroundSizeConfig = _interopRequireDefault(require("./hooks/useBackgroundSizeConfig"));
 
 function BackgroundSize(props) {
+  var _ref;
+
   var topo = props.topo,
       backgroundConfig = props.backgroundConfig,
       settingRuntimeState = props.settingRuntimeState;
@@ -24,31 +26,25 @@ function BackgroundSize(props) {
     current: backgroundConfig.current
   });
 
-  var setSize = /*#__PURE__*/function () {
-    var _ref = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee(size) {
+  var setSize = function setSize(_x) {
+    return (_ref = _ref || (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee(size) {
       return _regenerator["default"].wrap(function _callee$(_context) {
-        while (1) {
-          switch (_context.prev = _context.next) {
-            case 0:
-              topo.historyManager.beginTransaction();
-              _context.next = 3;
-              return backgroundSizeConfig.setSize(size);
-
-            case 3:
-              topo.historyManager.endTransaction();
-
-            case 4:
-            case "end":
-              return _context.stop();
-          }
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            topo.historyManager.beginTransaction();
+            _context.next = 3;
+            return backgroundSizeConfig.setSize(size);
+
+          case 3:
+            topo.historyManager.endTransaction();
+
+          case 4:
+          case "end":
+            return _context.stop();
         }
       }, _callee);
-    }));
-
-    return function setSize(_x) {
-      return _ref.apply(this, arguments);
-    };
-  }();
+    }))).apply(this, arguments);
+  };
 
   return /*#__PURE__*/_react["default"].createElement(_NodeSizeInput["default"], {
     nodeId: backgroundSizeConfig.nodeId,

package/lib/core/editor/components/titlebar/TopoEditorTitleBar.js

@@ -34,6 +34,8 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 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; }
 
 function TopoEditorTitleBar(props) {
+  var _ref;
+
   var topo = props.topo,
       topoEditApi = props.topoEditApi;
   var store = topo.store;
@@ -48,30 +50,24 @@ function TopoEditorTitleBar(props) {
       exitFlag = _useState[0],
       setExitFlag = _useState[1];
 
-  var saveAndExit = /*#__PURE__*/function () {
-    var _ref = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee() {
+  var saveAndExit = function saveAndExit() {
+    return (_ref = _ref || (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 topo.save();
-
-            case 2:
-              setExitFlag(true);
-
-            case 3:
-            case "end":
-              return _context.stop();
-          }
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            _context.next = 2;
+            return topo.save();
+
+          case 2:
+            setExitFlag(true);
+
+          case 3:
+          case "end":
+            return _context.stop();
         }
       }, _callee);
-    }));
-
-    return function saveAndExit() {
-      return _ref.apply(this, arguments);
-    };
-  }();
+    }))).apply(this, arguments);
+  };
 
   (0, _react.useEffect)(function () {
     if (!saving && exitFlag) {
@@ -100,53 +96,39 @@ function TopoEditorTitleBar(props) {
   }, "\u4FDD\u5B58"), /*#__PURE__*/_react["default"].createElement(_button["default"], {
     className: _TitleBarModule["default"].button,
     onClick: function onClick() {
+      var _onOk, _onCancel;
+
       _dialog["default"].confirm({
         title: '提示',
         content: '若直接退出，图上修改的内容将不会保存！',
-        onOk: function () {
-          var _onOk = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee2() {
+        onOk: function onOk() {
+          return (_onOk = _onOk || (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:
-                    saveAndExit();
-
-                  case 1:
-                  case "end":
-                    return _context2.stop();
-                }
+              while (1) switch (_context2.prev = _context2.next) {
+                case 0:
+                  saveAndExit();
+
+                case 1:
+                case "end":
+                  return _context2.stop();
               }
             }, _callee2);
-          }));
-
-          function onOk() {
-            return _onOk.apply(this, arguments);
-          }
-
-          return onOk;
-        }(),
-        onCancel: function () {
-          var _onCancel = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee3() {
+          }))).apply(this, arguments);
+        },
+        onCancel: function onCancel() {
+          return (_onCancel = _onCancel || (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:
-                    topo.exitEditMode();
-
-                  case 1:
-                  case "end":
-                    return _context3.stop();
-                }
+              while (1) switch (_context3.prev = _context3.next) {
+                case 0:
+                  topo.exitEditMode();
+
+                case 1:
+                case "end":
+                  return _context3.stop();
               }
             }, _callee3);
-          }));
-
-          function onCancel() {
-            return _onCancel.apply(this, arguments);
-          }
-
-          return onCancel;
-        }(),
+          }))).apply(this, arguments);
+        },
         cancelProps: {
           children: '退出'
         },

package/lib/core/editor/hooks/useKeyboardShortcut.js

@@ -34,8 +34,8 @@ function useKeyboardShortcut(props) {
 
       if (e.keyCode === 32 && e.target.nodeName !== 'TEXTAREA') {
         // 空格
-        var _topo$store$getModelS = topo.store.getModelState('topoEdit'),
-            viewMouseMode = _topo$store$getModelS.viewMouseMode;
+        var _topo$store$getModelS2 = topo.store.getModelState('topoEdit'),
+            viewMouseMode = _topo$store$getModelS2.viewMouseMode;
 
         topoEdit.setViewMouseMode(viewMouseMode === 'select' ? 'move' : 'select');
       }

package/lib/core/editor/hooks/useNewElementTheme.js

@@ -36,10 +36,10 @@ function useNewElementTheme(props) {
           return item.name === theme;
         });
 
-        var _ThemeUtil = (0, _themeUtil["default"])({
+        var _ThemeUtil2 = (0, _themeUtil["default"])({
           topo: topo
         }),
-            setElementTheme = _ThemeUtil.setElementTheme;
+            setElementTheme = _ThemeUtil2.setElementTheme;
 
         setElementTheme(data, themeConfig);
       }

package/lib/core/editor/store/background.js

@@ -46,17 +46,15 @@ var _default = {
 
         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:
-                  _this.update({
-                    current: extraConfig.background
-                  });
+            while (1) switch (_context.prev = _context.next) {
+              case 0:
+                _this.update({
+                  current: extraConfig.background
+                });
 
-                case 1:
-                case "end":
-                  return _context.stop();
-              }
+              case 1:
+              case "end":
+                return _context.stop();
             }
           }, _callee);
         }))();

package/lib/core/editor/store/topoEdit.js

@@ -48,12 +48,10 @@ function _default(topo) {
         init: function init(payload, rootState) {
           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:
-                  case "end":
-                    return _context.stop();
-                }
+              while (1) switch (_context.prev = _context.next) {
+                case 0:
+                case "end":
+                  return _context.stop();
               }
             }, _callee);
           }))();

package/lib/core/editor/utils/edgeTypeStyleUtil.js

@@ -79,14 +79,12 @@ function isNodeAllEdges(topo) {
         return nodeLineList[i]._id == edge._id;
       }).length == 0) {
         inEdges = true;
-        return "break";
+        return 1; // break
       }
     };
 
     for (var i = 0; i < nodeLineList.length; i++) {
-      var _ret = _loop(i);
-
-      if (_ret === "break") break;
+      if (_loop(i)) break;
     }
   });
   return inEdges;

package/lib/core/hooks/useCanvasTheme.js

@@ -16,7 +16,7 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 var themeMap = [{
   name: 'white',
   label: '白色',
-  color: null
+  color: '#FFFFFF'
 }, {
   name: 'lightblue',
   label: '蓝色',

package/lib/core/hooks/usePolling.js

@@ -34,6 +34,8 @@ var _useHtDataPropertyChangeListener = _interopRequireDefault(require("./ht/useH
  * @param {*} props
  */
 var usePolling = function usePolling(props) {
+  var _fetchData, _refresh;
+
   var topo = props.topo;
   var store = topo.store;
   (0, _useCiAttributeChange["default"])({
@@ -52,140 +54,126 @@ var usePolling = function usePolling(props) {
    */
 
   function fetchData() {
-    return _fetchData.apply(this, arguments);
-  }
-  /**
-   * 
-   * @returns {{id, attributes: object[], metrics: object[]}[]} 属性和指标
-   */
-
-
-  function _fetchData() {
-    _fetchData = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee() {
+    return (_fetchData = _fetchData || (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee() {
       var _topo$store$getModelS, resIdsList, nodeIdsList, codes, param, _yield$Promise$all, ciMetricResult, transformLinkData;
 
       return _regenerator["default"].wrap(function _callee$(_context) {
-        while (1) {
-          switch (_context.prev = _context.next) {
-            case 0:
-              transformLinkData = function _transformLinkData(data) {
-                var _topo$dataModel$getDa = topo.dataModel.getData(),
-                    links = _topo$dataModel$getDa.links,
-                    linkGroups = _topo$dataModel$getDa.linkGroups;
-
-                var link = [].concat(links, linkGroups).find(function (item) {
-                  return item.id === data.id;
-                });
-
-                if (!link) {
-                  return data;
-                }
-
-                return (0, _extends2["default"])({}, data, {
-                  attributeMap: link.attributes || {}
-                });
-              };
-
-              _topo$store$getModelS = topo.store.getModelState('topoBizMod').resAndMetrics, resIdsList = _topo$store$getModelS.resIdsList, nodeIdsList = _topo$store$getModelS.nodeIdsList; // rlog.debug('根据ci的id获取属性的值-getCiArrByIds', resIdsList, metrics);
-              // 无资源，不查询
-
-              if (resIdsList.length) {
-                _context.next = 4;
-                break;
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            transformLinkData = function _transformLinkData(data) {
+              var _topo$dataModel$getDa = topo.dataModel.getData(),
+                  links = _topo$dataModel$getDa.links,
+                  linkGroups = _topo$dataModel$getDa.linkGroups;
+
+              var link = [].concat(links, linkGroups).find(function (item) {
+                return item.id === data.id;
+              });
+
+              if (!link) {
+                return data;
+              }
+
+              return (0, _extends2["default"])({}, data, {
+                attributeMap: link.attributes || {}
+              });
+            };
+
+            _topo$store$getModelS = topo.store.getModelState('topoBizMod').resAndMetrics, resIdsList = _topo$store$getModelS.resIdsList, nodeIdsList = _topo$store$getModelS.nodeIdsList; // rlog.debug('根据ci的id获取属性的值-getCiArrByIds', resIdsList, metrics);
+            // 无资源，不查询
+
+            if (resIdsList.length) {
+              _context.next = 4;
+              break;
+            }
+
+            return _context.abrupt("return", []);
+
+          case 4:
+            // 需要查询的指标列表
+            codes = topo.attributeMetricDisplay.getResourceMetricCodes();
+            param = {
+              ciId: nodeIdsList,
+              codes: codes,
+              // 过滤掉不需要查询的
+              relationId: topo.attributeMetricDisplay.getEdges().map(function (edge) {
+                return {
+                  ciId: edge.id,
+                  operation: edge.operation
+                };
+              })
+            };
+            _context.t0 = Promise;
+            _context.t1 = // 查询指标值
+            _topo["default"].ciInfo.batchQueryCiInfo(param);
+            _context.next = 10;
+            return _DictCache["default"].init();
+
+          case 10:
+            _context.t2 = _context.sent;
+            _context.t3 = [_context.t1, _context.t2];
+            _context.next = 14;
+            return _context.t0.all.call(_context.t0, _context.t3);
+
+          case 14:
+            _yield$Promise$all = _context.sent;
+            ciMetricResult = _yield$Promise$all[0];
+            return _context.abrupt("return", ciMetricResult.map(function (data) {
+              var ci = topo.dataModel.getDataById(data.id);
+              var resultData = (0, _extends2["default"])({}, data, ci, {
+                attributeMap: (0, _extends2["default"])({}, (ci === null || ci === void 0 ? void 0 : ci.attributes) || {})
+              });
+              resultData = transformLinkData(resultData); // 特殊处理：ipv6 从ipv6_address_list取第一个
+
+              // 特殊处理：ipv6 从ipv6_address_list取第一个
+              if (resultData.attributeMap.ipv6_address_list && !resultData.attributeMap.ipv6_address) {
+                resultData.attributeMap.ipv6_address = (resultData.attributeMap.ipv6_address_list || '').split(',')[0];
               }
 
-              return _context.abrupt("return", []);
-
-            case 4:
-              // 需要查询的指标列表
-              codes = topo.attributeMetricDisplay.getResourceMetricCodes();
-              param = {
-                ciId: nodeIdsList,
-                codes: codes,
-                // 过滤掉不需要查询的
-                relationId: topo.attributeMetricDisplay.getEdges().map(function (edge) {
-                  return {
-                    ciId: edge.id,
-                    operation: edge.operation
-                  };
-                })
-              };
-              _context.t0 = Promise;
-              _context.t1 = // 查询指标值
-              _topo["default"].ciInfo.batchQueryCiInfo(param);
-              _context.next = 10;
-              return _DictCache["default"].init();
-
-            case 10:
-              _context.t2 = _context.sent;
-              _context.t3 = [_context.t1, _context.t2];
-              _context.next = 14;
-              return _context.t0.all.call(_context.t0, _context.t3);
-
-            case 14:
-              _yield$Promise$all = _context.sent;
-              ciMetricResult = _yield$Promise$all[0];
-              return _context.abrupt("return", ciMetricResult.map(function (data) {
-                var ci = topo.dataModel.getDataById(data.id);
-                var resultData = (0, _extends2["default"])({}, data, ci, {
-                  attributeMap: (0, _extends2["default"])({}, (ci === null || ci === void 0 ? void 0 : ci.attributes) || {})
-                });
-                resultData = transformLinkData(resultData); // 特殊处理：ipv6 从ipv6_address_list取第一个
-
-                // 特殊处理：ipv6 从ipv6_address_list取第一个
-                if (resultData.attributeMap.ipv6_address_list && !resultData.attributeMap.ipv6_address) {
-                  resultData.attributeMap.ipv6_address = (resultData.attributeMap.ipv6_address_list || '').split(',')[0];
-                }
-
-                return resultData;
-              }));
-
-            case 17:
-            case "end":
-              return _context.stop();
-          }
+              return resultData;
+            }));
+
+          case 17:
+          case "end":
+            return _context.stop();
         }
       }, _callee);
-    }));
-    return _fetchData.apply(this, arguments);
+    }))).apply(this, arguments);
   }
-
-  function refresh() {
-    return _refresh.apply(this, arguments);
-  } // 轮询hooks
+  /**
+   * 
+   * @returns {{id, attributes: object[], metrics: object[]}[]} 属性和指标
+   */
 
 
-  function _refresh() {
-    _refresh = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee2() {
+  function refresh() {
+    return (_refresh = _refresh || (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee2() {
       var data;
       return _regenerator["default"].wrap(function _callee2$(_context2) {
-        while (1) {
-          switch (_context2.prev = _context2.next) {
-            case 0:
-              if (!(!pollingSwitch || !(resAndMetrics !== null && resAndMetrics !== void 0 && resAndMetrics.resIdsList.length))) {
-                _context2.next = 2;
-                break;
-              }
-
-              return _context2.abrupt("return");
-
-            case 2:
-              _context2.next = 4;
-              return fetchData();
-
-            case 4:
-              data = _context2.sent;
-              return _context2.abrupt("return", data);
-
-            case 6:
-            case "end":
-              return _context2.stop();
-          }
+        while (1) switch (_context2.prev = _context2.next) {
+          case 0:
+            if (!(!pollingSwitch || !(resAndMetrics !== null && resAndMetrics !== void 0 && resAndMetrics.resIdsList.length))) {
+              _context2.next = 2;
+              break;
+            }
+
+            return _context2.abrupt("return");
+
+          case 2:
+            _context2.next = 4;
+            return fetchData();
+
+          case 4:
+            data = _context2.sent;
+            return _context2.abrupt("return", data);
+
+          case 6:
+          case "end":
+            return _context2.stop();
         }
       }, _callee2);
-    }));
-    return _refresh.apply(this, arguments);
-  }
+    }))).apply(this, arguments);
+  } // 轮询hooks
+
 
   var _useRequest = (0, _ahooks.useRequest)(refresh, {
     pollingInterval: 60 * 1000,