08ce7c7fc3
* feat: redesign arrows and lines * set selectedLinearElement on pointerup * fix tests * fix lint * set selectionLinearElement to null when element is not selected * fix * don't set selectedElementIds to empty object when linear element selected * don't move arrows when clicked on bounding box * don't consider bounding box when linear element selected * better hitbox * show pointer when over the points in linear elements * highlight points when hovered * tweak design whene editing linear element points * tweak * fix test * fix multi point editing * cleanup * fix * fix * remove stroke when hovered * account for zoom when hover * review fix * set selectedLinearElement to null when selectedElementIds doesn't contain the linear element * remove hover affect when moved away from linear element * don't set selectedLinearAElement if already set * fix selection * render reduced in test :p * fix box selection for single linear element * set selectedLinearElement when deselecting selected elements and linear element is selected * don't show linear element handles when element locked * selected linear element when only linear present and selected with selectAll * don't set selectedLinearElement if already set * store selectedLinearElement in browser to persist * remove redundant checks * test fix * select linear element handles when user has finished multipoint editing * fix snap * add comments * show bounding box for locked linear elements * add stroke param to fillCircle and remove stroke when linear element point hovered * set selectedLinearElement when thats the only element left when deselcting others * skip tests instead of removing for rotation * (un)bind on pointerUp when moving linear element points outside editor * render bounding box for linear elements as a fallback on state mismatch * simplify and remove type assertion Co-authored-by: dwelle <luzar.david@gmail.com>
67 lines
2.0 KiB
TypeScript
67 lines
2.0 KiB
TypeScript
import { newElementWith } from "../element/mutateElement";
|
|
import { ExcalidrawElement } from "../element/types";
|
|
import { KEYS } from "../keys";
|
|
import { getSelectedElements } from "../scene";
|
|
import { arrayToMap } from "../utils";
|
|
import { register } from "./register";
|
|
|
|
export const actionToggleLock = register({
|
|
name: "toggleLock",
|
|
trackEvent: { category: "element" },
|
|
perform: (elements, appState) => {
|
|
const selectedElements = getSelectedElements(elements, appState, true);
|
|
|
|
if (!selectedElements.length) {
|
|
return false;
|
|
}
|
|
|
|
const operation = getOperation(selectedElements);
|
|
const selectedElementsMap = arrayToMap(selectedElements);
|
|
const lock = operation === "lock";
|
|
return {
|
|
elements: elements.map((element) => {
|
|
if (!selectedElementsMap.has(element.id)) {
|
|
return element;
|
|
}
|
|
|
|
return newElementWith(element, { locked: lock });
|
|
}),
|
|
appState: {
|
|
...appState,
|
|
selectedLinearElement: lock ? null : appState.selectedLinearElement,
|
|
},
|
|
commitToHistory: true,
|
|
};
|
|
},
|
|
contextItemLabel: (elements, appState) => {
|
|
const selected = getSelectedElements(elements, appState, false);
|
|
if (selected.length === 1) {
|
|
return selected[0].locked
|
|
? "labels.elementLock.unlock"
|
|
: "labels.elementLock.lock";
|
|
}
|
|
|
|
if (selected.length > 1) {
|
|
return getOperation(selected) === "lock"
|
|
? "labels.elementLock.lockAll"
|
|
: "labels.elementLock.unlockAll";
|
|
}
|
|
|
|
throw new Error(
|
|
"Unexpected zero elements to lock/unlock. This should never happen.",
|
|
);
|
|
},
|
|
keyTest: (event, appState, elements) => {
|
|
return (
|
|
event.key.toLocaleLowerCase() === KEYS.L &&
|
|
event[KEYS.CTRL_OR_CMD] &&
|
|
event.shiftKey &&
|
|
getSelectedElements(elements, appState, false).length > 0
|
|
);
|
|
},
|
|
});
|
|
|
|
const getOperation = (
|
|
elements: readonly ExcalidrawElement[],
|
|
): "lock" | "unlock" => (elements.some((el) => !el.locked) ? "lock" : "unlock");
|