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

View File

@@ -70,15 +70,20 @@
updateConnection,
cancelConnection,
panBy,
onConnect: (params) => {
addEdge(params);
dispatch('connect', params);
onConnect: (connection) => {
addEdge(connection);
dispatch('connect', { connection: connection });
},
onConnectStart: (event, params) => {
dispatch('connectstart', { event, params });
onConnectStart: (event, startParams) => {
dispatch('connectstart', {
event,
nodeId: startParams.nodeId,
handleId: startParams.handleId,
handleType: startParams.handleType
});
},
onConnectEnd: (event) => {
dispatch('connectend', event);
dispatch('connectend', { event });
},
getTransform: () => $transform
});

View File

@@ -12,7 +12,8 @@ import type {
OnMoveEnd,
CoordinateExtent,
PanOnScrollMode,
IsValidConnection
IsValidConnection,
HandleType
} from '@xyflow/system';
import type { Edge, Node, NodeTypes, KeyDefinition, EdgeTypes } from '$lib/types';
@@ -64,9 +65,14 @@ export type SvelteFlowProps = DOMAttributes<HTMLDivElement> & {
'on:nodemousemove'?: CustomEvent<Node>;
'on:nodemouseleave'?: CustomEvent<Node>;
'on:edgeclick'?: CustomEvent<Edge>;
'on:connectstart'?: CustomEvent<{ event: MouseEvent | TouchEvent; params: OnConnectStartParams }>;
'on:connect'?: CustomEvent<Connection>;
'on:connectend'?: CustomEvent<MouseEvent | TouchEvent>;
'on:connectstart'?: CustomEvent<{
event: MouseEvent | TouchEvent;
nodeId?: string;
handleId?: string;
handleType?: HandleType;
}>;
'on:connect'?: CustomEvent<{ connection: Connection }>;
'on:connectend'?: CustomEvent<{ event: MouseEvent | TouchEvent }>;
'on:paneclick'?: CustomEvent;
'on:panecontextmenu'?: CustomEvent;
};