feat: 新增移动快捷键与全局设置

src/views/chart/ContentEdit/components/EditBottom/index.vue

@@ -139,24 +139,40 @@ const shortcutKeyOptions = [
     value: '1'
   },
   {
-    label: 'Alt + Delete 删除',
+    label: 'Alt + ↑ 向上移动',
     value: '2'
   },
   {
-    label: 'Alt + C 复制',
+    label: 'Alt + → 向右移动',
     value: '3'
   },
   {
-    label: 'Alt + X 剪切',
+    label: 'Alt + ↓ 向下移动',
     value: '4'
   },
   {
-    label: 'Alt + Z 后退',
+    label: 'Alt + ← 向左移动',
     value: '5'
   },
   {
-    label: 'Alt + Shift + Z 前进',
+    label: 'Alt + Delete 删除',
     value: '6'
+  },
+  {
+    label: 'Alt + C 复制',
+    value: '7'
+  },
+  {
+    label: 'Alt + X 剪切',
+    value: '8'
+  },
+  {
+    label: 'Alt + Z 后退',
+    value: '9'
+  },
+  {
+    label: 'Alt + Shift + Z 前进',
+    value: '10'
   }
 ]
 

src/views/chart/ContentLayers/index.vue

@@ -34,7 +34,7 @@ import { useChartEditStore } from '@/store/modules/chartEditStore/chartEditStore
 import { CreateComponentType } from '@/packages/index.d'
 import cloneDeep from 'lodash/cloneDeep'
 import { useContextMenu } from '@/views/chart/hooks/useContextMenu.hook'
-import { MenuEnum } from '@/views/chart/hooks/useContextMenu.hook.d'
+import { MenuEnum } from '@/enums/editPageEnum'
 
 import { LayersListItem } from './components/LayersListItem/index'
 import { icon } from '@/plugins'

src/views/chart/hooks/useContextMenu.hook.ts

@@ -3,7 +3,8 @@ import { useChartEditStore } from '@/store/modules/chartEditStore/chartEditStore
 import { CreateComponentType } from '@/packages/index.d'
 import { renderIcon, loadingError } from '@/utils'
 import { icon } from '@/plugins'
-import { MenuEnum, MenuOptionsItemType } from './useContextMenu.hook.d'
+import { MenuOptionsItemType } from './useContextMenu.hook.d'
+import { MenuEnum } from '@/enums/editPageEnum'
 
 const {
   CopyIcon,

src/views/chart/hooks/useKeyboard.hook.ts

@@ -1,11 +1,14 @@
 import { isMac, addEventListener, removeEventListener } from '@/utils'
 import { useChartEditStore } from '@/store/modules/chartEditStore/chartEditStore'
-import { MenuEnum } from '@/views/chart/hooks/useContextMenu.hook.d'
+import { MenuEnum } from '@/enums/editPageEnum'
 
 const chartEditStore = useChartEditStore()
 
-
 export const keyboardValue = {
+  [MenuEnum.ARROW_UP]: 'arrowup',
+  [MenuEnum.ARROW_RIGHT]: 'arrowright',
+  [MenuEnum.ARROW_DOWN]: 'arrowdown',
+  [MenuEnum.ARROW_LEFT]: 'arrowleft',
   [MenuEnum.COPY]: 'c',
   [MenuEnum.CUT]: 'x',
   [MenuEnum.PARSE]: 'v',
@@ -34,6 +37,18 @@ const KeyboardHandle = (e: KeyboardEvent) => {
 
   if (e.altKey) {
     switch (key) {
+      // ↑
+      case keyboardValue.up: chartEditStore.setMove(MenuEnum.ARROW_UP)
+        break;
+      // →
+      case keyboardValue.right: chartEditStore.setMove(MenuEnum.ARROW_RIGHT)
+        break;
+      // ↓
+      case keyboardValue.down: chartEditStore.setMove(MenuEnum.ARROW_DOWN)
+        break;
+      // ←
+      case keyboardValue.left: chartEditStore.setMove(MenuEnum.ARROW_LEFT)
+        break;
       // 删除
       case keyboardValue.delete: chartEditStore.removeComponentList()
         break;