feat(core): add auto pan props

Signed-off-by: braks <78412429+bcakmakoglu@users.noreply.github.com>

packages/core/src/container/VueFlow/VueFlow.vue

@@ -42,6 +42,8 @@ const props = withDefaults(defineProps<FlowProps>(), {
   disableKeyboardA11y: undefined,
   edgesFocusable: undefined,
   nodesFocusable: undefined,
+  autoPanOnConnect: undefined,
+  autoPanOnNodeDrag: undefined,
 })
 
 const emit = defineEmits<{

packages/core/src/store/state.ts

@@ -119,6 +119,9 @@ const defaultState = (): State => ({
   elevateEdgesOnSelect: false,
   elevateNodesOnSelect: true,
 
+  autoPanOnNodeDrag: true,
+  autoPanOnConnect: true,
+
   disableKeyboardA11y: false,
   ariaLiveMessage: '',
 

packages/core/src/types/flow.ts

@@ -171,6 +171,9 @@ export interface FlowProps {
   edgesFocusable?: boolean
   nodesFocusable?: boolean
 
+  autoPanOnConnect?: boolean
+  autoPanOnNodeDrag?: boolean
+
   __experimentalFeatures?: {
     nestedFlow?: boolean
   }

packages/core/src/types/store.ts

@@ -126,6 +126,9 @@ export interface State extends Omit<FlowOptions, 'id' | 'modelValue'> {
   elevateEdgesOnSelect: boolean
   elevateNodesOnSelect: boolean
 
+  autoPanOnConnect: boolean
+  autoPanOnNodeDrag: boolean
+
   disableKeyboardA11y: boolean
 
   ariaLiveMessage: string