2021-05-29 10:12:28 +00:00
|
|
|
import CodeShape from './index'
|
2021-06-16 12:09:45 +00:00
|
|
|
import { uniqueId } from 'utils/utils'
|
2021-05-29 10:12:28 +00:00
|
|
|
import { CircleShape, ShapeType } from 'types'
|
|
|
|
import { vectorToPoint } from 'utils/utils'
|
2021-06-02 11:50:34 +00:00
|
|
|
import { defaultStyle } from 'lib/shape-styles'
|
2021-05-14 22:56:41 +00:00
|
|
|
|
|
|
|
export default class Circle extends CodeShape<CircleShape> {
|
|
|
|
constructor(props = {} as Partial<CircleShape>) {
|
2021-05-17 10:01:11 +00:00
|
|
|
props.point = vectorToPoint(props.point)
|
|
|
|
|
2021-05-14 22:56:41 +00:00
|
|
|
super({
|
2021-06-16 12:09:45 +00:00
|
|
|
id: uniqueId(),
|
2021-06-07 21:26:05 +00:00
|
|
|
seed: Math.random(),
|
2021-06-08 10:32:20 +00:00
|
|
|
parentId: (window as any).currentPageId,
|
2021-05-14 22:56:41 +00:00
|
|
|
type: ShapeType.Circle,
|
2021-05-15 13:02:13 +00:00
|
|
|
isGenerated: true,
|
2021-05-29 10:12:28 +00:00
|
|
|
name: 'Circle',
|
2021-05-14 22:56:41 +00:00
|
|
|
childIndex: 0,
|
|
|
|
point: [0, 0],
|
|
|
|
rotation: 0,
|
|
|
|
radius: 20,
|
2021-05-29 10:12:28 +00:00
|
|
|
isAspectRatioLocked: false,
|
|
|
|
isLocked: false,
|
|
|
|
isHidden: false,
|
2021-05-14 22:56:41 +00:00
|
|
|
...props,
|
2021-06-08 10:32:20 +00:00
|
|
|
style: { ...defaultStyle, ...props.style },
|
2021-05-14 22:56:41 +00:00
|
|
|
})
|
|
|
|
}
|
|
|
|
|
2021-05-17 10:01:11 +00:00
|
|
|
export() {
|
|
|
|
const shape = { ...this.shape }
|
|
|
|
|
|
|
|
shape.point = vectorToPoint(shape.point)
|
|
|
|
|
|
|
|
return shape
|
|
|
|
}
|
|
|
|
|
2021-05-14 22:56:41 +00:00
|
|
|
get radius() {
|
|
|
|
return this.shape.radius
|
|
|
|
}
|
|
|
|
}
|