BlockSuite API Documentation / @blocksuite/blocks / ConnectorElement

Class: ConnectorElement

Contents

• Extends
• Constructors
  • new ConnectorElement(yMap, options, data)
• Properties
  • _connectable
  • _localProps
  • _path
  • _stashedValues
  • _xywh
  • computedValue
  • options
  • renderer
  • yMap
• Accessors
  • absolutePath
  • batch
  • bezierParameters
  • connectable
  • controllers
  • display
  • elementBound
  • frontEndpointStyle
  • h
  • id
  • index
  • mode
  • opacity
  • path
  • rearEndpointStyle
  • rotate
  • rough
  • roughness
  • seed
  • source
  • stroke
  • strokeStyle
  • strokeWidth
  • target
  • type
  • w
  • x
  • xywh
  • y
• Methods
  • _getArrowOptions()
  • _renderEndpoint()
  • _renderPoints()
  • applyUpdate()
  • boxSelect()
  • containedByBounds()
  • deserializeXYWH()
  • getNearestPoint()
  • getRelativePointLocation()
  • hitTest()
  • init()
  • intersectWithLine()
  • mount()
  • pop()
  • render()
  • serialize()
  • stash()
  • unmount()

Extends

• SurfaceElement<IConnector>

Constructors

new ConnectorElement(yMap, options, data)

new ConnectorElement(yMap, options, data): ConnectorElement

Parameters

• yMap: Map<unknown>

• options: Object

• options.getGroupParent: (element) => GroupElement

• options.onElementUpdated: (update) => void

• options.pickById: (id) => null | EdgelessElement

• options.removeElement: (id) => void

• options.selectionManager?: EdgelessSelectionManager

• options.setGroupParent: (element, group) => void

• data: Partial<IConnector>= {}

Returns

ConnectorElement

Inherited from

SurfaceElement<IConnector>.constructor

Source

packages/blocks/src/surface-block/elements/surface-element.ts:82

Properties

_connectable

protected _connectable: boolean = false

Overrides

SurfaceElement._connectable

Source

packages/blocks/src/surface-block/elements/connector/connector-element.ts:36

---

_localProps

protected _localProps: string[]

Inherited from

SurfaceElement._localProps

Source

packages/blocks/src/surface-block/elements/surface-element.ts:78

---

_path

private _path: PointLocation[] = []

Source

packages/blocks/src/surface-block/elements/connector/connector-element.ts:34

---

_stashedValues

protected _stashedValues: Map<string, unknown>

Inherited from

SurfaceElement._stashedValues

Source

packages/blocks/src/surface-block/elements/surface-element.ts:77

---

_xywh

private _xywh: `[${number},${number},${number},${number}]`

Source

packages/blocks/src/surface-block/elements/connector/connector-element.ts:35

---

computedValue

computedValue: ComputedValue

Inherited from

SurfaceElement.computedValue

Source

packages/blocks/src/surface-block/elements/surface-element.ts:80

---

options

protected options: Object

Type declaration

getGroupParent

getGroupParent: (element) => GroupElement

Parameters

• element: string | EdgelessElement

Returns

GroupElement

onElementUpdated

onElementUpdated: (update) => void

Parameters

• update: Object

• update.id: string

• update.props: Record<string, unknown>

Returns

void

pickById

pickById: (id) => null | EdgelessElement

Parameters

• id: string

Returns

null | EdgelessElement

removeElement

removeElement: (id) => void

Parameters

• id: string

Returns

void

selectionManager?

selectionManager?: EdgelessSelectionManager

setGroupParent

setGroupParent: (element, group) => void

Parameters

• element: string

• group: GroupElement

Returns

void

Inherited from

SurfaceElement.options

Source

packages/blocks/src/surface-block/elements/surface-element.ts:64

---

renderer

protected renderer: null | Renderer = null

Inherited from

SurfaceElement.renderer

Source

packages/blocks/src/surface-block/elements/surface-element.ts:75

---

yMap

yMap: Map<unknown>

Inherited from

SurfaceElement.yMap

Source

packages/blocks/src/surface-block/elements/surface-element.ts:62

Accessors

absolutePath

get absolutePath(): PointLocation[]

Returns

PointLocation[]

Source

packages/blocks/src/surface-block/elements/connector/connector-element.ts:111

---

batch

get batch(): null | NonNullable<T["batch"]>

Returns

null | NonNullable<T["batch"]>

Source

