@riil-frontend/component-topology 11.0.29 → 11.0.30

package/es/core/hooks/useTopoEdit.js

@@ -3,7 +3,7 @@ import _extends from "@babel/runtime/helpers/extends";
 import _Button from "@alifd/next/es/button";
 import _Dialog from "@alifd/next/es/dialog";
 import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
-function _regeneratorRuntime() { "use strict"; /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */ _regeneratorRuntime = function _regeneratorRuntime() { return e; }; var t, e = {}, r = Object.prototype, n = r.hasOwnProperty, o = Object.defineProperty || function (t, e, r) { t[e] = r.value; }, i = "function" == typeof Symbol ? Symbol : {}, a = i.iterator || "@@iterator", c = i.asyncIterator || "@@asyncIterator", u = i.toStringTag || "@@toStringTag"; function define(t, e, r) { return Object.defineProperty(t, e, { value: r, enumerable: !0, configurable: !0, writable: !0 }), t[e]; } try { define({}, ""); } catch (t) { define = function define(t, e, r) { return t[e] = r; }; } function wrap(t, e, r, n) { var i = e && e.prototype instanceof Generator ? e : Generator, a = Object.create(i.prototype), c = new Context(n || []); return o(a, "_invoke", { value: makeInvokeMethod(t, r, c) }), a; } function tryCatch(t, e, r) { try { return { type: "normal", arg: t.call(e, r) }; } catch (t) { return { type: "throw", arg: t }; } } e.wrap = wrap; var h = "suspendedStart", l = "suspendedYield", f = "executing", s = "completed", y = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} var p = {}; define(p, a, function () { return this; }); var d = Object.getPrototypeOf, v = d && d(d(values([]))); v && v !== r && n.call(v, a) && (p = v); var g = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(p); function defineIteratorMethods(t) { ["next", "throw", "return"].forEach(function (e) { define(t, e, function (t) { return this._invoke(e, t); }); }); } function AsyncIterator(t, e) { function invoke(r, o, i, a) { var c = tryCatch(t[r], t, o); if ("throw" !== c.type) { var u = c.arg, h = u.value; return h && "object" == typeof h && n.call(h, "__await") ? e.resolve(h.__await).then(function (t) { invoke("next", t, i, a); }, function (t) { invoke("throw", t, i, a); }) : e.resolve(h).then(function (t) { u.value = t, i(u); }, function (t) { return invoke("throw", t, i, a); }); } a(c.arg); } var r; o(this, "_invoke", { value: function value(t, n) { function callInvokeWithMethodAndArg() { return new e(function (e, r) { invoke(t, n, e, r); }); } return r = r ? r.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg(); } }); } function makeInvokeMethod(e, r, n) { var o = h; return function (i, a) { if (o === f) throw new Error("Generator is already running"); if (o === s) { if ("throw" === i) throw a; return { value: t, done: !0 }; } for (n.method = i, n.arg = a;;) { var c = n.delegate; if (c) { var u = maybeInvokeDelegate(c, n); if (u) { if (u === y) continue; return u; } } if ("next" === n.method) n.sent = n._sent = n.arg;else if ("throw" === n.method) { if (o === h) throw o = s, n.arg; n.dispatchException(n.arg); } else "return" === n.method && n.abrupt("return", n.arg); o = f; var p = tryCatch(e, r, n); if ("normal" === p.type) { if (o = n.done ? s : l, p.arg === y) continue; return { value: p.arg, done: n.done }; } "throw" === p.type && (o = s, n.method = "throw", n.arg = p.arg); } }; } function maybeInvokeDelegate(e, r) { var n = r.method, o = e.iterator[n]; if (o === t) return r.delegate = null, "throw" === n && e.iterator["return"] && (r.method = "return", r.arg = t, maybeInvokeDelegate(e, r), "throw" === r.method) || "return" !== n && (r.method = "throw", r.arg = new TypeError("The iterator does not provide a '" + n + "' method")), y; var i = tryCatch(o, e.iterator, r.arg); if ("throw" === i.type) return r.method = "throw", r.arg = i.arg, r.delegate = null, y; var a = i.arg; return a ? a.done ? (r[e.resultName] = a.value, r.next = e.nextLoc, "return" !== r.method && (r.method = "next", r.arg = t), r.delegate = null, y) : a : (r.method = "throw", r.arg = new TypeError("iterator result is not an object"), r.delegate = null, y); } function pushTryEntry(t) { var e = { tryLoc: t[0] }; 1 in t && (e.catchLoc = t[1]), 2 in t && (e.finallyLoc = t[2], e.afterLoc = t[3]), this.tryEntries.push(e); } function resetTryEntry(t) { var e = t.completion || {}; e.type = "normal", delete e.arg, t.completion = e; } function Context(t) { this.tryEntries = [{ tryLoc: "root" }], t.forEach(pushTryEntry, this), this.reset(!0); } function values(e) { if (e || "" === e) { var r = e[a]; if (r) return r.call(e); if ("function" == typeof e.next) return e; if (!isNaN(e.length)) { var o = -1, i = function next() { for (; ++o < e.length;) if (n.call(e, o)) return next.value = e[o], next.done = !1, next; return next.value = t, next.done = !0, next; }; return i.next = i; } } throw new TypeError(typeof e + " is not iterable"); } return GeneratorFunction.prototype = GeneratorFunctionPrototype, o(g, "constructor", { value: GeneratorFunctionPrototype, configurable: !0 }), o(GeneratorFunctionPrototype, "constructor", { value: GeneratorFunction, configurable: !0 }), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, u, "GeneratorFunction"), e.isGeneratorFunction = function (t) { var e = "function" == typeof t && t.constructor; return !!e && (e === GeneratorFunction || "GeneratorFunction" === (e.displayName || e.name)); }, e.mark = function (t) { return Object.setPrototypeOf ? Object.setPrototypeOf(t, GeneratorFunctionPrototype) : (t.__proto__ = GeneratorFunctionPrototype, define(t, u, "GeneratorFunction")), t.prototype = Object.create(g), t; }, e.awrap = function (t) { return { __await: t }; }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, c, function () { return this; }), e.AsyncIterator = AsyncIterator, e.async = function (t, r, n, o, i) { void 0 === i && (i = Promise); var a = new AsyncIterator(wrap(t, r, n, o), i); return e.isGeneratorFunction(r) ? a : a.next().then(function (t) { return t.done ? t.value : a.next(); }); }, defineIteratorMethods(g), define(g, u, "Generator"), define(g, a, function () { return this; }), define(g, "toString", function () { return "[object Generator]"; }), e.keys = function (t) { var e = Object(t), r = []; for (var n in e) r.push(n); return r.reverse(), function next() { for (; r.length;) { var t = r.pop(); if (t in e) return next.value = t, next.done = !1, next; } return next.done = !0, next; }; }, e.values = values, Context.prototype = { constructor: Context, reset: function reset(e) { if (this.prev = 0, this.next = 0, this.sent = this._sent = t, this.done = !1, this.delegate = null, this.method = "next", this.arg = t, this.tryEntries.forEach(resetTryEntry), !e) for (var r in this) "t" === r.charAt(0) && n.call(this, r) && !isNaN(+r.slice(1)) && (this[r] = t); }, stop: function stop() { this.done = !0; var t = this.tryEntries[0].completion; if ("throw" === t.type) throw t.arg; return this.rval; }, dispatchException: function dispatchException(e) { if (this.done) throw e; var r = this; function handle(n, o) { return a.type = "throw", a.arg = e, r.next = n, o && (r.method = "next", r.arg = t), !!o; } for (var o = this.tryEntries.length - 1; o >= 0; --o) { var i = this.tryEntries[o], a = i.completion; if ("root" === i.tryLoc) return handle("end"); if (i.tryLoc <= this.prev) { var c = n.call(i, "catchLoc"), u = n.call(i, "finallyLoc"); if (c && u) { if (this.prev < i.catchLoc) return handle(i.catchLoc, !0); if (this.prev < i.finallyLoc) return handle(i.finallyLoc); } else if (c) { if (this.prev < i.catchLoc) return handle(i.catchLoc, !0); } else { if (!u) throw new Error("try statement without catch or finally"); if (this.prev < i.finallyLoc) return handle(i.finallyLoc); } } } }, abrupt: function abrupt(t, e) { for (var r = this.tryEntries.length - 1; r >= 0; --r) { var o = this.tryEntries[r]; if (o.tryLoc <= this.prev && n.call(o, "finallyLoc") && this.prev < o.finallyLoc) { var i = o; break; } } i && ("break" === t || "continue" === t) && i.tryLoc <= e && e <= i.finallyLoc && (i = null); var a = i ? i.completion : {}; return a.type = t, a.arg = e, i ? (this.method = "next", this.next = i.finallyLoc, y) : this.complete(a); }, complete: function complete(t, e) { if ("throw" === t.type) throw t.arg; return "break" === t.type || "continue" === t.type ? this.next = t.arg : "return" === t.type ? (this.rval = this.arg = t.arg, this.method = "return", this.next = "end") : "normal" === t.type && e && (this.next = e), y; }, finish: function finish(t) { for (var e = this.tryEntries.length - 1; e >= 0; --e) { var r = this.tryEntries[e]; if (r.finallyLoc === t) return this.complete(r.completion, r.afterLoc), resetTryEntry(r), y; } }, "catch": function _catch(t) { for (var e = this.tryEntries.length - 1; e >= 0; --e) { var r = this.tryEntries[e]; if (r.tryLoc === t) { var n = r.completion; if ("throw" === n.type) { var o = n.arg; resetTryEntry(r); } return o; } } throw new Error("illegal catch attempt"); }, delegateYield: function delegateYield(e, r, n) { return this.delegate = { iterator: values(e), resultName: r, nextLoc: n }, "next" === this.method && (this.arg = t), y; } }, e; }
+import _regeneratorRuntime from "@babel/runtime/regenerator";
 import React, { useCallback, useEffect, useMemo, useState } from "react";
 import _ from "lodash";
 import rlog from "@riil-frontend/component-topology-utils/es/rlog";
