60 lines
1.7 KiB
TypeScript
60 lines
1.7 KiB
TypeScript
import { Action } from "./types";
|
|
import {
|
|
isTextElement,
|
|
isExcalidrawElement,
|
|
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);
|
|
if (!isExcalidrawElement(pastedElement)) {
|
|
return { elements };
|
|
}
|
|
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 || "20px Virgil";
|
|
redrawTextBoundingBox(newElement);
|
|
}
|
|
return newElement;
|
|
}
|
|
return element;
|
|
}),
|
|
};
|
|
},
|
|
commitToHistory: () => true,
|
|
contextItemLabel: "labels.pasteStyles",
|
|
keyTest: event => event[KEYS.META] && event.shiftKey && event.key === "V",
|
|
contextMenuOrder: 1,
|
|
};
|