工具
addEdge()
此工具是一個方便的函式,可將新的 Edge 新增至邊緣陣列。它還會執行一些驗證,以確保您不會新增無效的邊緣或重複現有的邊緣。
閱讀更多applyEdgeChanges()
ReactFlow 組件上的各種事件會產生 EdgeChange,描述如何以某種方式更新流程的邊緣。 如果您不需要任何自訂行為,則可以使用此工具來取得這些變更的陣列,並將其套用至您的邊緣。
閱讀更多applyNodeChanges()
ReactFlow 組件上的各種事件會產生 NodeChange,描述如何以某種方式更新流程的節點。 如果您不需要任何自訂行為,則可以使用此工具來取得這些變更的陣列,並將其套用至您的節點。
閱讀更多getBezierPath()
getBezierPath 工具會傳回在兩個節點之間呈現貝茲邊緣所需的一切。
閱讀更多getConnectedEdges()
給定一個可能彼此連接的節點陣列以及所有邊緣的陣列,此工具會提供一個連接任何指定節點的邊緣陣列。
閱讀更多getIncomers()
此工具用於告訴您哪些節點(如果有的話)已連接到給定的節點作為邊緣的來源。
閱讀更多getNodesBounds()
傳回包含陣列中所有給定節點的邊界框。 當與 getTransformForBounds 結合使用以計算正確的轉換以將給定的節點放入視口中時,這會很有用。
閱讀更多getOutgoers()
此工具用於告訴您哪些節點(如果有的話)已連接到給定的節點作為邊緣的目標。
閱讀更多getSimpleBezierPath()
getSimpleBezierPath 工具會傳回在兩個節點之間呈現簡單貝茲邊緣所需的一切。
閱讀更多getSmoothStepPath()
getSmoothStepPath 工具會傳回在兩個節點之間呈現階梯式路徑所需的一切。 borderRadius 屬性可用於選擇這些步驟的角落圓角程度。
閱讀更多getStraightPath()
計算兩點之間的直線路徑。
閱讀更多getViewportForBounds()
此工具會傳回給定邊界的視口。 您可能會使用它來預先計算伺服器上給定節點集的視口,或計算給定邊界的視口,而_不_直接變更視口。
閱讀更多isEdge()
測試物件是否可用作 Edge。 在 TypeScript 中,這是一個類型保護,如果傳回 true,它會將您傳入的任何類型的範圍縮小到 Edge。
閱讀更多isNode()
測試物件是否可用作 Node。 在 TypeScript 中,這是一個類型保護,如果傳回 true,它會將您傳入的任何類型的範圍縮小到 Node。
閱讀更多reconnectEdge()
一個方便的工具,可使用新屬性重新連接現有的 Edge。 這會搜尋您的邊緣陣列,以尋找具有相符 id 的邊緣,並使用您提供的連接來更新其屬性。
閱讀更多getTransformForBounds()
此工具會告訴您要將視口設定為何,才能符合給定的邊界。 您可能會使用它來預先計算伺服器上給定節點集的視口,或計算給定邊界的視口,而_不_直接變更視口。
閱讀更多