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 id as well for elements

Browse source
This commit is contained in:
Aakansha Doshi 2023-05-23 13:21:22 +05:30
parent b783b822d6
commit 75cfe54b15
2 changed files with 15 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

10
src/data/types.ts
View file

@ -47,6 +47,7 @@ export interface ImportedDataState {
elements?: elements?:
| readonly ( | readonly (
| (ExcalidrawElement & { | (ExcalidrawElement & {
id?: ExcalidrawElement["id"];
label?: { label?: {
text: string; text: string;
fontSize?: number; fontSize?: number;
@ -60,6 +61,7 @@ export interface ImportedDataState {
typeof ELEMENTS_SUPPORTING_PROGRAMMATIC_API[number], typeof ELEMENTS_SUPPORTING_PROGRAMMATIC_API[number],
"text" "text"
>; >;
id?: ExcalidrawElement["id"];
label?: { label?: {
text: string; text: string;
fontSize?: number; fontSize?: number;
@ -82,11 +84,11 @@ export interface ImportedDataState {
verticalAlign?: VerticalAlign; verticalAlign?: VerticalAlign;
} & MarkOptional<ElementConstructorOpts, "x" | "y">; } & MarkOptional<ElementConstructorOpts, "x" | "y">;
start?: { start?: {
type: ExcalidrawBindableElement["type"] & ElementConstructorOpts; type: ExcalidrawBindableElement["type"];
}; } & MarkOptional<ElementConstructorOpts, "x" | "y">;
end?: { end?: {
type: ExcalidrawBindableElement["type"] & ElementConstructorOpts; type: ExcalidrawBindableElement["type"];
}; } & MarkOptional<ElementConstructorOpts, "x" | "y">;
} & ElementConstructorOpts) } & ElementConstructorOpts)
)[] )[]
| null; | null;

9
src/packages/excalidraw/example/App.tsx
View file

@ -187,6 +187,7 @@ export default function App({ appTitle, useCustom, customArgs }: AppProps) {
[ [
{ {
type: "rectangle", type: "rectangle",
id: "rect-1",
fillStyle: "hachure", fillStyle: "hachure",
strokeWidth: 1, strokeWidth: 1,
strokeStyle: "solid", strokeStyle: "solid",
@ -203,6 +204,14 @@ export default function App({ appTitle, useCustom, customArgs }: AppProps) {
value: 32, value: 32,
}, },
}, },
{
type: "arrow",
x: -160,
y: 300,
start: { type: "rectangle", width: 300, height: 300 },
end: { type: "ellipse" },
},
], ],
null, null,
), ),