feat(svelte): selection box

2023-02-20 19:01:43 +01:00
parent fe84a5d21a
commit 1f44bc4da5
17 changed files with 501 additions and 154 deletions
@@ -0,0 +1,23 @@
+<script lang="ts">
+  import { useStore } from '$lib/store';
+  import zoom from '$lib/actions/zoom';
+
+  const { transformStore, d3Store, selectionKeyPressedStore, selectionRectModeStore } = useStore();
+
+  $: selecting = $selectionKeyPressedStore || $selectionRectModeStore === 'user';
+</script>
+
+<div class="react-flow__zoom" use:zoom={{ transformStore, d3Store, selecting }}>
+  <slot />
+</div>
+
+<style>
+  .react-flow__zoom {
+    width: 100%;
+    height: 100%;
+    position: absolute;
+    top: 0;
+    left: 0;
+    z-index: 4;
+  }
+</style>