alighasami/vue-flow
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refactor(zoom): remove get and invoke imports

Browse Source 
Signed-off-by: Braks <78412429+bcakmakoglu@users.noreply.github.com>
This commit is contained in:
Braks
2021-12-05 09:03:36 +01:00
parent 4663bb228d
commit c5228065b4
1 changed files with 3 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/container/ZoomPane/ZoomPane.vue
+3 -4
View File
@@ -1,6 +1,5 @@
<script lang="ts" setup> <script lang="ts" setup>
import { D3ZoomEvent, zoom, zoomIdentity, ZoomTransform } from 'd3-zoom' import { D3ZoomEvent, zoom, zoomIdentity, ZoomTransform } from 'd3-zoom'
import { get, invoke } from '@vueuse/core'
import { pointer, select } from 'd3-selection' import { pointer, select } from 'd3-selection'
import { FlowTransform, KeyCode, PanOnScrollMode } from '../../types' import { FlowTransform, KeyCode, PanOnScrollMode } from '../../types'
import { useKeyPress, useStore, useWindow } from '../../composables' import { useKeyPress, useStore, useWindow } from '../../composables'
@@ -60,11 +59,11 @@ const d3Selection = ref()
store.transform = [transform.value.x, transform.value.y, transform.value.zoom] store.transform = [transform.value.x, transform.value.y, transform.value.zoom]
invoke(async () => { nextTick(async () => {
await until(zoomPaneEl).toBeTruthy() await until(zoomPaneEl).toBeTruthy()
const d3z = get(d3Zoom)! const d3z = d3Zoom.value!
d3Selection.value = select(zoomPaneEl.value).call(d3z) d3Selection.value = select(zoomPaneEl.value).call(d3z)
const d3s = get(d3Selection)! const d3s = d3Selection.value!
const d3ZoomHandler = d3s.on('wheel.zoom') const d3ZoomHandler = d3s.on('wheel.zoom')
const updatedTransform = zoomIdentity.translate(clampedX, clampedY).scale(clampedZoom) const updatedTransform = zoomIdentity.translate(clampedX, clampedY).scale(clampedZoom)