chore(core): cleanup

Signed-off-by: braks <[email protected]>

Author: bcakmakoglu

packages/core/src/composables/useGetPointerPosition.ts

@@ -1,4 +1,5 @@
-import { getEventPosition, isUseDragEvent, pointToRendererPoint, snapPosition } from '../utils'
+import { getEventPosition, snapPosition } from '@xyflow/system'
+import { isUseDragEvent, pointToRendererPoint } from '../utils'
 import type { MouseTouchEvent } from '../types'
 import { useVueFlow } from './useVueFlow'
 import type { UseDragEvent } from './useDrag'

packages/core/src/composables/useHandle.ts

@@ -5,7 +5,10 @@ import type { Connection, ConnectionInProgress, HandleElement, HandleType, Mouse
 import {
   getClosestHandle,
   getConnectionStatus,
+  getHandle,
+  getHandlePosition,
   getHandleType,
+  isConnectionValid,
   isValidHandle,
   oppositePosition,
   pointToRendererPoint,
@@ -212,7 +215,11 @@ export function useHandle({
           isValid,
           to:
             closestHandle && isValid
-              ? rendererPointToPoint({ x: closestHandle.x, y: closestHandle.y }, viewport.value)
+              ? rendererPointToPoint({ x: closestHandle.x, y: closestHandle.y }, [
+                  viewport.value.x,
+                  viewport.value.y,
+                  viewport.value.zoom,
+                ])
               : connectionPosition,
           toHandle: result.toHandle,
           toPosition: isValid && result.toHandle ? result.toHandle.position : oppositePosition[fromHandle.position],

packages/core/src/utils/drag.ts

@@ -1,4 +1,5 @@
 import { markRaw } from 'vue'
+import type { UseDragEvent } from '@xyflow/system'
 import { clampPosition } from '@xyflow/system'
 import type {
   Actions,
@@ -12,6 +13,10 @@ import type {
 } from '../types'
 import { ErrorCode, VueFlowError, isParentSelected } from '.'
 
+export function isUseDragEvent(event: any): event is UseDragEvent {
+  return 'sourceEvent' in event
+}
+
 export function hasSelector(target: Element, selector: string, node: Element): boolean {
   let current = target