feat(svelte): add functions to useSvelteFlow

This commit is contained in:
moklick
2023-03-14 17:24:01 +01:00
parent 2e486384a8
commit 5b3c260e45
9 changed files with 102 additions and 25 deletions
@@ -47,7 +47,7 @@
: [patternDimensions[0] / 2, patternDimensions[1] / 2];
</script>
<svg class={cc(['svelte-flow__background', className])} style={style}>
<svg class={cc(['svelte-flow__background', className])} {style} data-testid="svelte-flow__background">
<pattern
id={patternId}
x={$transform[0] % scaledGap[0]}
@@ -42,8 +42,8 @@
// onInteractiveChange?.(!isInteractive);
};
</script>
<Panel class="svelte-flow__controls" {position}>
<Panel class="svelte-flow__controls" {position} data-testid="svelte-flow__controls">
{#if showZoom}
<ControlButton
on:click={onZoomInHandler}
@@ -35,7 +35,7 @@
const defaultWidth = 200;
const defaultHeight = 150;
const { nodes, transform, width: containerWidth, height: containerHeight, nodeOrigin, id } = useStore();
const { nodes, transform, width: containerWidth, height: containerHeight, id } = useStore();
const nodeColorFunc = getAttrFunction(nodeColor);
@@ -52,7 +52,7 @@
height: $containerHeight / $transform[2]
};
$: boundingRect =
$nodes.length > 0 ? getBoundsOfRects(getRectOfNodes($nodes, $nodeOrigin), viewBB) : viewBB;
$nodes.length > 0 ? getBoundsOfRects(getRectOfNodes($nodes), viewBB) : viewBB;
$: elementWidth = width ?? defaultWidth;
$: elementHeight = height ?? defaultHeight;
$: scaledWidth = boundingRect.width / elementWidth;
@@ -71,6 +71,7 @@
{position}
class={cc(['svelte-flow__minimap', className])}
style={`background-color: ${bgColor}; ${style}`}
data-testid="svelte-flow__minimap"
>
<svg
width={elementWidth}
@@ -83,7 +84,7 @@
{#each $nodes as node (node.id)}
{#if node.width && node.height}
{@const pos = getNodePositionWithOrigin(node, $nodeOrigin).positionAbsolute}
{@const pos = getNodePositionWithOrigin(node).positionAbsolute}
<MinimapNode
x={pos.x}
y={pos.y}