@@ -17,15 +17,16 @@ import { isResourceElement } from "../../utils/htElementDataUtil";
 import { isClusterHtElement, isClusterMemberHtElement } from "../../utils/clusterUtil";
 import { mergeExportLinkData } from "../models/utils/linkUtils";
 import { isUniqueIp, buildIpNode } from "../../networkTopo/utils/exitLinkUtil";
+
 var useTopoEdit = function useTopoEdit(params) {
   var topo = params.topo,
-    topoId = params.topoId,
-    isEditing = params.isEditing,
-    onSave = params.onSave,
-    onLineDelete = params.onLineDelete,
-    onNodeDelete = params.onNodeDelete,
-    topoShowType = params.topoShowType,
-    isLayerTopo = params.isLayerTopo;
+      topoId = params.topoId,
+      isEditing = params.isEditing,
+      onSave = params.onSave,
+      onLineDelete = params.onLineDelete,
+      onNodeDelete = params.onNodeDelete,
+      topoShowType = params.topoShowType,
+      isLayerTopo = params.isLayerTopo;
   var store = topo.store;
   var emitEvent = useCallback(function (eventType, eventData) {
     topo.view.topoClient.emitEvent(eventType, eventData);
@@ -39,114 +40,133 @@ var useTopoEdit = function useTopoEdit(params) {
     resourceConfig: resourceConfig
   });
   var topoEditDispatchers = store.useModelDispatchers("topoEdit");
+
   var _store$useModel = store.useModel("topoConfig"),
-    editState = _store$useModel[0],
-    editDispatchers = _store$useModel[1];
+      editState = _store$useModel[0],
+      editDispatchers = _store$useModel[1];
+
   var topoDispatchers = store.useModelDispatchers("topoMod");
+
   var _useState = useState(false),
-    showComboResDrawer = _useState[0],
-    setShowComboResDrawer = _useState[1];
+      showComboResDrawer = _useState[0],
+      setShowComboResDrawer = _useState[1];
+
   var _useState2 = useState(null),
-    comboResData = _useState2[0],
-    setComboResData = _useState2[1];
+      comboResData = _useState2[0],
+      setComboResData = _useState2[1];
+
   var reset = function reset() {
     var _topo$historyManager;
+
     topoEditDispatchers.reset();
     (_topo$historyManager = topo.historyManager) === null || _topo$historyManager === void 0 ? void 0 : _topo$historyManager.destroy();
   };
-
   /**
    * 增加资源到视图
    */
+
+
   var showGlobalAddResourceDrawer = function showGlobalAddResourceDrawer() {
     rlog.debug("showGlobalAddResourceDrawer", resourceConfig.getViewResources());
     setComboResData(resourceConfig.getViewResources());
     setShowComboResDrawer(true);
   };
+
   var onLayerAdded = /*#__PURE__*/function () {
-    var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(_ref) {
+    var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(_ref) {
       var target, direction, config;
-      return _regeneratorRuntime().wrap(function _callee$(_context) {
+      return _regeneratorRuntime.wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
             target = _ref.target, direction = _ref.direction;
-            topo.historyManager.beginTransaction();
+            topo.historyManager.beginTransaction(); // 从拓扑图获取分层和资源配置
 
-            // 从拓扑图获取分层和资源配置
             config = resourceConfig.getConfigFromHt(topo.getDataModel());
             rlog.info("onLayerAdd", {
               config: config
-            });
-            // 如果非分层拓扑且有分层，切换到分层模板，设置方向
+            }); // 如果非分层拓扑且有分层，切换到分层模板，设置方向
+
             if (!(!isLayerTopo && config.layers.length)) {
               _context.next = 7;
               break;
             }
+
             _context.next = 7;
             return topoDispatchers.setTopoType(TPL_TREE);
+
           case 7:
             // 更新配置
             // resourceConfig.updateConfig(config);
             // 更新配置对应的资源、链路
             // editDispatchers.fetchDataByConfig();
-
             topo.historyManager.endTransaction();
+
           case 8:
           case "end":
             return _context.stop();
         }
       }, _callee);
     }));
