Austin/dify
1
0
Fork 0
mirror of https://github.com/langgenius/dify.git synced 2024-11-16 19:59:50 +08:00
Code Issues Actions 3 Packages Projects Releases Wiki Activity

fix: workflow zoomin/out shortcuts (#4283)

Browse Source
This commit is contained in:
zxhlyh 2024-05-11 10:38:12 +08:00 committed by GitHub
parent 1e451991db
commit 13f4ed6e0e
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 21 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
web/app/components/workflow/operator/zoom-in-out.tsx
View File

@ -19,6 +19,7 @@ import {
import { import {
getKeyboardKeyCodeBySystem, getKeyboardKeyCodeBySystem,
getKeyboardKeyNameBySystem, getKeyboardKeyNameBySystem,
isEventTargetInputArea,
} from '../utils' } from '../utils'
import ShortcutsName from '../shortcuts-name' import ShortcutsName from '../shortcuts-name'
import TipPopup from './tip-popup' import TipPopup from './tip-popup'
@ -128,10 +129,13 @@ const ZoomInOut: FC = () => {
}) })
useKeyPress('shift.1', (e) => { useKeyPress('shift.1', (e) => {
e.preventDefault()
if (workflowReadOnly) if (workflowReadOnly)
return return
if (isEventTargetInputArea(e.target as HTMLElement))
return
e.preventDefault()
zoomTo(1) zoomTo(1)
handleSyncWorkflowDraft() handleSyncWorkflowDraft()
}, { }, {
@ -140,10 +144,13 @@ const ZoomInOut: FC = () => {
}) })
useKeyPress('shift.2', (e) => { useKeyPress('shift.2', (e) => {
e.preventDefault()
if (workflowReadOnly) if (workflowReadOnly)
return return
if (isEventTargetInputArea(e.target as HTMLElement))
return
e.preventDefault()
zoomTo(2) zoomTo(2)
handleSyncWorkflowDraft() handleSyncWorkflowDraft()
}, { }, {
@ -152,10 +159,13 @@ const ZoomInOut: FC = () => {
}) })
useKeyPress('shift.5', (e) => { useKeyPress('shift.5', (e) => {
e.preventDefault()
if (workflowReadOnly) if (workflowReadOnly)
return return
if (isEventTargetInputArea(e.target as HTMLElement))
return
e.preventDefault()
zoomTo(0.5) zoomTo(0.5)
handleSyncWorkflowDraft() handleSyncWorkflowDraft()
}, { }, {

8
web/app/components/workflow/utils.ts
View File

@ -406,3 +406,11 @@ export const getTopLeftNodePosition = (nodes: Node[]) => {
y: minY, y: minY,
} }
} }
export const isEventTargetInputArea = (target: HTMLElement) => {
if (target.tagName === 'INPUT' || target.tagName === 'TEXTAREA')
return true
if (target.contentEditable === 'true')
return true
}