fix(preview): 首页图片预览 - 复用画布查看器 (#448)

2026-09-09 06:48:09 +08:00
parent 65f4339e2e
commit 59ecfec3e0
6 changed files with 63 additions and 92 deletions
--- a/web/src/components/canvas/canvas-image-preview.tsx
+++ b/web/src/components/canvas/canvas-image-preview.tsx
@@ -0,0 +1,27 @@
+import { Image } from "antd";
+
+type CanvasImagePreviewProps = {
+    src: string;
+    alt?: string;
+    onClose: () => void;
+};
+
+export function CanvasImagePreview({ src, alt = "图片", onClose }: CanvasImagePreviewProps) {
+    if (!src) return null;
+
+    return (
+        <Image
+            src={src}
+            alt={alt}
+            style={{ display: "none" }}
+            preview={{
+                open: true,
+                movable: true,
+                minScale: 0.5,
+                maxScale: 12,
+                scaleStep: 0.25,
+                onOpenChange: (open) => !open && onClose(),
+            }}
+        />
+    );
+}