BlockSuite API Documentation / @blocksuite/affine-model / StyleThree

Class: StyleThree

Extends

• MindmapStyleGetter

Constructors

new StyleThree()

new StyleThree(): StyleThree

Returns

StyleThree

Inherited from

MindmapStyleGetter.constructor

Properties

root

readonly root: object

color

color: ShapeFillColor = ShapeFillColor.Black

fillColor

fillColor: ShapeFillColor = ShapeFillColor.Yellow

filled

filled: boolean = true

fontFamily

fontFamily: FontFamily = FontFamily.Poppins

fontSize

fontSize: number = 16

fontWeight

fontWeight: FontWeight = FontWeight.Medium

padding

padding: [number, number]

radius

radius: number = 10

shadow

shadow: object

shadow.blur

shadow.blur: number = 12

shadow.color

shadow.color: string = 'rgba(66, 65, 73, 0.18)'

shadow.offsetX

shadow.offsetX: number = 0

shadow.offsetY

shadow.offsetY: number = 0

strokeColor

strokeColor: string = 'transparent'

strokeWidth

strokeWidth: number = 0

textResizing

textResizing: TextResizing = TextResizing.AUTO_WIDTH_AND_HEIGHT

Overrides

MindmapStyleGetter.root

Defined in

packages/affine/model/src/elements/mindmap/style.ts:304

Methods

getNodeStyle()

getNodeStyle(_, path): object

Parameters

_

MindmapNode

path

number[]

Returns

object

collapseButton

collapseButton: object

collapseButton.fillColor

collapseButton.fillColor: string = '--affine-white'

collapseButton.filled

collapseButton.filled: boolean = true

collapseButton.height

collapseButton.height: number = 16

collapseButton.radius

collapseButton.radius: number = 0.5

collapseButton.strokeColor

collapseButton.strokeColor: string = '#3CBC36'

collapseButton.strokeWidth

collapseButton.strokeWidth: number = 3

collapseButton.width

collapseButton.width: number = 16

connector

connector: object

connector.mode

connector.mode: ConnectorMode = ConnectorMode.Curve

connector.stroke

connector.stroke: LineColor = strokeColor

connector.strokeStyle

connector.strokeStyle: StrokeStyle = StrokeStyle.Solid

connector.strokeWidth

connector.strokeWidth: number = 2

expandButton

expandButton: object

expandButton.color

expandButton.color: string = '#fff'

expandButton.fillColor

expandButton.fillColor: string = '#3CBC36'

expandButton.filled

expandButton.filled: boolean = true

expandButton.fontFamily

expandButton.fontFamily: FontFamily = FontFamily.Inter

expandButton.fontSize

expandButton.fontSize: number = 15

expandButton.fontWeight

expandButton.fontWeight: FontWeight = FontWeight.Bold

expandButton.height

expandButton.height: number = 24

expandButton.padding

expandButton.padding: number[]

expandButton.radius

expandButton.radius: number = 8

expandButton.strokeColor

expandButton.strokeColor: string = '#3CBC36'

expandButton.strokeWidth

expandButton.strokeWidth: number = 0

expandButton.width

expandButton.width: number = 24

node

node: object

node.color

node.color: ShapeFillColor = ShapeFillColor.Black

node.fillColor

node.fillColor: ShapeFillColor = ShapeFillColor.White

node.filled

node.filled: boolean = true

node.fontFamily

node.fontFamily: FontFamily = FontFamily.Poppins

node.fontSize

node.fontSize: number = 16

node.fontWeight

node.fontWeight: FontWeight = FontWeight.Medium

node.padding

node.padding: [number, number]

node.radius

node.radius: number = 10

node.shadow

node.shadow: object

node.shadow.blur

node.shadow.blur: number = 12

node.shadow.color

node.shadow.color: string = 'rgba(66, 65, 73, 0.18)'

node.shadow.offsetX

node.shadow.offsetX: number = 0

node.shadow.offsetY

node.shadow.offsetY: number = 0

node.strokeColor

node.strokeColor: LineColor = strokeColor

node.strokeWidth

node.strokeWidth: number = 2

node.textResizing

node.textResizing: TextResizing = TextResizing.AUTO_WIDTH_AND_HEIGHT

Overrides

MindmapStyleGetter.getNodeStyle

Defined in

packages/affine/model/src/elements/mindmap/style.ts:334