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

package/es/networkTopo/utils/exportData.js

@@ -1,13 +1,14 @@
 import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
-
-var _ref;
-
 import _regeneratorRuntime from "@babel/runtime/regenerator";
 import { request } from '@riil-frontend/component-topology-utils';
 import rlog from '@riil-frontend/component-topology-utils/es/rlog';
 import { findClusters, isCluster } from "../../utils/clusterUtil";
 export default function (_x) {
-  return (_ref = _ref || _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(topo) {
+  return _ref.apply(this, arguments);
+}
+
+function _ref() {
+  _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(topo) {
     var _topo$store$getModelS, nodes, links, linkGroups, clusters, params, fileData, fileName, blob, elink;
 
     return _regeneratorRuntime.wrap(function _callee$(_context) {
@@ -70,5 +71,6 @@ export default function (_x) {
           return _context.stop();
       }
     }, _callee);
-  }))).apply(this, arguments);
+  }));
+  return _ref.apply(this, arguments);
 }

package/es/utils/clipboardUtil.d.ts

@@ -0,0 +1,7 @@
+declare function writeText(text: string): Promise<void>;
+declare function readText(): Promise<string>;
+export declare const clipboard: {
+    readText: typeof readText;
+    writeText: typeof writeText;
+};
+export {};

package/es/utils/clipboardUtil.js

@@ -0,0 +1,104 @@
+import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
+import _regeneratorRuntime from "@babel/runtime/regenerator";
+
+function writeText(_x) {
+  return _writeText.apply(this, arguments);
+}
+
+function _writeText() {
+  _writeText = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(text) {
+    var success, textArea;
+    return _regeneratorRuntime.wrap(function _callee$(_context) {
+      while (1) switch (_context.prev = _context.next) {
+        case 0:
+          success = false;
+          _context.prev = 1;
+
+          if (!navigator.clipboard) {
+            _context.next = 5;
+            break;
+          }
+
+          _context.next = 5;
+          return navigator.clipboard.writeText(text);
+
+        case 5:
+          success = true;
+          _context.next = 10;
+          break;
+
+        case 8:
+          _context.prev = 8;
+          _context.t0 = _context["catch"](1);
+
+        case 10:
+          if (!success) {
+            // 创建text area
+            textArea = document.createElement('textarea');
+            textArea.value = text; // 使text area不在viewport，同时设置不可见
+
+            document.body.appendChild(textArea);
+            textArea.focus();
+            textArea.select();
+            document.execCommand('copy');
+            textArea.remove();
+          }
+
+        case 11:
+        case "end":
+          return _context.stop();
+      }
+    }, _callee, null, [[1, 8]]);
+  }));
+  return _writeText.apply(this, arguments);
+}
+
+function readText() {
+  return _readText.apply(this, arguments);
+}
+
+function _readText() {
+  _readText = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
+    var text, textareaElement, _text;
+
+    return _regeneratorRuntime.wrap(function _callee2$(_context2) {
+      while (1) switch (_context2.prev = _context2.next) {
+        case 0:
+          if (!navigator.clipboard) {
+            _context2.next = 7;
+            break;
+          }
+
+          _context2.next = 3;
+          return navigator.clipboard.readText();
+
+        case 3:
+          text = _context2.sent;
+          return _context2.abrupt("return", text);
+
+        case 7:
+          textareaElement = document.createElement('textarea');
+          document.body.appendChild(textareaElement);
+          textareaElement.innerText = '';
+          textareaElement.focus();
+          textareaElement.select();
+          document.execCommand('paste');
+          _text = textareaElement.innerText; // 从该元素中读取内容
+
+          document.body.removeChild(textareaElement); // 移除元素
+
+          return _context2.abrupt("return", _text);
+
+        case 16:
+        case "end":
+          return _context2.stop();
+      }
+    }, _callee2);
+  }));
+  return _readText.apply(this, arguments);
+}
+
+export var clipboard = {
+  readText: readText,
+  writeText: writeText
+};

package/lib/components/BatchAttrMetric/setting.js

