タイプ
BackgroundVariant
3つのバリアントは、便宜上列挙型としてエクスポートされます。列挙型をインポートして`BackgroundVariant.Lines`のように使用するか、生の文字列値を直接使用できます。
詳細はこちらColorMode
カラーモードタイプは、現在のカラーモードがライト、ダーク、またはシステムを使用するかどうかを指定します。
詳細はこちらConnection
Connectionタイプは、2つのノード間のエッジの最小限の基本的な記述です。
詳細はこちらConnectionLineType
SvelteFlowコンポーネントの`connectionLineType`プロパティを使用すると、接続線のタイプを設定できます。Svelte Flowは、デフォルト(ベジエ)、ストレート、ステップ、スムーズステップ、シンプルベジエというタイプの組み込みサポートを提供しています。
詳細はこちらCoordinateExtent
座標範囲は、座標系内の2点を表します。左上に1つ、右下に1つです。フロー内のノードの範囲またはビューポートの範囲を表すために使用されます。
詳細はこちらDefaultEdgeOptions
エッジの多くのプロパティはオプションです。新しいエッジが作成されると、提供されていないプロパティは、<SvelteFlow />コンポーネントの`defaultEdgeOptions`プロパティに渡されたデフォルト値で埋められます。
詳細はこちらEdge
エッジは、Svelte Flowがレンダリングするために必要なすべての情報を含む完全な記述です。
詳細はこちらEdgeMarker
`edgeMarker`プロパティを使用して、組み込みのエッジマーカーをカスタマイズできます。
詳細はこちらEdgeProps
カスタムエッジを実装する場合、いくつかの基本的な機能を有効にするコンポーネントでラップされます。
詳細はこちらFitViewOptions
`fitView`を呼び出す場合、これらのオプションを使用して動作をカスタマイズできます。たとえば、`duration`オプションを使用して、ビューポートを指定された時間内にスムーズに変換できます。
詳細はこちらInternalNode
内部ノードはユーザーノードの拡張です。内部で使用され、ユーザーには直接公開されない追加情報(例: positionAbsolute
と handleBounds
)が含まれています。
KeyDefinition
キー定義は、キーと修飾子を記述する文字列またはオブジェクトです。
詳細はこちらMarkerType
Node
Nodeタイプは、Svelte Flowが特定のノードについて知る必要があるすべてを表します。これらのプロパティの多くは、Svelte Flowとユーザーの両方によって操作できますが、幅や高さなどの一部は読み取り専用と考える必要があります。
詳細はこちらNodeProps
カスタムノードを実装する場合、ドラッグ、選択、削除などの基本機能を有効にするコンポーネントでラップされます。カスタムノードには、次のプロパティが渡されます。
詳細はこちらNodeOrigin
ノードの原点は、独自の座標に対してどのように配置されるかを決定します。
詳細はこちらPanelPosition
このタイプは主に、フロービューポートの上に配置するものを支援するために使用されます。たとえば、MiniMapコンポーネントとControlsコンポーネントの両方が、このタイプのpositionプロパティを受け取ります。
詳細はこちらPosition
PanelPositionを使用してコンポーネントをコンテナの隅に配置できますが、Position列挙型はそれほど正確ではなく、主にエッジやハンドルとの関係で使用されます。
詳細はこちらSvelteFlowStore
Svelte Flowストアの内部データ構造。
詳細はこちらViewport
Viewportタイプは、フローが現在座標系のどこで表示され、どれだけズームインまたはズームアウトされているかを示します。
詳細はこちらXYPosition
すべての位置は、x座標とy座標を持つオブジェクトに格納されます。
詳細はこちら