mirror of
https://github.com/excalidraw/excalidraw.git
synced 2025-05-03 10:00:07 -04:00
refactor: point() -> pointFrom() to fix compiler issue (#8578)
This commit is contained in:
David Luzar
GitHub
parent
a977dd1bf5
commit
47ee8a0094
51 changed files with 845 additions and 703 deletions
|
|
@ -7,7 +7,7 @@ import { API } from "./helpers/api";
|
|||
import { KEYS } from "../keys";
|
||||
import { actionWrapTextInContainer } from "../actions/actionBoundText";
|
||||
import { arrayToMap } from "../utils";
|
||||
import { point } from "../../math";
|
||||
import { pointFrom } from "../../math";
|
||||
|
||||
const { h } = window;
|
||||
|
||||
|
|
@ -32,7 +32,12 @@ describe("element binding", () => {
|
|||
y: 0,
|
||||
width: 100,
|
||||
height: 1,
|
||||
points: [point(0, 0), point(0, 0), point(100, 0), point(100, 0)],
|
||||
points: [
|
||||
pointFrom(0, 0),
|
||||
pointFrom(0, 0),
|
||||
pointFrom(100, 0),
|
||||
pointFrom(100, 0),
|
||||
],
|
||||
});
|
||||
API.setElements([rect, arrow]);
|
||||
expect(arrow.startBinding).toBe(null);
|
||||
|
|
@ -310,7 +315,7 @@ describe("element binding", () => {
|
|||
const arrow1 = API.createElement({
|
||||
type: "arrow",
|
||||
id: "arrow1",
|
||||
points: [point(0, 0), point(0, -87.45777932247563)],
|
||||
points: [pointFrom(0, 0), pointFrom(0, -87.45777932247563)],
|
||||
startBinding: {
|
||||
elementId: "rectangle1",
|
||||
focus: 0.2,
|
||||
|
|
@ -328,7 +333,7 @@ describe("element binding", () => {
|
|||
const arrow2 = API.createElement({
|
||||
type: "arrow",
|
||||
id: "arrow2",
|
||||
points: [point(0, 0), point(0, -87.45777932247563)],
|
||||
points: [pointFrom(0, 0), pointFrom(0, -87.45777932247563)],
|
||||
startBinding: {
|
||||
elementId: "text1",
|
||||
focus: 0.2,
|
||||
|
|
|
|||
|
|
@ -28,7 +28,7 @@ import { getBoundTextElementPosition } from "../element/textElement";
|
|||
import { createPasteEvent } from "../clipboard";
|
||||
import { arrayToMap, cloneJSON } from "../utils";
|
||||
import type { LocalPoint } from "../../math";
|
||||
import { point, type Radians } from "../../math";
|
||||
import { pointFrom, type Radians } from "../../math";
|
||||
|
||||
const { h } = window;
|
||||
const mouse = new Pointer("mouse");
|
||||
|
|
@ -146,9 +146,9 @@ const createLinearElementWithCurveInsideMinMaxPoints = (
|
|||
link: null,
|
||||
locked: false,
|
||||
points: [
|
||||
point<LocalPoint>(0, 0),
|
||||
point<LocalPoint>(-922.4761962890625, 300.3277587890625),
|
||||
point<LocalPoint>(828.0126953125, 410.51605224609375),
|
||||
pointFrom<LocalPoint>(0, 0),
|
||||
pointFrom<LocalPoint>(-922.4761962890625, 300.3277587890625),
|
||||
pointFrom<LocalPoint>(828.0126953125, 410.51605224609375),
|
||||
],
|
||||
});
|
||||
};
|
||||
|
|
|
|||
|
|
@ -38,7 +38,7 @@ import type App from "../../components/App";
|
|||
import { createTestHook } from "../../components/App";
|
||||
import type { Action } from "../../actions/types";
|
||||
import { mutateElement } from "../../element/mutateElement";
|
||||
import { point, type LocalPoint, type Radians } from "../../../math";
|
||||
import { pointFrom, type LocalPoint, type Radians } from "../../../math";
|
||||
|
||||
const readFile = util.promisify(fs.readFile);
|
||||
// so that window.h is available when App.tsx is not imported as well.
|
||||
|
|
@ -307,8 +307,8 @@ export class API {
|
|||
height,
|
||||
type,
|
||||
points: rest.points ?? [
|
||||
point<LocalPoint>(0, 0),
|
||||
point<LocalPoint>(100, 100),
|
||||
pointFrom<LocalPoint>(0, 0),
|
||||
pointFrom<LocalPoint>(100, 100),
|
||||
],
|
||||
elbowed: rest.elbowed ?? false,
|
||||
});
|
||||
|
|
@ -320,8 +320,8 @@ export class API {
|
|||
height,
|
||||
type,
|
||||
points: rest.points ?? [
|
||||
point<LocalPoint>(0, 0),
|
||||
point<LocalPoint>(100, 100),
|
||||
pointFrom<LocalPoint>(0, 0),
|
||||
pointFrom<LocalPoint>(100, 100),
|
||||
],
|
||||
});
|
||||
break;
|
||||
|
|
|
|||
|
|
@ -34,7 +34,7 @@ import { getTextEditor } from "../queries/dom";
|
|||
import { arrayToMap } from "../../utils";
|
||||
import { createTestHook } from "../../components/App";
|
||||
import type { GlobalPoint, LocalPoint, Radians } from "../../../math";
|
||||
import { point, pointRotateRads } from "../../../math";
|
||||
import { pointFrom, pointRotateRads } from "../../../math";
|
||||
|
||||
// so that window.h is available when App.tsx is not imported as well.
|
||||
createTestHook();
|
||||
|
|
@ -142,7 +142,7 @@ const getElementPointForSelection = (
|
|||
element: ExcalidrawElement,
|
||||
): GlobalPoint => {
|
||||
const { x, y, width, height, angle } = element;
|
||||
const target = point<GlobalPoint>(
|
||||
const target = pointFrom<GlobalPoint>(
|
||||
x +
|
||||
(isLinearElement(element) || isFreeDrawElement(element) ? 0 : width / 2),
|
||||
y,
|
||||
|
|
@ -151,9 +151,12 @@ const getElementPointForSelection = (
|
|||
|
||||
if (isLinearElement(element)) {
|
||||
const bounds = getElementPointsCoords(element, element.points);
|
||||
center = point((bounds[0] + bounds[2]) / 2, (bounds[1] + bounds[3]) / 2);
|
||||
center = pointFrom(
|
||||
(bounds[0] + bounds[2]) / 2,
|
||||
(bounds[1] + bounds[3]) / 2,
|
||||
);
|
||||
} else {
|
||||
center = point(x + width / 2, y + height / 2);
|
||||
center = pointFrom(x + width / 2, y + height / 2);
|
||||
}
|
||||
|
||||
if (isTextElement(element)) {
|
||||
|
|
@ -469,8 +472,8 @@ export class UI {
|
|||
const width = initialWidth ?? initialHeight ?? size;
|
||||
const height = initialHeight ?? size;
|
||||
const points: LocalPoint[] = initialPoints ?? [
|
||||
point(0, 0),
|
||||
point(width, height),
|
||||
pointFrom(0, 0),
|
||||
pointFrom(width, height),
|
||||
];
|
||||
|
||||
UI.clickTool(type);
|
||||
|
|
|
|||
|
|
@ -46,7 +46,7 @@ import { HistoryEntry } from "../history";
|
|||
import { AppStateChange, ElementsChange } from "../change";
|
||||
import { Snapshot, StoreAction } from "../store";
|
||||
import type { LocalPoint, Radians } from "../../math";
|
||||
import { point } from "../../math";
|
||||
import { pointFrom } from "../../math";
|
||||
|
||||
const { h } = window;
|
||||
|
||||
|
|
@ -2041,9 +2041,9 @@ describe("history", () => {
|
|||
width: 178.9000000000001,
|
||||
height: 236.10000000000002,
|
||||
points: [
|
||||
point(0, 0),
|
||||
point(178.9000000000001, 0),
|
||||
point(178.9000000000001, 236.10000000000002),
|
||||
pointFrom(0, 0),
|
||||
pointFrom(178.9000000000001, 0),
|
||||
pointFrom(178.9000000000001, 236.10000000000002),
|
||||
],
|
||||
startBinding: {
|
||||
elementId: "KPrBI4g_v9qUB1XxYLgSz",
|
||||
|
|
@ -2159,11 +2159,11 @@ describe("history", () => {
|
|||
elements: [
|
||||
newElementWith(h.elements[0] as ExcalidrawLinearElement, {
|
||||
points: [
|
||||
point(0, 0),
|
||||
point(5, 5),
|
||||
point(10, 10),
|
||||
point(15, 15),
|
||||
point(20, 20),
|
||||
pointFrom(0, 0),
|
||||
pointFrom(5, 5),
|
||||
pointFrom(10, 10),
|
||||
pointFrom(15, 15),
|
||||
pointFrom(20, 20),
|
||||
] as LocalPoint[],
|
||||
}),
|
||||
],
|
||||
|
|
|
|||
|
|
@ -28,7 +28,7 @@ import { ROUNDNESS, VERTICAL_ALIGN } from "../constants";
|
|||
import { vi } from "vitest";
|
||||
import { arrayToMap } from "../utils";
|
||||
import type { GlobalPoint } from "../../math";
|
||||
import { pointCenter, point } from "../../math";
|
||||
import { pointCenter, pointFrom } from "../../math";
|
||||
|
||||
const renderInteractiveScene = vi.spyOn(
|
||||
InteractiveCanvas,
|
||||
|
|
@ -57,8 +57,8 @@ describe("Test Linear Elements", () => {
|
|||
interactiveCanvas = container.querySelector("canvas.interactive")!;
|
||||
});
|
||||
|
||||
const p1 = point<GlobalPoint>(20, 20);
|
||||
const p2 = point<GlobalPoint>(60, 20);
|
||||
const p1 = pointFrom<GlobalPoint>(20, 20);
|
||||
const p2 = pointFrom<GlobalPoint>(60, 20);
|
||||
const midpoint = pointCenter<GlobalPoint>(p1, p2);
|
||||
const delta = 50;
|
||||
const mouse = new Pointer("mouse");
|
||||
|
|
@ -75,7 +75,7 @@ describe("Test Linear Elements", () => {
|
|||
height: 0,
|
||||
type,
|
||||
roughness,
|
||||
points: [point(0, 0), point(p2[0] - p1[0], p2[1] - p1[1])],
|
||||
points: [pointFrom(0, 0), pointFrom(p2[0] - p1[0], p2[1] - p1[1])],
|
||||
roundness,
|
||||
});
|
||||
API.setElements([line]);
|
||||
|
|
@ -99,9 +99,9 @@ describe("Test Linear Elements", () => {
|
|||
type,
|
||||
roughness,
|
||||
points: [
|
||||
point(0, 0),
|
||||
point(p3[0], p3[1]),
|
||||
point(p2[0] - p1[0], p2[1] - p1[1]),
|
||||
pointFrom(0, 0),
|
||||
pointFrom(p3[0], p3[1]),
|
||||
pointFrom(p2[0] - p1[0], p2[1] - p1[1]),
|
||||
],
|
||||
roundness,
|
||||
});
|
||||
|
|
@ -161,7 +161,7 @@ describe("Test Linear Elements", () => {
|
|||
expect(line.points.length).toEqual(2);
|
||||
|
||||
mouse.clickAt(midpoint[0], midpoint[1]);
|
||||
drag(midpoint, point(midpoint[0] + 1, midpoint[1] + 1));
|
||||
drag(midpoint, pointFrom(midpoint[0] + 1, midpoint[1] + 1));
|
||||
|
||||
expect(line.points.length).toEqual(2);
|
||||
|
||||
|
|
@ -169,7 +169,7 @@ describe("Test Linear Elements", () => {
|
|||
expect(line.y).toBe(originalY);
|
||||
expect(line.points.length).toEqual(2);
|
||||
|
||||
drag(midpoint, point(midpoint[0] + delta, midpoint[1] + delta));
|
||||
drag(midpoint, pointFrom(midpoint[0] + delta, midpoint[1] + delta));
|
||||
expect(line.x).toBe(originalX);
|
||||
expect(line.y).toBe(originalY);
|
||||
expect(line.points.length).toEqual(3);
|
||||
|
|
@ -184,7 +184,7 @@ describe("Test Linear Elements", () => {
|
|||
expect((h.elements[0] as ExcalidrawLinearElement).points.length).toEqual(2);
|
||||
|
||||
// drag line from midpoint
|
||||
drag(midpoint, point(midpoint[0] + delta, midpoint[1] + delta));
|
||||
drag(midpoint, pointFrom(midpoint[0] + delta, midpoint[1] + delta));
|
||||
expect(renderInteractiveScene.mock.calls.length).toMatchInlineSnapshot(`9`);
|
||||
expect(renderStaticScene.mock.calls.length).toMatchInlineSnapshot(`7`);
|
||||
expect(line.points.length).toEqual(3);
|
||||
|
|
@ -248,7 +248,7 @@ describe("Test Linear Elements", () => {
|
|||
mouse.clickAt(midpoint[0], midpoint[1]);
|
||||
expect(line.points.length).toEqual(2);
|
||||
|
||||
drag(midpoint, point(midpoint[0] + 1, midpoint[1] + 1));
|
||||
drag(midpoint, pointFrom(midpoint[0] + 1, midpoint[1] + 1));
|
||||
expect(line.x).toBe(originalX);
|
||||
expect(line.y).toBe(originalY);
|
||||
expect(line.points.length).toEqual(3);
|
||||
|
|
@ -261,7 +261,7 @@ describe("Test Linear Elements", () => {
|
|||
enterLineEditingMode(line);
|
||||
|
||||
// drag line from midpoint
|
||||
drag(midpoint, point(midpoint[0] + delta, midpoint[1] + delta));
|
||||
drag(midpoint, pointFrom(midpoint[0] + delta, midpoint[1] + delta));
|
||||
expect(renderInteractiveScene.mock.calls.length).toMatchInlineSnapshot(
|
||||
`12`,
|
||||
);
|
||||
|
|
@ -356,7 +356,7 @@ describe("Test Linear Elements", () => {
|
|||
const startPoint = pointCenter(points[0], midPoints[0]!);
|
||||
const deltaX = 50;
|
||||
const deltaY = 20;
|
||||
const endPoint = point<GlobalPoint>(
|
||||
const endPoint = pointFrom<GlobalPoint>(
|
||||
startPoint[0] + deltaX,
|
||||
startPoint[1] + deltaY,
|
||||
);
|
||||
|
|
@ -399,8 +399,8 @@ describe("Test Linear Elements", () => {
|
|||
// This is the expected midpoint for line with round edge
|
||||
// hence hardcoding it so if later some bug is introduced
|
||||
// this will fail and we can fix it
|
||||
const firstSegmentMidpoint = point<GlobalPoint>(55, 45);
|
||||
const lastSegmentMidpoint = point<GlobalPoint>(75, 40);
|
||||
const firstSegmentMidpoint = pointFrom<GlobalPoint>(55, 45);
|
||||
const lastSegmentMidpoint = pointFrom<GlobalPoint>(75, 40);
|
||||
|
||||
let line: ExcalidrawLinearElement;
|
||||
|
||||
|
|
@ -416,7 +416,7 @@ describe("Test Linear Elements", () => {
|
|||
// drag line via first segment midpoint
|
||||
drag(
|
||||
firstSegmentMidpoint,
|
||||
point(
|
||||
pointFrom(
|
||||
firstSegmentMidpoint[0] + delta,
|
||||
firstSegmentMidpoint[1] + delta,
|
||||
),
|
||||
|
|
@ -426,7 +426,10 @@ describe("Test Linear Elements", () => {
|
|||
// drag line from last segment midpoint
|
||||
drag(
|
||||
lastSegmentMidpoint,
|
||||
point(lastSegmentMidpoint[0] + delta, lastSegmentMidpoint[1] + delta),
|
||||
pointFrom(
|
||||
lastSegmentMidpoint[0] + delta,
|
||||
lastSegmentMidpoint[1] + delta,
|
||||
),
|
||||
);
|
||||
|
||||
expect(renderInteractiveScene.mock.calls.length).toMatchInlineSnapshot(
|
||||
|
|
@ -475,10 +478,10 @@ describe("Test Linear Elements", () => {
|
|||
h.state,
|
||||
);
|
||||
|
||||
const hitCoords = point<GlobalPoint>(points[0][0], points[0][1]);
|
||||
const hitCoords = pointFrom<GlobalPoint>(points[0][0], points[0][1]);
|
||||
|
||||
// Drag from first point
|
||||
drag(hitCoords, point(hitCoords[0] - delta, hitCoords[1] - delta));
|
||||
drag(hitCoords, pointFrom(hitCoords[0] - delta, hitCoords[1] - delta));
|
||||
|
||||
expect(renderInteractiveScene.mock.calls.length).toMatchInlineSnapshot(
|
||||
`12`,
|
||||
|
|
@ -516,10 +519,10 @@ describe("Test Linear Elements", () => {
|
|||
h.state,
|
||||
);
|
||||
|
||||
const hitCoords = point<GlobalPoint>(points[0][0], points[0][1]);
|
||||
const hitCoords = pointFrom<GlobalPoint>(points[0][0], points[0][1]);
|
||||
|
||||
// Drag from first point
|
||||
drag(hitCoords, point(hitCoords[0] + delta, hitCoords[1] + delta));
|
||||
drag(hitCoords, pointFrom(hitCoords[0] + delta, hitCoords[1] + delta));
|
||||
|
||||
expect(renderInteractiveScene.mock.calls.length).toMatchInlineSnapshot(
|
||||
`12`,
|
||||
|
|
@ -556,7 +559,7 @@ describe("Test Linear Elements", () => {
|
|||
// dragging line from last segment midpoint
|
||||
drag(
|
||||
lastSegmentMidpoint,
|
||||
point(lastSegmentMidpoint[0] + 50, lastSegmentMidpoint[1] + 50),
|
||||
pointFrom(lastSegmentMidpoint[0] + 50, lastSegmentMidpoint[1] + 50),
|
||||
);
|
||||
expect(line.points.length).toEqual(4);
|
||||
|
||||
|
|
@ -589,11 +592,11 @@ describe("Test Linear Elements", () => {
|
|||
// This is the expected midpoint for line with round edge
|
||||
// hence hardcoding it so if later some bug is introduced
|
||||
// this will fail and we can fix it
|
||||
const firstSegmentMidpoint = point<GlobalPoint>(
|
||||
const firstSegmentMidpoint = pointFrom<GlobalPoint>(
|
||||
55.9697848965255,
|
||||
47.442326230998205,
|
||||
);
|
||||
const lastSegmentMidpoint = point<GlobalPoint>(
|
||||
const lastSegmentMidpoint = pointFrom<GlobalPoint>(
|
||||
76.08587175006699,
|
||||
43.294165939653226,
|
||||
);
|
||||
|
|
@ -612,7 +615,7 @@ describe("Test Linear Elements", () => {
|
|||
// drag line from first segment midpoint
|
||||
drag(
|
||||
firstSegmentMidpoint,
|
||||
point(
|
||||
pointFrom(
|
||||
firstSegmentMidpoint[0] + delta,
|
||||
firstSegmentMidpoint[1] + delta,
|
||||
),
|
||||
|
|
@ -622,7 +625,10 @@ describe("Test Linear Elements", () => {
|
|||
// drag line from last segment midpoint
|
||||
drag(
|
||||
lastSegmentMidpoint,
|
||||
point(lastSegmentMidpoint[0] + delta, lastSegmentMidpoint[1] + delta),
|
||||
pointFrom(
|
||||
lastSegmentMidpoint[0] + delta,
|
||||
lastSegmentMidpoint[1] + delta,
|
||||
),
|
||||
);
|
||||
expect(renderInteractiveScene.mock.calls.length).toMatchInlineSnapshot(
|
||||
`16`,
|
||||
|
|
@ -669,10 +675,10 @@ describe("Test Linear Elements", () => {
|
|||
h.state,
|
||||
);
|
||||
|
||||
const hitCoords = point<GlobalPoint>(points[0][0], points[0][1]);
|
||||
const hitCoords = pointFrom<GlobalPoint>(points[0][0], points[0][1]);
|
||||
|
||||
// Drag from first point
|
||||
drag(hitCoords, point(hitCoords[0] - delta, hitCoords[1] - delta));
|
||||
drag(hitCoords, pointFrom(hitCoords[0] - delta, hitCoords[1] - delta));
|
||||
|
||||
const newPoints = LinearElementEditor.getPointsGlobalCoordinates(
|
||||
line,
|
||||
|
|
@ -717,10 +723,10 @@ describe("Test Linear Elements", () => {
|
|||
h.state,
|
||||
);
|
||||
|
||||
const hitCoords = point<GlobalPoint>(points[0][0], points[0][1]);
|
||||
const hitCoords = pointFrom<GlobalPoint>(points[0][0], points[0][1]);
|
||||
|
||||
// Drag from first point
|
||||
drag(hitCoords, point(hitCoords[0] + delta, hitCoords[1] + delta));
|
||||
drag(hitCoords, pointFrom(hitCoords[0] + delta, hitCoords[1] + delta));
|
||||
|
||||
expect(renderInteractiveScene.mock.calls.length).toMatchInlineSnapshot(
|
||||
`12`,
|
||||
|
|
@ -751,7 +757,10 @@ describe("Test Linear Elements", () => {
|
|||
|
||||
drag(
|
||||
lastSegmentMidpoint,
|
||||
point(lastSegmentMidpoint[0] + delta, lastSegmentMidpoint[1] + delta),
|
||||
pointFrom(
|
||||
lastSegmentMidpoint[0] + delta,
|
||||
lastSegmentMidpoint[1] + delta,
|
||||
),
|
||||
);
|
||||
expect(line.points.length).toEqual(4);
|
||||
|
||||
|
|
@ -811,8 +820,8 @@ describe("Test Linear Elements", () => {
|
|||
API.setSelectedElements([line]);
|
||||
enterLineEditingMode(line, true);
|
||||
drag(
|
||||
point(line.points[0][0] + line.x, line.points[0][1] + line.y),
|
||||
point(
|
||||
pointFrom(line.points[0][0] + line.x, line.points[0][1] + line.y),
|
||||
pointFrom(
|
||||
dragEndPositionOffset[0] + line.x,
|
||||
dragEndPositionOffset[1] + line.y,
|
||||
),
|
||||
|
|
@ -927,14 +936,14 @@ describe("Test Linear Elements", () => {
|
|||
// This is the expected midpoint for line with round edge
|
||||
// hence hardcoding it so if later some bug is introduced
|
||||
// this will fail and we can fix it
|
||||
const firstSegmentMidpoint = point<GlobalPoint>(
|
||||
const firstSegmentMidpoint = pointFrom<GlobalPoint>(
|
||||
55.9697848965255,
|
||||
47.442326230998205,
|
||||
);
|
||||
// drag line from first segment midpoint
|
||||
drag(
|
||||
firstSegmentMidpoint,
|
||||
point(
|
||||
pointFrom(
|
||||
firstSegmentMidpoint[0] + delta,
|
||||
firstSegmentMidpoint[1] + delta,
|
||||
),
|
||||
|
|
@ -1151,7 +1160,7 @@ describe("Test Linear Elements", () => {
|
|||
);
|
||||
|
||||
// Drag from last point
|
||||
drag(points[1], point(points[1][0] + 300, points[1][1]));
|
||||
drag(points[1], pointFrom(points[1][0] + 300, points[1][1]));
|
||||
|
||||
expect({ width: container.width, height: container.height })
|
||||
.toMatchInlineSnapshot(`
|
||||
|
|
@ -1350,11 +1359,11 @@ describe("Test Linear Elements", () => {
|
|||
[
|
||||
{
|
||||
index: 0,
|
||||
point: point(line.points[0][0] + 10, line.points[0][1] + 10),
|
||||
point: pointFrom(line.points[0][0] + 10, line.points[0][1] + 10),
|
||||
},
|
||||
{
|
||||
index: line.points.length - 1,
|
||||
point: point(
|
||||
point: pointFrom(
|
||||
line.points[line.points.length - 1][0] - 10,
|
||||
line.points[line.points.length - 1][1] - 10,
|
||||
),
|
||||
|
|
|
|||
|
|
@ -17,7 +17,7 @@ import { isLinearElement } from "../element/typeChecks";
|
|||
import { LinearElementEditor } from "../element/linearElementEditor";
|
||||
import { arrayToMap } from "../utils";
|
||||
import type { LocalPoint } from "../../math";
|
||||
import { point } from "../../math";
|
||||
import { pointFrom } from "../../math";
|
||||
|
||||
ReactDOM.unmountComponentAtNode(document.getElementById("root")!);
|
||||
|
||||
|
|
@ -220,12 +220,17 @@ describe("generic element", () => {
|
|||
|
||||
describe.each(["line", "freedraw"] as const)("%s element", (type) => {
|
||||
const points: Record<typeof type, LocalPoint[]> = {
|
||||
line: [point(0, 0), point(60, -20), point(20, 40), point(-40, 0)],
|
||||
line: [
|
||||
pointFrom(0, 0),
|
||||
pointFrom(60, -20),
|
||||
pointFrom(20, 40),
|
||||
pointFrom(-40, 0),
|
||||
],
|
||||
freedraw: [
|
||||
point(0, 0),
|
||||
point(-2.474600807561444, 41.021700699972),
|
||||
point(3.6627956000014024, 47.84174560617245),
|
||||
point(40.495224145598115, 47.15909710753482),
|
||||
pointFrom(0, 0),
|
||||
pointFrom(-2.474600807561444, 41.021700699972),
|
||||
pointFrom(3.6627956000014024, 47.84174560617245),
|
||||
pointFrom(40.495224145598115, 47.15909710753482),
|
||||
],
|
||||
};
|
||||
|
||||
|
|
@ -293,11 +298,11 @@ describe("arrow element", () => {
|
|||
it("resizes with a label", async () => {
|
||||
const arrow = UI.createElement("arrow", {
|
||||
points: [
|
||||
point(0, 0),
|
||||
point(40, 140),
|
||||
point(80, 60), // label's anchor
|
||||
point(180, 20),
|
||||
point(200, 120),
|
||||
pointFrom(0, 0),
|
||||
pointFrom(40, 140),
|
||||
pointFrom(80, 60), // label's anchor
|
||||
pointFrom(180, 20),
|
||||
pointFrom(200, 120),
|
||||
],
|
||||
});
|
||||
const label = await UI.editText(arrow, "Hello");
|
||||
|
|
@ -747,24 +752,24 @@ describe("multiple selection", () => {
|
|||
x: 60,
|
||||
y: 40,
|
||||
points: [
|
||||
point(0, 0),
|
||||
point(-40, 40),
|
||||
point(-60, 0),
|
||||
point(0, -40),
|
||||
point(40, 20),
|
||||
point(0, 40),
|
||||
pointFrom(0, 0),
|
||||
pointFrom(-40, 40),
|
||||
pointFrom(-60, 0),
|
||||
pointFrom(0, -40),
|
||||
pointFrom(40, 20),
|
||||
pointFrom(0, 40),
|
||||
],
|
||||
});
|
||||
const freedraw = UI.createElement("freedraw", {
|
||||
x: 63.56072661326618,
|
||||
y: 100,
|
||||
points: [
|
||||
point(0, 0),
|
||||
point(-43.56072661326618, 18.15048126846341),
|
||||
point(-43.56072661326618, 29.041198460587566),
|
||||
point(-38.115368017204105, 42.652452795512204),
|
||||
point(-19.964886748740696, 66.24829266003775),
|
||||
point(19.056612930986716, 77.1390098521619),
|
||||
pointFrom(0, 0),
|
||||
pointFrom(-43.56072661326618, 18.15048126846341),
|
||||
pointFrom(-43.56072661326618, 29.041198460587566),
|
||||
pointFrom(-38.115368017204105, 42.652452795512204),
|
||||
pointFrom(-19.964886748740696, 66.24829266003775),
|
||||
pointFrom(19.056612930986716, 77.1390098521619),
|
||||
],
|
||||
});
|
||||
|
||||
|
|
@ -1101,13 +1106,13 @@ describe("multiple selection", () => {
|
|||
x: 60,
|
||||
y: 0,
|
||||
points: [
|
||||
point(0, 0),
|
||||
point(-40, 40),
|
||||
point(-20, 60),
|
||||
point(20, 20),
|
||||
point(40, 40),
|
||||
point(-20, 100),
|
||||
point(-60, 60),
|
||||
pointFrom(0, 0),
|
||||
pointFrom(-40, 40),
|
||||
pointFrom(-20, 60),
|
||||
pointFrom(20, 20),
|
||||
pointFrom(40, 40),
|
||||
pointFrom(-20, 100),
|
||||
pointFrom(-60, 60),
|
||||
],
|
||||
});
|
||||
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue