60 lines
1.3 KiB
TypeScript
60 lines
1.3 KiB
TypeScript
import CodeShape from './index'
|
|
import { uniqueId } from 'utils/utils'
|
|
import { PolylineShape, ShapeProps, ShapeType } from 'types'
|
|
import { defaultStyle } from 'state/shape-styles'
|
|
|
|
/* ----------------- Start Copy Here ---------------- */
|
|
|
|
export default class Polyline extends CodeShape<PolylineShape> {
|
|
constructor(props = {} as ShapeProps<PolylineShape>) {
|
|
super({
|
|
id: uniqueId(),
|
|
|
|
parentId: (window as any).currentPageId,
|
|
type: ShapeType.Polyline,
|
|
isGenerated: true,
|
|
name: 'Polyline',
|
|
childIndex: 0,
|
|
point: [0, 0],
|
|
points: [[0, 0]],
|
|
rotation: 0,
|
|
isAspectRatioLocked: false,
|
|
isLocked: false,
|
|
isHidden: false,
|
|
...props,
|
|
style: {
|
|
...defaultStyle,
|
|
...props.style,
|
|
},
|
|
})
|
|
}
|
|
|
|
/**
|
|
* Add a point to the polyline's points.
|
|
*
|
|
* ```ts
|
|
* shape.addPoint([100,100])
|
|
* ```
|
|
*/
|
|
addPoint(point: number[]): CodeShape<PolylineShape> {
|
|
this.utils.setProperty(this.shape, 'points', [...this.points, point])
|
|
return this
|
|
}
|
|
|
|
/**
|
|
* The polyline's points.
|
|
*
|
|
* ```ts
|
|
* const shapePoints = shape.points
|
|
*
|
|
* shape.points = [[0,0], [100,100], [100,200]]
|
|
* ```
|
|
*/
|
|
get points(): number[][] {
|
|
return this.shape.points
|
|
}
|
|
|
|
set points(points: number[][]) {
|
|
this.utils.setProperty(this.shape, 'points', points)
|
|
}
|
|
}
|