alighasami/xyflow
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(svelte): add snapGrid

Browse Source
This commit is contained in:
moklick
2023-03-14 15:43:14 +01:00
parent ae244526bd
commit 9c7bd6dc68
7 changed files with 36 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/svelte/src/lib/components/NodeSelection/NodeSelection.svelte
+2 -2
View File
@@ -5,7 +5,7 @@
import { Selection } from '$lib/components/Selection';
import drag from '$lib/actions/drag';
const { selectionRectMode, nodes, transform, updateNodePositions } = useStore();
const { selectionRectMode, nodes, transform, snapGrid, updateNodePositions } = useStore();
$: selectedNodes = $nodes.filter((n) => n.selected);
$: rect = getRectOfNodes(selectedNodes);
@@ -15,7 +15,7 @@
<div
class="selection-wrapper nopan"
style={`width: ${rect.width}px; height: ${rect.height}px; transform: translate(${rect.x}px, ${rect.y}px)`}
use:drag={{ nodes, transform, updateNodePositions }}
use:drag={{ nodes, snapGrid, transform, updateNodePositions }}
/>
<Selection
isVisible={$selectionRectMode === 'nodes'}
packages/svelte/src/lib/components/NodeWrapper/NodeWrapper.svelte
+2 -2
View File
@@ -30,7 +30,7 @@
let className: string = '';
export { className as class };
const { nodes, transform, nodeTypes, updateNodePositions, addSelectedNodes } = useStore();
const { nodes, transform, nodeTypes, snapGrid, updateNodePositions, addSelectedNodes } = useStore();
let nodeRef: HTMLDivElement;
const nodeTypeValid = !!$nodeTypes[type!];
@@ -74,7 +74,7 @@
<!-- svelte-ignore a11y-click-events-have-key-events -->
<div
use:drag={{ nodeId: id, nodes, transform, updateNodePositions }}
use:drag={{ nodeId: id, nodes, snapGrid, transform, updateNodePositions }}
bind:this={nodeRef}
data-id={id}
class={cc(['svelte-flow__node', `svelte-flow__node-${type}`, className])}