实用程序

¥Utils

addEdge()

此实用程序是一个便利函数，用于将新边缘添加到边缘数组。它还执行一些验证以确保你不会添加无效边缘或重复现有边缘。

ReactFlow 组件上的各种事件可以产生一个 EdgeChange，描述如何以某种方式更新流的边缘。如果你不需要任何自定义行为，则可以使用此实用程序获取这些更改的数组并将其应用于边缘。

ReactFlow 组件上的各种事件可以产生一个 NodeChange，描述如何以某种方式更新流的节点。如果你不需要任何自定义行为，则可以使用此实用程序获取这些更改的数组并将其应用于节点。

getBezierPath 实用程序返回在两个节点之间渲染贝塞尔边缘所需的一切。

给定一个可能相互连接的节点数组和一个所有边的数组，此实用程序为你提供一个将任何给定节点连接在一起的边数组。

此实用程序用于告诉你哪些节点（如果有）连接到给定节点作为边缘的源。

返回包含数组中所有给定节点的边界框。当与 getTransformForBounds 结合使用时，它可以很有用，用于计算正确的变换以适合视口中的给定节点。

此实用程序用于告诉你哪些节点（如果有）连接到给定节点作为边缘的目标。

getSimpleBezierPath 实用程序返回在两个节点之间渲染简单贝塞尔边缘所需的一切。

getSmoothStepPath 实用程序返回在两个节点之间渲染阶梯路径所需的一切。borderRadius 属性可用于选择这些台阶的角的圆度。

计算两点之间的直线路径。

此实用程序告诉你将视口设置为多少以适合给定边界。你可以使用它来预先计算服务器上给定一组节点的视口，或者计算给定边界的视口，而无需直接更改视口。

此实用程序返回给定边界的视口。你可以使用它来预先计算服务器上给定一组节点的视口，或者计算给定边界的视口，而无需直接更改视口。

测试对象是否可以用作边。在 TypeScript 中，这是一个类型保护，如果它返回 true，它将缩小你传递给 Edge 的任何内容的类型。

测试对象是否可以用作节点。在 TypeScript 中，这是一个类型保护，如果它返回 true，它将缩小你传递给 Node 的任何内容的类型。

用于重新连接具有新属性的现有边缘的便捷实用程序。这会在你的边缘数组中搜索具有匹配 ID 的边缘，并使用你提供的连接更新其属性。