37 lines
1 KiB
TypeScript
37 lines
1 KiB
TypeScript
|
import Command from "./command"
|
||
|
|
import history from "../history"
|
||
|
|
import { Data, ShapeStyles } from "types"
|
||
|
|
import { getPage, getSelectedShapes } from "utils/utils"
|
||
|
|
import { getShapeUtils } from "lib/shape-utils"
|
||
|
|
import { current } from "immer"
|
||
|
|
|
||
|
|
export default function styleCommand(data: Data, styles: ShapeStyles) {
|
||
|
|
const { currentPageId } = data
|
||
|
|
const initialShapes = getSelectedShapes(current(data))
|
||
|
|
|
||
|
|
history.execute(
|
||
|
|
data,
|
||
|
|
new Command({
|
||
|
|
name: "changed_style",
|
||
|
|
category: "canvas",
|
||
|
|
manualSelection: true,
|
||
|
|
do(data) {
|
||
|
|
const { shapes } = getPage(data, currentPageId)
|
||
|
|
|
||
|
|
for (const { id } of initialShapes) {
|
||
|
|
const shape = shapes[id]
|
||
|
|
getShapeUtils(shape).applyStyles(shape, styles)
|
||
|
|
}
|
||
|
|
},
|
||
|
|
undo(data) {
|
||
|
|
const { shapes } = getPage(data, currentPageId)
|
||
|
|
|
||
|
|
for (const { id, style } of initialShapes) {
|
||
|
|
const shape = shapes[id]
|
||
|
|
getShapeUtils(shape).applyStyles(shape, style)
|
||
|
|
}
|
||
|
|
},
|
||
|
|
})
|
||
|
|
)
|
||
|
|
}
|