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

fix(svelte) only updated defaultEdgeOptions once on Mount

Browse Source
This commit is contained in:
Peter
2023-09-26 10:20:13 +02:00
parent 339df4c651
commit e56e6a9a6b
2 changed files with 5 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
examples/svelte/src/routes/overview/+page.svelte
+1 -1
View File
@@ -162,7 +162,7 @@
autoPanOnConnect autoPanOnConnect
autoPanOnNodeDrag autoPanOnNodeDrag
defaultEdgeOptions={{ defaultEdgeOptions={{
hidden: false // animated: true
}} }}
> >
<Controls /> <Controls />
packages/svelte/src/lib/container/EdgeRenderer/EdgeRenderer.svelte
+4 -2
View File
@@ -3,6 +3,7 @@
import { MarkerDefinition } from '$lib/container/EdgeRenderer/MarkerDefinition'; import { MarkerDefinition } from '$lib/container/EdgeRenderer/MarkerDefinition';
import { useStore } from '$lib/store'; import { useStore } from '$lib/store';
import type { DefaultEdgeOptions } from '$lib/types'; import type { DefaultEdgeOptions } from '$lib/types';
import { onMount } from 'svelte';
export let defaultOptions: DefaultEdgeOptions | undefined; export let defaultOptions: DefaultEdgeOptions | undefined;
@@ -14,7 +15,9 @@
edges: { setDefaultOptions } edges: { setDefaultOptions }
} = useStore(); } = useStore();
$: if (defaultOptions) setDefaultOptions(defaultOptions); onMount(() => {
if (defaultOptions) setDefaultOptions(defaultOptions);
});
</script> </script>
{#each $edgeTree as group (group.level)} {#each $edgeTree as group (group.level)}
@@ -27,7 +30,6 @@
edge.selectable || edge.selectable ||
($elementsSelectable && typeof edge.selectable === 'undefined') ($elementsSelectable && typeof edge.selectable === 'undefined')
)} )}
<EdgeWrapper {...edge} type={edgeType} {selectable} on:edgeclick /> <EdgeWrapper {...edge} type={edgeType} {selectable} on:edgeclick />
{/each} {/each}
</g> </g>