33016bf6bf
* Separate UI from Canvas * Explicitly define history recording * ActionManager: Set syncActionState during construction instead of in every call * Add commit to history flag to necessary actions * Disable undoing during multiElement * Write custom equality function for UI component to render it only when specific props and elements change * Remove stale comments about history skipping * Stop undo/redoing when in resizing element mode * wip * correctly reset resizingElement & add undo check * Separate selection element from the rest of the array and stop redrawing the UI when dragging the selection * Remove selectionElement from local storage * Remove unnecessary readonly type casting in actionFinalize * Fix undo / redo for multi points * Fix an issue that did not update history when elements were locked * Disable committing to history for noops - deleteSelected without deleting anything - Basic selection * Use generateEntry only inside history and pass elements and appstate to history * Update component after every history resume * Remove last item from the history only if in multi mode * Resume recording when element type is not selection * ensure we prevent hotkeys only on writable elements * Remove selection clearing from history * Remove one point arrows as they are invisibly small * Remove shape of elements from local storage * Fix removing invisible element from the array * add missing history resuming cases & simplify slice * fix lint * don't regenerate elements if no elements deselected * regenerate elements array on selection * reset state.selectionElement unconditionally * Use getter instead of passing appState and scene data through functions to actions * fix import Co-authored-by: David Luzar <luzar.david@gmail.com>
53 lines
1.6 KiB
TypeScript
53 lines
1.6 KiB
TypeScript
import { Action } from "./types";
|
|
import { isTextElement, redrawTextBoundingBox } from "../element";
|
|
import { KEYS } from "../keys";
|
|
|
|
let copiedStyles: string = "{}";
|
|
|
|
export const actionCopyStyles: Action = {
|
|
name: "copyStyles",
|
|
perform: elements => {
|
|
const element = elements.find(el => el.isSelected);
|
|
if (element) {
|
|
copiedStyles = JSON.stringify(element);
|
|
}
|
|
return {};
|
|
},
|
|
contextItemLabel: "labels.copyStyles",
|
|
keyTest: event => event[KEYS.META] && event.shiftKey && event.key === "C",
|
|
contextMenuOrder: 0,
|
|
};
|
|
|
|
export const actionPasteStyles: Action = {
|
|
name: "pasteStyles",
|
|
perform: elements => {
|
|
const pastedElement = JSON.parse(copiedStyles);
|
|
return {
|
|
elements: elements.map(element => {
|
|
if (element.isSelected) {
|
|
const newElement = {
|
|
...element,
|
|
shape: null,
|
|
backgroundColor: pastedElement?.backgroundColor,
|
|
strokeWidth: pastedElement?.strokeWidth,
|
|
strokeColor: pastedElement?.strokeColor,
|
|
fillStyle: pastedElement?.fillStyle,
|
|
opacity: pastedElement?.opacity,
|
|
roughness: pastedElement?.roughness,
|
|
};
|
|
if (isTextElement(newElement)) {
|
|
newElement.font = pastedElement?.font;
|
|
redrawTextBoundingBox(newElement);
|
|
}
|
|
return newElement;
|
|
}
|
|
return element;
|
|
}),
|
|
};
|
|
},
|
|
commitToHistory: () => true,
|
|
contextItemLabel: "labels.pasteStyles",
|
|
keyTest: event => event[KEYS.META] && event.shiftKey && event.key === "V",
|
|
contextMenuOrder: 1,
|
|
};
|