@riil-frontend/component-topology 11.0.35 → 12.0.0-dev.1

package/es/core/hooks/useTopoEdit.js

@@ -19,8 +19,6 @@ import { mergeExportLinkData } from "../models/utils/linkUtils";
 import { isUniqueIp, buildIpNode } from "../../networkTopo/utils/exitLinkUtil";
 
 var useTopoEdit = function useTopoEdit(params) {
-  var _ref2, _ref3, _ref4, _bindGroupResources, _addGroupResources, _bindViewResources, _addLayerResources, _addResourceToFirstLayer, _ref5, _ref6, _ref8, _relateNodeIp;
-
   var topo = params.topo,
       topoId = params.topoId,
       isEditing = params.isEditing,
@@ -74,8 +72,8 @@ var useTopoEdit = function useTopoEdit(params) {
     setShowComboResDrawer(true);
   };
 
-  var onLayerAdded = function onLayerAdded(_x) {
-    return (_ref2 = _ref2 || _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(_ref) {
+  var onLayerAdded = /*#__PURE__*/function () {
+    var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(_ref) {
       var target, direction, config;
       return _regeneratorRuntime.wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
@@ -108,11 +106,15 @@ var useTopoEdit = function useTopoEdit(params) {
             return _context.stop();
         }
       }, _callee);
-    }))).apply(this, arguments);
-  };
+    }));
+
+    return function onLayerAdded(_x) {
+      return _ref2.apply(this, arguments);
+    };
+  }();
 
-  var deleteLayer = function deleteLayer(_x2) {
-    return (_ref3 = _ref3 || _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2(layerElement) {
+  var deleteLayer = /*#__PURE__*/function () {
+    var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2(layerElement) {
       var config;
       return _regeneratorRuntime.wrap(function _callee2$(_context2) {
         while (1) switch (_context2.prev = _context2.next) {
@@ -149,12 +151,14 @@ var useTopoEdit = function useTopoEdit(params) {
             return _context2.stop();
         }
       }, _callee2);
-    }))).apply(this, arguments);
-  };
+    }));
 
-  var handleDeleteLayer = function handleDeleteLayer(layerElement) {
-    var _onOk;
+    return function deleteLayer(_x2) {
+      return _ref3.apply(this, arguments);
+    };
+  }();
 
+  var handleDeleteLayer = function handleDeleteLayer(layerElement) {
     var hasChildren = !!layerElement.getChildren().toArray().length;
 
     if (!hasChildren) {
@@ -172,8 +176,8 @@ var useTopoEdit = function useTopoEdit(params) {
       messageProps: {
         type: "warning"
       },
-      onOk: function onOk() {
-        return (_onOk = _onOk || _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee3() {
+      onOk: function () {
+        var _onOk = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee3() {
           return _regeneratorRuntime.wrap(function _callee3$(_context3) {
             while (1) switch (_context3.prev = _context3.next) {
               case 0:
@@ -184,8 +188,14 @@ var useTopoEdit = function useTopoEdit(params) {
                 return _context3.stop();
             }
           }, _callee3);
-        }))).apply(this, arguments);
-      }
+        }));
+
+        function onOk() {
+          return _onOk.apply(this, arguments);
+        }
+
+        return onOk;
+      }()
     });
   }; // const deleteGroupFooterBtn = () => {
   //   return (
@@ -335,8 +345,8 @@ var useTopoEdit = function useTopoEdit(params) {
   }; // 删除关联在节点上的出口链路
 
 
