2021-05-29 10:12:28 +00:00
|
|
|
import CodeShape from './index'
|
2021-07-01 14:03:02 +00:00
|
|
|
import { uniqueId } from 'utils/utils'
|
2021-06-24 22:09:36 +00:00
|
|
|
import { LineShape, ShapeProps, ShapeType } from 'types'
|
2021-06-21 21:35:28 +00:00
|
|
|
import { defaultStyle } from 'state/shape-styles'
|
2021-05-15 13:02:13 +00:00
|
|
|
|
2021-06-25 10:28:52 +00:00
|
|
|
/* ----------------- Start Copy Here ---------------- */
|
|
|
|
|
2021-05-15 13:02:13 +00:00
|
|
|
export default class Line extends CodeShape<LineShape> {
|
2021-06-24 22:09:36 +00:00
|
|
|
constructor(props = {} as ShapeProps<LineShape>) {
|
2021-05-15 13:02:13 +00:00
|
|
|
super({
|
2021-06-16 12:09:45 +00:00
|
|
|
id: uniqueId(),
|
2021-06-08 10:32:20 +00:00
|
|
|
parentId: (window as any).currentPageId,
|
2021-05-15 13:02:13 +00:00
|
|
|
type: ShapeType.Line,
|
2021-05-25 09:09:51 +00:00
|
|
|
isGenerated: true,
|
2021-05-29 10:12:28 +00:00
|
|
|
name: 'Line',
|
2021-05-15 13:02:13 +00:00
|
|
|
childIndex: 0,
|
|
|
|
point: [0, 0],
|
2021-05-15 17:11:08 +00:00
|
|
|
direction: [-0.5, 0.5],
|
2021-05-15 13:02:13 +00:00
|
|
|
rotation: 0,
|
2021-06-02 11:50:34 +00:00
|
|
|
...props,
|
2021-05-15 13:02:13 +00:00
|
|
|
style: {
|
2021-06-02 11:50:34 +00:00
|
|
|
...defaultStyle,
|
|
|
|
...props.style,
|
|
|
|
isFilled: false,
|
2021-05-15 13:02:13 +00:00
|
|
|
},
|
|
|
|
})
|
|
|
|
}
|
2021-05-17 10:01:11 +00:00
|
|
|
|
2021-06-27 11:58:08 +00:00
|
|
|
/**
|
|
|
|
* The line's direction.
|
|
|
|
*
|
|
|
|
* ```ts
|
|
|
|
* const shapeDirection = shape.direction
|
|
|
|
*
|
|
|
|
* shape.direction = [0,0]
|
|
|
|
* ```
|
|
|
|
*/
|
2021-06-21 21:35:28 +00:00
|
|
|
get direction(): number[] {
|
2021-05-17 10:01:11 +00:00
|
|
|
return this.shape.direction
|
|
|
|
}
|
2021-06-27 11:58:08 +00:00
|
|
|
set direction(direction: number[]) {
|
|
|
|
this.utils.setProperty(this.shape, 'direction', direction)
|
|
|
|
}
|
2021-05-15 13:02:13 +00:00
|
|
|
}
|