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

fix: enforce extent on viewport transforms

Browse Source
This commit is contained in:
Braks
2022-04-21 10:47:53 +02:00
parent 86c72ab08a
commit f35167ca72
1 changed files with 3 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
package/src/composables/useZoomPanHelper.ts
+3 -4
View File
@@ -57,12 +57,11 @@ export default (store: Store = useVueFlow().store): ViewportFuncs => {
} }
const transformViewport = (x: number, y: number, zoom: number, duration?: number) => { const transformViewport = (x: number, y: number, zoom: number, duration?: number) => {
const { x: clampedX, y: clampedY } = clampPosition( // enforce translate extent
{ x: store.viewport.x - x, y: store.viewport.y - y }, const { x: clampedX, y: clampedY } = clampPosition({ x: -x, y: -y }, store.translateExtent)
store.translateExtent,
)
const nextTransform = zoomIdentity.translate(-clampedX, -clampedY).scale(zoom) const nextTransform = zoomIdentity.translate(-clampedX, -clampedY).scale(zoom)
if (store.d3Selection && store.d3Zoom) { if (store.d3Selection && store.d3Zoom) {
store.d3Zoom.transform(transition(store.d3Selection, duration), nextTransform) store.d3Zoom.transform(transition(store.d3Selection, duration), nextTransform)
} }