@riil-frontend/component-topology 3.5.0-a.9 → 3.5.2

package/es/hooks/useTopoEdit.js

@@ -3,9 +3,9 @@ import _extends from "@babel/runtime/helpers/extends";
 import _Dialog from "@alifd/next/es/dialog";
 import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
 import _regeneratorRuntime from "@babel/runtime/regenerator";
-import { useCallback, useEffect, useMemo, useState } from 'react';
-import rlog from '@riil-frontend/component-topology-utils/es/rlog';
-import { TopoEvent } from '@riil-frontend/component-topology-graph';
+import { useCallback, useEffect, useMemo, useState } from "react";
+import rlog from "@riil-frontend/component-topology-utils/es/rlog";
+import { TopoEvent } from "@riil-frontend/component-topology-graph";
 import { filterElementsByNodeId } from "../utils/format";
 import { TPL_BLANK, TPL_TREE } from "../utils/template";
 import topoPermissonUtil from "../utils/topoPermissionUtil";
@@ -35,15 +35,15 @@ var useTopoEdit = function useTopoEdit(params) {
     resourceConfig: resourceConfig
   });
 
-  var _store$useModel = store.useModel('topoEdit'),
+  var _store$useModel = store.useModel("topoEdit"),
       topoEditState = _store$useModel[0],
       topoEditDispatchers = _store$useModel[1];
 
-  var _store$useModel2 = store.useModel('topoConfig'),
+  var _store$useModel2 = store.useModel("topoConfig"),
       editState = _store$useModel2[0],
       editDispatchers = _store$useModel2[1];
 
-  var _store$useModel3 = store.useModel('topoMod'),
+  var _store$useModel3 = store.useModel("topoMod"),
       topoState = _store$useModel3[0],
       topoDispatchers = _store$useModel3[1];
 