@@ -157,7 +157,7 @@ var Setting = function Setting(_ref) {
   }, /*#__PURE__*/_react["default"].createElement(_grid["default"].Col, {
     span: 8,
     className: _indexModule["default"]['tree-wrap']
-  }, dataSource.length && /*#__PURE__*/_react["default"].createElement(_componentActionTree["default"], {
+  }, !!dataSource.length && /*#__PURE__*/_react["default"].createElement(_componentActionTree["default"], {
     dataSource: dataSource,
     onSelect: onTreeSelect,
     draggable: false,

package/lib/components/MultiResourceDrawer/index.js

@@ -18,8 +18,6 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
 var MultiResourceDrawer = function MultiResourceDrawer(props) {
-  var _ref;
-
   var visible = props.visible,
       mode = props.mode,
       initialData = props.initialData,
@@ -27,8 +25,8 @@ var MultiResourceDrawer = function MultiResourceDrawer(props) {
       onSave = props.onSave,
       onClose = props.onClose;
 
-  var onDrawerSave = function onDrawerSave(_x) {
-    return (_ref = _ref || (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee(selected) {
+  var onDrawerSave = /*#__PURE__*/function () {
+    var _ref = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee(selected) {
       var result;
       return _regenerator["default"].wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
@@ -49,8 +47,12 @@ var MultiResourceDrawer = function MultiResourceDrawer(props) {
             return _context.stop();
         }
       }, _callee);
-    }))).apply(this, arguments);
-  };
+    }));
+
+    return function onDrawerSave(_x) {
+      return _ref.apply(this, arguments);
+    };
+  }();
 
   return /*#__PURE__*/_react["default"].createElement(_NetworkTopoResourceSelectDrawer["default"], {
     visible: visible,

package/lib/components/ResourceList/ResourceSelect.js

@@ -35,16 +35,14 @@ var _ResourceSelectModule = _interopRequireDefault(require("./ResourceSelect.mod
 
 var _ResourceTypeLimit = require("../../constants/ResourceTypeLimit");
 
-var _ref;
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
 var PRIMARY_KEY = 'id';
 
-var getTableData = function getTableData(_x) {
-  return (_ref = _ref || (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee(params) {
+var getTableData = /*#__PURE__*/function () {
+  var _ref = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee(params) {
     var _params$current, current, _params$pageSize, pageSize, _params$sortBy, sortBy, _params$sortOrder, sortOrder, like, typeCode, condition, ciType, data, dataSource;
 
     return _regenerator["default"].wrap(function _callee$(_context) {
@@ -102,8 +100,12 @@ var getTableData = function getTableData(_x) {
           return _context.stop();
       }
     }, _callee);
-  }))).apply(this, arguments);
-};
+  }));
+
+  return function getTableData(_x) {
+    return _ref.apply(this, arguments);
+  };
+}();
 
 var ResourceList = function ResourceList(props, ref) {
   var customGetTableData = props.getTableData,

package/lib/components/ResourceSelectDrawer/ResourceSelectDrawer.js

@@ -33,8 +33,6 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
  * @constructor
  */
 function ResourceSelectDrawer(props) {
-  var _ref;
-
   var visible = props.visible,
       title = props.title,
       selectionMode = props.selectionMode,
@@ -56,8 +54,8 @@ function ResourceSelectDrawer(props) {
     }
   }, [visible]);
 
-  var handleOk = function handleOk() {
-    return (_ref = _ref || (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee() {
+  var handleOk = /*#__PURE__*/function () {
+    var _ref = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee() {
       var selected, shouldClose;
       return _regenerator["default"].wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
@@ -92,8 +90,12 @@ function ResourceSelectDrawer(props) {
             return _context.stop();
         }
       }, _callee, null, [[1, 9]]);
-    }))).apply(this, arguments);
-  };
+    }));
+
+    return function handleOk() {
+      return _ref.apply(this, arguments);
+    };
+  }();
 
   var finalExcludeIds = [];
 

package/lib/components/SingleResourceDrawer/SelectDrawer.js

