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

onbeforeconnect instead of onedgecreate

Browse Source
This commit is contained in:
peterkogo
2025-04-09 15:29:13 +02:00
parent 108f1ce81c
commit 95df44d5d1
5 changed files with 7 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/svelte/src/lib/components/Handle/Handle.svelte
+1 -1
View File
@@ -60,7 +60,7 @@
cancelConnection: store.cancelConnection, cancelConnection: store.cancelConnection,
panBy: store.panBy, panBy: store.panBy,
onConnect: (connection) => { onConnect: (connection) => {
const edge = store.onedgecreate ? store.onedgecreate(connection) : connection; const edge = store.onbeforeconnect?.(connection) ?? connection;
if (!edge) { if (!edge) {
return; return;
packages/svelte/src/lib/container/SvelteFlow/Wrapper.svelte
+1 -1
View File
@@ -35,7 +35,7 @@
onerror, onerror,
ondelete, ondelete,
onbeforedelete, onbeforedelete,
onedgecreate, onbeforeconnect,
onconnect, onconnect,
onconnectstart, onconnectstart,
onconnectend, onconnectend,
packages/svelte/src/lib/container/SvelteFlow/types.ts
+2 -2
View File
@@ -30,7 +30,7 @@ import type {
DefaultEdgeOptions, DefaultEdgeOptions,
FitViewOptions, FitViewOptions,
OnDelete, OnDelete,
OnEdgeCreate, OnBeforeConnect,
OnBeforeDelete, OnBeforeDelete,
IsValidConnection IsValidConnection
} from '$lib/types'; } from '$lib/types';
@@ -358,7 +358,7 @@ export type SvelteFlowProps = NodeEvents &
onbeforedelete?: OnBeforeDelete; onbeforedelete?: OnBeforeDelete;
/** This handler gets called when a new edge is created. You can use it to modify the newly created edge. */ /** This handler gets called when a new edge is created. You can use it to modify the newly created edge. */
onedgecreate?: OnEdgeCreate; onbeforeconnect?: OnBeforeConnect;
/** This event gets fired when a connection successfully completes and an edge is created. */ /** This event gets fired when a connection successfully completes and an edge is created. */
onconnect?: OnConnect; onconnect?: OnConnect;
packages/svelte/src/lib/store/initial-store.svelte.ts
+2 -2
View File
@@ -48,7 +48,7 @@ import type {
EdgeTypes, EdgeTypes,
FitViewOptions, FitViewOptions,
OnDelete, OnDelete,
OnEdgeCreate, OnBeforeConnect,
OnBeforeDelete, OnBeforeDelete,
IsValidConnection, IsValidConnection,
Edge, Edge,
@@ -284,7 +284,7 @@ export const getInitialStore = (signals: StoreSignals) => {
onlyRenderVisibleElements: boolean = $derived(signals.props.onlyRenderVisibleElements ?? false); onlyRenderVisibleElements: boolean = $derived(signals.props.onlyRenderVisibleElements ?? false);
onerror: OnError = $derived(signals.props.onerror ?? devWarn); onerror: OnError = $derived(signals.props.onerror ?? devWarn);
ondelete?: OnDelete = $derived(signals.props.ondelete ?? undefined); ondelete?: OnDelete = $derived(signals.props.ondelete ?? undefined);
onedgecreate?: OnEdgeCreate = $derived(signals.props.onedgecreate); onbeforeconnect?: OnBeforeConnect = $derived(signals.props.onbeforeconnect);
onconnect?: OnConnect = $derived(signals.props.onconnect); onconnect?: OnConnect = $derived(signals.props.onconnect);
onconnectstart?: OnConnectStart = $derived(signals.props.onconnectstart); onconnectstart?: OnConnectStart = $derived(signals.props.onconnectstart);
onconnectend?: OnConnectEnd = $derived(signals.props.onconnectend); onconnectend?: OnConnectEnd = $derived(signals.props.onconnectend);
packages/svelte/src/lib/types/general.ts
+1 -1
View File
@@ -35,7 +35,7 @@ export type HandleProps = HandlePropsSystem & {
export type FitViewOptions<NodeType extends Node = Node> = FitViewOptionsBase<NodeType>; export type FitViewOptions<NodeType extends Node = Node> = FitViewOptionsBase<NodeType>;
export type OnDelete = (params: { nodes: Node[]; edges: Edge[] }) => void; export type OnDelete = (params: { nodes: Node[]; edges: Edge[] }) => void;
export type OnEdgeCreate = (connection: Connection) => Edge | Connection | void; export type OnBeforeConnect = (connection: Connection) => Edge | Connection | void;
export type OnBeforeDelete< export type OnBeforeDelete<
NodeType extends Node = Node, NodeType extends Node = Node,
EdgeType extends Edge = Edge EdgeType extends Edge = Edge