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

support labelled arrows

Browse source
This commit is contained in:
Aakansha Doshi 2023-05-16 17:49:24 +05:30
parent fbf2d533c0
commit a443d65512
2 changed files with 34 additions and 15 deletions
Download patch file Download diff file Expand all files Collapse all files

9
src/element/newElement.ts
View file

@ -667,13 +667,8 @@ export const convertToExcalidrawElements = (
if (!element) {
return;
}
if (
isValidTextContainer(element) &&
element?.label?.text &&
(element.type === "rectangle" ||
element.type === "ellipse" ||
element.type === "diamond")
) {
if (isValidTextContainer(element) && element?.label?.text) {
//@ts-ignore
const elements = bindTextToContainer(element, element.label);
res.push(...elements);
} else {

40
src/element/textElement.ts
View file

@ -2,6 +2,7 @@ import { getFontString, arrayToMap, isTestEnv } from "../utils";
import {
ExcalidrawElement,
ExcalidrawGenericElement,
ExcalidrawLinearElement,
ExcalidrawTextContainer,
ExcalidrawTextElement,
ExcalidrawTextElementWithContainer,
@ -34,7 +35,7 @@ import {
updateOriginalContainerCache,
} from "./textWysiwyg";
import { ExtractSetType, MarkOptional } from "../utility-types";
import { ElementConstructorOpts } from "./newElement";
import { ElementConstructorOpts, newLinearElement } from "./newElement";
export const normalizeText = (text: string) => {
return (
@ -90,7 +91,7 @@ export const redrawTextBoundingBox = (
textElement as ExcalidrawTextElementWithContainer,
);
const maxContainerWidth = getBoundTextMaxWidth(container);
console.log(metrics, maxContainerWidth, container);
if (metrics.height > maxContainerHeight) {
const nextHeight = computeContainerDimensionForBoundText(
metrics.height,
@ -984,15 +985,38 @@ export const getDefaultLineHeight = (fontFamily: FontFamilyValues) => {
export const bindTextToContainer = (
containerProps:
| {
type: Exclude<ExcalidrawGenericElement["type"], "selection">;
type:
| Exclude<ExcalidrawGenericElement["type"], "selection">
| ExcalidrawLinearElement["type"];
} & MarkOptional<ElementConstructorOpts, "x" | "y">,
textProps: { text: string } & MarkOptional<ElementConstructorOpts, "x" | "y">,
) => {
const container = newElement({
x: 0,
y: 0,
...containerProps,
});
let container;
if (containerProps.type === "arrow") {
container = newLinearElement({
//@ts-ignore
x: 0,
//@ts-ignore
y: 0,
//@ts-ignore
type: containerProps.type,
//@ts-ignore,
endArrowhead: containerProps.type === "arrow" ? "arrow" : null,
//@ts-ignore
points: [
[0, 0],
[300, 0],
],
...containerProps,
});
} else {
//@ts-ignore
container = newElement({
x: 0,
y: 0,
...containerProps,
});
}
const textElement: ExcalidrawTextElement = newTextElement({
x: 0,
y: 0,