g6/packages/site/docs/apis/classes/item/RectNode.zh.md

685 lines
39 KiB
Markdown
Raw Normal View History

2023-08-31 21:44:58 +08:00
---
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)