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

Merge branch 'next' into refactor/set-nodes

Browse Source
This commit is contained in:
moklick
2024-01-11 12:56:40 +01:00
parent 0c7a5eac24 5aacb84499
commit 51c22c804e
2 changed files with 10 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
examples/svelte/src/routes/examples/usesvelteflow/Sidebar.svelte
View File

@@ -16,6 +16,11 @@
const nodes = useNodes();
const edges = useEdges();
const deleteNode = () => {
$nodes.shift();
$nodes = $nodes;
};
</script>
<aside>
@@ -35,6 +40,7 @@
<button on:click={() => deleteElements({ nodes: $nodes.map((node) => ({ id: node.id })) })}
>deleteElements</button
>
<button on:click={() => deleteNode()}>delete via store</button>
<button
on:click={() => {
const { nodes, edges, viewport } = toObject();

10
packages/react/src/hooks/useReactFlow.ts
View File

@@ -162,9 +162,8 @@ export function useReactFlow<NodeType extends Node = Node, EdgeType extends Edge
if (hasMatchingEdges) {
if (hasDefaultEdges) {
store.setState({
edges: edges.filter((e) => !matchingEdges.some((mE) => mE.id === e.id)),
});
const nextEdges = edges.filter((e) => !matchingEdges.some((mE) => mE.id === e.id));
store.getState().setEdges(nextEdges);
}
onEdgesDelete?.(matchingEdges);
@@ -178,9 +177,8 @@ export function useReactFlow<NodeType extends Node = Node, EdgeType extends Edge
if (hasMatchingNodes) {
if (hasDefaultNodes) {
store.setState({
nodes: nodes.filter((n) => !matchingNodes.some((mN) => mN.id === n.id)),
});
const nextNodes = nodes.filter((n) => !matchingNodes.some((mN) => mN.id === n.id));
store.getState().setNodes(nextNodes);
}
onNodesDelete?.(matchingNodes);