feat(svelte): edge marker support

This commit is contained in:
moklick
2023-05-15 16:15:42 +02:00
parent 24400d259b
commit 425f625020
22 changed files with 236 additions and 60 deletions
+8 -1
View File
@@ -1,5 +1,5 @@
import { getContext } from 'svelte';
import { get } from 'svelte/store';
import { derived, get } from 'svelte/store';
import { zoomIdentity } from 'd3-zoom';
import {
type NodeDragItem,
@@ -11,6 +11,7 @@ import {
type CoordinateExtent
} from '@reactflow/system';
import {
createMarkerIds,
fitView as fitViewUtil,
getD3Transition,
getDimensions,
@@ -314,6 +315,12 @@ export function createStore(params: CreateStoreParams): SvelteFlowStore {
// derived state
edgesLayouted: getEdgesLayouted(store),
connectionPath: getConnectionPath(store),
markers: derived(
[store.edges, store.defaultMarkerColor, store.flowId],
([edges, defaultColor, id]) => {
return createMarkerIds(edges, { defaultColor, id });
}
),
// actions
setNodeTypes,