fix(additional-components): render mini map nodes regardless of onlyRenderVisibleElements
This commit is contained in:
@@ -30,7 +30,7 @@ const attrs: Record<string, any> = useAttrs()
|
|||||||
const defaultWidth = 200
|
const defaultWidth = 200
|
||||||
const defaultHeight = 150
|
const defaultHeight = 150
|
||||||
|
|
||||||
const { id, edges, viewport, dimensions, emits, getNodes, d3Selection, d3Zoom } = useVueFlow()
|
const { id, edges, viewport, dimensions, emits, nodes, d3Selection, d3Zoom } = useVueFlow()
|
||||||
|
|
||||||
const el = ref<SVGElement>()
|
const el = ref<SVGElement>()
|
||||||
|
|
||||||
@@ -59,7 +59,7 @@ const nodeClassNameFunc = computed<MiniMapNodeFunc>(() =>
|
|||||||
nodeClassName instanceof Function ? nodeClassName : ((() => nodeClassName) as MiniMapNodeFunc),
|
nodeClassName instanceof Function ? nodeClassName : ((() => nodeClassName) as MiniMapNodeFunc),
|
||||||
)
|
)
|
||||||
|
|
||||||
const bb = computed(() => getRectOfNodes(getNodes.value))
|
const bb = computed(() => getRectOfNodes(nodes.value))
|
||||||
|
|
||||||
const viewBB = computed(() => ({
|
const viewBB = computed(() => ({
|
||||||
x: -viewport.value.x / viewport.value.zoom,
|
x: -viewport.value.x / viewport.value.zoom,
|
||||||
@@ -68,7 +68,7 @@ const viewBB = computed(() => ({
|
|||||||
height: dimensions.value.height / viewport.value.zoom,
|
height: dimensions.value.height / viewport.value.zoom,
|
||||||
}))
|
}))
|
||||||
|
|
||||||
const boundingRect = computed(() => (getNodes && getNodes.value.length ? getBoundsofRects(bb.value, viewBB.value) : viewBB.value))
|
const boundingRect = computed(() => (nodes.value && nodes.value.length ? getBoundsofRects(bb.value, viewBB.value) : viewBB.value))
|
||||||
|
|
||||||
const viewScale = computed(() => {
|
const viewScale = computed(() => {
|
||||||
const scaledWidth = boundingRect.value.width / elementWidth.value
|
const scaledWidth = boundingRect.value.width / elementWidth.value
|
||||||
@@ -207,7 +207,7 @@ export default {
|
|||||||
<title :id="`vue-flow__minimap-${id}`">Vue Flow mini map {{ id }}</title>
|
<title :id="`vue-flow__minimap-${id}`">Vue Flow mini map {{ id }}</title>
|
||||||
|
|
||||||
<MiniMapNode
|
<MiniMapNode
|
||||||
v-for="node of getNodes"
|
v-for="node of nodes"
|
||||||
:id="node.id"
|
:id="node.id"
|
||||||
:key="node.id"
|
:key="node.id"
|
||||||
:position="node.computedPosition"
|
:position="node.computedPosition"
|
||||||
|
|||||||
Reference in New Issue
Block a user