2021-05-29 10:12:28 +00:00
|
|
|
import CodeShape from './index'
|
|
|
|
import { v4 as uuid } from 'uuid'
|
|
|
|
import { RectangleShape, ShapeType } from 'types'
|
|
|
|
import { vectorToPoint } from 'utils/utils'
|
2021-05-14 22:56:41 +00:00
|
|
|
|
|
|
|
export default class Rectangle extends CodeShape<RectangleShape> {
|
|
|
|
constructor(props = {} as Partial<RectangleShape>) {
|
2021-05-17 10:01:11 +00:00
|
|
|
props.point = vectorToPoint(props.point)
|
|
|
|
props.size = vectorToPoint(props.size)
|
|
|
|
|
2021-05-14 22:56:41 +00:00
|
|
|
super({
|
|
|
|
id: uuid(),
|
|
|
|
type: ShapeType.Rectangle,
|
2021-05-15 13:02:13 +00:00
|
|
|
isGenerated: true,
|
2021-05-29 10:12:28 +00:00
|
|
|
name: 'Rectangle',
|
|
|
|
parentId: 'page0',
|
2021-05-14 22:56:41 +00:00
|
|
|
childIndex: 0,
|
|
|
|
point: [0, 0],
|
2021-05-15 13:02:13 +00:00
|
|
|
size: [100, 100],
|
2021-05-14 22:56:41 +00:00
|
|
|
rotation: 0,
|
2021-05-26 10:34:10 +00:00
|
|
|
radius: 2,
|
2021-05-29 10:12:28 +00:00
|
|
|
isAspectRatioLocked: false,
|
|
|
|
isLocked: false,
|
|
|
|
isHidden: false,
|
2021-05-15 13:02:13 +00:00
|
|
|
style: {
|
2021-05-29 10:12:28 +00:00
|
|
|
fill: '#c6cacb',
|
|
|
|
stroke: '#000',
|
2021-05-15 13:02:13 +00:00
|
|
|
strokeWidth: 1,
|
|
|
|
},
|
2021-05-14 22:56:41 +00:00
|
|
|
...props,
|
|
|
|
})
|
|
|
|
}
|
|
|
|
|
|
|
|
get size() {
|
|
|
|
return this.shape.size
|
|
|
|
}
|
|
|
|
}
|