@@ -20,15 +20,13 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
 var SingleSelectDrawer = function SingleSelectDrawer(props) {
-  var _ref;
-
   var visible = props.visible,
       totalSelection = props.totalSelection,
       onSave = props.onSave,
       onClose = props.onClose;
 
-  var onDrawerSave = function onDrawerSave(_x) {
-    return (_ref = _ref || (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee(selected) {
+  var onDrawerSave = /*#__PURE__*/function () {
+    var _ref = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee(selected) {
       return _regenerator["default"].wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
@@ -50,8 +48,12 @@ var SingleSelectDrawer = function SingleSelectDrawer(props) {
             return _context.stop();
         }
       }, _callee);
-    }))).apply(this, arguments);
-  };
+    }));
+
+    return function onDrawerSave(_x) {
+      return _ref.apply(this, arguments);
+    };
+  }();
 
   return /*#__PURE__*/_react["default"].createElement(_NetworkTopoResourceSelectDrawer["default"], {
     visible: visible,

package/lib/core/components/DisplaySettingDrawer/DisplaySettingDrawer.js

@@ -28,8 +28,6 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
 function DisplaySettingDrawer(props) {
-  var _ref;
-
   var visible = props.visible,
       topo = props.topo,
       displaySettingProps = props.displaySettingProps,
@@ -47,8 +45,8 @@ function DisplaySettingDrawer(props) {
     isEditor: isEditor
   }));
 
-  var handleOk = function handleOk() {
-    return (_ref = _ref || (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee() {
+  var handleOk = /*#__PURE__*/function () {
+    var _ref = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee() {
       return _regenerator["default"].wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
@@ -82,8 +80,12 @@ function DisplaySettingDrawer(props) {
             return _context.stop();
         }
       }, _callee, null, [[1, 9]]);
-    }))).apply(this, arguments);
-  };
+    }));
+
+    return function handleOk() {
+      return _ref.apply(this, arguments);
+    };
+  }();
 
   var DisplaySettingWidget = displaySettingRender || _DisplaySetting["default"];
   return /*#__PURE__*/_react["default"].createElement(_Drawer["default"], {

package/lib/core/components/DisplaySettingDrawer/hooks/useDisplaySetting.js

@@ -12,15 +12,13 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 
 var _default = function _default(props) {
-  var _ref, _ref2, _ref3;
-
   var topo = props.topo,
       displaySettingProps = props.displaySettingProps,
       settingRef = props.settingRef,
       isEditor = props.isEditor;
 
-  var handleViewerSave = function handleViewerSave() {
-    return (_ref = _ref || (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee() {
+  var handleViewerSave = /*#__PURE__*/function () {
+    var _ref = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee() {
       var values, prevDisplayConfig, displayConfig, displayConfigDispatchers, extraOnOk;
       return _regenerator["default"].wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
@@ -57,11 +55,15 @@ var _default = function _default(props) {
             return _context.stop();
         }
       }, _callee);
-    }))).apply(this, arguments);
-  };
+    }));
 
-  var handleEditorSave = function handleEditorSave() {
-    return (_ref2 = _ref2 || (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee2() {
+    return function handleViewerSave() {
+      return _ref.apply(this, arguments);
+    };
+  }();
+
+  var handleEditorSave = /*#__PURE__*/function () {
+    var _ref2 = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee2() {
       var values, prevDisplayConfig, displayConfig, displayConfigDispatchers, extraOnOk;
       return _regenerator["default"].wrap(function _callee2$(_context2) {
         while (1) switch (_context2.prev = _context2.next) {
@@ -98,11 +100,15 @@ var _default = function _default(props) {
             return _context2.stop();
         }
       }, _callee2);
-    }))).apply(this, arguments);
-  };
+    }));
 
