feat(calendar-lab): replace tldraw with two-layer panzoom canvas

Drop tldraw/React dependency in favor of @panzoom/panzoom with a
two-layer architecture: outline rectangles (borders only) are zoomed
via CSS transforms while HTML content renders at native 1:1 scale
as a fade-in overlay — eliminating blur at any zoom level.

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
Ruslan Bakiev
2026-02-24 01:09:46 +07:00
parent 1db8e58da1
commit b316b024be
2 changed files with 678 additions and 2 deletions

View File

@@ -1,9 +1,9 @@
<script setup lang="ts">
import CrmCalendarZoomTldrawLab from "~~/app/components/workspace/calendar/lab/CrmCalendarZoomTldrawLab.client.vue";
import CrmCalendarZoomCanvasLab from "~~/app/components/workspace/calendar/lab/CrmCalendarZoomCanvasLab.vue";
</script>
<template>
<main class="h-dvh w-full bg-base-200/40 p-2">
<CrmCalendarZoomTldrawLab />
<CrmCalendarZoomCanvasLab />
</main>
</template>