packages/blocks/src/surface-block/elements/surface-element.ts:152

---

bezierParameters

get bezierParameters(): BezierCurveParameters

Returns

BezierCurveParameters

Source

packages/blocks/src/surface-block/elements/connector/connector-element.ts:142

---

connectable

get connectable(): boolean

Returns

boolean

Source

packages/blocks/src/surface-block/elements/surface-element.ts:183

---

controllers

get controllers(): Controller[]

Returns

Controller[]

Source

packages/blocks/src/surface-block/elements/connector/connector-element.ts:92

---

display

get display(): boolean

set display(val): void

Parameters

• val: boolean

Returns

boolean

Source

packages/blocks/src/surface-block/elements/surface-element.ts:101

---

elementBound

get elementBound(): Bound

Returns

Bound

Source

packages/blocks/src/surface-block/elements/surface-element.ts:156

---

frontEndpointStyle

get frontEndpointStyle(): ConnectorEndpointStyle

Returns

ConnectorEndpointStyle

Source

packages/blocks/src/surface-block/elements/connector/connector-element.ts:96

---

h

get h(): number

Returns

number

Source

packages/blocks/src/surface-block/elements/surface-element.ts:178

---

id

get id(): T["id"]

Returns

T["id"]

Source

packages/blocks/src/surface-block/elements/surface-element.ts:117

---

index

get index(): T["index"]

Returns

T["index"]

Source

packages/blocks/src/surface-block/elements/surface-element.ts:122

---

mode

get mode(): ConnectorMode

Returns

ConnectorMode

Source

packages/blocks/src/surface-block/elements/connector/connector-element.ts:57

---

opacity

get opacity(): number

set opacity(val): void

Parameters

• val: number

Returns

number

Source

packages/blocks/src/surface-block/elements/surface-element.ts:109

---

path

get path(): PointLocation[]

set path(p): void

Parameters

• p: PointLocation[]

Returns

PointLocation[]

Source

packages/blocks/src/surface-block/elements/connector/connector-element.ts:39

---

rearEndpointStyle

get rearEndpointStyle(): ConnectorEndpointStyle

Returns

ConnectorEndpointStyle

Source

packages/blocks/src/surface-block/elements/connector/connector-element.ts:104

---

rotate

get rotate(): T["rotate"]

Returns

T["rotate"]

Source

packages/blocks/src/surface-block/elements/surface-element.ts:144

---

rough

get rough(): boolean

Returns

boolean

Source

packages/blocks/src/surface-block/elements/connector/connector-element.ts:80

---

roughness

get roughness(): number

Returns

number

Source

packages/blocks/src/surface-block/elements/connector/connector-element.ts:73

---

seed

get seed(): T["seed"]

Returns

T["seed"]

Source

packages/blocks/src/surface-block/elements/surface-element.ts:139

---

source

get source(): Connection

Returns

Connection

Source

packages/blocks/src/surface-block/elements/connector/connector-element.ts:88

---

stroke

get stroke(): string

Returns

string

Source

packages/blocks/src/surface-block/elements/connector/connector-element.ts:65

---

strokeStyle

get strokeStyle(): StrokeStyle

Returns

StrokeStyle

Source

packages/blocks/src/surface-block/elements/connector/connector-element.ts:69

---

strokeWidth

get strokeWidth(): number

Returns

number

Source

packages/blocks/src/surface-block/elements/connector/connector-element.ts:61

---

target

get target(): Connection

Returns

Connection

Source

packages/blocks/src/surface-block/elements/connector/connector-element.ts:84

---

type

get type(): T["type"]

Returns

T["type"]

Source

packages/blocks/src/surface-block/elements/surface-element.ts:127

---

w

get w(): number

Returns

number

Source

packages/blocks/src/surface-block/elements/surface-element.ts:173

---

x

get x(): number

Returns

number

Source

packages/blocks/src/surface-block/elements/surface-element.ts:163

---

xywh

get xywh(): `[${number},${number},${number},${number}]`

set xywh(xywh): void

Parameters

• xywh: `[${number},${number},${number},${number}]`

Returns

`[${number},${number},${number},${number}]`

Source

packages/blocks/src/surface-block/elements/connector/connector-element.ts:47

---

y

get y(): number

Returns

number

Source

packages/blocks/src/surface-block/elements/surface-element.ts:168

Methods

_getArrowOptions()

private _getArrowOptions(end): ArrowOptions

Parameters