-  var save = function save() {
-    return (_ref3 = _ref3 || (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee3() {
+    return function handleEditorSave() {
+      return _ref2.apply(this, arguments);
+    };
+  }();
+
+  var save = /*#__PURE__*/function () {
+    var _ref3 = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee3() {
       return _regenerator["default"].wrap(function _callee3$(_context3) {
         while (1) switch (_context3.prev = _context3.next) {
           case 0:
@@ -127,8 +133,12 @@ var _default = function _default(props) {
             return _context3.stop();
         }
       }, _callee3);
-    }))).apply(this, arguments);
-  };
+    }));
+
+    return function save() {
+      return _ref3.apply(this, arguments);
+    };
+  }();
 
   return {
     save: save

package/lib/core/editor/components/BackgroundView/index.js

@@ -7,11 +7,13 @@ exports["default"] = BackgroundView;
 
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
 
+var _message = _interopRequireDefault(require("@alifd/next/lib/message"));
+
 var _loading = _interopRequireDefault(require("@alifd/next/lib/loading"));
 
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 
-var _message = _interopRequireDefault(require("@alifd/next/lib/message"));
+var _dialog = _interopRequireDefault(require("@alifd/next/lib/dialog"));
 
 var _tag = _interopRequireDefault(require("@alifd/next/lib/tag"));
 
@@ -19,8 +21,6 @@ var _button = _interopRequireDefault(require("@alifd/next/lib/button"));
 
 var _icon = _interopRequireDefault(require("@alifd/next/lib/icon"));
 
-var _dialog = _interopRequireDefault(require("@alifd/next/lib/dialog"));
-
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 
 var _react = _interopRequireWildcard(require("react"));
@@ -42,15 +42,17 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
 function List(props) {
-  var _remove;
-
   var selected = props.selected,
       onSelect = props.onSelect,
       dataSource = props.dataSource,
       onRemove = props.onRemove;
 
   function remove(_x, _x2) {
-    return (_remove = _remove || (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee(e, id) {
+    return _remove.apply(this, arguments);
+  }
+
+  function _remove() {
+    _remove = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee(e, id) {
       var canDelete;
       return _regenerator["default"].wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
@@ -91,7 +93,8 @@ function List(props) {
             return _context.stop();
         }
       }, _callee);
-    }))).apply(this, arguments);
+    }));
+    return _remove.apply(this, arguments);
   }
 
   return /*#__PURE__*/_react["default"].createElement("div", {
@@ -123,8 +126,6 @@ function List(props) {
 }
 
 function BackgroundView(props) {
-  var _getBackground, _removeBg, _ref, _ref2;
-
   var topo = props.topo;
 
   var _topo$store$useModel = topo.store.useModel('background'),
@@ -150,45 +151,55 @@ function BackgroundView(props) {
   }, []);
 
   function getBackground() {
-    return (_getBackground = _getBackground || (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee2() {
+    return _getBackground.apply(this, arguments);
+  }
+
+  function _getBackground() {
+    _getBackground = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee4() {
       var res;
-      return _regenerator["default"].wrap(function _callee2$(_context2) {
-        while (1) switch (_context2.prev = _context2.next) {
+      return _regenerator["default"].wrap(function _callee4$(_context4) {
+        while (1) switch (_context4.prev = _context4.next) {
           case 0:
-            _context2.next = 2;
+            _context4.next = 2;
             return _background["default"].getBackgroundList();
 
           case 2:
-            res = _context2.sent;
+            res = _context4.sent;
             setBgList(res);
 
           case 4:
           case "end":
-            return _context2.stop();
+            return _context4.stop();
         }
-      }, _callee2);
-    }))).apply(this, arguments);
+      }, _callee4);
+    }));
+    return _getBackground.apply(this, arguments);
   }
 
   function removeBg(_x3) {
-    return (_removeBg = _removeBg || (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee3(id) {
+    return _removeBg.apply(this, arguments);
+  } // 同步拓扑图展示
+
+
+  function _removeBg() {
+    _removeBg = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee5(id) {
       var res;
-      return _regenerator["default"].wrap(function _callee3$(_context3) {
-        while (1) switch (_context3.prev = _context3.next) {
+      return _regenerator["default"].wrap(function _callee5$(_context5) {
+        while (1) switch (_context5.prev = _context5.next) {
           case 0:
-            _context3.next = 2;
+            _context5.next = 2;
             return _background["default"].deleteBackground(id);
 
           case 2:
-            res = _context3.sent;
+            res = _context5.sent;
 
             if (!(id === (current === null || current === void 0 ? void 0 : current.id))) {
-              _context3.next = 9;
+              _context5.next = 9;
               break;
             }
 
             topo.historyManager.setDisabled(true, '删除背景');
-            _context3.next = 7;
+            _context5.next = 7;
             return reset();
 
           case 7:
@@ -202,53 +213,53 @@ function BackgroundView(props) {
 
           case 11:
           case "end":
-            return _context3.stop();
+            return _context5.stop();
         }
-      }, _callee3);
-    }))).apply(this, arguments);
-  } // 同步拓扑图展示
-
+      }, _callee5);
+    }));
+    return _removeBg.apply(this, arguments);
+  }
 
   function setHtTopoBackground(imgUrl, width, height) {
     topo.getHtTopo().setBackgroundImgUrl(imgUrl, width, height);
   }
 