-  var deleteExLink = function deleteExLink(_x3) {
-    return (_ref4 = _ref4 || _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee4(node) {
+  var deleteExLink = /*#__PURE__*/function () {
+    var _ref4 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee4(node) {
       var _node$getEdges$toArra, _node$getEdges;
 
       var config, edges, exportLinkIdList;
@@ -370,8 +380,12 @@ var useTopoEdit = function useTopoEdit(params) {
             return _context4.stop();
         }
       }, _callee4);
-    }))).apply(this, arguments);
-  };
+    }));
+
+    return function deleteExLink(_x3) {
+      return _ref4.apply(this, arguments);
+    };
+  }();
 
   var onDeleteElement = function onDeleteElement(data) {
     var dtype = data.dtype;
@@ -446,25 +460,29 @@ var useTopoEdit = function useTopoEdit(params) {
 
 
   function bindGroupResources(_x4, _x5) {
-    return (_bindGroupResources = _bindGroupResources || _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee5(group, resources) {
-      var id, tag, _yield$editDispatcher, elements, nodeElements, newLinkElements, updateElements;
+    return _bindGroupResources.apply(this, arguments);
+  }
 
-      return _regeneratorRuntime.wrap(function _callee5$(_context5) {
-        while (1) switch (_context5.prev = _context5.next) {
+  function _bindGroupResources() {
+    _bindGroupResources = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee10(group, resources) {
+      var id, tag, _yield$editDispatcher2, elements, nodeElements, newLinkElements, updateElements;
+
+      return _regeneratorRuntime.wrap(function _callee10$(_context10) {
+        while (1) switch (_context10.prev = _context10.next) {
           case 0:
             id = group.id, tag = group.tag;
             rlog.debug("bindGroupResources--id, tag", id, tag);
             topo.historyManager.beginTransaction();
-            _context5.next = 5;
+            _context10.next = 5;
             return resourceConfig.updateGroupResources(group, resources);
 
           case 5:
-            _context5.next = 7;
+            _context10.next = 7;
             return editDispatchers.fetchDataByConfig();
 
           case 7:
-            _yield$editDispatcher = _context5.sent;
-            elements = _yield$editDispatcher.elements;
+            _yield$editDispatcher2 = _context10.sent;
+            elements = _yield$editDispatcher2.elements;
             // 区域里的子区域及子区域的节点、新增的链路
             nodeElements = findGroupChildren(elements, group);
             newLinkElements = findUNExistedLinkElements(elements);
@@ -482,17 +500,26 @@ var useTopoEdit = function useTopoEdit(params) {
 
           case 14:
           case "end":
-            return _context5.stop();
+            return _context10.stop();
         }
-      }, _callee5);
-    }))).apply(this, arguments);
+      }, _callee10);
+    }));
+    return _bindGroupResources.apply(this, arguments);
   }
 
   function addGroupResources(_x6, _x7) {
-    return (_addGroupResources = _addGroupResources || _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee6(group, newResourceIds) {
+    return _addGroupResources.apply(this, arguments);
+  }
+  /**
+   * 关联视图的资源
+   */
+
+
+  function _addGroupResources() {
+    _addGroupResources = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee11(group, newResourceIds) {
       var groupConfig, resources, groupData;
-      return _regeneratorRuntime.wrap(function _callee6$(_context6) {
-        while (1) switch (_context6.prev = _context6.next) {
+      return _regeneratorRuntime.wrap(function _callee11$(_context11) {
+        while (1) switch (_context11.prev = _context11.next) {
           case 0:
             groupConfig = resourceConfig.getGroupConfigByElement(group);
             resources = {
@@ -502,41 +529,49 @@ var useTopoEdit = function useTopoEdit(params) {
               id: group.getTag(),
               tag: group.a("tag")
             };
-            _context6.next = 5;
+            _context11.next = 5;
             return bindGroupResources(groupData, resources);
 
           case 5:
           case "end":
-            return _context6.stop();
+            return _context11.stop();
         }
-      }, _callee6);
-    }))).apply(this, arguments);
+      }, _callee11);
+    }));
+    return _addGroupResources.apply(this, arguments);
+  }
+
+  function bindViewResources(_x8) {
+    return _bindViewResources.apply(this, arguments);
   }
   /**
-   * 关联视图的资源
+   * 分层添加资源
+   * @param group
+   * @param newResourceIds 新增的资源id列表
+   * @return {Promise<void>}
    */
 
 
-  function bindViewResources(_x8) {
-    return (_bindViewResources = _bindViewResources || _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee7(data) {
-      var config, _yield$editDispatcher2, elements;
+  function _bindViewResources() {
+    _bindViewResources = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee12(data) {
+      var config, _yield$editDispatcher3, elements;
 
-      return _regeneratorRuntime.wrap(function _callee7$(_context7) {
-        while (1) switch (_context7.prev = _context7.next) {
+      return _regeneratorRuntime.wrap(function _callee12$(_context12) {
+        while (1) switch (_context12.prev = _context12.next) {
           case 0:
             // console.log("关联视图的资源", data);
             config = resourceConfig.getConfig();
             config.resources = data;
-            _context7.next = 4;
+            _context12.next = 4;
             return resourceConfig.updateConfig(config);
 
           case 4:
-            _context7.next = 6;
+            _context12.next = 6;
             return editDispatchers.fetchDataByConfig();
 
           case 6:
-            _yield$editDispatcher2 = _context7.sent;
-            elements = _yield$editDispatcher2.elements;
+            _yield$editDispatcher3 = _context12.sent;
+            elements = _yield$editDispatcher3.elements;
             saveBind(TopoEvent.DATA_TYPE_RESOURCE_COMBO, elements); // 临时放这里，仅拓扑中心有
 
             if (topo.linkDynamicStyleExecutor) {
@@ -545,38 +580,36 @@ var useTopoEdit = function useTopoEdit(params) {
 
           case 10:
           case "end":
-            return _context7.stop();
+            return _context12.stop();
         }
-      }, _callee7);
-    }))).apply(this, arguments);
+      }, _callee12);
+    }));
+    return _bindViewResources.apply(this, arguments);
   }