+
     return function onLayerAdded(_x) {
       return _ref2.apply(this, arguments);
     };
   }();
+
   var deleteLayer = /*#__PURE__*/function () {
-    var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(layerElement) {
+    var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2(layerElement) {
       var config;
-      return _regeneratorRuntime().wrap(function _callee2$(_context2) {
+      return _regeneratorRuntime.wrap(function _callee2$(_context2) {
         while (1) switch (_context2.prev = _context2.next) {
           case 0:
             topo.historyManager.beginTransaction();
-            emitEvent(TopoEvent.EVENT_TRIGGER_DELETE, layerElement);
-            // 获取资源配置
+            emitEvent(TopoEvent.EVENT_TRIGGER_DELETE, layerElement); // 获取资源配置
+
             config = resourceConfig.getConfigFromHt(topo.getDataModel());
             rlog.info("deleteLayer", {
               config: config
-            });
-            // 如果没有分层，将拓扑类型切换为空白模板
+            }); // 如果没有分层，将拓扑类型切换为空白模板
+
             if (config.layers.length) {
               _context2.next = 7;
               break;
             }
+
             _context2.next = 7;
             return topoDispatchers.setTopoType(TPL_BLANK);
+
           case 7:
             _context2.next = 9;
             return resourceConfig.updateConfig(config);
+
           case 9:
             _context2.next = 11;
             return editDispatchers.fetchDataByConfig();
+
           case 11:
             topo.historyManager.endTransaction();
+
           case 12:
           case "end":
             return _context2.stop();
         }
       }, _callee2);
     }));
+
     return function deleteLayer(_x2) {
       return _ref3.apply(this, arguments);
     };
   }();
+
   var handleDeleteLayer = function handleDeleteLayer(layerElement) {
     var hasChildren = !!layerElement.getChildren().toArray().length;
+
     if (!hasChildren) {
       deleteLayer(layerElement);
       return;
-    }
+    } // 有子节点时需要确认
+
 
-    // 有子节点时需要确认
     _Dialog.confirm({
       title: "删除",
       content: "若执行相关操作，此分层包含的内容也会一同被删除，确定删除吗？",
@@ -157,26 +177,27 @@ var useTopoEdit = function useTopoEdit(params) {
         type: "warning"
       },
       onOk: function () {
-        var _onOk = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3() {
-          return _regeneratorRuntime().wrap(function _callee3$(_context3) {
+        var _onOk = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee3() {
+          return _regeneratorRuntime.wrap(function _callee3$(_context3) {
             while (1) switch (_context3.prev = _context3.next) {
               case 0:
                 deleteLayer(layerElement);
+
               case 1:
               case "end":
                 return _context3.stop();
             }
           }, _callee3);
         }));
+
         function onOk() {
           return _onOk.apply(this, arguments);
         }
+
         return onOk;
       }()
     });
-  };
-
-  // const deleteGroupFooterBtn = () => {
+  }; // const deleteGroupFooterBtn = () => {
   //   return (
   //     <div>
   //       <Button type="primary" onClick={doDeleteOnlyGroup()}>
