gaschz/trilium
1
0
Fork 0
mirror of https://github.com/zadam/trilium.git synced 2025-11-11 08:58:58 +01:00
Code Issues Actions 11 Packages Projects Releases Wiki Activity

chore(type_widgets): save pan & zoom

Browse Source
This commit is contained in:
Elian Doran 2025-09-29 19:41:08 +03:00
parent 39bd236799
commit d2bf972305
No known key found for this signature in database
2 changed files with 10 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
apps/client/src/widgets/type_widgets/RelationMap.tsx
View File

@ -43,6 +43,9 @@ export default function RelationMap({ note }: TypeWidgetProps) {
const spacedUpdate = useEditorSpacedUpdate({
note,
getData() {
return {
content: JSON.stringify(data),
};
},
onContentChange(content) {
if (content) {
@ -72,11 +75,13 @@ export default function RelationMap({ note }: TypeWidgetProps) {
}
})
const onTransform = useCallback(() => {
if (!containerRef.current || !apiRef.current) return;
const onTransform = useCallback((pzInstance: PanZoom) => {
if (!containerRef.current || !apiRef.current || !data) return;
const zoom = getZoom(containerRef.current);
apiRef.current.setZoom(zoom);
}, [ ]);
data.transform = JSON.parse(JSON.stringify(pzInstance.getTransform()));
spacedUpdate.scheduleUpdate();
}, [ data ]);
usePanZoom({
containerRef,
@ -122,7 +127,7 @@ function usePanZoom({ containerRef, options, transformData, onTransform }: {
containerRef: RefObject<HTMLElement>;
options: PanZoomOptions;
transformData: MapData["transform"] | undefined;
onTransform: () => void
onTransform: (pzInstance: PanZoom) => void
}) {
const apiRef = useRef<PanZoom>(null);
@ -140,7 +145,7 @@ function usePanZoom({ containerRef, options, transformData, onTransform }: {
}
if (onTransform) {
apiRef.current!.on("transform", onTransform);
apiRef.current!.on("transform", () => onTransform(pzInstance));
}
return () => pzInstance.dispose();

14
apps/client/src/widgets/type_widgets_old/relation_map.ts
View File

@ -338,14 +338,6 @@ export default class RelationMapTypeWidget extends TypeWidget {
});
}
async initPanZoom() {
const panzoom = (await import("panzoom")).default;
this.pzInstance.on("transform", () => {
this.saveCurrentTransform();
});
}
saveCurrentTransform() {
if (!this.pzInstance) {
return;
@ -577,12 +569,6 @@ export default class RelationMapTypeWidget extends TypeWidget {
};
}
getData() {
return {
content: JSON.stringify(this.mapData)
};
}
async relationMapCreateChildNoteEvent({ ntxId }: EventData<"relationMapCreateChildNote">) {
if (!this.isNoteContext(ntxId)) {
return;