revert making interaction props bindable

This commit is contained in:
peterkogo
2025-04-10 11:27:58 +02:00
parent 80a809cc68
commit 503dafe083
4 changed files with 6 additions and 42 deletions

View File

@@ -93,24 +93,6 @@
},
set viewport(newViewport) {
viewport = newViewport;
},
get nodesDraggable() {
return nodesDraggable;
},
set nodesDraggable(newNodesDraggable) {
nodesDraggable = newNodesDraggable;
},
get nodesConnectable() {
return nodesConnectable;
},
set nodesConnectable(newNodesConnectable) {
nodesConnectable = newNodesConnectable;
},
get elementsSelectable() {
return elementsSelectable;
},
set elementsSelectable(newElementsSelectable) {
elementsSelectable = newElementsSelectable;
}
});

View File

@@ -65,6 +65,9 @@
style,
defaultEdgeOptions,
elevateNodesOnSelect,
nodesDraggable,
nodesConnectable,
elementsSelectable,
...divAttributes
} = $derived(rest);

View File

@@ -180,24 +180,9 @@ export const getInitialStore = (signals: StoreSignals) => {
};
});
get nodesDraggable() {
return signals.nodesDraggable;
}
set nodesDraggable(value: boolean) {
signals.nodesDraggable = value;
}
get nodesConnectable() {
return signals.nodesConnectable;
}
set nodesConnectable(value: boolean) {
signals.nodesConnectable = value;
}
get elementsSelectable() {
return signals.elementsSelectable;
}
set elementsSelectable(value: boolean) {
signals.elementsSelectable = value;
}
nodesDraggable: boolean = $derived(signals.props.nodesDraggable ?? true);
nodesConnectable: boolean = $derived(signals.props.nodesConnectable ?? true);
elementsSelectable: boolean = $derived(signals.props.elementsSelectable ?? true);
minZoom: number = $derived(signals.props.minZoom ?? 0.5);
maxZoom: number = $derived(signals.props.maxZoom ?? 2);

View File

@@ -86,9 +86,6 @@ export type SvelteFlowRestProps = Omit<
| 'nodes'
| 'edges'
| 'viewport'
| 'nodesDraggable'
| 'nodesConnectable'
| 'elementsSelectable'
>;
export type StoreSignals = {
@@ -98,9 +95,6 @@ export type StoreSignals = {
nodes: Node[];
edges: Edge[];
viewport?: Viewport;
nodesDraggable: boolean;
nodesConnectable: boolean;
elementsSelectable: boolean;
};
export type SvelteFlowStoreState = ReturnType<typeof getInitialStore>;