tldraw/state/commands/delete-selected.ts
2021-06-04 17:08:43 +01:00

59 lines
1.6 KiB
TypeScript

import Command from './command'
import history from '../history'
import { TranslateSnapshot } from 'state/sessions/translate-session'
import { Data } from 'types'
import { getPage, updateParents } from 'utils/utils'
import { current } from 'immer'
import { getShapeUtils } from 'lib/shape-utils'
export default function deleteSelected(data: Data) {
const { currentPageId } = data
const selectedIds = Array.from(data.selectedIds.values())
const page = getPage(current(data))
const shapes = selectedIds.map((id) => page.shapes[id])
data.selectedIds.clear()
history.execute(
data,
new Command({
name: 'delete_shapes',
category: 'canvas',
manualSelection: true,
do(data) {
const page = getPage(data, currentPageId)
for (let id of selectedIds) {
const shape = page.shapes[id]
if (shape.parentId !== data.currentPageId) {
const parent = page.shapes[shape.parentId]
getShapeUtils(parent)
.setProperty(
parent,
'children',
parent.children.filter((childId) => childId !== shape.id)
)
.onChildrenChange(
parent,
parent.children.map((id) => page.shapes[id])
)
}
delete page.shapes[id]
}
data.selectedIds.clear()
},
undo(data) {
const page = getPage(data, currentPageId)
data.selectedIds.clear()
for (let shape of shapes) {
page.shapes[shape.id] = shape
data.selectedIds.add(shape.id)
}
},
})
)
}