@@ -90,7 +90,7 @@ var useTopoEdit = function useTopoEdit(params) {
 
 
   var addResourceToView = function addResourceToView() {
-    rlog.debug('addResourceToView', resourceConfig.getViewResources());
+    rlog.debug("addResourceToView", resourceConfig.getViewResources());
     setComboResData(resourceConfig.getViewResources());
     setShowComboResDrawer(true);
   };
@@ -100,7 +100,7 @@ var useTopoEdit = function useTopoEdit(params) {
         direction = _ref2.direction;
     // 从拓扑图获取分层和资源配置
     var config = resourceConfig.getConfigFromHt(topo.getDataModel());
-    rlog.info('onLayerAdd', {
+    rlog.info("onLayerAdd", {
       config: config
     }); // 如果非分层拓扑且有分层，切换到分层模板，设置方向
 
@@ -118,7 +118,7 @@ var useTopoEdit = function useTopoEdit(params) {
     emitEvent(TopoEvent.EVENT_TRIGGER_DELETE, layerElement); // 获取资源配置
 
     var config = resourceConfig.getConfigFromHt(topo.getDataModel());
-    rlog.info('deleteLayer', {
+    rlog.info("deleteLayer", {
       config: config
     }); // 如果没有分层，将拓扑类型切换为空白模板
 
@@ -142,13 +142,13 @@ var useTopoEdit = function useTopoEdit(params) {
 
 
     _Dialog.confirm({
-      title: '删除',
-      content: '若执行相关操作，此分层包含的内容也会一同被删除，确定删除吗？',
+      title: "删除",
+      content: "若执行相关操作，此分层包含的内容也会一同被删除，确定删除吗？",
       okProps: {
-        children: '确定'
+        children: "确定"
       },
       messageProps: {
-        type: 'warning'
+        type: "warning"
       },
       onOk: function () {
         var _onOk = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
@@ -200,13 +200,13 @@ var useTopoEdit = function useTopoEdit(params) {
 
 
     _Dialog.confirm({
-      title: '删除',
-      content: '若执行相关操作，此区域包含的内容也会一同被删除，确定删除吗？',
+      title: "删除",
+      content: "若执行相关操作，此区域包含的内容也会一同被删除，确定删除吗？",
       okProps: {
-        children: '确定'
+        children: "确定"
       },
       messageProps: {
-        type: 'warning'
+        type: "warning"
       },
       onOk: function () {
         var _onOk2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee3() {
@@ -281,7 +281,7 @@ var useTopoEdit = function useTopoEdit(params) {
 
       return newGroup;
     });
-    rlog.info('删除容器内的单个资源', {
+    rlog.info("删除容器内的单个资源", {
       groups: groups,
       node: node,
       newGroups: newGroups
@@ -298,17 +298,62 @@ var useTopoEdit = function useTopoEdit(params) {
     var nodeDeleteable = params.nodeDeleteable || ((_topo$options$editor = topo.options.editor) === null || _topo$options$editor === void 0 ? void 0 : _topo$options$editor.nodeDeleteable);
 
     if (nodeDeleteable === undefined || nodeDeleteable(data)) {
-      if (typeof onNodeDelete === 'function') {
+      if (typeof onNodeDelete === "function") {
         onNodeDelete(data);
       } else {
         deleteNode(data);
       }
     }
-  };
+  }; // 删除关联在节点上的出口链路
+
+
+  var deleteExLink = /*#__PURE__*/function () {
+    var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee4(node) {
+      var _node$getEdges$toArra, _node$getEdges;
+
+      var config, edges, exportLinkIdList;
+      return _regeneratorRuntime.wrap(function _callee4$(_context4) {
+        while (1) {
+          switch (_context4.prev = _context4.next) {
+            case 0:
+              config = resourceConfig.getConfig(); // console.log("删除关联在节点上的出口链路- node, config", node, config);
+
+              edges = (_node$getEdges$toArra = (_node$getEdges = node.getEdges()) === null || _node$getEdges === void 0 ? void 0 : _node$getEdges.toArray()) !== null && _node$getEdges$toArra !== void 0 ? _node$getEdges$toArra : []; // const exLink = [];
+
+              if (!(edges.length > 0)) {
+                _context4.next = 9;
+                break;
+              }
+
+              exportLinkIdList = [].concat(config.exportLinkIdList);
+              console.log("删除关联在节点上的出口链路- edge", edges);
+              edges.map(function (edge) {
+                if (edge.a("connect_type") === "exit" && exportLinkIdList.indexOf(edge.getTag() >= 0)) {
+                  // exLink.push(edge);
+                  topo.getGraphView().dm().remove(edge);
+                  exportLinkIdList.splice(config.exportLinkIdList.indexOf(edge.getTag()), 1);
+                }
+              });
+              config.exportLinkIdList = exportLinkIdList;
+              _context4.next = 9;
+              return resourceConfig.updateConfig(config);
+
+            case 9:
+            case "end":
+              return _context4.stop();
+          }
+        }
+      }, _callee4);
+    }));
+
+    return function deleteExLink(_x) {
+      return _ref3.apply(this, arguments);
+    };
+  }();
 
   var onDeleteElement = function onDeleteElement(data) {
     var dtype = data.dtype;
-    rlog.info('onDeleteElement', data);
+    rlog.info("onDeleteElement", data);
 
     if (isLayer(data)) {
       handleDeleteLayer(data);
@@ -332,18 +377,18 @@ var useTopoEdit = function useTopoEdit(params) {
     }
 
     switch (dtype) {
-      case 'link':
+      case "link":
         if (onLineDelete) {
           onLineDelete(data);
         }
 
         break;
 
-      case 'device':
+      case "device":
         handleDeleteNode(data);
         break;
 
-      case 'container':
+      case "container":
         deleteGroup(data);
         break;
 
@@ -357,39 +402,39 @@ var useTopoEdit = function useTopoEdit(params) {
    */
 
 
-  function bindGroupResources(_x, _x2) {
+  function bindGroupResources(_x2, _x3) {
     return _bindGroupResources.apply(this, arguments);
   }
 
   function _bindGroupResources() {
-    _bindGroupResources = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee8(group, resources) {
+    _bindGroupResources = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee9(group, resources) {
       var id, tag, _yield$editDispatcher2, elements, nodeElements, existedLinkIds, newLinkElements, updateElements;
 
-      return _regeneratorRuntime.wrap(function _callee8$(_context8) {
+      return _regeneratorRuntime.wrap(function _callee9$(_context9) {
         while (1) {
-          switch (_context8.prev = _context8.next) {
+          switch (_context9.prev = _context9.next) {
             case 0:
               id = group.id, tag = group.tag;
-              rlog.debug('bindGroupResources--id, tag', id, tag);
-              _context8.next = 4;
+              rlog.debug("bindGroupResources--id, tag", id, tag);
+              _context9.next = 4;
               return resourceConfig.updateGroupResources(group, resources);
 
             case 4:
-              _context8.next = 6;
+              _context9.next = 6;
               return editDispatchers.fetchDataByConfig();
 
             case 6:
-              _yield$editDispatcher2 = _context8.sent;
+              _yield$editDispatcher2 = _context9.sent;
               elements = _yield$editDispatcher2.elements;
               nodeElements = elements.filter(function (element) {
                 var type = element.type,
                     groupId = element.groupId,
                     groupTag = element.groupTag;
-                return type === 'node' && (groupId === id || groupTag === tag);
+                return type === "node" && (groupId === id || groupTag === tag);
               });
               existedLinkIds = resourceConfig.getAllEdgeResourceIds();
               newLinkElements = elements.filter(function (element) {
-                return (element.type === 'link' || element.type === 'linkGroup') && existedLinkIds.indexOf(element.id) === -1;
+                return (element.type === "link" || element.type === "linkGroup") && existedLinkIds.indexOf(element.id) === -1;
               });
               updateElements = [].concat(nodeElements, newLinkElements);
 
@@ -403,15 +448,15 @@ var useTopoEdit = function useTopoEdit(params) {
 
             case 13:
             case "end":
-              return _context8.stop();
+              return _context9.stop();
           }
         }
-      }, _callee8);
+      }, _callee9);
     }));
     return _bindGroupResources.apply(this, arguments);
   }
 
-  function addGroupResources(_x3, _x4) {
+  function addGroupResources(_x4, _x5) {
     return _addGroupResources.apply(this, arguments);
   }
   /**
@@ -420,11 +465,11 @@ var useTopoEdit = function useTopoEdit(params) {
 
 
   function _addGroupResources() {
-    _addGroupResources = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee9(group, newResourceIds) {
+    _addGroupResources = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee10(group, newResourceIds) {
       var groupConfig, resources, groupData;
-      return _regeneratorRuntime.wrap(function _callee9$(_context9) {
+      return _regeneratorRuntime.wrap(function _callee10$(_context10) {
         while (1) {
-          switch (_context9.prev = _context9.next) {
+          switch (_context10.prev = _context10.next) {
             case 0:
               groupConfig = resourceConfig.getGroupConfigByElement(group);
               resources = {
@@ -432,22 +477,22 @@ var useTopoEdit = function useTopoEdit(params) {
               };
               groupData = {
                 id: group.getTag(),
-                tag: group.a('tag')
+                tag: group.a("tag")
               };
-              _context9.next = 5;
+              _context10.next = 5;
               return bindGroupResources(groupData, resources, newResourceIds);
 
             case 5:
             case "end":
-              return _context9.stop();
+              return _context10.stop();
           }
         }
-      }, _callee9);
+      }, _callee10);
     }));
     return _addGroupResources.apply(this, arguments);
   }
 
-  function bindViewResources(_x5) {
+  function bindViewResources(_x6) {
     return _bindViewResources.apply(this, arguments);
   }
   /**
@@ -459,24 +504,25 @@ var useTopoEdit = function useTopoEdit(params) {
 
 
   function _bindViewResources() {
-    _bindViewResources = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee10(data) {
+    _bindViewResources = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee11(data) {
       var config, _yield$editDispatcher3, elements;
 
-      return _regeneratorRuntime.wrap(function _callee10$(_context10) {
+      return _regeneratorRuntime.wrap(function _callee11$(_context11) {
         while (1) {
-          switch (_context10.prev = _context10.next) {
+          switch (_context11.prev = _context11.next) {
             case 0:
+              console.log("关联视图的资源", data);
               config = resourceConfig.getConfig();
               config.resources = data;
-              _context10.next = 4;
+              _context11.next = 5;
               return resourceConfig.updateConfig(config);
 
-            case 4:
-              _context10.next = 6;
+            case 5:
+              _context11.next = 7;
               return editDispatchers.fetchDataByConfig();
 
-            case 6:
-              _yield$editDispatcher3 = _context10.sent;
+            case 7:
+              _yield$editDispatcher3 = _context11.sent;
               elements = _yield$editDispatcher3.topoDataTrans;
               saveBind(TopoEvent.DATA_TYPE_RESOURCE_COMBO, elements); // 临时放这里，仅拓扑中心有
 
@@ -484,37 +530,37 @@ var useTopoEdit = function useTopoEdit(params) {
                 topo.linkDynamicStyleExecutor.execute();
               }
 
-            case 10:
+            case 11:
             case "end":
-              return _context10.stop();
+              return _context11.stop();
           }
         }
-      }, _callee10);
+      }, _callee11);
     }));
     return _bindViewResources.apply(this, arguments);
   }
 
-  function addLayerResources(_x6, _x7) {
+  function addLayerResources(_x7, _x8) {
     return _addLayerResources.apply(this, arguments);
   }
 
   function _addLayerResources() {
-    _addLayerResources = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee11(group, newResourceIds) {
+    _addLayerResources = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee12(group, newResourceIds) {
       var _yield$editDispatcher4, topoData, data;
 
-      return _regeneratorRuntime.wrap(function _callee11$(_context11) {
+      return _regeneratorRuntime.wrap(function _callee12$(_context12) {
         while (1) {
-          switch (_context11.prev = _context11.next) {
+          switch (_context12.prev = _context12.next) {
             case 0:
-              _context11.next = 2;
+              _context12.next = 2;
               return resourceConfig.addLayerStaticResources(group, newResourceIds);
 
             case 2:
-              _context11.next = 4;
+              _context12.next = 4;
               return editDispatchers.fetchDataByConfig();
 
             case 4:
-              _yield$editDispatcher4 = _context11.sent;
+              _yield$editDispatcher4 = _context12.sent;
               topoData = _yield$editDispatcher4.topoData;
               // 过滤出新增的资源和链路
               data = {
@@ -526,7 +572,7 @@ var useTopoEdit = function useTopoEdit(params) {
                 })
               }; // 添加到分层
 
-              _context11.next = 9;
+              _context12.next = 9;
               return topo.addElements(data);
 
             case 9:
@@ -537,35 +583,35 @@ var useTopoEdit = function useTopoEdit(params) {
 
             case 10:
             case "end":
-              return _context11.stop();
+              return _context12.stop();
           }
         }
-      }, _callee11);
+      }, _callee12);
     }));
     return _addLayerResources.apply(this, arguments);
   }
 
-  function addResourceToFirstLayer(_x8) {
+  function addResourceToFirstLayer(_x9) {
     return _addResourceToFirstLayer.apply(this, arguments);
   }
 
   function _addResourceToFirstLayer() {
-    _addResourceToFirstLayer = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee12(data) {
+    _addResourceToFirstLayer = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee13(data) {
       var group;
-      return _regeneratorRuntime.wrap(function _callee12$(_context12) {
+      return _regeneratorRuntime.wrap(function _callee13$(_context13) {
         while (1) {
-          switch (_context12.prev = _context12.next) {
+          switch (_context13.prev = _context13.next) {
             case 0:
               group = resourceConfig.getGroups()[0];
-              _context12.next = 3;
+              _context13.next = 3;
               return addLayerResources(group, data);
 
             case 3:
             case "end":
-              return _context12.stop();
+              return _context13.stop();
           }
         }
-      }, _callee12);
+      }, _callee13);
     }));
     return _addResourceToFirstLayer.apply(this, arguments);
   }
@@ -574,7 +620,7 @@ var useTopoEdit = function useTopoEdit(params) {
     var type;
 
     if (isLayerTopo) {
-      type = 'addToFirstLayer';
+      type = "addToFirstLayer";
     }
 
     return type;
@@ -587,119 +633,119 @@ var useTopoEdit = function useTopoEdit(params) {
 
 
   function getAddResourceDrawerMode() {
-    return getAddResourceType() === 'addToFirstLayer' ? 'new' : 'all';
+    return getAddResourceType() === "addToFirstLayer" ? "new" : "all";
   }
 
   var onSaveComboRes = /*#__PURE__*/function () {
-    var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee4(data) {
-      return _regeneratorRuntime.wrap(function _callee4$(_context4) {
+    var _ref4 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee5(data) {
+      return _regeneratorRuntime.wrap(function _callee5$(_context5) {
         while (1) {
-          switch (_context4.prev = _context4.next) {
+          switch (_context5.prev = _context5.next) {
             case 0:
-              rlog.debug('关联资源-----onSaveComboRes', data);
+              rlog.debug("关联资源-----onSaveComboRes", data);
 
-              if (!(getAddResourceType() === 'addToFirstLayer')) {
-                _context4.next = 6;
+              if (!(getAddResourceType() === "addToFirstLayer")) {
+                _context5.next = 6;
                 break;
               }
 
-              _context4.next = 4;
+              _context5.next = 4;
               return addResourceToFirstLayer(data);
 
             case 4:
-              _context4.next = 8;
+              _context5.next = 8;
               break;
 
             case 6:
-              _context4.next = 8;
+              _context5.next = 8;
               return bindViewResources(data);
 
             case 8:
             case "end":
-              return _context4.stop();
+              return _context5.stop();
           }
         }
-      }, _callee4);
+      }, _callee5);
     }));
 
-    return function onSaveComboRes(_x9) {
-      return _ref3.apply(this, arguments);
+    return function onSaveComboRes(_x10) {
+      return _ref4.apply(this, arguments);
     };
   }();
 
-  function checkSavePermission(_x10) {
+  function checkSavePermission(_x11) {
     return _checkSavePermission.apply(this, arguments);
   }
 
   function _checkSavePermission() {
-    _checkSavePermission = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee13(id) {
+    _checkSavePermission = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee14(id) {
       var permission;
-      return _regeneratorRuntime.wrap(function _callee13$(_context13) {
+      return _regeneratorRuntime.wrap(function _callee14$(_context14) {
         while (1) {
-          switch (_context13.prev = _context13.next) {
+          switch (_context14.prev = _context14.next) {
             case 0:
-              _context13.next = 2;
+              _context14.next = 2;
               return topoDispatchers.getTopoPermission({
                 id: id,
                 update: false
               });
 
             case 2:
-              permission = _context13.sent;
+              permission = _context14.sent;
 
               if (!topoPermissonUtil.isEditable(permission)) {
-                _context13.next = 5;
+                _context14.next = 5;
                 break;
               }
 
-              return _context13.abrupt("return", true);
+              return _context14.abrupt("return", true);
 
             case 5:
               _Dialog.alert({
-                title: '没有权限进行此操作',
-                content: '您的权限发生了变化，请联系相关管理员。',
+                title: "没有权限进行此操作",
+                content: "您的权限发生了变化，请联系相关管理员。",
                 okProps: {
-                  children: '确定'
+                  children: "确定"
                 },
                 onOk: function onOk() {}
               });
 
-              return _context13.abrupt("return", false);
+              return _context14.abrupt("return", false);
 
             case 7:
             case "end":
-              return _context13.stop();
+              return _context14.stop();
           }
         }
-      }, _callee13);
+      }, _callee14);
     }));
     return _checkSavePermission.apply(this, arguments);
   }
 
   var onSaveTopo = /*#__PURE__*/function () {
-    var _ref4 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee6(data) {
+    var _ref5 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee7(data) {
       var id, config, serialize, _config$layout, template, layout, saveConfig, valid, saveData;
 
-      return _regeneratorRuntime.wrap(function _callee6$(_context6) {
+      return _regeneratorRuntime.wrap(function _callee7$(_context7) {
         while (1) {
-          switch (_context6.prev = _context6.next) {
+          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) {
-                _context6.next = 6;
+                _context7.next = 6;
                 break;
               }
 
               // 自定义保存
               saveConfig = /*#__PURE__*/function () {
-                var _ref5 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee5() {
-                  return _regeneratorRuntime.wrap(function _callee5$(_context5) {
+                var _ref6 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee6() {
+                  return _regeneratorRuntime.wrap(function _callee6$(_context6) {
                     while (1) {
-                      switch (_context5.prev = _context5.next) {
+                      switch (_context6.prev = _context6.next) {
                         case 0:
-                          _context5.next = 2;
+                          _context6.next = 2;
                           return editDispatchers.saveTopo({
                             id: id,
                             layout: layout,
@@ -708,14 +754,14 @@ var useTopoEdit = function useTopoEdit(params) {
 
                         case 2:
                         case "end":
-                          return _context5.stop();
+                          return _context6.stop();
                       }
                     }
-                  }, _callee5);
+                  }, _callee6);
                 }));
 
                 return function saveConfig() {
-                  return _ref5.apply(this, arguments);
+                  return _ref6.apply(this, arguments);
                 };
               }();
 
@@ -723,7 +769,7 @@ var useTopoEdit = function useTopoEdit(params) {
                 data: data,
                 saveConfig: saveConfig
               });
-              return _context6.abrupt("return");
+              return _context7.abrupt("return");
 
             case 6:
               // TODO 以下逻辑移到拓扑中心
@@ -731,21 +777,21 @@ var useTopoEdit = function useTopoEdit(params) {
                 saving: true
               }); // 检查权限
 
-              _context6.next = 9;
+              _context7.next = 9;
               return checkSavePermission(id);
 
             case 9:
-              valid = _context6.sent;
+              valid = _context7.sent;
 
               if (valid) {
-                _context6.next = 13;
+                _context7.next = 13;
                 break;
               }
 
               topoEditDispatchers.update({
                 saving: false
               });
-              return _context6.abrupt("return");
+              return _context7.abrupt("return");
 
             case 13:
               // 保存
@@ -754,8 +800,8 @@ var useTopoEdit = function useTopoEdit(params) {
                 layout: layout,
                 serialize: serialize
               }, resourceConfig.getConfig());
-              rlog.info('保存', saveData);
-              _context6.next = 17;
+              rlog.info("保存", saveData);
+              _context7.next = 17;
               return editDispatchers.saveTopo(saveData);
 
             case 17:
@@ -763,18 +809,18 @@ var useTopoEdit = function useTopoEdit(params) {
                 saving: false
               });
 
-              _Message.success('保存成功！');
+              _Message.success("保存成功！");
 
             case 19:
             case "end":
-              return _context6.stop();
+              return _context7.stop();
           }
         }
-      }, _callee6);
+      }, _callee7);
     }));
 
-    return function onSaveTopo(_x11) {
-      return _ref4.apply(this, arguments);
+    return function onSaveTopo(_x12) {
+      return _ref5.apply(this, arguments);
     };
   }();
 
@@ -783,7 +829,7 @@ var useTopoEdit = function useTopoEdit(params) {
       type: type,
       data: data
     };
-    rlog.debug('TopoCenter:onSaveBind', eventData);
+    rlog.debug("TopoCenter:onSaveBind", eventData);
     emitEvent(TopoEvent.EVENT_DATA_RESULT, eventData);
   };
   /**
@@ -808,12 +854,12 @@ var useTopoEdit = function useTopoEdit(params) {
 
 
   var bindNodeResource = /*#__PURE__*/function () {
-    var _ref6 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee7(params) {
+    var _ref7 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee8(params) {
       var id, oldResId, newResId, node, groupElement, config, groupId, groupTag, _yield$editDispatcher, elements, nodeRelatedDatas, replaceOrAddRes;
 
-      return _regeneratorRuntime.wrap(function _callee7$(_context7) {
+      return _regeneratorRuntime.wrap(function _callee8$(_context8) {
         while (1) {
-          switch (_context7.prev = _context7.next) {
+          switch (_context8.prev = _context8.next) {
             case 0:
               replaceOrAddRes = function _replaceOrAddRes(resources, oldResId, newResId) {
                 return _extends({}, resources, {
@@ -824,7 +870,7 @@ var useTopoEdit = function useTopoEdit(params) {
               };
 
               id = params.id, oldResId = params.oldResId, newResId = params.newResId;
-              rlog.debug('bindNodeResource', params);
+              rlog.debug("bindNodeResource", params);
               node = topo.getDataModel().getDataById(id); // 节点所属容器
 
               groupElement = node.getParent();
@@ -834,7 +880,7 @@ var useTopoEdit = function useTopoEdit(params) {
                 // 在容器中
                 groupId = groupElement.getTag(); // 容器业务id
 
-                groupTag = groupElement.a('tag'); // 容器临时id
+                groupTag = groupElement.a("tag"); // 容器临时id
 
                 config.groups = config.groups.map(function (g) {
                   // 匹配到容器，替换资源或增加
@@ -852,46 +898,51 @@ var useTopoEdit = function useTopoEdit(params) {
                 config.resources = replaceOrAddRes(config.resources, oldResId, newResId);
               }
 
-              _context7.next = 9;
+              _context8.next = 9;
               return resourceConfig.updateConfig(config);
 
             case 9:
-              _context7.next = 11;
+              _context8.next = 11;
               return editDispatchers.fetchDataByConfig();
 
             case 11:
-              _yield$editDispatcher = _context7.sent;
+              _yield$editDispatcher = _context8.sent;
               elements = _yield$editDispatcher.topoDataTrans;
               // 过滤出关联的节点和连线，通知ht更新
               nodeRelatedDatas = filterElementsByNodeId(elements, newResId);
 
               if (nodeRelatedDatas.length) {
-                _context7.next = 17;
+                _context8.next = 17;
                 break;
               }
 
-              _Message.error('关联资源失败');
+              _Message.error("关联资源失败");
 
-              return _context7.abrupt("return", false);
+              return _context8.abrupt("return", false);
 
             case 17:
               saveBind(TopoEvent.DATA_TYPE_RESOURCE_SINGLE, nodeRelatedDatas);
-              node.a('customName', null); // 临时放这里，仅拓扑中心有
+              node.a("customName", null); // 删除关联在节点上的出口链路
 
+              _context8.next = 21;
+              return deleteExLink(node);
+
+            case 21:
+              // 临时放这里，仅拓扑中心有
               if (topo.linkDynamicStyleExecutor) {
                 topo.linkDynamicStyleExecutor.execute();
               }
 
-            case 20:
+            case 22:
             case "end":
-              return _context7.stop();
+              return _context8.stop();
           }
         }
-      }, _callee7);
+      }, _callee8);
     }));
 
-    return function bindNodeResource(_x12) {
-      return _ref6.apply(this, arguments);
+    return function bindNodeResource(_x13) {
+      return _ref7.apply(this, arguments);
     };
   }();
   /**
@@ -912,7 +963,7 @@ var useTopoEdit = function useTopoEdit(params) {
     }
   };
 
-  var effectsState = store.useModelEffectsState('topoConfig');
+  var effectsState = store.useModelEffectsState("topoConfig");
   var topoLoading = effectsState.getTopoByConditions.isLoading;
   return {
     resourceConfig: resourceConfig,
@@ -986,6 +1037,11 @@ var useTopoEdit = function useTopoEdit(params) {
      */
     bindNodeResource: bindNodeResource,
 
+    /**
+     * 删除节点关联的出口链路
+     */
+    deleteExLink: deleteExLink,
+
     /**
      * 关闭资源绑定（单选）抽屉
      */