Edge<T>
Edge
は、Svelte Flowがレンダリングに必要なすべての情報を備えた完全な記述です。
export type Edge<T> =
| DefaultEdge<T>
| SmoothStepEdgeType<T>
| BezierEdgeType<T>;
バリアント
DefaultEdge<T>
名前 | 型 |
---|---|
# id | 文字列 |
# type | 文字列 |
# style? | 文字列 |
# class? | 文字列 |
# label? | 文字列 |
# source | 文字列 |
# target | 文字列 |
# sourceHandle | 文字列 | null |
# targetHandle | 文字列 | null |
# data | T |
# hidden | ブール値 |
# animated | ブール値 |
# selected | ブール値 |
# deletable | ブール値 |
# selectable | ブール値 |
# markerStart | 文字列 | EdgeMarker |
# markerEnd | 文字列 | EdgeMarker |
# zIndex? | 数値 |
# interactionWidth | 数値 |
# ariaLabel | 文字列 |
SmoothStepEdgeType<T>
SmoothStepEdgeType
バリアントは、DefaultEdge
バリアントと同じフィールドをすべて持っていますが、以下の追加フィールドも持っています。
名前 | 型 |
---|---|
# type | "smoothstep" |
# pathOptions? | オブジェクト |
# pathOptions.offset? | 数値 |
# pathOptions.borderRadius? | 数値 |
BezierEdgeType<T>
BezierEdgeType
バリアントは、DefaultEdge
バリアントと同じフィールドをすべて持っていますが、以下の追加フィールドも持っています。
名前 | 型 |
---|---|
# type | "default" |
# pathOptions? | オブジェクト |
# pathOptions.curvature? | 数値 |