fix(svelte) adjusted svelteflow types for connect events

This commit is contained in:
Peter
2023-09-19 15:23:10 +02:00
parent e27566f279
commit 1c2bcbef34
2 changed files with 21 additions and 10 deletions
@@ -70,15 +70,20 @@
updateConnection, updateConnection,
cancelConnection, cancelConnection,
panBy, panBy,
onConnect: (params) => { onConnect: (connection) => {
addEdge(params); addEdge(connection);
dispatch('connect', params); dispatch('connect', { connection: connection });
}, },
onConnectStart: (event, params) => { onConnectStart: (event, startParams) => {
dispatch('connectstart', { event, params }); dispatch('connectstart', {
event,
nodeId: startParams.nodeId,
handleId: startParams.handleId,
handleType: startParams.handleType
});
}, },
onConnectEnd: (event) => { onConnectEnd: (event) => {
dispatch('connectend', event); dispatch('connectend', { event });
}, },
getTransform: () => $transform getTransform: () => $transform
}); });
@@ -12,7 +12,8 @@ import type {
OnMoveEnd, OnMoveEnd,
CoordinateExtent, CoordinateExtent,
PanOnScrollMode, PanOnScrollMode,
IsValidConnection IsValidConnection,
HandleType
} from '@xyflow/system'; } from '@xyflow/system';
import type { Edge, Node, NodeTypes, KeyDefinition, EdgeTypes } from '$lib/types'; import type { Edge, Node, NodeTypes, KeyDefinition, EdgeTypes } from '$lib/types';
@@ -64,9 +65,14 @@ export type SvelteFlowProps = DOMAttributes<HTMLDivElement> & {
'on:nodemousemove'?: CustomEvent<Node>; 'on:nodemousemove'?: CustomEvent<Node>;
'on:nodemouseleave'?: CustomEvent<Node>; 'on:nodemouseleave'?: CustomEvent<Node>;
'on:edgeclick'?: CustomEvent<Edge>; 'on:edgeclick'?: CustomEvent<Edge>;
'on:connectstart'?: CustomEvent<{ event: MouseEvent | TouchEvent; params: OnConnectStartParams }>; 'on:connectstart'?: CustomEvent<{
'on:connect'?: CustomEvent<Connection>; event: MouseEvent | TouchEvent;
'on:connectend'?: CustomEvent<MouseEvent | TouchEvent>; nodeId?: string;
handleId?: string;
handleType?: HandleType;
}>;
'on:connect'?: CustomEvent<{ connection: Connection }>;
'on:connectend'?: CustomEvent<{ event: MouseEvent | TouchEvent }>;
'on:paneclick'?: CustomEvent; 'on:paneclick'?: CustomEvent;
'on:panecontextmenu'?: CustomEvent; 'on:panecontextmenu'?: CustomEvent;
}; };