mirror of
https://github.com/excalidraw/excalidraw.git
synced 2025-05-03 10:00:07 -04:00
971b4d4ae6
* resize single elements from the side * fix lint * do not resize texts from the sides (for we want to wrap/unwrap) * omit side handles for frames too * upgrade types * enable resizing from the sides for multiple elements as well * fix lint * maintain aspect ratio when elements are not of the same angle * lint * always resize proportionally for multiple elements * increase side resizing padding * code cleanup * adaptive handles * do not resize for linear elements with only two points * prioritize point dragging over edge resizing * lint * allow free resizing for multiple elements at degree 0 * always resize from the sides * reduce hit threshold * make small multiple elements movable * lint * show side handles on touch screen and mobile devices * differentiate touchscreens * keep proportional with text in multi-element resizing * update snapshot * update multi elements resizing logic * lint * reduce side resizing padding * bound texts do not scale in normal cases * lint * test sides for texts * wrap text * do not update text size when changing its alignment * keep text wrapped/unwrapped when editing * change wrapped size to auto size from context menu * fix test * lint * increase min width for wrapped texts * wrap wrapped text in container * unwrap when binding text to container * rename `wrapped` to `autoResize` * fix lint * revert: use `center` align when wrapping text in container * update snaps * fix lint * simplify logic on autoResize * lint and test * snapshots * remove unnecessary code * snapshots * fix: defaults not set correctly * tests for wrapping texts when resized * tests for text wrapping when edited * fix autoResize refactor * include autoResize flag check * refactor * feat: rename action label & change contextmenu position * fix: update version on `autoResize` action * fix infinite loop when editing text in a container * simplify * always maintain `width` if `!autoResize` * maintain `x` if `!autoResize` * maintain `y` pos after fontSize change if `!autoResize` * refactor * when editing, do not wrap text in textWysiwyg * simplify text editor * make test more readable * comment * rename action to match file name * revert function signature change * only update in app --------- Co-authored-by: dwelle <5153846+dwelle@users.noreply.github.com>
48 lines
1.5 KiB
TypeScript
48 lines
1.5 KiB
TypeScript
import { isTextElement } from "../element";
|
|
import { newElementWith } from "../element/mutateElement";
|
|
import { measureText } from "../element/textElement";
|
|
import { getSelectedElements } from "../scene";
|
|
import { StoreAction } from "../store";
|
|
import type { AppClassProperties } from "../types";
|
|
import { getFontString } from "../utils";
|
|
import { register } from "./register";
|
|
|
|
export const actionTextAutoResize = register({
|
|
name: "autoResize",
|
|
label: "labels.autoResize",
|
|
icon: null,
|
|
trackEvent: { category: "element" },
|
|
predicate: (elements, appState, _: unknown, app: AppClassProperties) => {
|
|
const selectedElements = getSelectedElements(elements, appState);
|
|
return (
|
|
selectedElements.length === 1 &&
|
|
isTextElement(selectedElements[0]) &&
|
|
!selectedElements[0].autoResize
|
|
);
|
|
},
|
|
perform: (elements, appState, _, app) => {
|
|
const selectedElements = getSelectedElements(elements, appState);
|
|
|
|
return {
|
|
appState,
|
|
elements: elements.map((element) => {
|
|
if (element.id === selectedElements[0].id && isTextElement(element)) {
|
|
const metrics = measureText(
|
|
element.originalText,
|
|
getFontString(element),
|
|
element.lineHeight,
|
|
);
|
|
|
|
return newElementWith(element, {
|
|
autoResize: true,
|
|
width: metrics.width,
|
|
height: metrics.height,
|
|
text: element.originalText,
|
|
});
|
|
}
|
|
return element;
|
|
}),
|
|
storeAction: StoreAction.CAPTURE,
|
|
};
|
|
},
|
|
});
|