From 9addbddd636d8d187d1ea604148a67199348d823 Mon Sep 17 00:00:00 2001 From: roymondchen Date: Fri, 27 May 2022 18:39:18 +0800 Subject: [PATCH] =?UTF-8?q?fix(editor):=20=E4=BF=AE=E5=A4=8D=E6=B5=8F?= =?UTF-8?q?=E8=A7=88=E5=99=A8=E5=BF=AB=E6=8D=B7=E9=94=AE?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../src/layouts/workspace/Workspace.vue | 61 ++++++++++++------- 1 file changed, 38 insertions(+), 23 deletions(-) diff --git a/packages/editor/src/layouts/workspace/Workspace.vue b/packages/editor/src/layouts/workspace/Workspace.vue index f47cd036..c64232dd 100644 --- a/packages/editor/src/layouts/workspace/Workspace.vue +++ b/packages/editor/src/layouts/workspace/Workspace.vue @@ -82,10 +82,6 @@ export default defineComponent({ const ctrl = isMac ? 'meta' : 'ctrl'; keycon - .keydown((e) => { - console.log(e); - e.inputEvent.preventDefault(); - }) .keyup('delete', (e) => { e.inputEvent.preventDefault(); if (!node.value || isPage(node.value)) return; @@ -96,63 +92,82 @@ export default defineComponent({ if (!node.value || isPage(node.value)) return; services?.editorService.remove(node.value); }) - .keydown([ctrl, 'c'], () => { + .keydown([ctrl, 'c'], (e) => { + e.inputEvent.preventDefault(); node.value && services?.editorService.copy(node.value); }) - .keydown([ctrl, 'v'], () => { + .keydown([ctrl, 'v'], (e) => { + e.inputEvent.preventDefault(); node.value && services?.editorService.paste(); }) - .keydown([ctrl, 'x'], () => { + .keydown([ctrl, 'x'], (e) => { + e.inputEvent.preventDefault(); if (!node.value || isPage(node.value)) return; services?.editorService.copy(node.value); services?.editorService.remove(node.value); }) - .keydown([ctrl, 'z'], () => { + .keydown([ctrl, 'z'], (e) => { + e.inputEvent.preventDefault(); services?.editorService.undo(); }) - .keydown([ctrl, 'shift', 'z'], () => { + .keydown([ctrl, 'shift', 'z'], (e) => { + e.inputEvent.preventDefault(); services?.editorService.redo(); }) - .keydown('up', () => { + .keydown('up', (e) => { + e.inputEvent.preventDefault(); services?.editorService.move(0, -1); }) - .keydown('down', () => { + .keydown('down', (e) => { + e.inputEvent.preventDefault(); services?.editorService.move(0, 1); }) - .keydown('left', () => { + .keydown('left', (e) => { + e.inputEvent.preventDefault(); services?.editorService.move(-1, 0); }) - .keydown('right', () => { + .keydown('right', (e) => { + e.inputEvent.preventDefault(); services?.editorService.move(1, 0); }) - .keydown([ctrl, 'up'], () => { + .keydown([ctrl, 'up'], (e) => { + e.inputEvent.preventDefault(); services?.editorService.move(0, -10); }) - .keydown([ctrl, 'down'], () => { + .keydown([ctrl, 'down'], (e) => { + e.inputEvent.preventDefault(); services?.editorService.move(0, 10); }) - .keydown([ctrl, 'left'], () => { + .keydown([ctrl, 'left'], (e) => { + e.inputEvent.preventDefault(); services?.editorService.move(-10, 0); }) - .keydown([ctrl, 'right'], () => { + .keydown([ctrl, 'right'], (e) => { + e.inputEvent.preventDefault(); services?.editorService.move(10, 0); }) - .keydown('tab', () => { + .keydown('tab', (e) => { + e.inputEvent.preventDefault(); services?.editorService.selectNextNode(); }) - .keydown([ctrl, 'tab'], () => { + .keydown([ctrl, 'tab'], (e) => { + e.inputEvent.preventDefault(); services?.editorService.selectNextPage(); }) - .keydown([ctrl, '='], () => { + .keydown([ctrl, '='], (e) => { + e.inputEvent.preventDefault(); services?.uiService.zoom(0.1); }) - .keydown([ctrl, 'numpadplus'], () => { + .keydown([ctrl, 'numpadplus'], (e) => { + e.inputEvent.preventDefault(); services?.uiService.zoom(0.1); }) - .keydown([ctrl, '-'], () => { + .keydown([ctrl, '-'], (e) => { + e.inputEvent.preventDefault(); services?.uiService.zoom(-0.1); }) - .keydown([ctrl, 'numpad-'], () => { + .keydown([ctrl, 'numpad-'], (e) => { + e.inputEvent.preventDefault(); services?.uiService.zoom(-0.1); }); });