smig/excalidraw
1
0
Fork 0
mirror of https://github.com/excalidraw/excalidraw.git synced 2025-05-03 10:00:07 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions

change dimension for multiple elements

Browse source
This commit is contained in:
Ryan Di 2024-06-04 15:27:35 +08:00
parent 7f4659339b
commit f0c1e9707a
7 changed files with 269 additions and 76 deletions
Download patch file Download diff file Expand all files Collapse all files

15
packages/excalidraw/components/Stats/DragInput.tsx
View file

@ -11,7 +11,7 @@ import clsx from "clsx";
export type DragInputCallbackType = (
accumulatedChange: number,
instantChange: number,
stateAtStart: ExcalidrawElement,
stateAtStart: ExcalidrawElement[],
shouldKeepAspectRatio: boolean,
shouldChangeByStepSize: boolean,
nextValue?: number,
@ -20,7 +20,7 @@ export type DragInputCallbackType = (
interface StatsDragInputProps {
label: string | React.ReactNode;
value: number;
element: ExcalidrawElement;
elements: ExcalidrawElement[];
editable?: boolean;
shouldKeepAspectRatio?: boolean;
dragInputCallback: DragInputCallbackType;
@ -30,7 +30,7 @@ const StatsDragInput = ({
label,
dragInputCallback,
value,
element,
elements,
editable = true,
shouldKeepAspectRatio,
}: StatsDragInputProps) => {
@ -64,7 +64,7 @@ const StatsDragInput = ({
y: number;
} | null = null;
let stateAtStart: ExcalidrawElement | null = null;
let stateAtStart: ExcalidrawElement[] | null = null;
let accumulatedChange: number | null = null;
@ -72,7 +72,9 @@ const StatsDragInput = ({
const onPointerMove = (event: PointerEvent) => {
if (!stateAtStart) {
stateAtStart = deepCopyElement(element);
stateAtStart = elements.map((element) =>
deepCopyElement(element),
);
}
if (!accumulatedChange) {
@ -146,11 +148,12 @@ const StatsDragInput = ({
dragInputCallback(
0,
0,
element,
elements,
shouldKeepAspectRatio!!,
false,
v,
);
eventTarget.blur();
}
}
}}