@riil-frontend/component-topology 6.0.0-alpha.49 → 6.0.0-alpha.50

package/es/core/editor/components/EditorPlugin.js

@@ -1,5 +1,5 @@
 import _extends from "@babel/runtime/helpers/extends";
-import React from "react";
+import React, { useEffect } from "react";
 import CustomIconPlugin from "./CustomIconPlugin";
 import SaveLoading from "./plugins/SaveLoading";
 import MultipleResourceSelectPlugin from "./plugins/MultipleResourceSelectPlugin";
@@ -11,6 +11,11 @@ export default function TopoEditorPlugin(props) {
       topoEdit = props.topoEdit,
       editorProps = props.editorProps;
   var store = topo.store;
+  useEffect(function () {
+    return function () {
+      topoEdit.reset();
+    };
+  }, []);
   var plugins = [SaveLoading, GroupAddResourceDrawerPlugin, MultipleResourceSelectPlugin, CustomIconPlugin, MetricPollingPlugin].concat((editorProps === null || editorProps === void 0 ? void 0 : editorProps.plugins) || []);
   return /*#__PURE__*/React.createElement(React.Fragment, null, plugins.map(function (Plugin, index) {
     return /*#__PURE__*/React.createElement(Plugin, _extends({

package/es/core/editor/components/Sidebar/views/CanvasPanel/CanvasPanel.js

@@ -1,7 +1,7 @@
 import _Tag from "@alifd/next/es/tag";
 import React, { useState } from 'react';
 import styles from "./CanvasPanel.module.scss";
-import useCanvasThemeConfig from "./useCanvasThemeConfig";
+import useCanvasThemeConfig from "./hooks/useCanvasThemeConfig";
 export default function CanvasPanel(props) {
   var topo = props.topo;
 

package/es/core/editor/components/Sidebar/views/CanvasPanel/{useCanvasThemeConfig.js → hooks/useCanvasThemeConfig.js}

@@ -1,9 +1,10 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
 import _regeneratorRuntime from "@babel/runtime/regenerator";
-import { isClusterHtElement } from "../../../../../../utils/clusterUtil";
-import { getElements, isEdge, isGroup, isLayer, isNode, isText } from "../../../../../../utils/htElementUtils";
-import THEMES from "./themes";
+import { isClusterHtElement } from "../../../../../../../utils/clusterUtil";
+import { getElements, isEdge, isGroup, isLayer, isNode, isText } from "../../../../../../../utils/htElementUtils";
+import THEMES from "../themes";
+import useNewElementTheme from "./useNewElementTheme";
 
 function useCanvasThemeConfig(props) {
   var topo = props.topo;
@@ -13,6 +14,12 @@ function useCanvasThemeConfig(props) {
       displayConfigDispatchers = _topo$store$useModel[1];
 
   var canvasThemeName = displayConfig.canvasTheme || 'white';
+  useNewElementTheme({
+    topo: topo,
+    theme: canvasThemeName,
+    themes: THEMES,
+    setElementTheme: setElementTheme
+  });
 
   var setCanvasTheme = /*#__PURE__*/function () {
     var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(themeName) {
@@ -93,18 +100,24 @@ function useCanvasThemeConfig(props) {
     var dm = topo.getHtTopo().getGraphView().dm();
     var elements = getElements(dm);
     elements.forEach(function (element) {
-      if (isText(element)) {
-        element.s('text.color', themeConfig.text.color);
-      } else if (isGroup(element)) {
-        if (isClusterHtElement(element)) {// 集群
-        } else {
-          // 区域（非集群）
-          element.s(themeConfig.group.style);
-        }
-      } else if (isEdge(element)) {}
+      setElementTheme(element, themeConfig);
     });
   }
 
+  function setElementTheme(element, themeConfig) {
+    if (isText(element)) {
+      element.s('text.color', themeConfig.text.color);
+    } else if (isGroup(element)) {
+      if (isClusterHtElement(element)) {
+        // 集群
+        element.s(themeConfig.cluster.style);
+      } else {
+        // 区域（非集群）
+        element.s(themeConfig.group.style);
+      }
+    } else if (isEdge(element)) {}
+  }
+
   return {
     themes: THEMES,
     canvasThemeName: canvasThemeName,

package/es/core/editor/components/Sidebar/views/CanvasPanel/hooks/useNewElementTheme.js

@@ -0,0 +1,32 @@
+import React, { useEffect } from 'react';
+import { isClusterHtElement } from "../../../../../../../utils/clusterUtil";
+import { getElements, isEdge, isGroup, isLayer, isNode, isText } from "../../../../../../../utils/htElementUtils";
+import THEMES from "../themes";
+
+function useNewElementTheme(props) {
+  var topo = props.topo,
+      theme = props.theme,
+      setElementTheme = props.setElementTheme;
+  useEffect(function () {
+    var dm = topo.getHtTopo().getGraphView().dm();
+    dm.addDataModelChangeListener(handleDataModelChangeListener);
+
+    function handleDataModelChangeListener(e) {
+      var kind = e.kind,
+          data = e.data;
+
+      if (kind === 'add') {
+        var themeConfig = THEMES.find(function (item) {
+          return item.name === theme;
+        });
+        setElementTheme(data, themeConfig);
+      }
+    }
+
+    return function () {
+      dm.removeDataModelChangeListener(handleDataModelChangeListener);
+    };
+  }, [theme]);
+}
+
+export default useNewElementTheme;

package/es/core/editor/components/Sidebar/views/CanvasPanel/themes.js

@@ -16,6 +16,18 @@ var baseLightTheme = {
       'group.border.color': '#E4E9EE' // 边框颜色
 
     }
+  },
+  cluster: {
+    style: {
+      'group.title.color': '#4D6277',
+      // 标题文字颜色
+      'group.title.background': 'rgba(229,245,253,0.6)',
+      // 标题背景颜色
+      'group.background': 'rgba(229,245,253,0.6)',
+      'group.border.color': '#C7E4F3',
+      // 边框颜色
+      'group.border.radius': 3
+    }
   }
 };
 var THEMES = [_extends({}, baseLightTheme, {
@@ -58,6 +70,18 @@ var THEMES = [_extends({}, baseLightTheme, {
       'group.border.color': 'rgba(8,165,244,0.8)' // 边框颜色
 
     }
+  },
+  cluster: {
+    style: {
+      'group.title.color': '#FFFFFF',
+      // 标题文字颜色
+      'group.title.background': '#0E2C45',
+      // 标题背景颜色
+      'group.background': '#0E2C45',
+      'group.border.color': '#08A5F4',
+      // 边框颜色
+      'group.border.radius': 3
+    }
   }
 }];
 export default THEMES;

package/es/core/editor/components/Toolbar/widgets/Layout/index.js

@@ -32,7 +32,7 @@ function Layout(props) {
   };
 
   var globalLayout = function globalLayout(data) {
-    var firstElement = selectionElements[0];
+    var firstElement = selection[0];
     var layouType = data.id === 'toward' ? "" + data.id + data.options.subId : data.id; // eslint-disable-next-line eqeqeq
 
     if (topoShowType != 'layers' && selection.length == 0) {
@@ -46,7 +46,7 @@ function Layout(props) {
 
 
     if (isLayer(firstElement)) {
-      topo.getHtTopo().layoutLayer(firstElement);
+      topo.getHtTopo().layoutLayer(selectionElements[0]);
     }
   };
 

package/es/core/editor/components/settings/Settings.js

@@ -31,9 +31,13 @@ export default function PropertyViewContainer(props) {
   var singleElementValues = useMemo(function () {
     return selection.length === 1 ? buildElementValues(selection) : undefined;
   }, [selection]);
+  useEffect(function () {
+    if (!PropertyView) {
+      propertyViewManager.close();
+    }
+  }, [PropertyView, propertyViewManager]);
 
   if (!PropertyView) {
-    propertyViewManager.close();
     return null;
   }
 

package/es/core/editor/components/settings/core/PropertyViewManager.js

@@ -22,7 +22,14 @@ var PropertyViewManager = /*#__PURE__*/function () {
   };
 
   _proto.destroy = function destroy() {
-    var notifier = this.topo.getHtTopo().getNotifier();
+    var _this$topo$getHtTopo;
+
+    var notifier = (_this$topo$getHtTopo = this.topo.getHtTopo()) === null || _this$topo$getHtTopo === void 0 ? void 0 : _this$topo$getHtTopo.getNotifier();
+
+    if (!notifier) {
+      return;
+    }
+
     notifier.off('topo_element_double_click', this.open);
   };
 

package/es/core/editor/components/settings/propertyViews/node/data/NodeRelateResourceButton.js

@@ -24,7 +24,7 @@ export default function NodeRelateResourceButton(props) {
   return !hide ? /*#__PURE__*/React.createElement(_Button, {
     type: "primary",
     text: true,
-    size: "xs",
+    size: "small",
     onClick: function onClick() {
       setVisible(true);
     }

package/es/core/editor/store/topoEdit.js

@@ -6,25 +6,29 @@ import _regeneratorRuntime from "@babel/runtime/regenerator";
  * 拓扑编辑 Model
  */
 import rlog from '@riil-frontend/component-topology-utils/es/rlog';
+var initState = {
+  // 是否就绪
+  ready: false,
+  // 保存状态
+  saving: false,
+  // 选择/拖动模式模式。默认选择模式 select|move
+  viewMouseMode: 'select',
+  // 资源面板展开项
+  resourceTabActiveKey: null,
+  // 属性面板是否显示
+  propertyPanelVisible: false
+};
 export default function (topo) {
   return {
     // 定义 model 的初始 state
-    state: {
-      // 是否就绪
-      ready: false,
-      // 保存状态
-      saving: false,
-      // 选择/拖动模式模式。默认选择模式 select|move
-      viewMouseMode: 'select',
-      // 资源面板展开项
-      resourceTabActiveKey: null,
-      // 属性面板是否显示
-      propertyPanelVisible: false
-    },
+    state: initState,
     // 定义改变该模型状态的纯函数
     reducers: {
       update: function update(prevState, payload) {
         return _extends({}, prevState, payload);
+      },
+      reset: function reset(prevState, payload) {
+        return _extends({}, initState);
       }
     },
     // 定义处理该模型副作用的函数

package/es/core/hooks/useTopoEdit.js

@@ -73,6 +73,10 @@ var useTopoEdit = function useTopoEdit(params) {
   var onExitEdit = function onExitEdit() {// editDispatchers.switchToViewMode(topoId);
   };
 
+  var reset = function reset() {
+    topoEditDispatchers.reset();
+  };
+
   var onBindData = function onBindData(eventData) {};
   /**
    * 增加资源到视图
@@ -1131,6 +1135,7 @@ var useTopoEdit = function useTopoEdit(params) {
      * 退出编辑模式回调
      */
     onExitEdit: onExitEdit,
+    reset: reset,
     addLayerResources: addLayerResources,
 
     /**

package/es/core/models/SelectionModel.js

@@ -54,6 +54,11 @@ var SelectionModel = /*#__PURE__*/function () {
   };
 
   _proto.destroy = function destroy() {
+    var selectionDispatchers = this.topo.store.getModelDispatchers('selection');
+    selectionDispatchers.update({
+      selection: [],
+      selectionIds: []
+    });
     this.removeListener();
   };
 

package/es/core/models/TopoApp.js

@@ -22,7 +22,7 @@ import topoFactory from "./topoFactory";
 import ElementTagTipConfig from "./tagstips/ElementTagTipConfig";
 import SelectionModel from "./SelectionModel"; // eslint-disable-next-line no-undef
 
-var version = typeof "6.0.0-alpha.49" === 'string' ? "6.0.0-alpha.49" : null;
+var version = typeof "6.0.0-alpha.50" === 'string' ? "6.0.0-alpha.50" : null;
 console.info("\u62D3\u6251\u7248\u672C: " + version);
 /**
  * 拓扑显示和编辑

package/lib/core/editor/components/EditorPlugin.js

@@ -7,7 +7,7 @@ exports["default"] = TopoEditorPlugin;
 
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 
-var _react = _interopRequireDefault(require("react"));
+var _react = _interopRequireWildcard(require("react"));
 
 var _CustomIconPlugin = _interopRequireDefault(require("./CustomIconPlugin"));
 
@@ -19,12 +19,21 @@ var _GroupAddResourceDrawerPlugin = _interopRequireDefault(require("./GroupAddRe
 
 var _MetricPollingPlugin = _interopRequireDefault(require("../../viewer/components/plugins/MetricPollingPlugin"));
 
+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; }
+
 function TopoEditorPlugin(props) {
   var topo = props.topo,
       topoContext = props.topoContext,
       topoEdit = props.topoEdit,
       editorProps = props.editorProps;
   var store = topo.store;
+  (0, _react.useEffect)(function () {
+    return function () {
+      topoEdit.reset();
+    };
+  }, []);
   var plugins = [_SaveLoading["default"], _GroupAddResourceDrawerPlugin["default"], _MultipleResourceSelectPlugin["default"], _CustomIconPlugin["default"], _MetricPollingPlugin["default"]].concat((editorProps === null || editorProps === void 0 ? void 0 : editorProps.plugins) || []);
   return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, plugins.map(function (Plugin, index) {
     return /*#__PURE__*/_react["default"].createElement(Plugin, (0, _extends2["default"])({

package/lib/core/editor/components/Sidebar/views/CanvasPanel/CanvasPanel.js

@@ -11,7 +11,7 @@ var _react = _interopRequireWildcard(require("react"));
 
 var _CanvasPanelModule = _interopRequireDefault(require("./CanvasPanel.module.scss"));
 
-var _useCanvasThemeConfig2 = _interopRequireDefault(require("./useCanvasThemeConfig"));
+var _useCanvasThemeConfig2 = _interopRequireDefault(require("./hooks/useCanvasThemeConfig"));
 
 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); }
 

package/lib/core/editor/components/Sidebar/views/CanvasPanel/{useCanvasThemeConfig.js → hooks/useCanvasThemeConfig.js}

@@ -11,11 +11,13 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 
-var _clusterUtil = require("../../../../../../utils/clusterUtil");
+var _clusterUtil = require("../../../../../../../utils/clusterUtil");
 
-var _htElementUtils = require("../../../../../../utils/htElementUtils");
+var _htElementUtils = require("../../../../../../../utils/htElementUtils");
 
-var _themes = _interopRequireDefault(require("./themes"));
+var _themes = _interopRequireDefault(require("../themes"));
+
+var _useNewElementTheme = _interopRequireDefault(require("./useNewElementTheme"));
 
 function useCanvasThemeConfig(props) {
   var topo = props.topo;
@@ -25,6 +27,12 @@ function useCanvasThemeConfig(props) {
       displayConfigDispatchers = _topo$store$useModel[1];
 
   var canvasThemeName = displayConfig.canvasTheme || 'white';
+  (0, _useNewElementTheme["default"])({
+    topo: topo,
+    theme: canvasThemeName,
+    themes: _themes["default"],
+    setElementTheme: setElementTheme
+  });
 
   var setCanvasTheme = /*#__PURE__*/function () {
     var _ref = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee(themeName) {
@@ -105,18 +113,24 @@ function useCanvasThemeConfig(props) {
     var dm = topo.getHtTopo().getGraphView().dm();
     var elements = (0, _htElementUtils.getElements)(dm);
     elements.forEach(function (element) {
-      if ((0, _htElementUtils.isText)(element)) {
-        element.s('text.color', themeConfig.text.color);
-      } else if ((0, _htElementUtils.isGroup)(element)) {
-        if ((0, _clusterUtil.isClusterHtElement)(element)) {// 集群
-        } else {
-          // 区域（非集群）
-          element.s(themeConfig.group.style);
-        }
-      } else if ((0, _htElementUtils.isEdge)(element)) {}
+      setElementTheme(element, themeConfig);
     });
   }
 
+  function setElementTheme(element, themeConfig) {
+    if ((0, _htElementUtils.isText)(element)) {
+      element.s('text.color', themeConfig.text.color);
+    } else if ((0, _htElementUtils.isGroup)(element)) {
+      if ((0, _clusterUtil.isClusterHtElement)(element)) {
+        // 集群
+        element.s(themeConfig.cluster.style);
+      } else {
+        // 区域（非集群）
+        element.s(themeConfig.group.style);
+      }
+    } else if ((0, _htElementUtils.isEdge)(element)) {}
+  }
+
   return {
     themes: _themes["default"],
     canvasThemeName: canvasThemeName,

package/lib/core/editor/components/Sidebar/views/CanvasPanel/hooks/useNewElementTheme.js

@@ -0,0 +1,48 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+exports.__esModule = true;
+exports["default"] = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _clusterUtil = require("../../../../../../../utils/clusterUtil");
+
+var _htElementUtils = require("../../../../../../../utils/htElementUtils");
+
+var _themes = _interopRequireDefault(require("../themes"));
+
+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; }
+
+function useNewElementTheme(props) {
+  var topo = props.topo,
+      theme = props.theme,
+      setElementTheme = props.setElementTheme;
+  (0, _react.useEffect)(function () {
+    var dm = topo.getHtTopo().getGraphView().dm();
+    dm.addDataModelChangeListener(handleDataModelChangeListener);
+
+    function handleDataModelChangeListener(e) {
+      var kind = e.kind,
+          data = e.data;
+
+      if (kind === 'add') {
+        var themeConfig = _themes["default"].find(function (item) {
+          return item.name === theme;
+        });
+
+        setElementTheme(data, themeConfig);
+      }
+    }
+
+    return function () {
+      dm.removeDataModelChangeListener(handleDataModelChangeListener);
+    };
+  }, [theme]);
+}
+
+var _default = useNewElementTheme;
+exports["default"] = _default;

package/lib/core/editor/components/Sidebar/views/CanvasPanel/themes.js

@@ -24,6 +24,18 @@ var baseLightTheme = {
       'group.border.color': '#E4E9EE' // 边框颜色
 
     }
+  },
+  cluster: {
+    style: {
+      'group.title.color': '#4D6277',
+      // 标题文字颜色
+      'group.title.background': 'rgba(229,245,253,0.6)',
+      // 标题背景颜色
+      'group.background': 'rgba(229,245,253,0.6)',
+      'group.border.color': '#C7E4F3',
+      // 边框颜色
+      'group.border.radius': 3
+    }
   }
 };
 var THEMES = [(0, _extends2["default"])({}, baseLightTheme, {
@@ -66,6 +78,18 @@ var THEMES = [(0, _extends2["default"])({}, baseLightTheme, {
       'group.border.color': 'rgba(8,165,244,0.8)' // 边框颜色
 
     }
+  },
+  cluster: {
+    style: {
+      'group.title.color': '#FFFFFF',
+      // 标题文字颜色
+      'group.title.background': '#0E2C45',
+      // 标题背景颜色
+      'group.background': '#0E2C45',
+      'group.border.color': '#08A5F4',
+      // 边框颜色
+      'group.border.radius': 3
+    }
   }
 }];
 var _default = THEMES;

package/lib/core/editor/components/Sidebar/views/CanvasPanel/utils/elementThemeUtil.js

@@ -0,0 +1 @@
+"use strict";

package/lib/core/editor/components/Toolbar/widgets/Layout/index.js

@@ -48,7 +48,7 @@ function Layout(props) {
   };
 
   var globalLayout = function globalLayout(data) {
-    var firstElement = selectionElements[0];
+    var firstElement = selection[0];
     var layouType = data.id === 'toward' ? "" + data.id + data.options.subId : data.id; // eslint-disable-next-line eqeqeq
 
     if (topoShowType != 'layers' && selection.length == 0) {
@@ -62,7 +62,7 @@ function Layout(props) {
 
 
     if ((0, _htElementDataUtil.isLayer)(firstElement)) {
-      topo.getHtTopo().layoutLayer(firstElement);
+      topo.getHtTopo().layoutLayer(selectionElements[0]);
     }
   };
 

package/lib/core/editor/components/settings/Settings.js

@@ -44,9 +44,13 @@ function PropertyViewContainer(props) {
   var singleElementValues = (0, _react.useMemo)(function () {
     return selection.length === 1 ? buildElementValues(selection) : undefined;
   }, [selection]);
+  (0, _react.useEffect)(function () {
+    if (!PropertyView) {
+      propertyViewManager.close();
+    }
+  }, [PropertyView, propertyViewManager]);
 
   if (!PropertyView) {
-    propertyViewManager.close();
     return null;
   }
 

package/lib/core/editor/components/settings/core/PropertyViewManager.js

@@ -30,7 +30,14 @@ var PropertyViewManager = /*#__PURE__*/function () {
   };
 
   _proto.destroy = function destroy() {
-    var notifier = this.topo.getHtTopo().getNotifier();
+    var _this$topo$getHtTopo;
+
+    var notifier = (_this$topo$getHtTopo = this.topo.getHtTopo()) === null || _this$topo$getHtTopo === void 0 ? void 0 : _this$topo$getHtTopo.getNotifier();
+
+    if (!notifier) {
+      return;
+    }
+
     notifier.off('topo_element_double_click', this.open);
   };
 

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

@@ -39,7 +39,7 @@ function NodeRelateResourceButton(props) {
   return !hide ? /*#__PURE__*/_react["default"].createElement(_button["default"], {
     type: "primary",
     text: true,
-    size: "xs",
+    size: "small",
     onClick: function onClick() {
       setVisible(true);
     }

package/lib/core/editor/store/topoEdit.js

@@ -16,25 +16,30 @@ var _rlog = _interopRequireDefault(require("@riil-frontend/component-topology-ut
 /**
  * 拓扑编辑 Model
  */
+var initState = {
+  // 是否就绪
+  ready: false,
+  // 保存状态
+  saving: false,
+  // 选择/拖动模式模式。默认选择模式 select|move
+  viewMouseMode: 'select',
+  // 资源面板展开项
+  resourceTabActiveKey: null,
+  // 属性面板是否显示
+  propertyPanelVisible: false
+};
+
 function _default(topo) {
   return {
     // 定义 model 的初始 state
-    state: {
-      // 是否就绪
-      ready: false,
-      // 保存状态
-      saving: false,
-      // 选择/拖动模式模式。默认选择模式 select|move
-      viewMouseMode: 'select',
-      // 资源面板展开项
-      resourceTabActiveKey: null,
-      // 属性面板是否显示
-      propertyPanelVisible: false
-    },
+    state: initState,
     // 定义改变该模型状态的纯函数
     reducers: {
       update: function update(prevState, payload) {
         return (0, _extends2["default"])({}, prevState, payload);
+      },
+      reset: function reset(prevState, payload) {
+        return (0, _extends2["default"])({}, initState);
       }
     },
     // 定义处理该模型副作用的函数

package/lib/core/hooks/useTopoEdit.js

@@ -95,6 +95,10 @@ var useTopoEdit = function useTopoEdit(params) {
   var onExitEdit = function onExitEdit() {// editDispatchers.switchToViewMode(topoId);
   };
 
+  var reset = function reset() {
+    topoEditDispatchers.reset();
+  };
+
   var onBindData = function onBindData(eventData) {};
   /**
    * 增加资源到视图
@@ -1173,6 +1177,7 @@ var useTopoEdit = function useTopoEdit(params) {
      * 退出编辑模式回调
      */
     onExitEdit: onExitEdit,
+    reset: reset,
     addLayerResources: addLayerResources,
 
     /**

package/lib/core/models/SelectionModel.js

@@ -64,6 +64,11 @@ var SelectionModel = /*#__PURE__*/function () {
   };
 
   _proto.destroy = function destroy() {
+    var selectionDispatchers = this.topo.store.getModelDispatchers('selection');
+    selectionDispatchers.update({
+      selection: [],
+      selectionIds: []
+    });
     this.removeListener();
   };
 

package/lib/core/models/TopoApp.js

@@ -52,7 +52,7 @@ var _ElementTagTipConfig = _interopRequireDefault(require("./tagstips/ElementTag
 var _SelectionModel = _interopRequireDefault(require("./SelectionModel"));
 
 // eslint-disable-next-line no-undef
-var version = typeof "6.0.0-alpha.49" === 'string' ? "6.0.0-alpha.49" : null;
+var version = typeof "6.0.0-alpha.50" === 'string' ? "6.0.0-alpha.50" : null;
 console.info("\u62D3\u6251\u7248\u672C: " + version);
 /**
  * 拓扑显示和编辑