-  var handleSelect = function handleSelect(_x4) {
-    return (_ref = _ref || (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee4(currentBg) {
+  var handleSelect = /*#__PURE__*/function () {
+    var _ref = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee2(currentBg) {
       var imgUrl, size;
-      return _regenerator["default"].wrap(function _callee4$(_context4) {
-        while (1) switch (_context4.prev = _context4.next) {
+      return _regenerator["default"].wrap(function _callee2$(_context2) {
+        while (1) switch (_context2.prev = _context2.next) {
           case 0:
             if (!(currentBg !== null && currentBg !== void 0 && currentBg.id && currentBg.id !== (current === null || current === void 0 ? void 0 : current.id))) {
-              _context4.next = 19;
+              _context2.next = 19;
               break;
             }
 
             setLoadingBackground(true);
             topo.historyManager.beginTransaction();
             imgUrl = (0, _backgroundUtil.getBackgroundImageUrl)(currentBg);
-            _context4.prev = 4;
-            _context4.next = 7;
+            _context2.prev = 4;
+            _context2.next = 7;
             return (0, _imageUtil.getImageSize)(imgUrl);
 
           case 7:
-            size = _context4.sent;
+            size = _context2.sent;
 
             _rlog["default"].debug('获取图片大小', size);
 
-            _context4.next = 11;
+            _context2.next = 11;
             return setBackground((0, _extends2["default"])({}, currentBg, size));
 
           case 11:
             topo.getHtTopo().setBackgroundImgUrl(imgUrl, size.width, size.height);
-            _context4.next = 17;
+            _context2.next = 17;
             break;
 
           case 14:
-            _context4.prev = 14;
-            _context4.t0 = _context4["catch"](4);
+            _context2.prev = 14;
+            _context2.t0 = _context2["catch"](4);
 
-            _rlog["default"].error('设置背景失败', _context4.t0);
+            _rlog["default"].error('设置背景失败', _context2.t0);
 
           case 17:
             topo.historyManager.endTransaction();
@@ -256,19 +267,23 @@ function BackgroundView(props) {
 
           case 19:
           case "end":
-            return _context4.stop();
+            return _context2.stop();
         }
-      }, _callee4, null, [[4, 14]]);
-    }))).apply(this, arguments);
-  };
+      }, _callee2, null, [[4, 14]]);
+    }));
 
-  var resetDefault = function resetDefault() {
-    return (_ref2 = _ref2 || (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee5() {
-      return _regenerator["default"].wrap(function _callee5$(_context5) {
-        while (1) switch (_context5.prev = _context5.next) {
+    return function handleSelect(_x4) {
+      return _ref.apply(this, arguments);
+    };
+  }();
+
+  var resetDefault = /*#__PURE__*/function () {
+    var _ref2 = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee3() {
+      return _regenerator["default"].wrap(function _callee3$(_context3) {
+        while (1) switch (_context3.prev = _context3.next) {
           case 0:
             topo.historyManager.beginTransaction();
-            _context5.next = 3;
+            _context3.next = 3;
             return reset();
 
           case 3:
@@ -277,11 +292,15 @@ function BackgroundView(props) {
 
           case 5:
           case "end":
-            return _context5.stop();
+            return _context3.stop();
         }
-      }, _callee5);
-    }))).apply(this, arguments);
-  };
+      }, _callee3);
+    }));
+
+    return function resetDefault() {
+      return _ref2.apply(this, arguments);
+    };
+  }();
 
   return /*#__PURE__*/_react["default"].createElement("div", {
     className: _indexModule["default"]['background-view']