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

refactor(svelte): use same data passing convention for all custom events

Browse Source
This commit is contained in:
moklick
2023-09-19 15:43:37 +02:00
parent accfc9d200
commit a33351fb9f
4 changed files with 20 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/svelte/src/lib/container/Pane/Pane.svelte
+3 -3
View File
@@ -64,8 +64,8 @@
$: hasActiveSelection = $elementsSelectable && (isSelecting || $selectionRectMode === 'user');
$: _panOnDrag = $panActivationKeyPressed || panOnDrag;
function onClick(event: MouseEvent) {
dispatch('paneclick', event);
function onClick(event: MouseEvent | TouchEvent) {
dispatch('paneclick', { event });
unselectNodesAndEdges();
selectionRectMode.set(null);
@@ -180,7 +180,7 @@
return;
}
dispatch('panecontextmenu', event);
dispatch('panecontextmenu', { event });
};
</script>
packages/svelte/src/lib/container/SvelteFlow/types.ts
+7 -8
View File
@@ -3,7 +3,6 @@ import type {
Connection,
ConnectionLineType,
NodeOrigin,
OnConnectStartParams,
Viewport,
SelectionMode,
SnapGrid,
@@ -60,11 +59,11 @@ export type SvelteFlowProps = DOMAttributes<HTMLDivElement> & {
onMove?: OnMove;
onMoveEnd?: OnMoveEnd;
'on:nodeclick'?: CustomEvent<Node>;
'on:nodemouseenter'?: CustomEvent<Node>;
'on:nodemousemove'?: CustomEvent<Node>;
'on:nodemouseleave'?: CustomEvent<Node>;
'on:edgeclick'?: CustomEvent<Edge>;
'on:nodeclick'?: CustomEvent<{ event: MouseEvent | TouchEvent; node: Node }>;
'on:nodemouseenter'?: CustomEvent<{ event: MouseEvent; node: Node }>;
'on:nodemousemove'?: CustomEvent<{ event: MouseEvent; node: Node }>;
'on:nodemouseleave'?: CustomEvent<{ event: MouseEvent; node: Node }>;
'on:edgeclick'?: CustomEvent<{ event: MouseEvent; edge: Edge }>;
'on:connectstart'?: CustomEvent<{
event: MouseEvent | TouchEvent;
nodeId?: string;
@@ -73,6 +72,6 @@ export type SvelteFlowProps = DOMAttributes<HTMLDivElement> & {
}>;
'on:connect'?: CustomEvent<{ connection: Connection }>;
'on:connectend'?: CustomEvent<{ event: MouseEvent | TouchEvent }>;
'on:paneclick'?: CustomEvent;
'on:panecontextmenu'?: CustomEvent;
'on:paneclick'?: CustomEvent<{ event: MouseEvent | TouchEvent }>;
'on:panecontextmenu'?: CustomEvent<{ event: MouseEvent }>;
};