迷你地图节点

🌐 MiniMap Node

迷你地图节点组件可以用来扩展默认的迷你地图节点。你可以使用它为节点添加图标，或添加自定义提示等。

🌐 The minimap node component can be used to extend the default minimap nodes. You can use it to add an icon to your node, or to add a custom tooltip etc.

用法

🌐 Usage

要使用该组件，将 MiniMapNode 作为子项传递给 MiniMap 组件。

🌐 To use the component pass the MiniMapNode as a child to the MiniMap component.

<template>
  <VueFlow>
    <MiniMap>
      <template #node-input="props">
        <MiniMapNode v-bind="props" />
      </template>
    </MiniMap>
  </VueFlow>
</template>

属性

🌐 Props

名称	定义	类型	可选	默认
id	节点ID	string	false	-
parentNode	父节点ID	string	true	-
selected	节点已选择	boolean	true	false
dragging	节点正在拖动	boolean	true	false
position	节点的 XY 位置	XY位置	false	-
dimensions	节点尺寸	尺寸	false	-
borderRadius	MiniMap 节点 CSS 边框半径	number	true	-
color	MiniMap 节点 CSS 颜色	string	true	-
shapeRendering	MiniMap 节点 css 形状渲染	ShapeRendering	true	-
strokeColor	MiniMap 节点 css 描边颜色	string	true	-
strokeWidth	MiniMap 节点 css 描边宽度	string	true	-

插槽

🌐 Slots

名称	定义
default	插槽在小地图节点矩形下方