Ver código fonte

feat: Support shortcut keys to delete nodes #3283 (#3284)

### What problem does this PR solve?
feat: Support shortcut keys to delete nodes #3283

### Type of change


- [x] New Feature (non-breaking change which adds functionality)
tags/v0.14.0
balibabu 1 ano atrás
pai
commit
a2153d61ce
Nenhuma conta vinculada ao e-mail do autor do commit
1 arquivos alterados com 2 adições e 3 exclusões
  1. 2
    3
      web/src/pages/flow/canvas/index.tsx

+ 2
- 3
web/src/pages/flow/canvas/index.tsx Ver arquivo

import FlowDrawer from '../flow-drawer'; import FlowDrawer from '../flow-drawer';
import { import {
useHandleDrop, useHandleDrop,
useHandleKeyUp,
useSelectCanvasData, useSelectCanvasData,
useShowDrawer, useShowDrawer,
useValidateConnection, useValidateConnection,


const { onDrop, onDragOver, setReactFlowInstance } = useHandleDrop(); const { onDrop, onDragOver, setReactFlowInstance } = useHandleDrop();


const { handleKeyUp } = useHandleKeyUp();
useWatchNodeFormDataChange(); useWatchNodeFormDataChange();


return ( return (
onNodeClick={onNodeClick} onNodeClick={onNodeClick}
onPaneClick={onPaneClick} onPaneClick={onPaneClick}
onInit={setReactFlowInstance} onInit={setReactFlowInstance}
onKeyUp={handleKeyUp}
// onKeyUp={handleKeyUp}
onSelectionChange={onSelectionChange} onSelectionChange={onSelectionChange}
nodeOrigin={[0.5, 0]} nodeOrigin={[0.5, 0]}
isValidConnection={isValidConnection} isValidConnection={isValidConnection}
stroke: 'rgb(202 197 245)', stroke: 'rgb(202 197 245)',
}, },
}} }}
deleteKeyCode={['Delete', 'Backspace']}
> >
<Background /> <Background />
<Controls /> <Controls />

Carregando…
Cancelar
Salvar