g6/packages/site/docs/apis/classes/item/ModelRectNode.en.md

title
ModelRectNode

Overview - v5.0.0-beta.2 / Modules / item / ModelRectNode

item.ModelRectNode

Hierarchy

• CustomNode

  ↳ ModelRectNode

Constructors

constructor

• new ModelRectNode(props)

Parameters

Name	Type
props	any

Overrides

CustomNode.constructor

Defined in

packages/g6/src/stdlib/item/node/modelRect.ts:42

Methods

afterDraw

▸ afterDraw(model, shapeMap, shapesChanged?): Object

Perform additional drawing operations or add custom shapes after drawing node.

Parameters

Name	Type	Description
model	NodeDisplayModel | ComboDisplayModel	The displayed model of this node, only for drawing and not received by users.
shapeMap	Object	The shape map that contains all of the elements to show on the node.
shapesChanged?	string[]	An array of shape IDs that have changed and need to be updated.

Returns

Object

An object that contains some new shapes to be added to the node.

Inherited from

CustomNode.afterDraw

Defined in

packages/g6/src/stdlib/item/node/base.ts:230

---

calculateAnchorPosition

▸ calculateAnchorPosition(keyShapeStyle): IAnchorPositionMap

Configures the anchor positions based on the provided keyShapeStyle and returns the configuration. e.g for a CircleNode, it returns: {"right":keyShapeStyle.x+keyShapeStyle.r, keyShapeStyle.y}

Parameters

Name	Type	Description
keyShapeStyle	any	The keyShapeStyle object that contains the style information of the key shape.

Returns

IAnchorPositionMap

The anchor position configuration as an IAnchorPositionMap object.

Overrides

CustomNode.calculateAnchorPosition

Defined in

packages/g6/src/stdlib/item/node/modelRect.ts:117

---

draw

▸ draw(model, shapeMap, diffData?, diffState?): NodeShapeMap

Draw all elements related to the node. You should call drawKeyShape and drawAnchorShape,drawLabelShape,drawIconShape...as you like.

Parameters

Name	Type	Description
model	NodeDisplayModel	The displayed model of this node, only for drawing and not received by users.
shapeMap	NodeShapeMap	The shape map that contains all of the elements to show on the node.
diffData?	Object	An object that contains previous and current data.
diffData.current	NodeUserModelData	-
diffData.previous	NodeUserModelData	-
diffState?	Object	An object that contains previous and current node's state.
diffState.current	State[]	-
diffState.previous	State[]	-

Returns

NodeShapeMap

An object containing the keyShape and optional labelShape, iconShape, and some otherShapes properties

Overrides

CustomNode.draw

Defined in

packages/g6/src/stdlib/item/node/modelRect.ts:47

---

drawAnchorShapes

▸ drawAnchorShapes(model, shapeMap, diffData?, diffState?): Object

Draw the anchors shape of the node

Parameters

Name	Type	Description
model	NodeDisplayModel | ComboDisplayModel	The displayed model of this node, only for drawing and not received by users.
shapeMap	NodeShapeMap	The shape map that contains all of the elements to show on the node.
diffData?	Object	An object that contains previous and current data.
diffData.current	NodeUserModelData | ComboModelData	-
diffData.previous	NodeUserModelData | ComboModelData	-
diffState?	Object	An object that contains previous and current node's state.
diffState.current	State[]	-
diffState.previous	State[]	-

Returns

Object

The display object representing the anchors shape of the node.

Inherited from

CustomNode.drawAnchorShapes

Defined in

packages/g6/src/stdlib/item/node/base.ts:534

---

drawBadgeShapes

▸ drawBadgeShapes(model, shapeMap, diffData?, diffState?): Object

Draw the badges shape of the node

Parameters

Name	Type	Description
model	NodeDisplayModel | ComboDisplayModel	The displayed model of this node, only for drawing and not received by users.
shapeMap	NodeShapeMap	The shape map that contains all of the elements to show on the node.
diffData?	Object	An object that contains previous and current data.
diffData.current	NodeUserModelData | ComboModelData	-
diffData.previous	NodeUserModelData | ComboModelData	-
diffState?	Object	An object that contains previous and current node's state.
diffState.current	State[]	-
diffState.previous	State[]	-

Returns

Object

The display object representing the badges shape of the node.

Inherited from

CustomNode.drawBadgeShapes

Defined in

packages/g6/src/stdlib/item/node/base.ts:632

---

drawHaloShape

▸ drawHaloShape(model, shapeMap, diffData?, diffState?): DisplayObject<any, any>

Draw the halo shape of the node

Parameters

Name	Type	Description
model	NodeDisplayModel | ComboDisplayModel	The displayed model of this node, only for drawing and not received by users.
shapeMap	NodeShapeMap	The shape map that contains all of the elements to show on the node.
diffData?	Object	An object that contains previous and current data.
diffData.current	NodeUserModelData | ComboModelData	-
diffData.previous	NodeUserModelData | ComboModelData	-
diffState?	Object	An object that contains previous and current node's state.
diffState.current	State[]	-
diffState.previous	State[]	-

