@riil-frontend/component-topology 2.12.3 → 2.12.5-alpha.3

package/lib/components/SingleResourceDrawer/index.js

@@ -1,66 +1,11 @@
 "use strict";
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
 exports.__esModule = true;
 exports["default"] = void 0;
 
-var _message = _interopRequireDefault(require("@alifd/next/lib/message"));
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _utils = require("@riil-frontend/utils");
-
-var _Drawer = _interopRequireDefault(require("../Drawer"));
-
-var _ResourceList = _interopRequireDefault(require("../ResourceList"));
-
-var SingleResourceDrawer = function SingleResourceDrawer(props) {
-  var store = props.store,
-      visible = props.visible,
-      loading = props.loading,
-      selectedKey = props.selectedKey,
-      totalSelection = props.totalSelection,
-      onSave = props.onSave,
-      onClose = props.onClose;
-  var ref = (0, _react.useRef)();
-
-  var onDrawerSave = function onDrawerSave() {
-    var data = ref.current.getSelectedData();
-
-    if (!(0, _utils.isAvailableArray)(data)) {
-      _message["default"].error('请选择一项资源。');
-
-      return;
-    }
-
-    var intercept = onSave(data[0]);
-
-    if (!intercept) {
-      onClose();
-    }
-  };
-
-  var initialData = {
-    selected: [selectedKey],
-    total: totalSelection
-  };
-  return /*#__PURE__*/_react["default"].createElement(_Drawer["default"], {
-    title: "\u9009\u62E9\u8D44\u6E90",
-    visible: visible,
-    loading: loading,
-    onSave: onDrawerSave,
-    onClose: onClose,
-    buttons: ['确定', '取消']
-  }, /*#__PURE__*/_react["default"].createElement(_ResourceList["default"], {
-    ref: ref,
-    store: store,
-    initialData: initialData,
-    selectionMode: "single"
-  }));
-};
+var _SelectDrawer = _interopRequireDefault(require("./SelectDrawer"));
 
-var _default = SingleResourceDrawer;
+var _default = _SelectDrawer["default"];
 exports["default"] = _default;

package/lib/core/components/TopoView/topoView.js

@@ -13,7 +13,9 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _classnames2 = _interopRequireDefault(require("classnames"));
 
-var _componentTopologyGraph = _interopRequireWildcard(require("@riil-frontend/component-topology-graph"));
+var _TopoGraph = _interopRequireDefault(require("@riil-frontend/component-topology-graph/es/components/TopoGraph"));
+
+var _event = _interopRequireDefault(require("@riil-frontend/component-topology-graph/es/event"));
 
 var _rlog = _interopRequireDefault(require("@riil-frontend/component-topology-utils/es/rlog"));
 
