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

refactor(svelte): cleanup types

Browse Source
This commit is contained in:
moklick
2023-02-22 17:26:41 +01:00
parent fb8d0d677e
commit f91ec399a7
16 changed files with 157 additions and 81 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/svelte/src/lib/actions/drag/index.ts
+4 -3
View File
@@ -1,9 +1,10 @@
import { get, type Writable } from 'svelte/store';
import { drag as d3Drag, type D3DragEvent, type SubjectPosition } from 'd3-drag';
import { select } from 'd3-selection';
import type { XYPosition, CoordinateExtent, Node, Transform } from '@reactflow/system';
import type { XYPosition, CoordinateExtent, Transform, Node as RFNode } from '@reactflow/system';
import { getDragItems, hasSelector, calcNextPosition } from './utils';
import type { Node } from '$lib/types';
export type UseDragData = { dx: number; dy: number };
export type UseDragEvent = D3DragEvent<HTMLDivElement, null, SubjectPosition>;
@@ -69,7 +70,7 @@ export default function drag(
dragItems = dragItems.map((n) => {
const nextPosition = { x: x - n.distance.x, y: y - n.distance.y };
const updatedPos = calcNextPosition(n, nextPosition, get(nodesStore));
const updatedPos = calcNextPosition(n, nextPosition, get(nodesStore) as RFNode[]);
// we want to make sure that we only fire a change event when there is a changes
hasChange =
@@ -96,7 +97,7 @@ export default function drag(
const pointerPos = getPointerPosition(event);
console.log(pointerPos);
lastPos = pointerPos;
dragItems = getDragItems(get(nodesStore), pointerPos, nodeId);
dragItems = getDragItems(get(nodesStore) as RFNode[], pointerPos, nodeId);
})
.on('drag', (event: UseDragEvent) => {
const pointerPos = getPointerPosition(event);