ユーティリティ
addEdge()
このユーティリティは、エッジの配列に新しいエッジを追加するための便利な関数です。また、無効なエッジを追加したり、既存のエッジを複製したりしないように、いくつかの検証も実行します。
詳細はこちらapplyEdgeChanges()
ReactFlowコンポーネント上のさまざまなイベントは、フローのエッジを何らかの方法で更新する方法を記述したEdgeChangeを生成できます。カスタムの動作が不要な場合、このユーティリティを使用して、これらの変更の配列を取得し、エッジに適用できます。
詳細はこちらapplyNodeChanges()
ReactFlowコンポーネント上のさまざまなイベントは、フローのノードを何らかの方法で更新する方法を記述したNodeChangeを生成できます。カスタムの動作が不要な場合、このユーティリティを使用して、これらの変更の配列を取得し、ノードに適用できます。
詳細はこちらgetBezierPath()
getBezierPathユーティリティは、2つのノード間にベジェエッジをレンダリングするために必要なすべてを返します。
詳細はこちらgetConnectedEdges()
相互に接続されている可能性のあるノードの配列と、すべてのエッジの配列が与えられた場合、このユーティリティは、指定されたノードを相互に接続するエッジの配列を提供します。
詳細はこちらgetIncomers()
このユーティリティは、指定されたノードにエッジのソースとして接続されているノードがあるかどうかを知らせるために使用されます。
詳細はこちらgetNodesBounds()
配列内のすべての指定されたノードを含むバウンディングボックスを返します。これは、getTransformForBoundsと組み合わせて、指定されたノードをビューポートに収めるための正しい変換を計算する際に役立ちます。
詳細はこちらgetOutgoers()
このユーティリティは、指定されたノードにエッジのターゲットとして接続されているノードがあるかどうかを知らせるために使用されます。
詳細はこちらgetSimpleBezierPath()
getSimpleBezierPathユーティリティは、2つのノード間に単純なベジェエッジをレンダリングするために必要なすべてを返します。
詳細はこちらgetSmoothStepPath()
getSmoothStepPathユーティリティは、2つのノード間にステップパスをレンダリングするために必要なすべてを返します。borderRadiusプロパティを使用して、ステップの角の丸みをどのようにするかを選択できます。
詳細はこちらgetStraightPath()
2点間の直線パスを計算します。
詳細はこちらgetViewportForBounds()
このユーティリティは、指定された境界のビューポートを返します。これを使用して、サーバー上の特定のノードセットのビューポートを事前に計算したり、ビューポートを直接変更せずに、指定された境界のビューポートを計算したりできます。
詳細はこちらisEdge()
オブジェクトがエッジとして使用可能かどうかをテストします。TypeScriptでは、これは型ガードであり、trueを返した場合、渡されたものの型をEdgeに絞り込みます。
詳細はこちらisNode()
オブジェクトがノードとして使用可能かどうかをテストします。TypeScriptでは、これは型ガードであり、trueを返した場合、渡されたものの型をNodeに絞り込みます。
詳細はこちらreconnectEdge()
既存のエッジを新しいプロパティで再接続するための便利なユーティリティ。これは、エッジ配列から一致するIDを持つエッジを検索し、指定した接続でそのプロパティを更新します。
詳細はこちらgetTransformForBounds()
このユーティリティは、指定された境界に収まるようにビューポートを何に設定するかを知らせます。これを使用して、サーバー上の特定のノードセットのビューポートを事前に計算したり、ビューポートを直接変更せずに、指定された境界のビューポートを計算したりできます。
詳細はこちら