@@ -199,44 +201,44 @@ var TopoView = function TopoView(props) {
     containerLinkTopo.onEvent(event);
 
     switch (event.name) {
-      case _componentTopologyGraph.TopoEvent.EVENT_SHOW_MESSAGE:
+      case _event["default"].EVENT_SHOW_MESSAGE:
         if (event.data && event.data.type) (0, _showMessage["default"])(event.data.type, event.data.message);
         break;
 
-      case _componentTopologyGraph.TopoEvent.EVENT_RIGHT_CLICK:
+      case _event["default"].EVENT_RIGHT_CLICK:
         rightEventHandle(event);
         break;
 
-      case _componentTopologyGraph.TopoEvent.EVENT_DATA_PICK:
+      case _event["default"].EVENT_DATA_PICK:
         onBindData(event.data);
         break;
 
-      case _componentTopologyGraph.TopoEvent.EVENT_DATA_DELETE:
+      case _event["default"].EVENT_DATA_DELETE:
         onDeleteElement(event.data);
         break;
 
-      case _componentTopologyGraph.TopoEvent.EVENT_SAVE_TOPO:
+      case _event["default"].EVENT_SAVE_TOPO:
         onSaveTopo(event.data);
         break;
 
-      case _componentTopologyGraph.TopoEvent.EVENT_REFRESH:
+      case _event["default"].EVENT_REFRESH:
         onRefresh(event.data);
         break;
 
-      case _componentTopologyGraph.TopoEvent.EVENT_EDIT_ENTER:
+      case _event["default"].EVENT_EDIT_ENTER:
         initSelection();
         break;
 
-      case _componentTopologyGraph.TopoEvent.EVENT_EDIT_EXIT:
+      case _event["default"].EVENT_EDIT_EXIT:
         onExitEdit(event.data);
         break;
 
-      case _componentTopologyGraph.TopoEvent.EVENT_CONTEXT_TOOL:
+      case _event["default"].EVENT_CONTEXT_TOOL:
         _rlog["default"].debug('自定义工具栏事件', event);
 
         break;
 
-      case _componentTopologyGraph.TopoEvent.EVENT_TOPO_ON_RELATED_TOPO_IMAGE:
+      case _event["default"].EVENT_TOPO_ON_RELATED_TOPO_IMAGE:
         _rlog["default"].debug('预关联拓扑图事件', event);
 
         onTopoRelatedImage(event);
@@ -255,7 +257,7 @@ var TopoView = function TopoView(props) {
     onEnterEdit: onEnterEdit
   })), /*#__PURE__*/_react["default"].createElement("div", {
     className: (0, _classnames2["default"])(_TopoViewModule["default"].viewPanel, (_classnames = {}, _classnames[_TopoViewModule["default"].viewPanelEditMode] = isEditMode, _classnames))
-  }, /*#__PURE__*/_react["default"].createElement(_componentTopologyGraph["default"], {
+  }, /*#__PURE__*/_react["default"].createElement(_TopoGraph["default"], {
     debugId: topoApp.debugId,
     data: tData,
     defaultEnterEditMode: defaultEnterEditMode,

package/lib/core/editor/components/LinkDynamicStyleSettingDrawer/rule/ColorPicker.module.scss

@@ -1,4 +1,4 @@
-@import "@alifd/theme-19926/variables";
+@import "~@alifd/theme-19926/variables.scss";
 
 .swatch {
   background: #fff;

package/lib/core/editor/components/ResourceViewAttributeSetting/ResourceViewAttributeSettingPlugin.js

@@ -11,7 +11,7 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 
 var _react = _interopRequireWildcard(require("react"));
 
-var _componentTopologyGraph = require("@riil-frontend/component-topology-graph");
+var _event = _interopRequireDefault(require("@riil-frontend/component-topology-graph/es/event"));
 
 var _Setting = _interopRequireDefault(require("./Setting"));
 
@@ -59,9 +59,9 @@ function ResourceViewAttributeSettingPlugin(props) {
     };
     topology.view.contextMenu.registerCommands(contextMenuCommands);
     var notifier = topology.view.topoClient.notifier;
-    notifier.on(_componentTopologyGraph.TopoEvent.OPEN_MARK_SETTING, openMarkSettingByType);
+    notifier.on(_event["default"].OPEN_MARK_SETTING, openMarkSettingByType);
     return function () {
-      notifier.off(_componentTopologyGraph.TopoEvent.OPEN_MARK_SETTING, openMarkSettingByType);
+      notifier.off(_event["default"].OPEN_MARK_SETTING, openMarkSettingByType);
     };
   }, []);
   return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_Setting["default"], (0, _extends2["default"])({

package/lib/core/editor/components/ResourceViewAttributeSetting/Setting.js

@@ -11,7 +11,7 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 
 var _react = _interopRequireWildcard(require("react"));
 
-var _componentTopologyGraph = require("@riil-frontend/component-topology-graph");
+var _event = _interopRequireDefault(require("@riil-frontend/component-topology-graph/es/event"));
 
 var _rlog = _interopRequireDefault(require("@riil-frontend/component-topology-utils/es/rlog"));
 
@@ -99,7 +99,7 @@ var Setting = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
 
     _rlog["default"].debug('saveMarkSetting', parm, allCiSet, ciDoc, allCiset);
 
-    topology.view.topoClient.emitEvent(_componentTopologyGraph.TopoEvent.SAVE_MARK_SETTING, {
+    topology.view.topoClient.emitEvent(_event["default"].SAVE_MARK_SETTING, {
       tagAndTipSet: ciDoc
     });
     bizDispatchers.update({

package/lib/core/editor/components/settings/common/GroupNodeList/ResourceList.js

@@ -1,7 +1,5 @@
 "use strict";
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
 exports.__esModule = true;
@@ -9,7 +7,7 @@ exports["default"] = void 0;
 
 var _list = _interopRequireDefault(require("@alifd/next/lib/list"));
 
-var _react = _interopRequireWildcard(require("react"));
+var _react = _interopRequireDefault(require("react"));
 
 var _ResourceListModule = _interopRequireDefault(require("./ResourceList.module.scss"));
 

package/lib/core/editor/components/settings/common/text/FontStyleCheckbox.module.scss

@@ -1,4 +1,4 @@
-@import "@alifd/theme-19926/variables";
+@import "~@alifd/theme-19926/variables.scss";
 
 .buttonGroup {
   display: flex;

package/lib/core/editor/components/settings/node/BindResourceDrawer.js

@@ -0,0 +1,68 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+exports.__esModule = true;
+exports["default"] = void 0;
+
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+
+var _message = _interopRequireDefault(require("@alifd/next/lib/message"));
+
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _ResourceSelectDrawer = _interopRequireDefault(require("../../../../../components/ResourceSelectDrawer"));
+
+var BindResourceDrawer = function BindResourceDrawer(props) {
+  var topoEditApi = props.topoEditApi,
+      node = props.node,
+      onSave = props.onSave,
+      onClose = props.onClose;
+
+  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:
+              if (selected.length) {
+                _context.next = 3;
+                break;
+              }
+
+              _message["default"].error('请选择一项资源。');
+
+              return _context.abrupt("return", false);
+
+            case 3:
+              _context.next = 5;
+              return onSave(selected[0]);
+
+            case 5:
+            case "end":
+              return _context.stop();
+          }
+        }
+      }, _callee);
+    }));
+
+    return function onDrawerSave(_x) {
+      return _ref.apply(this, arguments);
+    };
+  }();
+
+  return /*#__PURE__*/_react["default"].createElement(_ResourceSelectDrawer["default"], {
+    visible: topoEditApi.showSingleResDrawer,
+    excludeIds: [node.tag],
+    selectionMode: "single",
+    onOk: onDrawerSave,
+    onClose: onClose
+  });
+};
+
+var _default = BindResourceDrawer;
+exports["default"] = _default;

package/lib/core/editor/components/settings/node/NodeRelateResourceButton.js

@@ -1,5 +1,7 @@
 "use strict";
 
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
 exports.__esModule = true;
@@ -7,7 +9,9 @@ exports["default"] = NodeRelateResourceButton;
 
 var _button = _interopRequireDefault(require("@alifd/next/lib/button"));
 
-var _react = _interopRequireDefault(require("react"));
+var _react = _interopRequireWildcard(require("react"));
+
+var _BindResourceDrawer = _interopRequireDefault(require("./BindResourceDrawer"));
 
 /**
  * @return {React.ReactNode | null}
@@ -25,7 +29,7 @@ function NodeRelateResourceButton(props) {
     onClick: function onClick() {
       topoEditApi.bindNodeResource({});
     }
-  }, "\u9009\u62E9\u8D44\u6E90") : null;
+  }, "\u9009\u62E9\u8D44\u6E90", /*#__PURE__*/_react["default"].createElement(_BindResourceDrawer["default"], props)) : null;
 }
 
 ;