• end: ConnectorEndpoint

Returns

ArrowOptions

Source

packages/blocks/src/surface-block/elements/connector/connector-element.ts:260

---

_renderEndpoint()

private _renderEndpoint(location, ctx, rc, end, style): void

Parameters

• location: PointLocation[]

• ctx: CanvasRenderingContext2D

• rc: RoughCanvas

• end: ConnectorEndpoint

• style: ConnectorEndpointStyle

Returns

void

Source

packages/blocks/src/surface-block/elements/connector/connector-element.ts:277

---

_renderPoints()

private _renderPoints(ctx, rc, points, dash, curve): void

Parameters

• ctx: CanvasRenderingContext2D

• rc: RoughCanvas

• points: PointLocation[]

• dash: boolean

• curve: boolean

Returns

void

Source

packages/blocks/src/surface-block/elements/connector/connector-element.ts:195

---

applyUpdate()

applyUpdate(updates): void

Parameters

• updates: Partial<IConnector>

Returns

void

Inherited from

SurfaceElement.applyUpdate

Source

packages/blocks/src/surface-block/elements/surface-element.ts:187

---

boxSelect()

boxSelect(bound): boolean

Parameters

• bound: Bound

Returns

boolean

Inherited from

SurfaceElement.boxSelect

Source

packages/blocks/src/surface-block/elements/surface-element.ts:53

---

containedByBounds()

containedByBounds(bounds): boolean

Parameters

• bounds: Bound

Returns

boolean

Overrides

SurfaceElement.containedByBounds

Source

packages/blocks/src/surface-block/elements/connector/connector-element.ts:130

---

deserializeXYWH()

deserializeXYWH(): XYWH

Returns

XYWH

Inherited from

SurfaceElement.deserializeXYWH

Source

packages/blocks/src/surface-block/elements/surface-element.ts:202

---

getNearestPoint()

getNearestPoint(point): IVec

Parameters

• point: IVec

Returns

IVec

Overrides

SurfaceElement.getNearestPoint

Source

packages/blocks/src/surface-block/elements/connector/connector-element.ts:134

---

getRelativePointLocation()

getRelativePointLocation(point): PointLocation

Parameters

• point: IVec

Returns

PointLocation

Overrides

SurfaceElement.getRelativePointLocation

Source

packages/blocks/src/surface-block/elements/connector/connector-element.ts:301

---

hitTest()

hitTest(x, y, options?): boolean

Parameters

• x: number

• y: number

• options?: HitTestOptions

Returns

boolean

Overrides

SurfaceElement.hitTest

Source

packages/blocks/src/surface-block/elements/connector/connector-element.ts:116

---

init()

init(): void

Returns

void

Inherited from

SurfaceElement.init

Source

packages/blocks/src/surface-block/elements/surface-element.ts:99

---

intersectWithLine()

intersectWithLine(start, end): null | PointLocation[]

Parameters

• start: IVec

• end: IVec

Returns

null | PointLocation[]

Overrides

SurfaceElement.intersectWithLine

Source

packages/blocks/src/surface-block/elements/connector/connector-element.ts:138

---

mount()

mount(renderer): void

Parameters

• renderer: Renderer

Returns

void

Inherited from

SurfaceElement.mount

Source

packages/blocks/src/surface-block/elements/surface-element.ts:228

---

pop()

pop(key): void

Parameters

• key: string

Returns

void

Inherited from

SurfaceElement.pop

Source

packages/blocks/src/surface-block/elements/surface-element.ts:249

---

render()

render(ctx, matrix, rc): void

Parameters

• ctx: CanvasRenderingContext2D

• matrix: DOMMatrix

• rc: RoughCanvas

Returns

void

Overrides

SurfaceElement.render

Source

packages/blocks/src/surface-block/elements/connector/connector-element.ts:147

---

serialize()

serialize(): IConnector

Returns

IConnector

Inherited from

SurfaceElement.serialize

Source

packages/blocks/src/surface-block/elements/surface-element.ts:206

---

stash()

stash(key): void

Parameters

• key: string

Returns

void

Inherited from

SurfaceElement.stash

Source

packages/blocks/src/surface-block/elements/surface-element.ts:244

---

unmount()

unmount(): void

Returns

void

Inherited from

SurfaceElement.unmount

Source

packages/blocks/src/surface-block/elements/surface-element.ts:234

---

Generated using typedoc-plugin-markdown and TypeDoc