-  /**
-   * 分层添加资源
-   * @param group
-   * @param newResourceIds 新增的资源id列表
-   * @return {Promise<void>}
-   */
-
 
   function addLayerResources(_x9, _x10) {
-    return (_addLayerResources = _addLayerResources || _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee8(group, newResourceIds) {
-      var _yield$editDispatcher3, elements, newElements;
+    return _addLayerResources.apply(this, arguments);
+  }
+
+  function _addLayerResources() {
+    _addLayerResources = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee13(group, newResourceIds) {
+      var _yield$editDispatcher4, elements, newElements;
 
-      return _regeneratorRuntime.wrap(function _callee8$(_context8) {
-        while (1) switch (_context8.prev = _context8.next) {
+      return _regeneratorRuntime.wrap(function _callee13$(_context13) {
+        while (1) switch (_context13.prev = _context13.next) {
           case 0:
             topo.historyManager.beginTransaction(); // 构造新的配置
 
-            _context8.next = 3;
+            _context13.next = 3;
             return resourceConfig.addLayerStaticResources(group, newResourceIds);
 
           case 3:
-            _context8.next = 5;
+            _context13.next = 5;
             return editDispatchers.fetchDataByConfig();
 
           case 5:
-            _yield$editDispatcher3 = _context8.sent;
-            elements = _yield$editDispatcher3.elements;
+            _yield$editDispatcher4 = _context13.sent;
+            elements = _yield$editDispatcher4.elements;
             // 2022-11-10 修复 添加资源后分层重新布局问题，仅布局新增资源。替换api topo.updateElements(data)
             newElements = findUNExistedElements(elements);
             rlog.debug("添加分层资源", {
@@ -598,28 +631,34 @@ var useTopoEdit = function useTopoEdit(params) {
 
           case 14:
           case "end":
-            return _context8.stop();
+            return _context13.stop();
         }
-      }, _callee8);
-    }))).apply(this, arguments);
+      }, _callee13);
+    }));
+    return _addLayerResources.apply(this, arguments);
   }
 
   function addResourceToFirstLayer(_x11) {
-    return (_addResourceToFirstLayer = _addResourceToFirstLayer || _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee9(data) {
+    return _addResourceToFirstLayer.apply(this, arguments);
+  }
+
+  function _addResourceToFirstLayer() {
+    _addResourceToFirstLayer = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee14(data) {
       var group;
-      return _regeneratorRuntime.wrap(function _callee9$(_context9) {
-        while (1) switch (_context9.prev = _context9.next) {
+      return _regeneratorRuntime.wrap(function _callee14$(_context14) {
+        while (1) switch (_context14.prev = _context14.next) {
           case 0:
             group = resourceConfig.getGroups()[0];
-            _context9.next = 3;
+            _context14.next = 3;
             return addLayerResources(group, data);
 
           case 3:
           case "end":
-            return _context9.stop();
+            return _context14.stop();
         }
-      }, _callee9);
-    }))).apply(this, arguments);
+      }, _callee14);
+    }));
+    return _addResourceToFirstLayer.apply(this, arguments);
   }
 
   function getAddResourceType() {
@@ -648,28 +687,28 @@ var useTopoEdit = function useTopoEdit(params) {
    */
 
 
-  var onSaveComboRes = function onSaveComboRes(_x12) {
-    return (_ref5 = _ref5 || _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee10(data) {
-      return _regeneratorRuntime.wrap(function _callee10$(_context10) {
-        while (1) switch (_context10.prev = _context10.next) {
+  var onSaveComboRes = /*#__PURE__*/function () {
+    var _ref5 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee5(data) {
+      return _regeneratorRuntime.wrap(function _callee5$(_context5) {
+        while (1) switch (_context5.prev = _context5.next) {
           case 0:
             rlog.debug("关联资源-----onSaveComboRes", data);
             topo.historyManager.beginTransaction();
 
             if (!(getAddResourceType() === "addToFirstLayer")) {
-              _context10.next = 7;
+              _context5.next = 7;
               break;
             }
 
-            _context10.next = 5;
+            _context5.next = 5;
             return addResourceToFirstLayer(data);
 
           case 5:
-            _context10.next = 9;
+            _context5.next = 9;
             break;
 
           case 7:
-            _context10.next = 9;
+            _context5.next = 9;
             return bindViewResources(data);
 
           case 9:
@@ -681,30 +720,34 @@ var useTopoEdit = function useTopoEdit(params) {
 
           case 12:
           case "end":
-            return _context10.stop();
+            return _context5.stop();
         }
-      }, _callee10);
-    }))).apply(this, arguments);
-  };
+      }, _callee5);
+    }));
 
-  var onSaveTopo = function onSaveTopo(_x13) {
-    return (_ref6 = _ref6 || _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee12(data) {
-      var id, config, serialize, _config$layout, template, layout, _ref7, saveConfig;
+    return function onSaveComboRes(_x12) {
+      return _ref5.apply(this, arguments);
+    };
+  }();
 
-      return _regeneratorRuntime.wrap(function _callee12$(_context12) {
-        while (1) switch (_context12.prev = _context12.next) {
+  var onSaveTopo = /*#__PURE__*/function () {
+    var _ref6 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee7(data) {
+      var id, config, serialize, _config$layout, template, layout, saveConfig;
+
+      return _regeneratorRuntime.wrap(function _callee7$(_context7) {
+        while (1) switch (_context7.prev = _context7.next) {
           case 0:
             id = data.id, config = data.config, serialize = data.serialize;
             _config$layout = config === null || config === void 0 ? void 0 : config.layout, template = _config$layout.type, layout = _config$layout.layout;
 
             if (onSave) {
               // 自定义保存
-              saveConfig = function saveConfig() {
-                return (_ref7 = _ref7 || _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee11() {
-                  return _regeneratorRuntime.wrap(function _callee11$(_context11) {
-                    while (1) switch (_context11.prev = _context11.next) {
+              saveConfig = /*#__PURE__*/function () {
+                var _ref7 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee6() {
+                  return _regeneratorRuntime.wrap(function _callee6$(_context6) {
+                    while (1) switch (_context6.prev = _context6.next) {
                       case 0:
-                        _context11.next = 2;
+                        _context6.next = 2;
                         return editDispatchers.saveTopo({
                           id: id,
                           layout: layout,
@@ -713,11 +756,15 @@ var useTopoEdit = function useTopoEdit(params) {
 
                       case 2:
                       case "end":
-                        return _context11.stop();
+                        return _context6.stop();
                     }
-                  }, _callee11);
-                }))).apply(this, arguments);
-              };
+                  }, _callee6);
+                }));
+
+                return function saveConfig() {
+                  return _ref7.apply(this, arguments);
+                };
+              }();
 
               onSave({
                 topo: topo,
@@ -728,11 +775,15 @@ var useTopoEdit = function useTopoEdit(params) {
 
           case 3:
           case "end":
-            return _context12.stop();
+            return _context7.stop();
         }
-      }, _callee12);
-    }))).apply(this, arguments);
-  };
+      }, _callee7);
+    }));
+
+    return function onSaveTopo(_x13) {
+      return _ref6.apply(this, arguments);
+    };
+  }();
 
   var saveBind = function saveBind(type, data) {
     var eventData = {
@@ -755,14 +806,12 @@ var useTopoEdit = function useTopoEdit(params) {
    */
 
 
-  var bindNodeResource = function bindNodeResource(_x14) {
-    return (_ref8 = _ref8 || _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee14(params) {
-      var _doBind;
+  var bindNodeResource = /*#__PURE__*/function () {
+    var _ref8 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee9(params) {
+      var id, oldResId, newResId, node, parentGroupElement, htTopo, config, groupId, groupTag, _yield$editDispatcher, elements, newData, doBind, _doBind, replaceOrAddRes;
 
-      var id, oldResId, newResId, node, parentGroupElement, htTopo, config, groupId, groupTag, _yield$editDispatcher4, elements, newData, doBind, replaceOrAddRes;
-
-      return _regeneratorRuntime.wrap(function _callee14$(_context14) {
-        while (1) switch (_context14.prev = _context14.next) {
+      return _regeneratorRuntime.wrap(function _callee9$(_context9) {
+        while (1) switch (_context9.prev = _context9.next) {
           case 0:
             replaceOrAddRes = function _replaceOrAddRes(resources, oldResId, newResId) {
               return _extends({}, resources, {
@@ -772,11 +821,11 @@ var useTopoEdit = function useTopoEdit(params) {
               });
             };
 
-            doBind = function _doBind2() {
-              return (_doBind = _doBind || _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee13() {
+            _doBind = function _doBind3() {
+              _doBind = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee8() {
                 var dm, newLinkElements, createElementsData, groupChildren, newGroupChildren, existedGroupChildren, groupElement, newElement, sm;
-                return _regeneratorRuntime.wrap(function _callee13$(_context13) {
-                  while (1) switch (_context13.prev = _context13.next) {
+                return _regeneratorRuntime.wrap(function _callee8$(_context8) {
+                  while (1) switch (_context8.prev = _context8.next) {
                     case 0:
                       dm = htTopo.getGraphView().dm(); // 创建
 
@@ -845,7 +894,7 @@ var useTopoEdit = function useTopoEdit(params) {
                       // node.a("customName", null);
                       // 删除关联在节点上的出口链路
 
-                      _context13.next = 12;
+                      _context8.next = 12;
                       return deleteExLink(node);
 
                     case 12:
@@ -856,10 +905,15 @@ var useTopoEdit = function useTopoEdit(params) {
 
                     case 13:
                     case "end":
-                      return _context13.stop();
+                      return _context8.stop();
                   }
-                }, _callee13);
-              }))).apply(this, arguments);
+                }, _callee8);
+              }));
+              return _doBind.apply(this, arguments);
+            };
+
+            doBind = function _doBind2() {
+              return _doBind.apply(this, arguments);
             };
 
             topo.historyManager.beginTransaction();
@@ -893,22 +947,22 @@ var useTopoEdit = function useTopoEdit(params) {
               config.resources = replaceOrAddRes(config.resources, oldResId, newResId);
             }
 
-            _context14.next = 12;
+            _context9.next = 13;
             return resourceConfig.updateConfig(config);
 
-          case 12:
-            _context14.next = 14;
+          case 13:
+            _context9.next = 15;
             return editDispatchers.fetchDataByConfig();
 
-          case 14:
-            _yield$editDispatcher4 = _context14.sent;
-            elements = _yield$editDispatcher4.elements;
+          case 15:
+            _yield$editDispatcher = _context9.sent;
+            elements = _yield$editDispatcher.elements;
             newData = elements.find(function (item) {
               return item.id === newResId;
             });
 
             if (newData) {
-              _context14.next = 22;
+              _context9.next = 23;
               break;
             }
 
@@ -916,29 +970,37 @@ var useTopoEdit = function useTopoEdit(params) {
 
             rlog.warn("关联资源失败");
             topo.historyManager.endTransaction();
-            return _context14.abrupt("return", false);
+            return _context9.abrupt("return", false);
 
-          case 22:
-            _context14.next = 24;
+          case 23:
+            _context9.next = 25;
             return doBind();
 
-          case 24:
+          case 25:
             topo.historyManager.endTransaction();
 
-          case 25:
+          case 26:
           case "end":
-            return _context14.stop();
+            return _context9.stop();
         }
-      }, _callee14);
-    }))).apply(this, arguments);
-  };
+      }, _callee9);
+    }));
+
+    return function bindNodeResource(_x14) {
+      return _ref8.apply(this, arguments);
+    };
+  }();
   /**
    * 关联IP的图片节点
    */
 
 
   function relateNodeIp(_x15, _x16) {
-    return (_relateNodeIp = _relateNodeIp || _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee15(txtValue, nodeElement) {
+    return _relateNodeIp.apply(this, arguments);
+  }
+
+  function _relateNodeIp() {
+    _relateNodeIp = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee15(txtValue, nodeElement) {
       var dm, isUnique, ip, configObj, configData, _elements, newLinkElements, newLink, newLinkGroup, createElementsData, _htTopo;
 
       return _regeneratorRuntime.wrap(function _callee15$(_context15) {
@@ -1014,7 +1076,8 @@ var useTopoEdit = function useTopoEdit(params) {
             return _context15.stop();
         }
       }, _callee15);
-    }))).apply(this, arguments);
+    }));
+    return _relateNodeIp.apply(this, arguments);
   }
 
   var onEvent = function onEvent(e) {