@riil-frontend/component-topology 6.0.0-alpha.21 → 6.0.0-alpha.22

package/es/core/components/AlarmListPanel/components/AlarmListItem.js

@@ -16,7 +16,9 @@ var getNode = function getNode(topo, alarmInfo) {
   var ele = getNodeParents(node);
   topo.getHtTopo().getGraphView().fitData(ele, true, 20, true);
   topo.getHtTopo().getGraphView().dm().getSelectionModel().setSelection(ele);
-  topo.getHtTopo().getGraphView().setZoom(1.5);
+  setTimeout(function () {
+    topo.getHtTopo().getGraphView().setZoom(1.5);
+  }, 1000);
 };
 
 var getNodeParents = function getNodeParents(node) {

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

@@ -62,6 +62,7 @@ export default (function (props) {
         while (1) {
           switch (_context2.prev = _context2.next) {
             case 0:
+              topo.historyManager.beginTransaction();
               values = settingRef.current.getValues(); // console.info('保存显示配置', values)
               // 保存配置
 
@@ -69,17 +70,19 @@ export default (function (props) {
               displayConfig = _extends({}, prevDisplayConfig, values); // 刷新指标配置
 
               displayConfigDispatchers = topo.store.getModelDispatchers('displayConfig');
-              _context2.next = 6;
+              _context2.next = 7;
               return displayConfigDispatchers.update(displayConfig);
 
-            case 6:
+            case 7:
               extraOnOk = displaySettingProps === null || displaySettingProps === void 0 ? void 0 : displaySettingProps.onOk;
 
               if (extraOnOk) {
                 extraOnOk(displayConfig);
               }
 
-            case 8:
+              topo.historyManager.endTransaction();
+
+            case 10:
             case "end":
               return _context2.stop();
           }

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

@@ -24,7 +24,7 @@ import HistoryManager from "../../models/HistoryManager";
 import TopoGraphViewPanel from "./TopoGraphViewPanel";
 import styles from "./TopoView.module.scss";
 import editorStyles from "./editor.module.scss";
-var ht = window.ht;
+import useKeyboardShortcut from "../../editor/hooks/useKeyboardShortcut";
 
 var Topology = function Topology(props) {
   var _classnames;
@@ -57,11 +57,6 @@ var Topology = function Topology(props) {
       topoState = _store$useModel[0],
       topoDispatchers = _store$useModel[1];
 
-  var bizDispatchers = store.useModelDispatchers('topoBizMod');
-
-  var _store$useModelState = store.useModelState('topoEdit'),
-      viewMouseMode = _store$useModelState.viewMouseMode;
-
   var topoId = topoState.topoId,
       viewState = topoState.viewState,
       topoData = topoState.topoData,
@@ -72,11 +67,16 @@ var Topology = function Topology(props) {
 
   var _useState = useState(buildLoadOptions ? buildLoadOptions(topoData) : topoData),
       tData = _useState[0],
-      setTData = _useState[1]; // TODO 临时放这里，当前监听内容较多
-
+      setTData = _useState[1];
 
-  var selectionManager = topo.selectionManager;
   useRouterAdapter(props);
+  useAlarm({
+    topo: topo
+  });
+  useManageStatus({
+    topo: topo
+  }); // 编辑模式----
+
   var topoEdit = useTopoEdit({
     topo: topo,
     topoId: topoId,
@@ -93,21 +93,16 @@ var Topology = function Topology(props) {
       onBindData = topoEdit.onBindData,
       onDeleteElement = topoEdit.onDeleteElement,
       onSaveTopo = topoEdit.onSaveTopo;
-  var titleBarRef = useRef();
-  useAlarm({
-    topo: topo
-  });
-  useManageStatus({
-    topo: topo
+  useKeyboardShortcut({
+    topo: topo,
+    topoEdit: topoEdit,
+    isEditMode: isEditMode
   });
   useEffect(function () {
     if (viewState === 'view' && topoId) {
       // TODO 移到模型中
       // rlog.debug('useEffect-viewState', topoId, viewState);
       setTData(null);
-      bizDispatchers.update({
-        setConfig: null
-      });
     }
   }, [topoId, viewState]);
   useEffect(function () {
@@ -117,7 +112,7 @@ var Topology = function Topology(props) {
   useEffect(function () {
     // 拓扑退出注销
     return function () {
-      selectionManager.destroy();
+      topo.selectionManager.destroy();
       topoDispatchers.reset();
     };
   }, []);
@@ -145,7 +140,7 @@ var Topology = function Topology(props) {
       topo.historyManager = new HistoryManager(topo, htHistoryManager);
     }
 
-    selectionManager.init();
+    topo.selectionManager.init();
     topoDispatchers.update({
       graphLoaded2: true
     });
@@ -164,7 +159,7 @@ var Topology = function Topology(props) {
     fixLink(topo);
     handleClusterNoPermission(topo);
     updateEdgeExpanded(topo);
-    selectionManager.init();
+    topo.selectionManager.init();
     topoDispatchers.update({
       graphLoaded: true
     });
@@ -176,7 +171,7 @@ var Topology = function Topology(props) {
     if (onLoad) {
       onLoad();
     }
-  }, [topoData]); // TODO 之后把事件方法都转移出去
+  }, [topoData]);
 
   var rightEventHandle = function rightEventHandle(event) {
     rlog.debug('右键事件', event);
@@ -241,32 +236,6 @@ var Topology = function Topology(props) {
     }
   };
 
-  var handleKeyDown = function handleKeyDown(e) {
-    if (isEditMode) {
-      var isCtrlDown = ht.Default.isCtrlDown;
-
-      if (isCtrlDown(e)) {
-        if (e.keyCode === 90) {
-          // ctrl+z 撤销
-          topo.historyManager.undo();
-        } //  else if (e.keyCode == 89) {//ctrl+y 重做
-        //   this.redo();
-        // }
-
-      }
-
-      if (e.keyCode === 32) {
-        console.log('e.keyCode-viewMouseMode', e.keyCode, viewMouseMode);
-
-        if (viewMouseMode === 'select') {
-          topoEdit.setViewMouseMode('move');
-        } else {
-          topoEdit.setViewMouseMode('select');
-        }
-      }
-    }
-  };
-
   var renderPropertyView = function renderPropertyView() {
     return isEditMode && /*#__PURE__*/React.createElement(PropertyView, {
       topo: topo,
@@ -302,8 +271,7 @@ var Topology = function Topology(props) {
 
   return /*#__PURE__*/React.createElement("div", {
     className: styles.topoView,
-    "data-version": topo.version,
-    onKeyDown: handleKeyDown
+    "data-version": topo.version
   }, titleBar !== false && (titleBar || /*#__PURE__*/React.createElement(TitleBar, {
     topo: topo,
     viewerProps: viewerProps,
@@ -315,8 +283,7 @@ var Topology = function Topology(props) {
     topoContext: {
       urlParams: urlParams
     },
-    editorProps: editorProps,
-    onKeyDown: handleKeyDown
+    editorProps: editorProps
   }), /*#__PURE__*/React.createElement(_Box, {
     direction: "row",
     flex: 1,
@@ -335,7 +302,6 @@ var Topology = function Topology(props) {
   }), isEditMode && /*#__PURE__*/React.createElement(EditorPlugin, {
     topo: topo,
     topoEdit: topoEdit,
-    titleBarRef: titleBarRef,
     topoContext: {
       urlParams: urlParams
     },

package/es/core/components/titlebar/TitleBar.module.scss

@@ -12,7 +12,7 @@
   }
 
   &.titlebarViewMode {
-    padding: 16px 16px 0 16px;
+    padding: 16px;
   }
 
   &.titlebarEditMode {

package/es/core/editor/components/Toolbar/widgets/CanvasMoveWidget.js

@@ -10,15 +10,29 @@ function CanvasMoveWidget(props) {
   var _topo$store$useModelS = topo.store.useModelState('topoEdit'),
       viewMouseMode = _topo$store$useModelS.viewMouseMode;
 
+  var handleKeyDown = function handleKeyDown(e) {
+    if (e.keyCode === 32) {
+      console.log('e.keyCode-viewMouseMode', e.keyCode, viewMouseMode);
+
+      if (viewMouseMode === 'select') {
+        topoEdit.setViewMouseMode('move');
+      } else {
+        topoEdit.setViewMouseMode('select');
+      }
+    }
+  };
+
   return /*#__PURE__*/React.createElement(WidgetBox, {
     label: "\u79FB\u52A8",
     tooltip: "\u79FB\u52A8",
-    showLabel: showLabel
+    showLabel: showLabel,
+    onKeyDown: handleKeyDown
   }, /*#__PURE__*/React.createElement(ButtonBox, {
     active: viewMouseMode === 'move',
     onClick: function onClick() {
       topoEdit.setViewMouseMode('move');
-    }
+    },
+    onKeyDown: handleKeyDown
   }, /*#__PURE__*/React.createElement("img", {
     src: "/img/topo/editor/toolbar/drag/Normal.svg",
     alt: ""

package/es/core/editor/components/Toolbar/widgets/WidgetBox.js

@@ -1,4 +1,7 @@
 import _Balloon from "@alifd/next/es/balloon";
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
+var _excluded = ["label", "showLabel", "tooltip", "disabled", "children"];
 import React from 'react';
 import classnames from 'classnames';
 import ButtonBox from "./components/ButtonBox";
@@ -9,11 +12,13 @@ function WidgetBox(props) {
       showLabel = props.showLabel,
       tooltip = props.tooltip,
       disabled = props.disabled,
-      children = props.children;
-  var button = /*#__PURE__*/React.createElement("div", {
+      children = props.children,
+      otherProps = _objectWithoutPropertiesLoose(props, _excluded);
+
+  var button = /*#__PURE__*/React.createElement("div", _extends({
     disabled: disabled,
     className: styles.container
-  }, /*#__PURE__*/React.createElement("div", {
+  }, otherProps), /*#__PURE__*/React.createElement("div", {
     className: styles.content
   }, children), showLabel !== false && /*#__PURE__*/React.createElement("div", {
     className: classnames(styles.label, disabled ? styles.disabledLabel : styles.normalLabel)

package/es/core/editor/hooks/useKeyboardShortcut.js

@@ -0,0 +1,42 @@
+import React, { useEffect } from 'react';
+var ht = window.ht; // 快捷键
+
+export default function useKeyboardShortcut(props) {
+  var topo = props.topo,
+      topoEdit = props.topoEdit,
+      isEditMode = props.isEditMode;
+  useEffect(function () {
+    var handleKeyDown = function handleKeyDown(e) {
+      if (e.target.tagName === 'INPUT') {
+        return;
+      }
+
+      var isCtrlDown = ht.Default.isCtrlDown;
+
+      if (isCtrlDown(e)) {
+        if (e.keyCode === 90) {
+          // ctrl+z 撤销
+          topo.historyManager.undo();
+        } //  else if (e.keyCode == 89) {//ctrl+y 重做
+        //   this.redo();
+        // }
+
+      }
+
+      if (e.keyCode === 32) {
+        var _topo$store$getModelS = topo.store.getModelState('topoEdit'),
+            viewMouseMode = _topo$store$getModelS.viewMouseMode;
+
+        topoEdit.setViewMouseMode(viewMouseMode === 'select' ? 'move' : 'select');
+      }
+    };
+
+    if (isEditMode) {
+      window.addEventListener('keydown', handleKeyDown);
+    }
+
+    return function () {
+      window.addEventListener('keydown', handleKeyDown);
+    };
+  }, [isEditMode]);
+}

package/es/core/models/TopoApp.js

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

package/es/core/store/models/topoBizMod.js

@@ -13,9 +13,6 @@ export default function (engine) {
       allCiSet: {},
       ciSetDoc: {},
       pollingSwitch: false,
-      // alarmDoc: {},
-      // alarmRecord: [],
-      setConfig: null,
 
       /**
       * 资源和链路的属性、指标，格式见：https://shimo.im/docs/VKt3HCKHYgJ9kvGP#anchor-PFq4

package/lib/core/components/AlarmListPanel/components/AlarmListItem.js

@@ -32,7 +32,9 @@ var getNode = function getNode(topo, alarmInfo) {
   var ele = getNodeParents(node);
   topo.getHtTopo().getGraphView().fitData(ele, true, 20, true);
   topo.getHtTopo().getGraphView().dm().getSelectionModel().setSelection(ele);
-  topo.getHtTopo().getGraphView().setZoom(1.5);
+  setTimeout(function () {
+    topo.getHtTopo().getGraphView().setZoom(1.5);
+  }, 1000);
 };
 
 var getNodeParents = function getNodeParents(node) {

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

@@ -73,6 +73,7 @@ var _default = function _default(props) {
         while (1) {
           switch (_context2.prev = _context2.next) {
             case 0:
+              topo.historyManager.beginTransaction();
               values = settingRef.current.getValues(); // console.info('保存显示配置', values)
               // 保存配置
 
@@ -80,17 +81,19 @@ var _default = function _default(props) {
               displayConfig = (0, _extends2["default"])({}, prevDisplayConfig, values); // 刷新指标配置
 
               displayConfigDispatchers = topo.store.getModelDispatchers('displayConfig');
-              _context2.next = 6;
+              _context2.next = 7;
               return displayConfigDispatchers.update(displayConfig);
 
-            case 6:
+            case 7:
               extraOnOk = displaySettingProps === null || displaySettingProps === void 0 ? void 0 : displaySettingProps.onOk;
 
               if (extraOnOk) {
                 extraOnOk(displayConfig);
               }
 
-            case 8:
+              topo.historyManager.endTransaction();
+
+            case 10:
             case "end":
               return _context2.stop();
           }

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

@@ -57,12 +57,12 @@ var _TopoViewModule = _interopRequireDefault(require("./TopoView.module.scss"));
 
 var _editorModule = _interopRequireDefault(require("./editor.module.scss"));
 
+var _useKeyboardShortcut = _interopRequireDefault(require("../../editor/hooks/useKeyboardShortcut"));
+
 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 ht = window.ht;
-
 var Topology = function Topology(props) {
   var _classnames;
 
@@ -94,11 +94,6 @@ var Topology = function Topology(props) {
       topoState = _store$useModel[0],
       topoDispatchers = _store$useModel[1];
 
-  var bizDispatchers = store.useModelDispatchers('topoBizMod');
-
-  var _store$useModelState = store.useModelState('topoEdit'),
-      viewMouseMode = _store$useModelState.viewMouseMode;
-
   var topoId = topoState.topoId,
       viewState = topoState.viewState,
       topoData = topoState.topoData,
@@ -109,11 +104,16 @@ var Topology = function Topology(props) {
 
   var _useState = (0, _react.useState)(buildLoadOptions ? buildLoadOptions(topoData) : topoData),
       tData = _useState[0],
-      setTData = _useState[1]; // TODO 临时放这里，当前监听内容较多
-
+      setTData = _useState[1];
 
-  var selectionManager = topo.selectionManager;
   (0, _useRouterAdapter["default"])(props);
+  (0, _useAlarm["default"])({
+    topo: topo
+  });
+  (0, _useManageStatus["default"])({
+    topo: topo
+  }); // 编辑模式----
+
   var topoEdit = (0, _useTopoEdit["default"])({
     topo: topo,
     topoId: topoId,
@@ -130,21 +130,16 @@ var Topology = function Topology(props) {
       onBindData = topoEdit.onBindData,
       onDeleteElement = topoEdit.onDeleteElement,
       onSaveTopo = topoEdit.onSaveTopo;
-  var titleBarRef = (0, _react.useRef)();
-  (0, _useAlarm["default"])({
-    topo: topo
-  });
-  (0, _useManageStatus["default"])({
-    topo: topo
+  (0, _useKeyboardShortcut["default"])({
+    topo: topo,
+    topoEdit: topoEdit,
+    isEditMode: isEditMode
   });
   (0, _react.useEffect)(function () {
     if (viewState === 'view' && topoId) {
       // TODO 移到模型中
       // rlog.debug('useEffect-viewState', topoId, viewState);
       setTData(null);
-      bizDispatchers.update({
-        setConfig: null
-      });
     }
   }, [topoId, viewState]);
   (0, _react.useEffect)(function () {
@@ -154,7 +149,7 @@ var Topology = function Topology(props) {
   (0, _react.useEffect)(function () {
     // 拓扑退出注销
     return function () {
-      selectionManager.destroy();
+      topo.selectionManager.destroy();
       topoDispatchers.reset();
     };
   }, []);
@@ -184,7 +179,7 @@ var Topology = function Topology(props) {
       topo.historyManager = new _HistoryManager["default"](topo, htHistoryManager);
     }
 
-    selectionManager.init();
+    topo.selectionManager.init();
     topoDispatchers.update({
       graphLoaded2: true
     });
@@ -204,7 +199,7 @@ var Topology = function Topology(props) {
     (0, _graphLinkUtil.fixLink)(topo);
     (0, _clusterUtil.handleClusterNoPermission)(topo);
     (0, _edgeUtil.updateEdgeExpanded)(topo);
-    selectionManager.init();
+    topo.selectionManager.init();
     topoDispatchers.update({
       graphLoaded: true
     });
@@ -216,7 +211,7 @@ var Topology = function Topology(props) {
     if (onLoad) {
       onLoad();
     }
-  }, [topoData]); // TODO 之后把事件方法都转移出去
+  }, [topoData]);
 
   var rightEventHandle = function rightEventHandle(event) {
     _rlog["default"].debug('右键事件', event);
@@ -285,32 +280,6 @@ var Topology = function Topology(props) {
     }
   };
 
-  var handleKeyDown = function handleKeyDown(e) {
-    if (isEditMode) {
-      var isCtrlDown = ht.Default.isCtrlDown;
-
-      if (isCtrlDown(e)) {
-        if (e.keyCode === 90) {
-          // ctrl+z 撤销
-          topo.historyManager.undo();
-        } //  else if (e.keyCode == 89) {//ctrl+y 重做
-        //   this.redo();
-        // }
-
-      }
-
-      if (e.keyCode === 32) {
-        console.log('e.keyCode-viewMouseMode', e.keyCode, viewMouseMode);
-
-        if (viewMouseMode === 'select') {
-          topoEdit.setViewMouseMode('move');
-        } else {
-          topoEdit.setViewMouseMode('select');
-        }
-      }
-    }
-  };
-
   var renderPropertyView = function renderPropertyView() {
     return isEditMode && /*#__PURE__*/_react["default"].createElement(_PropertyView["default"], {
       topo: topo,
@@ -346,8 +315,7 @@ var Topology = function Topology(props) {
 
   return /*#__PURE__*/_react["default"].createElement("div", {
     className: _TopoViewModule["default"].topoView,
-    "data-version": topo.version,
-    onKeyDown: handleKeyDown
+    "data-version": topo.version
   }, titleBar !== false && (titleBar || /*#__PURE__*/_react["default"].createElement(_TitleBar["default"], {
     topo: topo,
     viewerProps: viewerProps,
@@ -359,8 +327,7 @@ var Topology = function Topology(props) {
     topoContext: {
       urlParams: urlParams
     },
-    editorProps: editorProps,
-    onKeyDown: handleKeyDown
+    editorProps: editorProps
   }), /*#__PURE__*/_react["default"].createElement(_box["default"], {
     direction: "row",
     flex: 1,
@@ -379,7 +346,6 @@ var Topology = function Topology(props) {
   }), isEditMode && /*#__PURE__*/_react["default"].createElement(_EditorPlugin["default"], {
     topo: topo,
     topoEdit: topoEdit,
-    titleBarRef: titleBarRef,
     topoContext: {
       urlParams: urlParams
     },

package/lib/core/components/titlebar/TitleBar.module.scss

@@ -12,7 +12,7 @@
   }
 
   &.titlebarViewMode {
-    padding: 16px 16px 0 16px;
+    padding: 16px;
   }
 
   &.titlebarEditMode {

package/lib/core/editor/components/Toolbar/widgets/CanvasMoveWidget.js

@@ -19,15 +19,29 @@ function CanvasMoveWidget(props) {
   var _topo$store$useModelS = topo.store.useModelState('topoEdit'),
       viewMouseMode = _topo$store$useModelS.viewMouseMode;
 
+  var handleKeyDown = function handleKeyDown(e) {
+    if (e.keyCode === 32) {
+      console.log('e.keyCode-viewMouseMode', e.keyCode, viewMouseMode);
+
+      if (viewMouseMode === 'select') {
+        topoEdit.setViewMouseMode('move');
+      } else {
+        topoEdit.setViewMouseMode('select');
+      }
+    }
+  };
+
   return /*#__PURE__*/_react["default"].createElement(_WidgetBox["default"], {
     label: "\u79FB\u52A8",
     tooltip: "\u79FB\u52A8",
-    showLabel: showLabel
+    showLabel: showLabel,
+    onKeyDown: handleKeyDown
   }, /*#__PURE__*/_react["default"].createElement(_ButtonBox["default"], {
     active: viewMouseMode === 'move',
     onClick: function onClick() {
       topoEdit.setViewMouseMode('move');
-    }
+    },
+    onKeyDown: handleKeyDown
   }, /*#__PURE__*/_react["default"].createElement("img", {
     src: "/img/topo/editor/toolbar/drag/Normal.svg",
     alt: ""

package/lib/core/editor/components/Toolbar/widgets/WidgetBox.js

@@ -7,6 +7,10 @@ exports["default"] = void 0;
 
 var _balloon = _interopRequireDefault(require("@alifd/next/lib/balloon"));
 
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
+
 var _react = _interopRequireDefault(require("react"));
 
 var _classnames = _interopRequireDefault(require("classnames"));
@@ -15,17 +19,20 @@ var _ButtonBox = _interopRequireDefault(require("./components/ButtonBox"));
 
 var _WidgetBoxModule = _interopRequireDefault(require("./WidgetBox.module.scss"));
 
+var _excluded = ["label", "showLabel", "tooltip", "disabled", "children"];
+
 function WidgetBox(props) {
   var label = props.label,
       showLabel = props.showLabel,
       tooltip = props.tooltip,
       disabled = props.disabled,
-      children = props.children;
+      children = props.children,
+      otherProps = (0, _objectWithoutPropertiesLoose2["default"])(props, _excluded);
 
-  var button = /*#__PURE__*/_react["default"].createElement("div", {
+  var button = /*#__PURE__*/_react["default"].createElement("div", (0, _extends2["default"])({
     disabled: disabled,
     className: _WidgetBoxModule["default"].container
-  }, /*#__PURE__*/_react["default"].createElement("div", {
+  }, otherProps), /*#__PURE__*/_react["default"].createElement("div", {
     className: _WidgetBoxModule["default"].content
   }, children), showLabel !== false && /*#__PURE__*/_react["default"].createElement("div", {
     className: (0, _classnames["default"])(_WidgetBoxModule["default"].label, disabled ? _WidgetBoxModule["default"].disabledLabel : _WidgetBoxModule["default"].normalLabel)

package/lib/core/editor/hooks/useKeyboardShortcut.js

@@ -0,0 +1,52 @@
+"use strict";
+
+exports.__esModule = true;
+exports["default"] = useKeyboardShortcut;
+
+var _react = _interopRequireWildcard(require("react"));
+
+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 ht = window.ht; // 快捷键
+
+function useKeyboardShortcut(props) {
+  var topo = props.topo,
+      topoEdit = props.topoEdit,
+      isEditMode = props.isEditMode;
+  (0, _react.useEffect)(function () {
+    var handleKeyDown = function handleKeyDown(e) {
+      if (e.target.tagName === 'INPUT') {
+        return;
+      }
+
+      var isCtrlDown = ht.Default.isCtrlDown;
+
+      if (isCtrlDown(e)) {
+        if (e.keyCode === 90) {
+          // ctrl+z 撤销
+          topo.historyManager.undo();
+        } //  else if (e.keyCode == 89) {//ctrl+y 重做
+        //   this.redo();
+        // }
+
+      }
+
+      if (e.keyCode === 32) {
+        var _topo$store$getModelS = topo.store.getModelState('topoEdit'),
+            viewMouseMode = _topo$store$getModelS.viewMouseMode;
+
+        topoEdit.setViewMouseMode(viewMouseMode === 'select' ? 'move' : 'select');
+      }
+    };
+
+    if (isEditMode) {
+      window.addEventListener('keydown', handleKeyDown);
+    }
+
+    return function () {
+      window.addEventListener('keydown', handleKeyDown);
+    };
+  }, [isEditMode]);
+}