126 lines
3.3 KiB
TypeScript
126 lines
3.3 KiB
TypeScript
import { register } from "./register";
|
|
import { getSelectedElements } from "../scene";
|
|
import { getNonDeletedElements } from "../element";
|
|
import {
|
|
ExcalidrawElement,
|
|
NonDeleted,
|
|
NonDeletedSceneElementsMap,
|
|
} from "../element/types";
|
|
import { resizeMultipleElements } from "../element/resizeElements";
|
|
import { AppState } from "../types";
|
|
import { arrayToMap } from "../utils";
|
|
import { CODES, KEYS } from "../keys";
|
|
import { getCommonBoundingBox } from "../element/bounds";
|
|
import {
|
|
bindOrUnbindSelectedElements,
|
|
isBindingEnabled,
|
|
unbindLinearElements,
|
|
} from "../element/binding";
|
|
import { updateFrameMembershipOfSelectedElements } from "../frame";
|
|
import { flipHorizontal, flipVertical } from "../components/icons";
|
|
|
|
export const actionFlipHorizontal = register({
|
|
name: "flipHorizontal",
|
|
label: "labels.flipHorizontal",
|
|
icon: flipHorizontal,
|
|
trackEvent: { category: "element" },
|
|
perform: (elements, appState, _, app) => {
|
|
return {
|
|
elements: updateFrameMembershipOfSelectedElements(
|
|
flipSelectedElements(
|
|
elements,
|
|
app.scene.getNonDeletedElementsMap(),
|
|
appState,
|
|
"horizontal",
|
|
),
|
|
appState,
|
|
app,
|
|
),
|
|
appState,
|
|
commitToHistory: true,
|
|
};
|
|
},
|
|
keyTest: (event) => event.shiftKey && event.code === CODES.H,
|
|
});
|
|
|
|
export const actionFlipVertical = register({
|
|
name: "flipVertical",
|
|
label: "labels.flipVertical",
|
|
icon: flipVertical,
|
|
trackEvent: { category: "element" },
|
|
perform: (elements, appState, _, app) => {
|
|
return {
|
|
elements: updateFrameMembershipOfSelectedElements(
|
|
flipSelectedElements(
|
|
elements,
|
|
app.scene.getNonDeletedElementsMap(),
|
|
appState,
|
|
"vertical",
|
|
),
|
|
appState,
|
|
app,
|
|
),
|
|
appState,
|
|
commitToHistory: true,
|
|
};
|
|
},
|
|
keyTest: (event) =>
|
|
event.shiftKey && event.code === CODES.V && !event[KEYS.CTRL_OR_CMD],
|
|
});
|
|
|
|
const flipSelectedElements = (
|
|
elements: readonly ExcalidrawElement[],
|
|
elementsMap: NonDeletedSceneElementsMap,
|
|
appState: Readonly<AppState>,
|
|
flipDirection: "horizontal" | "vertical",
|
|
) => {
|
|
const selectedElements = getSelectedElements(
|
|
getNonDeletedElements(elements),
|
|
appState,
|
|
{
|
|
includeBoundTextElement: true,
|
|
includeElementsInFrames: true,
|
|
},
|
|
);
|
|
|
|
const updatedElements = flipElements(
|
|
selectedElements,
|
|
elements,
|
|
elementsMap,
|
|
appState,
|
|
flipDirection,
|
|
);
|
|
|
|
const updatedElementsMap = arrayToMap(updatedElements);
|
|
|
|
return elements.map(
|
|
(element) => updatedElementsMap.get(element.id) || element,
|
|
);
|
|
};
|
|
|
|
const flipElements = (
|
|
selectedElements: NonDeleted<ExcalidrawElement>[],
|
|
elements: readonly ExcalidrawElement[],
|
|
elementsMap: NonDeletedSceneElementsMap,
|
|
appState: AppState,
|
|
flipDirection: "horizontal" | "vertical",
|
|
): ExcalidrawElement[] => {
|
|
const { minX, minY, maxX, maxY } = getCommonBoundingBox(selectedElements);
|
|
|
|
resizeMultipleElements(
|
|
elementsMap,
|
|
selectedElements,
|
|
elementsMap,
|
|
"nw",
|
|
true,
|
|
flipDirection === "horizontal" ? maxX : minX,
|
|
flipDirection === "horizontal" ? minY : maxY,
|
|
);
|
|
|
|
isBindingEnabled(appState)
|
|
? bindOrUnbindSelectedElements(selectedElements, elements, elementsMap)
|
|
: unbindLinearElements(selectedElements, elementsMap);
|
|
|
|
return selectedElements;
|
|
};
|