feat(svelte): add step edge

2023-05-15 13:59:09 +02:00
parent edf4e3c4c6
commit 24400d259b
3 changed files with 32 additions and 2 deletions
@@ -0,0 +1,20 @@
+<script lang="ts">
+  import { getSmoothStepPath } from '@reactflow/edge-utils';
+
+  import type { EdgeProps } from '$lib/types';
+  import { BaseEdge } from '$lib/components/BaseEdge';
+
+  type $$Props = EdgeProps;
+
+  $: [path, labelX, labelY] = getSmoothStepPath({
+    sourceX: $$props.sourceX,
+    sourceY: $$props.sourceY,
+    targetX: $$props.targetX,
+    targetY: $$props.targetY,
+    sourcePosition: $$props.sourcePosition,
+    targetPosition: $$props.targetPosition,
+    borderRadius: 0
+  });
+</script>
+
+<BaseEdge {path} {labelX} {labelY} {...$$props} />