package/lib/core/models/TopoApp.js

@@ -13,7 +13,7 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 
 var _topo = _interopRequireDefault(require("@riil-frontend/component-topology-common/es/services/topo"));
 
-var _componentTopologyCommon = require("@riil-frontend/component-topology-common");
+var _index = require("@riil-frontend/component-topology-common/es/index");
 
 var _rlog = _interopRequireDefault(require("@riil-frontend/component-topology-utils/es/rlog"));
 
@@ -74,7 +74,7 @@ var TopoApp = /*#__PURE__*/function () {
     }, options || {});
 
     if (options.request) {
-      (0, _componentTopologyCommon.setRequest)(options.request);
+      (0, _index.setRequest)(options.request);
     }
 
     this.initialize(options);
@@ -505,42 +505,54 @@ var TopoApp = /*#__PURE__*/function () {
   /*#__PURE__*/
   function () {
     var _enterEditMode = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee11() {
-      var topoDispatchers, editDispatchers, ciSetDoc, linkDynamicStyleDispatcher, iconManageDispatchers, topoTreeData;
+      var topoDispatchers, editDispatchers, iconManageDispatchers, ciSetDoc, linkDynamicStyleDispatcher;
       return _regenerator["default"].wrap(function _callee11$(_context11) {
         while (1) {
           switch (_context11.prev = _context11.next) {
             case 0:
-              _context11.next = 2;
-              return this.view.switchToEditMode();
-
-            case 2:
               topoDispatchers = this.store.getModelDispatchers('topoMod');
               topoDispatchers.update({
                 viewState: 'edit'
               });
+
+              if (!this.options.beforeSwitchToEditMode) {
+                _context11.next = 5;
+                break;
+              }
+
+              _context11.next = 5;
+              return this.options.beforeSwitchToEditMode();
+
+            case 5:
+              _context11.next = 7;
+              return this.view.switchToEditMode();
+
+            case 7:
               editDispatchers = this.store.getModelDispatchers('topoCreateMod');
               editDispatchers.switchToEditMode();
 
               if (this.options.onSwitchToEditMode) {
                 this.options.onSwitchToEditMode();
-              } // 每个节点的属性指标显示配置 TODO 每个节点都传了属性指标列表，待优化
+              } // 加载自定义图标
 
 
+              iconManageDispatchers = this.store.getModelDispatchers('iconManage');
+              iconManageDispatchers.loadIcons(); // 每个节点的属性指标显示配置 TODO 每个节点都传了属性指标列表，待优化
+
               ciSetDoc = this.store.getModelState('topoBizMod').ciSetDoc;
               this.view.topoClient.saveMarkSetting({
                 tagAndTipSet: ciSetDoc
               }); // 刷新链路动态样式
 
               linkDynamicStyleDispatcher = this.store.getModelDispatchers('linkDynamicStyle');
-              linkDynamicStyleDispatcher.execute(); // 加载自定义图标
-
-              iconManageDispatchers = this.store.getModelDispatchers('iconManage');
-              iconManageDispatchers.loadIcons(); // 加载关联拓扑图数据 FIXME 关联拓扑图时动态获取
-
-              topoTreeData = (0, _format.formatTreeDataSelect)(this.store.getModelState('topoTreeMod').treeData, this.id);
-              this.view.topoClient.setTopoTreeData(topoTreeData);
-
-            case 15:
+              linkDynamicStyleDispatcher.execute(); // 加载关联拓扑图数据 FIXME 关联拓扑图时动态获取
+              // const topoTreeData = formatTreeDataSelect(
+              //   this.store.getModelState('topoTreeMod').treeData,
+              //   this.id
+              // );
+              // this.view.topoClient.setTopoTreeData(topoTreeData);
+
+            case 16:
             case "end":
               return _context11.stop();
           }

package/lib/hooks/useContainerLinkTopo.js

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 exports.__esModule = true;
 exports["default"] = useContainerLinkTopo;
 
-var _componentTopologyGraph = require("@riil-frontend/component-topology-graph");
+var _event = _interopRequireDefault(require("@riil-frontend/component-topology-graph/es/event"));
 
 var _rlog = _interopRequireDefault(require("@riil-frontend/component-topology-utils/es/rlog"));
 
@@ -29,7 +29,7 @@ function useContainerLinkTopo(params) {
       treeDispatchers = _store$useModel2[1];
 
   function onEvent(event) {
-    if (event.name === _componentTopologyGraph.TopoEvent.EVENT_DOUBLE_CLICK) {
+    if (event.name === _event["default"].EVENT_DOUBLE_CLICK) {
       _rlog["default"].debug('双击事件', event);
 
       if (event.data.dtype === 'container' || event.data.dtype === 'thumbnail') {

package/lib/hooks/usePolling.js

@@ -17,7 +17,7 @@ var _lodash = _interopRequireDefault(require("lodash"));
 
 var _rlog = _interopRequireDefault(require("@riil-frontend/component-topology-utils/es/rlog"));
 
-var _componentTopologyGraph = require("@riil-frontend/component-topology-graph");
+var _event = _interopRequireDefault(require("@riil-frontend/component-topology-graph/es/event"));
 
 var _utils = require("@riil-frontend/utils");
 
@@ -173,7 +173,7 @@ var usePolling = function usePolling(props) {
       };
       arr.push(obj);
     });
-    topoApp.view.topoClient.emitEvent(_componentTopologyGraph.TopoEvent.EVENT_LOAD_INDICATOR, arr);
+    topoApp.view.topoClient.emitEvent(_event["default"].EVENT_LOAD_INDICATOR, arr);
   }
 
   function sendMetricsData(data) {
@@ -203,7 +203,7 @@ var usePolling = function usePolling(props) {
         metrics: doc[id]
       };
     });
-    topoApp.view.topoClient.emitEvent(_componentTopologyGraph.TopoEvent.EVENT_LOAD_INDICATOR, arr);
+    topoApp.view.topoClient.emitEvent(_event["default"].EVENT_LOAD_INDICATOR, arr);
   }
   /**
    * 格式化指标

package/lib/hooks/useTopoEdit.js

@@ -27,7 +27,7 @@ var _rlog = _interopRequireDefault(require("@riil-frontend/component-topology-ut
 
 var cmdbService = _interopRequireWildcard(require("@riil-frontend/component-topology-common/es/services/cmdb"));
 
-var _componentTopologyGraph = require("@riil-frontend/component-topology-graph");
+var _event = _interopRequireDefault(require("@riil-frontend/component-topology-graph/es/event"));
 
 var _format = require("../utils/format");
 
@@ -139,13 +139,13 @@ var useTopoEdit = function useTopoEdit(params) {
         data = eventData.data;
 
     switch (type) {
-      case _componentTopologyGraph.TopoEvent.DATA_TYPE_RESOURCE_SINGLE:
+      case _event["default"].DATA_TYPE_RESOURCE_SINGLE:
         {
           bindNodeResource(data);
         }
         break;
 
-      case _componentTopologyGraph.TopoEvent.DATA_TYPE_RESOURCE_COMBO:
+      case _event["default"].DATA_TYPE_RESOURCE_COMBO:
         {
           var _ref2 = data || {},
               dtype = _ref2.dtype;
@@ -254,7 +254,7 @@ var useTopoEdit = function useTopoEdit(params) {
         break;
 
       default:
-        emitEvent(_componentTopologyGraph.TopoEvent.EVENT_TRIGGER_DELETE, data);
+        emitEvent(_event["default"].EVENT_TRIGGER_DELETE, data);
         break;
     }
   };
@@ -310,7 +310,7 @@ var useTopoEdit = function useTopoEdit(params) {
       }
     }
 
-    emitEvent(_componentTopologyGraph.TopoEvent.EVENT_TRIGGER_DELETE, node);
+    emitEvent(_event["default"].EVENT_TRIGGER_DELETE, node);
   };
   /**
    * 删除视图内的资源
@@ -580,7 +580,7 @@ var useTopoEdit = function useTopoEdit(params) {
               }
 
               if (groupElement) {
-                saveBind(_componentTopologyGraph.TopoEvent.DATA_TYPE_RESOURCE_CONTAINER, groupElement);
+                saveBind(_event["default"].DATA_TYPE_RESOURCE_CONTAINER, groupElement);
               }
 
               setFocusedGroup(null);
@@ -617,7 +617,7 @@ var useTopoEdit = function useTopoEdit(params) {
             case 4:
               _yield$editDispatcher2 = _context8.sent;
               elements = _yield$editDispatcher2.topoDataTrans;
-              saveBind(_componentTopologyGraph.TopoEvent.DATA_TYPE_RESOURCE_COMBO, elements);
+              saveBind(_event["default"].DATA_TYPE_RESOURCE_COMBO, elements);
 
             case 7:
             case "end":
@@ -930,7 +930,7 @@ var useTopoEdit = function useTopoEdit(params) {
   var onOkOrCancelTopoRelated = function onOkOrCancelTopoRelated(isConfirm, data) {
     _rlog["default"].debug('onOkOrCancelTopoRelated', isConfirm, data);
 
-    emitEvent(_componentTopologyGraph.TopoEvent.TOPO_TRIGGER_RELATED_TOPO_IMAGE, {
+    emitEvent(_event["default"].TOPO_TRIGGER_RELATED_TOPO_IMAGE, {
       isConfirm: isConfirm
     });
 
@@ -1040,7 +1040,7 @@ var useTopoEdit = function useTopoEdit(params) {
 
     _rlog["default"].debug('TopoCenter:onSaveBind', eventData);
 
-    emitEvent(_componentTopologyGraph.TopoEvent.EVENT_DATA_RESULT, eventData); // 刷新链路动态样式
+    emitEvent(_event["default"].EVENT_DATA_RESULT, eventData); // 刷新链路动态样式
 
     linkDynamicStyleDispatcher.execute();
   }; // 拓扑结构变化时，根据前序状态发送相应事件，更新拓扑图的展示
@@ -1052,7 +1052,7 @@ var useTopoEdit = function useTopoEdit(params) {
         // 需要过滤出单选的节点及其相关连线
         var nodeId = singleResKey;
         var data = (0, _format.filterNode)(topo, nodeId);
-        saveBind(_componentTopologyGraph.TopoEvent.DATA_TYPE_RESOURCE_SINGLE, data);
+        saveBind(_event["default"].DATA_TYPE_RESOURCE_SINGLE, data);
       }
 
       setShowSingleResDrawer(false);

package/lib/style.js

@@ -1,10 +1,8 @@
-
 require('@alifd/next/lib/message/style');
 require('@alifd/next/lib/dialog/style');
+
 require('@alifd/next/lib/drawer/style');
 require('@alifd/next/lib/button/style');
-require('@alifd/next/lib/table/style');
-require('@alifd/next/lib/search/style');
 
 require('@alifd/next/lib/loading/style');
 require('@alifd/next/lib/upload/style');
@@ -15,14 +13,15 @@ require('@alifd/next/lib/form/style');
 require('@alifd/next/lib/number-picker/style');
 require('@alifd/next/lib/select/style');
 require('@alifd/next/lib/balloon/style');
+require('@alifd/next/lib/table/style');
 require('@alifd/next/lib/grid/style');
 require('@alifd/next/lib/box/style');
 require('@alifd/next/lib/dropdown/style');
 require('@alifd/next/lib/menu/style');
+require('@alifd/next/lib/search/style');
 require('@alifd/next/lib/tab/style');
 require('@alifd/next/lib/collapse/style');
 require('@alifd/next/lib/tree-select/style');
-
 require('@alifd/next/lib/radio/style');
 require('@alifd/next/lib/list/style');
 require('@alifd/next/lib/tag/style');

package/lib/topoCenter/models/TopoCenter.js

@@ -31,6 +31,34 @@ var TopoCenter = /*#__PURE__*/function (_TopoApp) {
       loadData: _getTopoData["default"]
     }, options, {
       usePermission: true,
+      beforeSwitchToEditMode: function () {
+        var _beforeSwitchToEditMode = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee() {
+          var topoDispatchers;
+          return _regenerator["default"].wrap(function _callee$(_context) {
+            while (1) {
+              switch (_context.prev = _context.next) {
+                case 0:
+                  topoDispatchers = _this.store.getModelDispatchers('topoMod');
+                  topoDispatchers.update({
+                    topoData: null
+                  });
+                  _context.next = 4;
+                  return topoDispatchers.refreshTopo();
+
+                case 4:
+                case "end":
+                  return _context.stop();
+              }
+            }
+          }, _callee);
+        }));
+
+        function beforeSwitchToEditMode() {
+          return _beforeSwitchToEditMode.apply(this, arguments);
+        }
+
+        return beforeSwitchToEditMode;
+      }(),
       onSwitchToEditMode: function onSwitchToEditMode() {
         var editDispatchers = _this.store.getModelDispatchers('topoCreateMod');
 
@@ -63,22 +91,22 @@ var TopoCenter = /*#__PURE__*/function (_TopoApp) {
   _proto.initData =
   /*#__PURE__*/
   function () {
-    var _initData = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee(params) {
+    var _initData = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee2(params) {
       var topoDispatchers;
-      return _regenerator["default"].wrap(function _callee$(_context) {
+      return _regenerator["default"].wrap(function _callee2$(_context2) {
         while (1) {
-          switch (_context.prev = _context.next) {
+          switch (_context2.prev = _context2.next) {
             case 0:
               topoDispatchers = this.store.getModelDispatchers('topoCenter');
-              _context.next = 3;
+              _context2.next = 3;
               return topoDispatchers.initData(params);
 
             case 3:
             case "end":
-              return _context.stop();
+              return _context2.stop();
           }
         }
-      }, _callee, this);
+      }, _callee2, this);
     }));
 
     function initData(_x) {
@@ -100,22 +128,22 @@ var TopoCenter = /*#__PURE__*/function (_TopoApp) {
   _proto.exit =
   /*#__PURE__*/
   function () {
-    var _exit = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee2() {
+    var _exit = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee3() {
       var topoDispatchers;
-      return _regenerator["default"].wrap(function _callee2$(_context2) {
+      return _regenerator["default"].wrap(function _callee3$(_context3) {
         while (1) {
-          switch (_context2.prev = _context2.next) {
+          switch (_context3.prev = _context3.next) {
             case 0:
               topoDispatchers = this.store.getModelDispatchers('topoCenter');
-              _context2.next = 3;
+              _context3.next = 3;
               return topoDispatchers.exit();
 
             case 3:
             case "end":
-              return _context2.stop();
+              return _context3.stop();
           }
         }
-      }, _callee2, this);
+      }, _callee3, this);
     }));
 
     function exit() {