diff --git a/packages/minimap/src/MiniMap.vue b/packages/minimap/src/MiniMap.vue index a44af409..2f624a40 100644 --- a/packages/minimap/src/MiniMap.vue +++ b/packages/minimap/src/MiniMap.vue @@ -26,6 +26,7 @@ const { ariaLabel = 'Vue Flow mini map', inversePan = false, zoomStep = 10, + offsetScale = 5, } = defineProps() const emit = defineEmits(['click', 'nodeClick', 'nodeDblclick', 'nodeMouseenter', 'nodeMousemove', 'nodeMouseleave']) @@ -78,7 +79,7 @@ const viewScale = computed(() => { const viewBox = computed(() => { const viewWidth = viewScale.value * elementWidth.value const viewHeight = viewScale.value * elementHeight.value - const offset = 5 * viewScale.value + const offset = offsetScale * viewScale.value return { offset, diff --git a/packages/minimap/src/types.ts b/packages/minimap/src/types.ts index f50ce4e4..4a22f548 100644 --- a/packages/minimap/src/types.ts +++ b/packages/minimap/src/types.ts @@ -42,6 +42,8 @@ export interface MiniMapProps { inversePan?: boolean /** Specify zoom step */ zoomStep?: number + /** Specify minimap scale */ + offsetScale?: number } /** these props are passed to mini map node slots */