@@ -188,7 +209,6 @@ var useTopoEdit = function useTopoEdit(params) {
   //     </div>
   //   );
   // };
-
   // const [groupDeleteVisible, setGroupDeleteVisible] = useState(false);
   // function doDeleteOnlyGroup(data,group) {
   //   topo.historyManager.beginTransaction();
@@ -202,7 +222,6 @@ var useTopoEdit = function useTopoEdit(params) {
   //     //   viewRect.x + nodeRect.width + 2,
   //     //   viewRect.y + nodeRect.height + 4
   //     // ); // 解决集群从区域内移出时，连线位置未更新的问题
-
   //     setTimeout(function () {
   //       child.iv();
   //       topo.historyManager.endTransaction();
@@ -215,11 +234,11 @@ var useTopoEdit = function useTopoEdit(params) {
   // }
   // function doDelete(data) {
   //   topo.historyManager.beginTransaction();
-
   //   // FIXME 。如果命中其他的动态条件，则立即显示
   //   topo.view.topoClient.deleteGroup(data);
   //   setGroupDeleteVisible(false);
   // }
+
   /**
    * 删除容器。
    *
@@ -227,20 +246,24 @@ var useTopoEdit = function useTopoEdit(params) {
    *
    * @param data
    */
+
+
   var deleteGroup = function deleteGroup(data) {
     var id = data.id,
-      tag = data.tag;
-    // 新加的容器 tag 格式为 group_${id}
+        tag = data.tag; // 新加的容器 tag 格式为 group_${id}
+
     var group = topo.getDataModel().getDataById(tag) || topo.getDataModel().getDataByTag(id) || getGroupElementByTag(topo.getDataModel(), tag);
+
     if (!group) {
       return;
     }
+
     if (!getGroupChildren(group).filter(isResourceElement).length || isClusterHtElement(group)) {
       doDelete();
       return;
-    }
+    } // 有子节点时需要确认
+
 
-    // 有子节点时需要确认
     var gdialog = _Dialog.show({
       title: "删除",
       // content: "若执行相关操作，此区域包含的内容也会一同被删除，确定删除吗？",
@@ -265,13 +288,13 @@ var useTopoEdit = function useTopoEdit(params) {
         type: "warning"
       }
     });
+
     function doDeleteOnlyGroup() {
       topo.historyManager.beginTransaction();
       console.log("仅删除区域", topo.view.topoClient, data);
       var children = getGroupChildren(group);
       children.map(function (child) {
-        child.setParent(null);
-        // var viewRect = topo.getGraphView().getViewRect();
+        child.setParent(null); // var viewRect = topo.getGraphView().getViewRect();
         // var nodeRect = child.getRect();
         // child.setPosition(
         //   viewRect.x + nodeRect.width + 2,
@@ -285,30 +308,33 @@ var useTopoEdit = function useTopoEdit(params) {
       });
       topo.view.topoClient.deleteGroup(data);
       topo.historyManager.endTransaction();
-      gdialog === null || gdialog === void 0 ? void 0 : gdialog.hide();
-      // console.log("仅删除区域", children, group);
+      gdialog === null || gdialog === void 0 ? void 0 : gdialog.hide(); // console.log("仅删除区域", children, group);
     }
 
     function doDelete() {
-      topo.historyManager.beginTransaction();
+      topo.historyManager.beginTransaction(); // FIXME 。如果命中其他的动态条件，则立即显示
 
-      // FIXME 。如果命中其他的动态条件，则立即显示
       topo.view.topoClient.deleteGroup(data);
       gdialog === null || gdialog === void 0 ? void 0 : gdialog.hide();
     }
   };
+
   var deleteNode = function deleteNode(node) {
     emitEvent(TopoEvent.EVENT_TRIGGER_DELETE, node);
   };
+
   var handleDeleteNode = function handleDeleteNode(element) {
     var _topo$options$editor;
+
     // 集群内成员禁用删除
     if (isClusterMemberHtElement(element)) {
       return;
     }
-    var data = element.getAttrObject();
-    // eslint-disable-next-line no-case-declarations
+
+    var data = element.getAttrObject(); // eslint-disable-next-line no-case-declarations
+
     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") {
         onNodeDelete(data);
@@ -316,23 +342,28 @@ var useTopoEdit = function useTopoEdit(params) {
         deleteNode(data);
       }
     }
-  };
+  }; // 删除关联在节点上的出口链路
+
 
-  // 删除关联在节点上的出口链路
   var deleteExLink = /*#__PURE__*/function () {
-    var _ref4 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee4(node) {
+    var _ref4 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee4(node) {
       var _node$getEdges$toArra, _node$getEdges;
+
       var config, edges, exportLinkIdList;
-      return _regeneratorRuntime().wrap(function _callee4$(_context4) {
+      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 = 8;
               break;
             }
+
             exportLinkIdList = [].concat(config.exportLinkIdList); //console.log("删除关联在节点上的出口链路- edges", edges,exportLinkIdList);
+
             edges.map(function (edge) {
               if (edge.a("dtype") === "link" && exportLinkIdList.indexOf(edge.getTag()) >= 0) {
                 // exLink.push(edge);
@@ -343,28 +374,34 @@ var useTopoEdit = function useTopoEdit(params) {
             config.exportLinkIdList = exportLinkIdList;
             _context4.next = 8;
             return resourceConfig.updateConfig(config);
+
           case 8:
           case "end":
             return _context4.stop();
         }
       }, _callee4);
     }));
+
     return function deleteExLink(_x3) {
       return _ref4.apply(this, arguments);
     };
   }();
+
   var onDeleteElement = function onDeleteElement(data) {
     var dtype = data.dtype;
     rlog.info("onDeleteElement", data);
+
     if (isLayer(data)) {
       handleDeleteLayer(data);
       return;
     }
-    var selectedElements = topo.getSelectionModel().getSelection().toArray();
-    // 多选节点和连线时只删除节点，仅选择一根连线/链路时删除连线/链路
+
+    var selectedElements = topo.getSelectionModel().getSelection().toArray(); // 多选节点和连线时只删除节点，仅选择一根连线/链路时删除连线/链路
+
     topo.historyManager.beginTransaction();
     selectedElements.forEach(function (element) {
       var elementData = element.getAttrObject();
+
       if (isGroup(element)) {
         deleteGroup(elementData);
       } else if (isNode(element)) {
@@ -374,24 +411,28 @@ var useTopoEdit = function useTopoEdit(params) {
       }
     });
     topo.historyManager.endTransaction();
+
     if (selectedElements.length === 1) {
       switch (dtype) {
         case "link":
           if (onLineDelete) {
             onLineDelete(data);
           }
+
           break;
+
         default:
           break;
       }
     }
   };
-
   /**
    * 获得未存在的连线元素
    * @param {*} elements
    * @returns
    */
+
+
   function findUNExistedLinkElements(elements) {
     var dm = topo.getDataModel();
     var newLinkElements = elements.filter(function (element) {
@@ -399,12 +440,13 @@ var useTopoEdit = function useTopoEdit(params) {
     });
     return newLinkElements;
   }
-
   /**
    * 获得未存在的元素
    * @param {Array} elements
    * @returns
    */
+
+
   function findUNExistedElements(elements) {
     var dm = topo.getDataModel();
     var newLinkElements = elements.filter(function (element) {
@@ -412,17 +454,20 @@ var useTopoEdit = function useTopoEdit(params) {
     });
     return newLinkElements;
   }
-
   /**
    * 关联容器的资源
    */
+
+
   function bindGroupResources(_x4, _x5) {
     return _bindGroupResources.apply(this, arguments);
   }
+
   function _bindGroupResources() {
-    _bindGroupResources = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee10(group, resources) {
+    _bindGroupResources = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee10(group, resources) {
       var id, tag, _yield$editDispatcher2, elements, nodeElements, newLinkElements, updateElements;
-      return _regeneratorRuntime().wrap(function _callee10$(_context10) {
+
+      return _regeneratorRuntime.wrap(function _callee10$(_context10) {
         while (1) switch (_context10.prev = _context10.next) {
           case 0:
             id = group.id, tag = group.tag;
@@ -430,9 +475,11 @@ var useTopoEdit = function useTopoEdit(params) {
             topo.historyManager.beginTransaction();
             _context10.next = 5;
             return resourceConfig.updateGroupResources(group, resources);
+
           case 5:
             _context10.next = 7;
             return editDispatchers.fetchDataByConfig();
+
           case 7:
             _yield$editDispatcher2 = _context10.sent;
             elements = _yield$editDispatcher2.elements;
@@ -440,14 +487,17 @@ var useTopoEdit = function useTopoEdit(params) {
             nodeElements = findGroupChildren(elements, group);
             newLinkElements = findUNExistedLinkElements(elements);
             updateElements = [].concat(nodeElements, newLinkElements);
+
             if (updateElements.length) {
-              saveBind(TopoEvent.DATA_TYPE_RESOURCE_CONTAINER, updateElements);
-              // 临时放这里，仅拓扑中心有
+              saveBind(TopoEvent.DATA_TYPE_RESOURCE_CONTAINER, updateElements); // 临时放这里，仅拓扑中心有
+
               if (topo.linkDynamicStyleExecutor) {
                 topo.linkDynamicStyleExecutor.execute();
               }
             }
+
             topo.historyManager.endTransaction();
+
           case 14:
           case "end":
             return _context10.stop();
@@ -456,16 +506,19 @@ var useTopoEdit = function useTopoEdit(params) {
     }));
     return _bindGroupResources.apply(this, arguments);
   }
+
   function addGroupResources(_x6, _x7) {
     return _addGroupResources.apply(this, arguments);
   }
   /**
    * 关联视图的资源
    */
+
+
   function _addGroupResources() {
-    _addGroupResources = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee11(group, newResourceIds) {
+    _addGroupResources = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee11(group, newResourceIds) {
       var groupConfig, resources, groupData;
-      return _regeneratorRuntime().wrap(function _callee11$(_context11) {
+      return _regeneratorRuntime.wrap(function _callee11$(_context11) {
         while (1) switch (_context11.prev = _context11.next) {
           case 0:
             groupConfig = resourceConfig.getGroupConfigByElement(group);
@@ -478,6 +531,7 @@ var useTopoEdit = function useTopoEdit(params) {
             };
             _context11.next = 5;
             return bindGroupResources(groupData, resources);
+
           case 5:
           case "end":
             return _context11.stop();
@@ -486,6 +540,7 @@ var useTopoEdit = function useTopoEdit(params) {
     }));
     return _addGroupResources.apply(this, arguments);
   }
+
   function bindViewResources(_x8) {
     return _bindViewResources.apply(this, arguments);
   }
@@ -495,10 +550,13 @@ var useTopoEdit = function useTopoEdit(params) {
    * @param newResourceIds 新增的资源id列表
    * @return {Promise<void>}
    */
+
+
   function _bindViewResources() {
-    _bindViewResources = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee12(data) {
+    _bindViewResources = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee12(data) {
       var config, _yield$editDispatcher3, elements;
-      return _regeneratorRuntime().wrap(function _callee12$(_context12) {
+
+      return _regeneratorRuntime.wrap(function _callee12$(_context12) {
         while (1) switch (_context12.prev = _context12.next) {
           case 0:
             // console.log("关联视图的资源", data);
@@ -506,17 +564,20 @@ var useTopoEdit = function useTopoEdit(params) {
             config.resources = data;
             _context12.next = 4;
             return resourceConfig.updateConfig(config);
+
           case 4:
             _context12.next = 6;
             return editDispatchers.fetchDataByConfig();
+
           case 6:
             _yield$editDispatcher3 = _context12.sent;
             elements = _yield$editDispatcher3.elements;
-            saveBind(TopoEvent.DATA_TYPE_RESOURCE_COMBO, elements);
-            // 临时放这里，仅拓扑中心有
+            saveBind(TopoEvent.DATA_TYPE_RESOURCE_COMBO, elements); // 临时放这里，仅拓扑中心有
+
             if (topo.linkDynamicStyleExecutor) {
               topo.linkDynamicStyleExecutor.execute();
             }
+
           case 10:
           case "end":
             return _context12.stop();
@@ -525,23 +586,27 @@ var useTopoEdit = function useTopoEdit(params) {
     }));
     return _bindViewResources.apply(this, arguments);
   }
+
   function addLayerResources(_x9, _x10) {
     return _addLayerResources.apply(this, arguments);
   }
+
   function _addLayerResources() {
-    _addLayerResources = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee13(group, newResourceIds) {
+    _addLayerResources = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee13(group, newResourceIds) {
       var _yield$editDispatcher4, elements, newElements;
-      return _regeneratorRuntime().wrap(function _callee13$(_context13) {
+
+      return _regeneratorRuntime.wrap(function _callee13$(_context13) {
         while (1) switch (_context13.prev = _context13.next) {
           case 0:
-            topo.historyManager.beginTransaction();
+            topo.historyManager.beginTransaction(); // 构造新的配置
 
-            // 构造新的配置
             _context13.next = 3;
             return resourceConfig.addLayerStaticResources(group, newResourceIds);
+
           case 3:
             _context13.next = 5;
             return editDispatchers.fetchDataByConfig();
+
           case 5:
             _yield$editDispatcher4 = _context13.sent;
             elements = _yield$editDispatcher4.elements;
@@ -551,18 +616,19 @@ var useTopoEdit = function useTopoEdit(params) {
               layer: group,
               newElements: newElements
             });
-            topo.getHtTopo().addElements(newElements);
+            topo.getHtTopo().addElements(newElements); // 临时放这里，仅拓扑中心有
 
-            // 临时放这里，仅拓扑中心有
             if (topo.linkDynamicStyleExecutor) {
               topo.linkDynamicStyleExecutor.execute();
             }
+
             topo.historyManager.endTransaction();
-            topo.getHtTopo().getGraphView().fitContent(undefined, undefined, true);
-            // 添加资源后隐藏资源面板
+            topo.getHtTopo().getGraphView().fitContent(undefined, undefined, true); // 添加资源后隐藏资源面板
+
             topoEditDispatchers.update({
               resourceTabActiveKey: null
             });
+
           case 14:
           case "end":
             return _context13.stop();
@@ -571,18 +637,21 @@ var useTopoEdit = function useTopoEdit(params) {
     }));
     return _addLayerResources.apply(this, arguments);
   }
+
   function addResourceToFirstLayer(_x11) {
     return _addResourceToFirstLayer.apply(this, arguments);
   }
+
   function _addResourceToFirstLayer() {
-    _addResourceToFirstLayer = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee14(data) {
+    _addResourceToFirstLayer = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee14(data) {
       var group;
-      return _regeneratorRuntime().wrap(function _callee14$(_context14) {
+      return _regeneratorRuntime.wrap(function _callee14$(_context14) {
         while (1) switch (_context14.prev = _context14.next) {
           case 0:
             group = resourceConfig.getGroups()[0];
             _context14.next = 3;
             return addLayerResources(group, data);
+
           case 3:
           case "end":
             return _context14.stop();
@@ -591,76 +660,91 @@ var useTopoEdit = function useTopoEdit(params) {
     }));
     return _addResourceToFirstLayer.apply(this, arguments);
   }
+
   function getAddResourceType() {
     var type;
+
     if (isLayerTopo) {
       type = "addToFirstLayer";
     }
+
     return type;
   }
-
   /**
    * 获得关联资源抽屉模式：新增、全量
    *
    * @return {string}
    */
+
+
   function getAddResourceDrawerMode() {
     return getAddResourceType() === "addToFirstLayer" ? "new" : "all";
   }
-
   /**
    * 未选中元素添加资源
    *
    * @param {*} data
    */
+
+
   var onSaveComboRes = /*#__PURE__*/function () {
-    var _ref5 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee5(data) {
-      return _regeneratorRuntime().wrap(function _callee5$(_context5) {
+    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")) {
               _context5.next = 7;
               break;
             }
+
             _context5.next = 5;
             return addResourceToFirstLayer(data);
+
           case 5:
             _context5.next = 9;
             break;
+
           case 7:
             _context5.next = 9;
             return bindViewResources(data);
+
           case 9:
             topo.historyManager.endTransaction();
             topo.getHtTopo().fitContent();
             topoEditDispatchers.update({
               resourceTabActiveKey: null
             });
+
           case 12:
           case "end":
             return _context5.stop();
         }
       }, _callee5);
     }));
+
     return function onSaveComboRes(_x12) {
       return _ref5.apply(this, arguments);
     };
   }();
+
   var onSaveTopo = /*#__PURE__*/function () {
-    var _ref6 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee7(data) {
+    var _ref6 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee7(data) {
       var id, config, serialize, _config$layout, template, layout, saveConfig;
-      return _regeneratorRuntime().wrap(function _callee7$(_context7) {
+
+      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 = /*#__PURE__*/function () {
-                var _ref7 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee6() {
-                  return _regeneratorRuntime().wrap(function _callee6$(_context6) {
+                var _ref7 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee6() {
+                  return _regeneratorRuntime.wrap(function _callee6$(_context6) {
                     while (1) switch (_context6.prev = _context6.next) {
                       case 0:
                         _context6.next = 2;
@@ -669,32 +753,38 @@ var useTopoEdit = function useTopoEdit(params) {
                           layout: layout,
                           serialize: serialize
                         });
+
                       case 2:
                       case "end":
                         return _context6.stop();
                     }
                   }, _callee6);
                 }));
+
                 return function saveConfig() {
                   return _ref7.apply(this, arguments);
                 };
               }();
+
               onSave({
                 topo: topo,
                 data: data,
                 saveConfig: saveConfig
               });
             }
+
           case 3:
           case "end":
             return _context7.stop();
         }
       }, _callee7);
     }));
+
     return function onSaveTopo(_x13) {
       return _ref6.apply(this, arguments);
     };
   }();
+
   var saveBind = function saveBind(type, data) {
     var eventData = {
       type: type,
@@ -703,7 +793,6 @@ var useTopoEdit = function useTopoEdit(params) {
     rlog.debug("TopoCenter:onSaveBind", eventData);
     emitEvent(TopoEvent.EVENT_DATA_RESULT, eventData);
   };
-
   /**
    * 单节点绑定资源
    *
@@ -715,10 +804,13 @@ var useTopoEdit = function useTopoEdit(params) {
    * 关联到已有区域里的节点
    * 重新关联到已有区域里的节点
    */
+
+
   var bindNodeResource = /*#__PURE__*/function () {
-    var _ref8 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee9(params) {
+    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;
-      return _regeneratorRuntime().wrap(function _callee9$(_context9) {
+
+      return _regeneratorRuntime.wrap(function _callee9$(_context9) {
         while (1) switch (_context9.prev = _context9.next) {
           case 0:
             replaceOrAddRes = function _replaceOrAddRes(resources, oldResId, newResId) {
@@ -728,21 +820,25 @@ var useTopoEdit = function useTopoEdit(params) {
                 }), [newResId])
               });
             };
+
             _doBind = function _doBind3() {
-              _doBind = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee8() {
+              _doBind = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee8() {
                 var dm, newLinkElements, createElementsData, groupChildren, newGroupChildren, existedGroupChildren, groupElement, newElement, sm;
-                return _regeneratorRuntime().wrap(function _callee8$(_context8) {
+                return _regeneratorRuntime.wrap(function _callee8$(_context8) {
                   while (1) switch (_context8.prev = _context8.next) {
                     case 0:
                       dm = htTopo.getGraphView().dm(); // 创建
+
                       newLinkElements = findUNExistedLinkElements(elements);
                       createElementsData = null;
+
                       if (newData.type === "group") {
                         groupChildren = findGroupChildren(elements, newData);
                         newGroupChildren = [];
                         existedGroupChildren = [];
                         groupChildren.forEach(function (groupChildData) {
                           var ele = dm.getDataByTag(groupChildData.id);
+
                           if (ele) {
                             existedGroupChildren.push(groupChildData);
                           } else {
@@ -759,8 +855,8 @@ var useTopoEdit = function useTopoEdit(params) {
                             return item.type === "linkGroup";
                           })
                         };
-                        htTopo.createElements(createElementsData);
-                        // 切换前图上如果存在集群内的节点，切换节点为集群后，移到集群内
+                        htTopo.createElements(createElementsData); // 切换前图上如果存在集群内的节点，切换节点为集群后，移到集群内
+
                         groupElement = dm.getDataByTag(newData.id);
                         existedGroupChildren.forEach(function (groupChildData) {
                           var nodeElement = dm.getDataByTag(groupChildData.id);
@@ -779,33 +875,34 @@ var useTopoEdit = function useTopoEdit(params) {
                         };
                         htTopo.createElements(createElementsData);
                       }
-                      rlog.debug("批量创建元素", createElementsData);
 
-                      // 恢复图标、大小、位置
+                      rlog.debug("批量创建元素", createElementsData); // 恢复图标、大小、位置
+
                       newElement = dm.getDataByTag(newData.id);
+
                       if (newElement) {
                         newElement.setSize(node.getSize());
                         newElement.setPosition(node.getPosition());
                         newElement.setImage(node.getImage());
-                      }
-                      // 选中
-                      sm = htTopo.getGraphView().sm();
-                      sm.setSelection([newElement]);
+                      } // 选中
 
-                      // 移除旧节点
-                      dm.remove(node);
 
-                      // saveBind(TopoEvent.DATA_TYPE_RESOURCE_SINGLE, newDatas);
-                      // node.a("customName", null);
+                      sm = htTopo.getGraphView().sm();
+                      sm.setSelection([newElement]); // 移除旧节点
 
+                      dm.remove(node); // saveBind(TopoEvent.DATA_TYPE_RESOURCE_SINGLE, newDatas);
+                      // node.a("customName", null);
                       // 删除关联在节点上的出口链路
+
                       _context8.next = 12;
                       return deleteExLink(node);
+
                     case 12:
                       // 临时放这里，仅拓扑中心有
                       if (topo.linkDynamicStyleExecutor) {
                         topo.linkDynamicStyleExecutor.execute();
                       }
+
                     case 13:
                     case "end":
                       return _context8.stop();
@@ -814,116 +911,145 @@ var useTopoEdit = function useTopoEdit(params) {
               }));
               return _doBind.apply(this, arguments);
             };
+
             doBind = function _doBind2() {
               return _doBind.apply(this, arguments);
             };
+
             topo.historyManager.beginTransaction();
             id = params.id, oldResId = params.oldResId, newResId = params.newResId;
             rlog.debug("bindNodeResource", params);
             node = topo.getDataModel().getDataById(id); // 节点所属容器
+
             parentGroupElement = node.getParent();
             htTopo = topo.getHtTopo();
             config = resourceConfig.getConfig();
+
             if (parentGroupElement) {
               // 在容器中
               groupId = parentGroupElement.getTag(); // 容器业务id
+
               groupTag = parentGroupElement.a("tag"); // 容器临时id
+
               config.groups = config.groups.map(function (g) {
                 // 匹配到容器，替换资源或增加
                 if (g.id === groupId || g.tag === groupTag) {
                   return _extends({}, g, {
                     resources: replaceOrAddRes(g.resources, oldResId, newResId)
                   });
-                }
-                // 未匹配到容器
+                } // 未匹配到容器
+
+
                 return g;
               });
             } else {
               // 在画布上
               config.resources = replaceOrAddRes(config.resources, oldResId, newResId);
             }
+
             _context9.next = 13;
             return resourceConfig.updateConfig(config);
+
           case 13:
             _context9.next = 15;
             return editDispatchers.fetchDataByConfig();
+
           case 15:
             _yield$editDispatcher = _context9.sent;
             elements = _yield$editDispatcher.elements;
             newData = elements.find(function (item) {
               return item.id === newResId;
             });
+
             if (newData) {
               _context9.next = 23;
               break;
             }
+
             _Message.error("关联资源失败");
+
             rlog.warn("关联资源失败");
             topo.historyManager.endTransaction();
             return _context9.abrupt("return", false);
+
           case 23:
             _context9.next = 25;
             return doBind();
+
           case 25:
             topo.historyManager.endTransaction();
+
           case 26:
           case "end":
             return _context9.stop();
         }
       }, _callee9);
     }));
+
     return function bindNodeResource(_x14) {
       return _ref8.apply(this, arguments);
     };
   }();
-
   /**
    * 关联IP的图片节点
    */
+
+
   function relateNodeIp(_x15, _x16) {
     return _relateNodeIp.apply(this, arguments);
   }
+
   function _relateNodeIp() {
-    _relateNodeIp = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee15(txtValue, nodeElement) {
+    _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) {
+
+      return _regeneratorRuntime.wrap(function _callee15$(_context15) {
         while (1) switch (_context15.prev = _context15.next) {
           case 0:
             if (txtValue) {
               _context15.next = 2;
               break;
             }
+
             return _context15.abrupt("return");
+
           case 2:
             // if (txtValue === nodeElement.a('bindIp')) {
             //   return;
             // }
             // 根据配置查询拓扑数据
             dm = topo.getDataModel(); // 执行唯一性验证
+
             isUnique = isUniqueIp(dm, txtValue, nodeElement); // 获取关联链路
+
             if (!isUnique) {
               _context15.next = 23;
               break;
             }
+
             ip = buildIpNode(txtValue);
             _context15.next = 8;
             return deleteExLink(nodeElement);
+
           case 8:
             nodeElement.a(ip);
             nodeElement.setName(txtValue);
-            nodeElement.setTag("ip:" + txtValue);
-            // 获取配置
+            nodeElement.setTag("ip:" + txtValue); // 获取配置
+
             configObj = topo.resourceConfig.getConfig();
             _context15.next = 14;
             return resourceConfig.updateConfig(configObj);
+
           case 14:
             _context15.next = 16;
             return editDispatchers.fetchDataByConfig();
+
           case 16:
             configData = _context15.sent;
             // console.log("configData",configObj, configData);
             _elements = configData.elements;
             newLinkElements = findUNExistedLinkElements(_elements); // console.log("configData", configData, newLinkElements);
+
             newLink = newLinkElements.filter(function (item) {
               return item.type === "link";
             });
@@ -931,16 +1057,20 @@ var useTopoEdit = function useTopoEdit(params) {
               return item.type === "linkGroup";
             }); // const newData = elements.find((item) => item.id === `ip:${txtValue}`);
             // console.log("newData",newLinkElements, newLink);
+
             createElementsData = {
               groups: [],
               nodes: [],
               links: newLink,
               linkGroups: newLinkGroup
             }; // console.log("createElementsData", createElementsData);
+
             if ([].concat(newLink, newLinkGroup).length > 0) {
               _htTopo = topo.getHtTopo();
+
               _htTopo.createElements(createElementsData);
             }
+
           case 23:
           case "end":
             return _context15.stop();
@@ -949,19 +1079,22 @@ var useTopoEdit = function useTopoEdit(params) {
     }));
     return _relateNodeIp.apply(this, arguments);
   }
+
   var onEvent = function onEvent(e) {
     var map = {};
     var handler = map[e.name];
+
     if (handler) {
       handler(e.data);
     }
   };
+
   var effectsState = store.useModelEffectsState("topoConfig");
   var topoLoading = effectsState.getTopoByConditions.isLoading;
-
   /**
    * 设置视图鼠标模式
    */
+
   var setViewMouseMode = function setViewMouseMode(mode) {
     rlog.debug("设置视图鼠标模式", mode);
     topo.getHtTopo().setViewMouseMode(mode);
@@ -969,25 +1102,31 @@ var useTopoEdit = function useTopoEdit(params) {
       viewMouseMode: mode
     });
   };
+
   return {
     resourceConfig: resourceConfig,
+
     /**
      * 拓扑结构加载中状态
      */
     topoLoading: topoLoading,
     setViewMouseMode: setViewMouseMode,
+
     /**
      * 资源绑定（多选）抽屉显示状态
      */
     showComboResDrawer: showComboResDrawer,
+
     /**
      * 资源绑定（多选）已选择资源（动态+固定）
      */
     initialComboRes: comboResData,
+
     /**
      * 当前资源对应的拓扑结构（点+线+容器）
      */
     topo: editState.elements,
+
     /**
      * 拓扑图全局已选固定资源
      */
@@ -995,42 +1134,51 @@ var useTopoEdit = function useTopoEdit(params) {
     onEvent: onEvent,
     reset: reset,
     addLayerResources: addLayerResources,
+
     /**
      * 显示全局添加资源抽屉
      */
     showGlobalAddResourceDrawer: showGlobalAddResourceDrawer,
     groupAddResource: groupAddResource,
     addGroupResources: addGroupResources,
+
     /**
      * 添加资源抽屉类型
      */
     getAddResourceDrawerMode: getAddResourceDrawerMode,
+
     /**
      * 资源绑定（单选）保存选择
      */
     bindNodeResource: bindNodeResource,
+
     /**
      * 删除节点关联的出口链路
      */
     deleteExLink: deleteExLink,
+
     /**
      * 资源绑定（多选）保存选择
      */
     onSaveComboRes: onSaveComboRes,
+
     /**
      * 关闭资源绑定（多选）抽屉
      */
     onCloseComboResDrawer: function onCloseComboResDrawer() {
       return setShowComboResDrawer(false);
     },
+
     /**
      * 拓扑图元素（节点、连线、容器）删除回调
      */
     onDeleteElement: onDeleteElement,
+
     /**
      * 绑定图片ip
      */
     relateNodeIp: relateNodeIp,
+
     /**
      * 拓扑图保存回调
      */
@@ -1039,4 +1187,5 @@ var useTopoEdit = function useTopoEdit(params) {
     onLayerAdded: onLayerAdded
   };
 };
+
 export default useTopoEdit;