mirror of
https://gitee.com/antv/g6.git
synced 2024-12-16 02:21:25 +08:00
685 lines
39 KiB
Markdown
685 lines
39 KiB
Markdown
|
---
|
||
|
title: RectNode
|
||
|
---
|
||
|
|
||
|
[Overview - v5.0.0-beta.1](../../README.zh.md) / [Modules](../../modules.zh.md) / [item](../../modules/item.zh.md) / RectNode
|
||
|
|
||
|
[item](../../modules/item.zh.md).RectNode
|
||
|
|
||
|
## Hierarchy
|
||
|
|
||
|
- [`CustomNode`](CustomNode.zh.md)
|
||
|
|
||
|
↳ **`RectNode`**
|
||
|
|
||
|
## Constructors
|
||
|
|
||
|
### constructor
|
||
|
|
||
|
• **new RectNode**(`props`)
|
||
|
|
||
|
#### Parameters
|
||
|
|
||
|
| Name | Type |
|
||
|
| :------ | :---- |
|
||
|
| `props` | `any` |
|
||
|
|
||
|
#### Overrides
|
||
|
|
||
|
[CustomNode](CustomNode.zh.md).[constructor](CustomNode.zh.md#constructor)
|
||
|
|
||
|
#### Defined in
|
||
|
|
||
|
[packages/g6/src/stdlib/item/node/rect.ts:23](https://github.com/antvis/G6/blob/61e525e59b/packages/g6/src/stdlib/item/node/rect.ts#L23)
|
||
|
|
||
|
## 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](CustomNode.zh.md).[afterDraw](CustomNode.zh.md#afterdraw)
|
||
|
|
||
|
#### Defined in
|
||
|
|
||
|
[packages/g6/src/stdlib/item/node/base.ts:230](https://github.com/antvis/G6/blob/61e525e59b/packages/g6/src/stdlib/item/node/base.ts#L230)
|
||
|
|
||
|
---
|
||
|
|
||
|
### calculateAnchorPosition
|
||
|
|
||
|
▸ **calculateAnchorPosition**(`keyShapeStyle`): `Object`
|
||
|
|
||
|
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
|
||
|
|
||
|
`Object`
|
||
|
|
||
|
The anchor position configuration as an IAnchorPositionMap object.
|
||
|
|
||
|
#### Overrides
|
||
|
|
||
|
[CustomNode](CustomNode.zh.md).[calculateAnchorPosition](CustomNode.zh.md#calculateanchorposition)
|
||
|
|
||
|
#### Defined in
|
||
|
|
||
|
[packages/g6/src/stdlib/item/node/rect.ts:52](https://github.com/antvis/G6/blob/61e525e59b/packages/g6/src/stdlib/item/node/rect.ts#L52)
|
||
|
|
||
|
---
|
||
|
|
||
|
### 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`](../../interfaces/item/NodeUserModelData.zh.md) | - |
|
||
|
| `diffData.previous` | [`NodeUserModelData`](../../interfaces/item/NodeUserModelData.zh.md) | - |
|
||
|
| `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](CustomNode.zh.md).[draw](CustomNode.zh.md#draw)
|
||
|
|
||
|
#### Defined in
|
||
|
|
||
|
[packages/g6/src/stdlib/item/node/rect.ts:68](https://github.com/antvis/G6/blob/61e525e59b/packages/g6/src/stdlib/item/node/rect.ts#L68)
|
||
|
|
||
|
---
|
||
|
|
||
|
### 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`](../../interfaces/item/NodeUserModelData.zh.md) \| `ComboModelData` | - |
|
||
|
| `diffData.previous` | [`NodeUserModelData`](../../interfaces/item/NodeUserModelData.zh.md) \| `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](CustomNode.zh.md).[drawAnchorShapes](CustomNode.zh.md#drawanchorshapes)
|
||
|
|
||
|
#### Defined in
|
||
|
|
||
|
[packages/g6/src/stdlib/item/node/base.ts:534](https://github.com/antvis/G6/blob/61e525e59b/packages/g6/src/stdlib/item/node/base.ts#L534)
|
||
|
|
||
|
---
|
||
|
|
||
|
### 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`](../../interfaces/item/NodeUserModelData.zh.md) \| `ComboModelData` | - |
|
||
|
| `diffData.previous` | [`NodeUserModelData`](../../interfaces/item/NodeUserModelData.zh.md) \| `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](CustomNode.zh.md).[drawBadgeShapes](CustomNode.zh.md#drawbadgeshapes)
|
||
|
|
||
|
#### Defined in
|
||
|
|
||
|
[packages/g6/src/stdlib/item/node/base.ts:632](https://github.com/antvis/G6/blob/61e525e59b/packages/g6/src/stdlib/item/node/base.ts#L632)
|
||
|
|
||
|
---
|
||
|
|
||
|
### 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`](../../interfaces/item/NodeUserModelData.zh.md) \| `ComboModelData` | - |
|
||
|
| `diffData.previous` | [`NodeUserModelData`](../../interfaces/item/NodeUserModelData.zh.md) \| `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](CustomNode.zh.md).[drawHaloShape](CustomNode.zh.md#drawhaloshape)
|
||
|
|
||
|
#### Defined in
|
||
|
|
||
|
[packages/g6/src/stdlib/item/node/base.ts:494](https://github.com/antvis/G6/blob/61e525e59b/packages/g6/src/stdlib/item/node/base.ts#L494)
|
||
|
|
||
|
---
|
||
|
|
||
|
### 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`](../../interfaces/item/NodeUserModelData.zh.md) \| `ComboModelData` | - |
|
||
|
| `diffData.previous` | [`NodeUserModelData`](../../interfaces/item/NodeUserModelData.zh.md) \| `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](CustomNode.zh.md).[drawIconShape](CustomNode.zh.md#drawiconshape)
|
||
|
|
||
|
#### Defined in
|
||
|
|
||
|
[packages/g6/src/stdlib/item/node/base.ts:443](https://github.com/antvis/G6/blob/61e525e59b/packages/g6/src/stdlib/item/node/base.ts#L443)
|
||
|
|
||
|
---
|
||
|
|
||
|
### 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`](../../interfaces/item/NodeUserModelData.zh.md) | - |
|
||
|
| `diffData.previous` | [`NodeUserModelData`](../../interfaces/item/NodeUserModelData.zh.md) | - |
|
||
|
| `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](CustomNode.zh.md).[drawKeyShape](CustomNode.zh.md#drawkeyshape)
|
||
|
|
||
|
#### Defined in
|
||
|
|
||
|
[packages/g6/src/stdlib/item/node/rect.ts:29](https://github.com/antvis/G6/blob/61e525e59b/packages/g6/src/stdlib/item/node/rect.ts#L29)
|
||
|
|
||
|
---
|
||
|
|
||
|
### 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`](../../interfaces/item/NodeUserModelData.zh.md) \| `ComboModelData` | - |
|
||
|
| `diffData.previous` | [`NodeUserModelData`](../../interfaces/item/NodeUserModelData.zh.md) \| `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](CustomNode.zh.md).[drawLabelBackgroundShape](CustomNode.zh.md#drawlabelbackgroundshape)
|
||
|
|
||
|
#### Defined in
|
||
|
|
||
|
[packages/g6/src/stdlib/item/node/base.ts:386](https://github.com/antvis/G6/blob/61e525e59b/packages/g6/src/stdlib/item/node/base.ts#L386)
|
||
|
|
||
|
---
|
||
|
|
||
|
### 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`](../../interfaces/item/NodeUserModelData.zh.md) \| `ComboModelData` | - |
|
||
|
| `diffData.previous` | [`NodeUserModelData`](../../interfaces/item/NodeUserModelData.zh.md) \| `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.
|
||
|
|
||
|
#### Inherited from
|
||
|
|
||
|
[CustomNode](CustomNode.zh.md).[drawLabelShape](CustomNode.zh.md#drawlabelshape)
|
||
|
|
||
|
#### Defined in
|
||
|
|
||
|
[packages/g6/src/stdlib/item/node/base.ts:278](https://github.com/antvis/G6/blob/61e525e59b/packages/g6/src/stdlib/item/node/base.ts#L278)
|
||
|
|
||
|
---
|
||
|
|
||
|
### 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`](../../interfaces/item/NodeUserModelData.zh.md) \| `ComboModelData` | - |
|
||
|
| `diffData.previous` | [`NodeUserModelData`](../../interfaces/item/NodeUserModelData.zh.md) \| `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.
|
||
|
|
||
|
#### Inherited from
|
||
|
|
||
|
[CustomNode](CustomNode.zh.md).[drawOtherShapes](CustomNode.zh.md#drawothershapes)
|
||
|
|
||
|
#### Defined in
|
||
|
|
||
|
[packages/g6/src/stdlib/item/node/base.ts:795](https://github.com/antvis/G6/blob/61e525e59b/packages/g6/src/stdlib/item/node/base.ts#L795)
|
||
|
|
||
|
---
|
||
|
|
||
|
### getMergedStyles
|
||
|
|
||
|
▸ **getMergedStyles**(`model`): [`NodeShapeStyles`](../../interfaces/item/NodeShapeStyles.zh.md)
|
||
|
|
||
|
Merge style
|
||
|
|
||
|
#### Parameters
|
||
|
|
||
|
| Name | Type | Description |
|
||
|
| :------ | :---------------------------------------- | :---------------------------------------------------------------------------- |
|
||
|
| `model` | `NodeDisplayModel` \| `ComboDisplayModel` | The NodeDisplayModel or ComboDisplayModel to retrieve the merged styles from. |
|
||
|
|
||
|
#### Returns
|
||
|
|
||
|
[`NodeShapeStyles`](../../interfaces/item/NodeShapeStyles.zh.md)
|
||
|
|
||
|
The merged styles as a NodeShapeStyles object.
|
||
|
|
||
|
#### Inherited from
|
||
|
|
||
|
[CustomNode](CustomNode.zh.md).[getMergedStyles](CustomNode.zh.md#getmergedstyles)
|
||
|
|
||
|
#### Defined in
|
||
|
|
||
|
[packages/g6/src/stdlib/item/node/base.ts:113](https://github.com/antvis/G6/blob/61e525e59b/packages/g6/src/stdlib/item/node/base.ts#L113)
|
||
|
|
||
|
---
|
||
|
|
||
|
### 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](CustomNode.zh.md).[mergeStyles](CustomNode.zh.md#mergestyles)
|
||
|
|
||
|
#### Defined in
|
||
|
|
||
|
[packages/g6/src/stdlib/item/node/base.ts:104](https://github.com/antvis/G6/blob/61e525e59b/packages/g6/src/stdlib/item/node/base.ts#L104)
|
||
|
|
||
|
---
|
||
|
|
||
|
### 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](CustomNode.zh.md).[onZoom](CustomNode.zh.md#onzoom)
|
||
|
|
||
|
#### Defined in
|
||
|
|
||
|
[packages/g6/src/stdlib/item/node/base.ts:814](https://github.com/antvis/G6/blob/61e525e59b/packages/g6/src/stdlib/item/node/base.ts#L814)
|
||
|
|
||
|
---
|
||
|
|
||
|
### 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](CustomNode.zh.md).[updateCache](CustomNode.zh.md#updatecache)
|
||
|
|
||
|
#### Defined in
|
||
|
|
||
|
[packages/g6/src/stdlib/item/node/base.ts:164](https://github.com/antvis/G6/blob/61e525e59b/packages/g6/src/stdlib/item/node/base.ts#L164)
|
||
|
|
||
|
---
|
||
|
|
||
|
### 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`](../../interfaces/item/CircleStyleProps.zh.md) & [`RectStyleProps`](../../interfaces/item/RectStyleProps.zh.md) & [`EllipseStyleProps`](../../interfaces/item/EllipseStyleProps.zh.md) & [`PolygonStyleProps`](../../interfaces/item/PolygonStyleProps.zh.md) & [`LineStyleProps`](../../interfaces/item/LineStyleProps.zh.md) & [`PolylineStyleProps`](../../interfaces/item/PolylineStyleProps.zh.md) & [`TextStyleProps`](../../interfaces/item/TextStyleProps.zh.md) & [`ImageStyleProps`](../../interfaces/item/ImageStyleProps.zh.md) & [`PathStyleProps`](../../interfaces/item/PathStyleProps.zh.md) & [`SphereGeometryProps`](../../interfaces/item/SphereGeometryProps.zh.md) & [`CubeGeometryProps`](../../interfaces/item/CubeGeometryProps.zh.md) & [`PlaneGeometryProps`](../../interfaces/item/PlaneGeometryProps.zh.md) & { `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](CustomNode.zh.md).[upsertShape](CustomNode.zh.md#upsertshape)
|
||
|
|
||
|
#### Defined in
|
||
|
|
||
|
[packages/g6/src/stdlib/item/node/base.ts:987](https://github.com/antvis/G6/blob/61e525e59b/packages/g6/src/stdlib/item/node/base.ts#L987)
|
||
|
|
||
|
## Properties
|
||
|
|
||
|
### boundsCache
|
||
|
|
||
|
• **boundsCache**: `Object`
|
||
|
|
||
|
#### Type declaration
|
||
|
|
||
|
| Name | Type |
|
||
|
| :-------------------- | :----- |
|
||
|
| `keyShapeLocal?` | `AABB` |
|
||
|
| `labelShapeGeometry?` | `AABB` |
|
||
|
|
||
|
#### Inherited from
|
||
|
|
||
|
[CustomNode](CustomNode.zh.md).[boundsCache](CustomNode.zh.md#boundscache)
|
||
|
|
||
|
#### Defined in
|
||
|
|
||
|
[packages/g6/src/stdlib/item/node/base.ts:44](https://github.com/antvis/G6/blob/61e525e59b/packages/g6/src/stdlib/item/node/base.ts#L44)
|
||
|
|
||
|
---
|
||
|
|
||
|
### defaultStyles
|
||
|
|
||
|
• **defaultStyles**: `Object`
|
||
|
|
||
|
#### Type declaration
|
||
|
|
||
|
| Name | Type |
|
||
|
| :---------------- | :---------------------------------------------------------------------------------------- |
|
||
|
| `keyShape` | { `height`: `number` = 32; `width`: `number` = 32; `x`: `number` = 0; `y`: `number` = 0 } |
|
||
|
| `keyShape.height` | `number` |
|
||
|
| `keyShape.width` | `number` |
|
||
|
| `keyShape.x` | `number` |
|
||
|
| `keyShape.y` | `number` |
|
||
|
|
||
|
#### Overrides
|
||
|
|
||
|
[CustomNode](CustomNode.zh.md).[defaultStyles](CustomNode.zh.md#defaultstyles)
|
||
|
|
||
|
#### Defined in
|
||
|
|
||
|
[packages/g6/src/stdlib/item/node/rect.ts:14](https://github.com/antvis/G6/blob/61e525e59b/packages/g6/src/stdlib/item/node/rect.ts#L14)
|
||
|
|
||
|
---
|
||
|
|
||
|
### lodStrategy
|
||
|
|
||
|
• `Optional` **lodStrategy**: `LodStrategyObj`
|
||
|
|
||
|
#### Inherited from
|
||
|
|
||
|
[CustomNode](CustomNode.zh.md).[lodStrategy](CustomNode.zh.md#lodstrategy)
|
||
|
|
||
|
#### Defined in
|
||
|
|
||
|
[packages/g6/src/stdlib/item/node/base.ts:43](https://github.com/antvis/G6/blob/61e525e59b/packages/g6/src/stdlib/item/node/base.ts#L43)
|
||
|
|
||
|
---
|
||
|
|
||
|
### mergedStyles
|
||
|
|
||
|
• **mergedStyles**: [`NodeShapeStyles`](../../interfaces/item/NodeShapeStyles.zh.md)
|
||
|
|
||
|
#### Overrides
|
||
|
|
||
|
[CustomNode](CustomNode.zh.md).[mergedStyles](CustomNode.zh.md#mergedstyles)
|
||
|
|
||
|
#### Defined in
|
||
|
|
||
|
[packages/g6/src/stdlib/item/node/rect.ts:22](https://github.com/antvis/G6/blob/61e525e59b/packages/g6/src/stdlib/item/node/rect.ts#L22)
|
||
|
|
||
|
---
|
||
|
|
||
|
### 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](CustomNode.zh.md).[setState](CustomNode.zh.md#setstate)
|
||
|
|
||
|
#### Defined in
|
||
|
|
||
|
[packages/g6/src/stdlib/item/node/base.ts:245](https://github.com/antvis/G6/blob/61e525e59b/packages/g6/src/stdlib/item/node/base.ts#L245)
|
||
|
|
||
|
---
|
||
|
|
||
|
### themeStyles
|
||
|
|
||
|
• **themeStyles**: [`NodeShapeStyles`](../../interfaces/item/NodeShapeStyles.zh.md) \| `ComboShapeStyles`
|
||
|
|
||
|
#### Inherited from
|
||
|
|
||
|
[CustomNode](CustomNode.zh.md).[themeStyles](CustomNode.zh.md#themestyles)
|
||
|
|
||
|
#### Defined in
|
||
|
|
||
|
[packages/g6/src/stdlib/item/node/base.ts:41](https://github.com/antvis/G6/blob/61e525e59b/packages/g6/src/stdlib/item/node/base.ts#L41)
|
||
|
|
||
|
---
|
||
|
|
||
|
### type
|
||
|
|
||
|
• **type**: `string`
|
||
|
|
||
|
#### Inherited from
|
||
|
|
||
|
[CustomNode](CustomNode.zh.md).[type](CustomNode.zh.md#type)
|
||
|
|
||
|
#### Defined in
|
||
|
|
||
|
[packages/g6/src/stdlib/item/node/base.ts:39](https://github.com/antvis/G6/blob/61e525e59b/packages/g6/src/stdlib/item/node/base.ts#L39)
|