InternalNode

GitHub のソースコード

InternalNode 型は基本の Node 型と同一ですが、React Flow 内で使用される追加のプロパティがいくつか拡張されています。ノードを返す関数やコールバックの中には、InternalNode を返すものがあります。

export type InternalNodeBase<NodeType extends NodeBase = NodeBase> = NodeType & {
  measured: {
    width?: number;
    height?: number;
  };
  internals: {
    positionAbsolute: XYPosition;
    z: number;
    userNode: NodeType;
    handleBounds?: NodeHandleBounds;
    bounds?: NodeBounds;
  };
};

フィールド

名前	型
#`id`	`文字列`
#`position`	`XYPosition`
#`data`	`T`
#`type?`	`U`
#`sourcePosition?`	`Position`
#`targetPosition?`	`Position`
#`hidden?`	`ブール値` ノードをキャンバス上に表示するかどうか。
#`selected?`	`ブール値`
#`dragging?`	`ブール値` ノードが現在ドラッグされているかどうか。
#`draggable?`	`ブール値` ノードをドラッグできるかどうか。
#`selectable?`	`ブール値`
#`connectable?`	`ブール値`
#`resizing?`	`ブール値`
#`deletable?`	`ブール値`
#`dragHandle?`	`文字列`
#`width?`	`数値 \| null`
#`height?`	`数値 \| null`
#`parentNode?`	`文字列`
#`parentId?`	`文字列`
#`zIndex?`	`数値`
#`extent?`	`"親ノード" \| CoordinateExtent`
#`expandParent?`	`ブール値` trueの場合、このノードが親ノードの境界にドラッグされた際に、親ノードが自動的に展開されます。
#`positionAbsolute?`	`XYPosition`
#`ariaLabel?`	`文字列`
#`focusable?`	`ブール値`
#`style?`	`React.CSSProperties`
#`className?`	`文字列`
#`handles?`	`NodeHandle[]`
#`origin?`	`NodeOrigin`
#`measured?`	`{ 幅?: 数値, 高さ?: 数値 }`
#`internals`	`オブジェクト`
#`internals.positionAbsolute`	`XYPosition`
#`internals.z`	`数値`
#`internals.userNode`	`NodeType`
#`internals.handleBounds?`	`NodeHandleBounds`
#`internals.bounds?`	`NodeBounds`

タイプ getTransformForBounds()