フック
useConnection
useConnection フックは、アクティブな接続インタラクションがある場合、現在の接続を返します。接続インタラクションがアクティブでない場合、すべてプロパティに対して null を返します。このフックの典型的なユースケースは、特定の条件(例えば、接続が有効かどうか)に基づいてハンドルを着色することです。
続きを読むuseEdges
useEdges フックは、現在のエッジストアの配列を返します。
続きを読むuseHandleConnections
このフックは、ハンドルの接続が変更されたときに通知を受けるために使用できます。
続きを読むuseInternalNode
useInternalNode フックは、内部ノードを返します。
続きを読むuseNodes
このフックは、現在のノード配列のストアを返します。このストアに登録すると、ノード配列が変更されるたびにトリガーされます。これは、ノードが追加、削除、または更新(例えばドラッグ)されたときに発生します。
続きを読むuseNodesData
このフックを使用すると、渡されたノードIDのデータを受信できます。
続きを読むuseNodesInitialized
useNodesInitialized フックは、すべてのノードが初期化されているかどうかを確認するために使用できます。
続きを読むuseSvelteFlow
useSvelteFlow フックは、ビューポートの更新、座標の変換、ノードの交差の取得などを行うための関数を返します。
続きを読むuseStore
useStore フックは、Svelte Flow の内部ストアにアクセスするために使用できます。
続きを読むuseUpdateNodeInternals
ノードにハンドルをプログラムで追加または削除したり、ノードのハンドルの位置を更新したりする場合、このフックを使用して Svelte Flow に通知する必要があります。 これにより、ノードの内部ディメンションが更新され、必要に応じてキャンバス上のハンドルが適切に再配置されます。
続きを読む