tldraw/state/commands/rotate.ts
2021-06-29 13:00:59 +01:00

46 lines
1.2 KiB
TypeScript

import Command from './command'
import history from '../history'
import { Data } from 'types'
import { RotateSnapshot } from 'state/sessions/rotate-session'
import { getShapeUtils } from 'state/shape-utils'
import tld from 'utils/tld'
export default function rotateCommand(
data: Data,
before: RotateSnapshot,
after: RotateSnapshot
): void {
history.execute(
data,
new Command({
name: 'rotate_shapes',
category: 'canvas',
do(data) {
const { shapes } = tld.getPage(data)
for (const { id, point, rotation } of after.initialShapes) {
const shape = shapes[id]
getShapeUtils(shape)
.rotateBy(shape, rotation - shape.rotation)
.translateTo(shape, point)
.onSessionComplete(shape)
}
data.boundsRotation = after.boundsRotation
},
undo(data) {
const { shapes } = tld.getPage(data)
for (const { id, point, rotation } of before.initialShapes) {
const shape = shapes[id]
getShapeUtils(shape)
.rotateBy(shape, rotation - shape.rotation)
.translateTo(shape, point)
.onSessionComplete(shape)
}
data.boundsRotation = before.boundsRotation
},
})
)
}