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 creating arrows and line

Browse source
This commit is contained in:
Aakansha Doshi 2023-05-16 16:50:58 +05:30
parent d83860c747
commit fbf2d533c0
2 changed files with 28 additions and 7 deletions
Download patch file Download diff file Expand all files Collapse all files

3
src/data/types.ts
View file

@ -48,8 +48,7 @@ export interface ImportedDataState {
label?: { text: string } & MarkOptional<
ElementConstructorOpts,
"x" | "y"
> &
MarkOptional<ElementConstructorOpts, "x" | "y">;
>;
}
)[]
| null;

32
src/element/newElement.ts
View file

@ -55,6 +55,8 @@ const ELEMENTS_SUPPORTING_PROGRAMMATIC_API = [
"ellipse",
"diamond",
"text",
"arrow",
"line",
];
export type ElementConstructorOpts = MarkOptional<
Omit<ExcalidrawGenericElement, "id" | "type" | "isDeleted" | "updated">,
@ -365,8 +367,8 @@ export const newFreeDrawElement = (
export const newLinearElement = (
opts: {
type: ExcalidrawLinearElement["type"];
startArrowhead: Arrowhead | null;
endArrowhead: Arrowhead | null;
startArrowhead?: Arrowhead | null;
endArrowhead?: Arrowhead | null;
points?: ExcalidrawLinearElement["points"];
} & ElementConstructorOpts,
): NonDeleted<ExcalidrawLinearElement> => {
@ -376,8 +378,8 @@ export const newLinearElement = (
lastCommittedPoint: null,
startBinding: null,
endBinding: null,
startArrowhead: opts.startArrowhead,
endArrowhead: opts.endArrowhead,
startArrowhead: opts.startArrowhead || null,
endArrowhead: opts.endArrowhead || null,
};
};
@ -661,7 +663,6 @@ export const convertToExcalidrawElements = (
if (!elements) {
return [];
}
console.log(elements, "ele ");
elements.forEach((element) => {
if (!element) {
return;
@ -686,6 +687,27 @@ export const convertToExcalidrawElements = (
y: 0,
...element,
});
} else if (element.type === "arrow" || element.type === "line") {
excalidrawElement = newLinearElement({
//@ts-ignore
x: 0,
//@ts-ignore
y: 0,
//@ts-ignore
type: element.type,
//@ts-ignore
width: 200,
//@ts-ignore
height: 24,
//@ts-ignore,
endArrowhead: element.type === "arrow" ? "arrow" : null,
//@ts-ignore
points: [
[0, 0],
[200, 0],
],
...element,
});
} else {
//@ts-ignore
excalidrawElement = newElement({