Returns

DisplayObject<any, any>

The display object representing the halo shape of the node.

Inherited from

CustomNode.drawHaloShape

Defined in

packages/g6/src/stdlib/item/node/base.ts:494

---

drawIconShape

▸ drawIconShape(model, shapeMap, diffData?, diffState?): DisplayObject<any, any>

Draw the icon shape of the node

Parameters

Name	Type	Description
model	NodeDisplayModel | ComboDisplayModel	The displayed model of this node, only for drawing and not received by users.
shapeMap	NodeShapeMap	The shape map that contains all of the elements to show on the node.
diffData?	Object	An object that contains previous and current data.
diffData.current	NodeUserModelData | ComboModelData	-
diffData.previous	NodeUserModelData | ComboModelData	-
diffState?	Object	An object that contains previous and current node's state.
diffState.current	State[]	-
diffState.previous	State[]	-

Returns

DisplayObject<any, any>

The display object representing the icon shape of the node.

Inherited from

CustomNode.drawIconShape

Defined in

packages/g6/src/stdlib/item/node/base.ts:443

---

drawKeyShape

▸ drawKeyShape(model, shapeMap, diffData?, diffState?): DisplayObject<any, any>

The key function of drawing shape. Draw the key shape of the node based on the provided model and shape map.

Parameters

Name	Type	Description
model	NodeDisplayModel	The displayed model of this node, only for drawing and not received by users.
shapeMap	NodeShapeMap	The shape map that contains all of the elements to show on the node.
diffData?	Object	An object that contains previous and current data.
diffData.current	NodeUserModelData	-
diffData.previous	NodeUserModelData	-
diffState?	Object	An object that contains previous and current node's state.
diffState.current	State[]	-
diffState.previous	State[]	-

Returns

DisplayObject<any, any>

The display object representing the key shape of the node.

Overrides

CustomNode.drawKeyShape

Defined in

packages/g6/src/stdlib/item/node/modelRect.ts:97

---

drawLabelBackgroundShape

▸ drawLabelBackgroundShape(model, shapeMap, diffData?, diffState?): DisplayObject<any, any>

Draw the label background shape of the node

Parameters

Name	Type	Description
model	NodeDisplayModel | ComboDisplayModel	The displayed model of this node, only for drawing and not received by users.
shapeMap	NodeShapeMap	The shape map that contains all of the elements to show on the node.
diffData?	Object	An object that contains previous and current data.
diffData.current	NodeUserModelData | ComboModelData	-
diffData.previous	NodeUserModelData | ComboModelData	-
diffState?	Object	An object that contains previous and current node's state.
diffState.newState	State[]	-
diffState.oldState	State[]	-

Returns

DisplayObject<any, any>

The display object representing the label background shape of the node.

Inherited from

CustomNode.drawLabelBackgroundShape

Defined in

packages/g6/src/stdlib/item/node/base.ts:386

---

drawLabelShape

▸ drawLabelShape(model, shapeMap, diffData?, diffState?): DisplayObject<any, any>

Draw the label shape of the node

Parameters

Name	Type	Description
model	NodeDisplayModel | ComboDisplayModel	The displayed model of this node, only for drawing and not received by users.
shapeMap	NodeShapeMap	The shape map that contains all of the elements to show on the node.
diffData?	Object	An object that contains previous and current data.
diffData.current	NodeUserModelData | ComboModelData	-
diffData.previous	NodeUserModelData | ComboModelData	-
diffState?	Object	An object that contains previous and current node's state.
diffState.current	State[]	-
diffState.previous	State[]	-

Returns

DisplayObject<any, any>

The display object representing the label shape of the node.

Overrides

CustomNode.drawLabelShape

Defined in

packages/g6/src/stdlib/item/node/modelRect.ts:136

---

drawOtherShapes

▸ drawOtherShapes(model, shapeMap, diffData?, diffState?): Object

Draw other shapes(such as preRect,stateIcon) of the node

Parameters

Name	Type	Description
model	NodeDisplayModel | ComboDisplayModel	The displayed model of this node, only for drawing and not received by users.
shapeMap	NodeShapeMap	The shape map that contains all of the elements to show on the node.
diffData?	Object	An object that contains previous and current data.
diffData.current	NodeUserModelData | ComboModelData	-
diffData.previous	NodeUserModelData | ComboModelData	-
diffState?	Object	An object that contains previous and current node's state.
diffState.current	State[]	-
diffState.previous	State[]	-

Returns

Object

The display object representing the other shapes of the node.

Overrides

CustomNode.drawOtherShapes

Defined in

packages/g6/src/stdlib/item/node/modelRect.ts:187

---

getMergedStyles

▸ getMergedStyles(model): NodeShapeStyles

Merge style

Parameters

Name	Type	Description
model	NodeDisplayModel | ComboDisplayModel	The NodeDisplayModel or ComboDisplayModel to retrieve the merged styles from.

Returns

NodeShapeStyles

The merged styles as a NodeShapeStyles object.

Inherited from

CustomNode.getMergedStyles

