From edbc67e8c4a16f0a36d8ea6dfd88774ec48b8028 Mon Sep 17 00:00:00 2001 From: Peter Date: Tue, 19 Sep 2023 14:36:04 +0200 Subject: [PATCH] feat(svelte) fixed on:connectstart and on:connectend --- .../svelte/src/lib/components/Handle/Handle.svelte | 11 ++++++++++- packages/svelte/src/lib/container/SvelteFlow/types.ts | 4 ++-- 2 files changed, 12 insertions(+), 3 deletions(-) diff --git a/packages/svelte/src/lib/components/Handle/Handle.svelte b/packages/svelte/src/lib/components/Handle/Handle.svelte index ff1ca8e4..ac938374 100644 --- a/packages/svelte/src/lib/components/Handle/Handle.svelte +++ b/packages/svelte/src/lib/components/Handle/Handle.svelte @@ -70,7 +70,16 @@ updateConnection, cancelConnection, panBy, - onConnect: onConnectExtended, + onConnect: (params) => { + addEdge(params); + dispatch('connect', params); + }, + onConnectStart: (event, params) => { + dispatch('connectstart', { event, params }); + }, + onConnectEnd: (event) => { + dispatch('connectend', event); + }, getTransform: () => $transform }); } diff --git a/packages/svelte/src/lib/container/SvelteFlow/types.ts b/packages/svelte/src/lib/container/SvelteFlow/types.ts index b6d12104..26b60f82 100644 --- a/packages/svelte/src/lib/container/SvelteFlow/types.ts +++ b/packages/svelte/src/lib/container/SvelteFlow/types.ts @@ -64,9 +64,9 @@ export type SvelteFlowProps = DOMAttributes & { 'on:nodemousemove'?: CustomEvent; 'on:nodemouseleave'?: CustomEvent; 'on:edgeclick'?: CustomEvent; - 'on:connectstart'?: CustomEvent; + 'on:connectstart'?: CustomEvent<{ event: MouseEvent | TouchEvent }>; 'on:connect'?: CustomEvent; - 'on:connectend'?: CustomEvent; + 'on:connectend'?: CustomEvent; 'on:paneclick'?: CustomEvent; 'on:panecontextmenu'?: CustomEvent; };