92 lines
2.4 KiB
TypeScript
92 lines
2.4 KiB
TypeScript
import Command from './command'
|
|
import history from '../history'
|
|
import { Data } from 'types'
|
|
import {
|
|
getDocumentBranch,
|
|
getPage,
|
|
getSelectedShapes,
|
|
setSelectedIds,
|
|
} from 'utils/utils'
|
|
import { current } from 'immer'
|
|
import { getShapeUtils } from 'state/shape-utils'
|
|
|
|
export default function deleteSelected(data: Data): void {
|
|
const { currentPageId } = data
|
|
|
|
const selectedShapes = getSelectedShapes(data)
|
|
|
|
const selectedIdsArr = selectedShapes
|
|
.filter((shape) => !shape.isLocked)
|
|
.map((shape) => shape.id)
|
|
|
|
const page = getPage(current(data))
|
|
|
|
const childrenToDelete = selectedIdsArr
|
|
.flatMap((id) => getDocumentBranch(data, id))
|
|
.map((id) => page.shapes[id])
|
|
|
|
const remainingIds = selectedShapes
|
|
.filter((shape) => shape.isLocked)
|
|
.map((shape) => shape.id)
|
|
|
|
history.execute(
|
|
data,
|
|
new Command({
|
|
name: 'delete_selection',
|
|
category: 'canvas',
|
|
manualSelection: true,
|
|
do(data) {
|
|
const page = getPage(data, currentPageId)
|
|
|
|
for (const id of selectedIdsArr) {
|
|
const shape = page.shapes[id]
|
|
if (!shape) {
|
|
console.error('no shape ' + id)
|
|
continue
|
|
}
|
|
|
|
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])
|
|
)
|
|
}
|
|
}
|
|
|
|
for (const shape of childrenToDelete) {
|
|
delete page.shapes[shape.id]
|
|
}
|
|
|
|
setSelectedIds(data, remainingIds)
|
|
},
|
|
undo(data) {
|
|
const page = getPage(data, currentPageId)
|
|
|
|
for (const shape of childrenToDelete) {
|
|
page.shapes[shape.id] = shape
|
|
}
|
|
|
|
for (const shape of childrenToDelete) {
|
|
if (shape.parentId !== data.currentPageId) {
|
|
const parent = page.shapes[shape.parentId]
|
|
getShapeUtils(parent)
|
|
.setProperty(parent, 'children', [...parent.children, shape.id])
|
|
.onChildrenChange(
|
|
parent,
|
|
parent.children.map((id) => page.shapes[id])
|
|
)
|
|
}
|
|
}
|
|
|
|
setSelectedIds(data, selectedIdsArr)
|
|
},
|
|
})
|
|
)
|
|
}
|