Defined in

packages/g6/src/stdlib/item/node/base.ts:113

---

mergeStyles

▸ mergeStyles(model): void

Get merged styles from getMergedStyles and assigns the merged styles to the 'mergedStyles' property.

Parameters

Name	Type	Description
model	NodeDisplayModel | ComboDisplayModel	The NodeDisplayModel or ComboDisplayModel to merge the styles from.

Returns

void

Inherited from

CustomNode.mergeStyles

Defined in

packages/g6/src/stdlib/item/node/base.ts:104

---

onZoom

▸ onZoom(shapeMap, zoom): void

The listener for graph zooming.

1. show / hide some shapes while zoom level changed;
2. change the shapes' sizes to make them have same visual size while zooming, e.g. labelShape, labelBackgroundShape.

Parameters

Name	Type	Description
shapeMap	NodeShapeMap	The shape map that contains all of the elements to show on the node.
zoom	number	The zoom level of the graph.

Returns

void

Inherited from

CustomNode.onZoom

Defined in

packages/g6/src/stdlib/item/node/base.ts:814

---

updateCache

▸ updateCache(shapeMap): void

Call it after calling draw function to update cache about bounds and zoom levels.

Parameters

Name	Type	Description
shapeMap	any	The shape map that contains all of the elements to show on the node.

Returns

void

Inherited from

CustomNode.updateCache

Defined in

packages/g6/src/stdlib/item/node/base.ts:164

---

upsertShape

▸ upsertShape(type, id, style, shapeMap, model): DisplayObject<any, any>

Create (if does not exit in shapeMap) or update the shape according to the configurations.

Parameters

Name	Type	Description
type	SHAPE_TYPE | SHAPE_TYPE_3D	shape's type
id	string	unique string to indicates the shape
style	Partial<CircleStyleProps & RectStyleProps & EllipseStyleProps & PolygonStyleProps & LineStyleProps & PolylineStyleProps & TextStyleProps & ImageStyleProps & PathStyleProps & SphereGeometryProps & CubeGeometryProps & PlaneGeometryProps & { interactive?: boolean } & { animates?: IAnimates ; lod?: number ; visible?: boolean }>	style to be updated
shapeMap	NodeShapeMap	the shape map of a node / combo
model	NodeDisplayModel | ComboDisplayModel	data model of the node / combo

Returns

DisplayObject<any, any>

The display object representing the shape.

Inherited from

CustomNode.upsertShape

Defined in

packages/g6/src/stdlib/item/node/base.ts:987

Properties

boundsCache

• boundsCache: Object

Type declaration

Name	Type
keyShapeLocal?	AABB
labelShapeGeometry?	AABB

Inherited from

CustomNode.boundsCache

Defined in

packages/g6/src/stdlib/item/node/base.ts:44

---

defaultStyles

• defaultStyles: Object

Type declaration

Name	Type
keyShape	{ fill: string = 'white'; height: number = 70; radius: number = 2; stroke: string = '#C0DCEA'; strokeWidth: string = '2'; width: number = 185; x: number = 0; y: number = 0 }
keyShape.fill	string
keyShape.height	number
keyShape.radius	number
keyShape.stroke	string
keyShape.strokeWidth	string
keyShape.width	number
keyShape.x	number
keyShape.y	number

Overrides

CustomNode.defaultStyles

Defined in

packages/g6/src/stdlib/item/node/modelRect.ts:25

---

lodStrategy

• Optional lodStrategy: LodStrategyObj

Inherited from

CustomNode.lodStrategy

Defined in

packages/g6/src/stdlib/item/node/base.ts:43

---

logoHeight

• logoHeight: number

Defined in

packages/g6/src/stdlib/item/node/modelRect.ts:41

---

logoWidth

• logoWidth: number

Defined in

packages/g6/src/stdlib/item/node/modelRect.ts:40

---

logoX

• logoX: number

Defined in

packages/g6/src/stdlib/item/node/modelRect.ts:38

---

logoY

• logoY: number

Defined in

packages/g6/src/stdlib/item/node/modelRect.ts:39

---

mergedStyles

• mergedStyles: NodeShapeStyles

Overrides

CustomNode.mergedStyles

Defined in

packages/g6/src/stdlib/item/node/modelRect.ts:37

---

setState

• setState: (name: string, value: boolean, shapeMap: { [shapeId: string]: DisplayObject; }) => void

Type declaration

▸ (name, value, shapeMap): void

Set the state for the node.

Parameters

Name	Type	Description
name	string	-
value	boolean	state value
shapeMap	Object	The shape map that contains all of the elements to show on the node.

Returns

void

Inherited from

CustomNode.setState

Defined in

packages/g6/src/stdlib/item/node/base.ts:245

---

themeStyles

• themeStyles: NodeShapeStyles | ComboShapeStyles

Inherited from

CustomNode.themeStyles

Defined in

packages/g6/src/stdlib/item/node/base.ts:41

---

type

• type: string

Inherited from

CustomNode.type

Defined in

packages/g6/src/stdlib/item/node/base.ts:39