From de674ad5508074b37eb76a5c046df4f89a069422 Mon Sep 17 00:00:00 2001
From: imoyy <imoyyi@outlook.com>
Date: Fri, 5 Sep 2025 14:03:19 +0800
Subject: [PATCH] fix(types): correct type definition for SvgPreview.tsx.

---
 .../src/components/Preview/SvgPreview.tsx        | 16 +++++++---------
 1 file changed, 7 insertions(+), 9 deletions(-)

diff --git a/src/renderer/src/components/Preview/SvgPreview.tsx b/src/renderer/src/components/Preview/SvgPreview.tsx
index 673d7ded05..81dd279bba 100644
--- a/src/renderer/src/components/Preview/SvgPreview.tsx
+++ b/src/renderer/src/components/Preview/SvgPreview.tsx
@@ -3,20 +3,18 @@ import { memo, useCallback } from 'react'
 import { useDebouncedRender } from './hooks/useDebouncedRender'
 import ImagePreviewLayout from './ImagePreviewLayout'
 import { ShadowTransparentContainer } from './styles'
-import { BasicPreviewHandles } from './types'
+import { BasicPreviewHandles, type BasicPreviewProps } from './types'
 import { renderSvgInShadowHost } from './utils'
 
-interface SvgPreviewProps {
-  children: string
-  enableToolbar?: boolean
-  className?: string
-  ref?: React.RefObject<BasicPreviewHandles | null>
-}
-
 /**
  * 使用 Shadow DOM 渲染 SVG
  */
-const SvgPreview = ({ children, enableToolbar = false, className, ref }: SvgPreviewProps) => {
+const SvgPreview = ({
+  children,
+  enableToolbar = false,
+  className,
+  ref
+}: BasicPreviewProps & { ref?: React.RefObject<BasicPreviewHandles | null> } & { className?: string }) => {
   // 定义渲染函数
   const renderSvg = useCallback(async (content: string, container: HTMLDivElement) => {
     renderSvgInShadowHost(content, container)