revert making interaction props bindable
This commit is contained in:
@@ -93,24 +93,6 @@
|
|||||||
},
|
},
|
||||||
set viewport(newViewport) {
|
set viewport(newViewport) {
|
||||||
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;
|
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
|
|
||||||
|
|||||||
@@ -65,6 +65,9 @@
|
|||||||
style,
|
style,
|
||||||
defaultEdgeOptions,
|
defaultEdgeOptions,
|
||||||
elevateNodesOnSelect,
|
elevateNodesOnSelect,
|
||||||
|
nodesDraggable,
|
||||||
|
nodesConnectable,
|
||||||
|
elementsSelectable,
|
||||||
...divAttributes
|
...divAttributes
|
||||||
} = $derived(rest);
|
} = $derived(rest);
|
||||||
|
|
||||||
|
|||||||
@@ -180,24 +180,9 @@ export const getInitialStore = (signals: StoreSignals) => {
|
|||||||
};
|
};
|
||||||
});
|
});
|
||||||
|
|
||||||
get nodesDraggable() {
|
nodesDraggable: boolean = $derived(signals.props.nodesDraggable ?? true);
|
||||||
return signals.nodesDraggable;
|
nodesConnectable: boolean = $derived(signals.props.nodesConnectable ?? true);
|
||||||
}
|
elementsSelectable: boolean = $derived(signals.props.elementsSelectable ?? true);
|
||||||
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;
|
|
||||||
}
|
|
||||||
|
|
||||||
minZoom: number = $derived(signals.props.minZoom ?? 0.5);
|
minZoom: number = $derived(signals.props.minZoom ?? 0.5);
|
||||||
maxZoom: number = $derived(signals.props.maxZoom ?? 2);
|
maxZoom: number = $derived(signals.props.maxZoom ?? 2);
|
||||||
|
|||||||
@@ -86,9 +86,6 @@ export type SvelteFlowRestProps = Omit<
|
|||||||
| 'nodes'
|
| 'nodes'
|
||||||
| 'edges'
|
| 'edges'
|
||||||
| 'viewport'
|
| 'viewport'
|
||||||
| 'nodesDraggable'
|
|
||||||
| 'nodesConnectable'
|
|
||||||
| 'elementsSelectable'
|
|
||||||
>;
|
>;
|
||||||
|
|
||||||
export type StoreSignals = {
|
export type StoreSignals = {
|
||||||
@@ -98,9 +95,6 @@ export type StoreSignals = {
|
|||||||
nodes: Node[];
|
nodes: Node[];
|
||||||
edges: Edge[];
|
edges: Edge[];
|
||||||
viewport?: Viewport;
|
viewport?: Viewport;
|
||||||
nodesDraggable: boolean;
|
|
||||||
nodesConnectable: boolean;
|
|
||||||
elementsSelectable: boolean;
|
|
||||||
};
|
};
|
||||||
|
|
||||||
export type SvelteFlowStoreState = ReturnType<typeof getInitialStore>;
|
export type SvelteFlowStoreState = ReturnType<typeof getInitialStore>;
|
||||||
|
|||||||
Reference in New Issue
Block a user