Northern_Lights/cherry-studio
1
0
Fork 0
mirror of https://github.com/CherryHQ/cherry-studio.git synced 2026-01-06 21:35:52 +08:00
Code Issues Actions 3 Packages Projects Releases Wiki Activity

feat: make MarkdownSvgRenderer clickable

Browse Source
This commit is contained in:
one 2025-08-16 19:10:38 +08:00
parent 51a5ca76ae
commit 73af8fbb8c
1 changed files with 9 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
src/renderer/src/pages/home/Markdown/MarkdownSvgRenderer.tsx
View File

@ -1,5 +1,6 @@
import { ImagePreviewService } from '@renderer/services/ImagePreviewService'
import { makeSvgSizeAdaptive } from '@renderer/utils/image' import { makeSvgSizeAdaptive } from '@renderer/utils/image'
import React, { FC, useEffect, useRef } from 'react' import React, { FC, useCallback, useEffect, useRef } from 'react'
interface SvgProps extends React.SVGProps<SVGSVGElement> { interface SvgProps extends React.SVGProps<SVGSVGElement> {
'data-needs-measurement'?: 'true' 'data-needs-measurement'?: 'true'
@ -33,8 +34,13 @@ const MarkdownSvgRenderer: FC<SvgProps> = (props) => {
} }
}, [needsMeasurement]) }, [needsMeasurement])
const onClick = useCallback(() => {
if (!svgRef.current) return
ImagePreviewService.show(svgRef.current, { format: 'svg' })
}, [])
// Create a mutable copy of props to potentially modify. // Create a mutable copy of props to potentially modify.
const finalProps = { ...restProps } const finalProps = { ...restProps, style: { cursor: 'pointer', ...restProps.style } }
// If the SVG has been measured and mutated, we prevent React from // If the SVG has been measured and mutated, we prevent React from
// re-applying the original width and height attributes on subsequent renders. // re-applying the original width and height attributes on subsequent renders.
@ -44,7 +50,7 @@ const MarkdownSvgRenderer: FC<SvgProps> = (props) => {
delete finalProps.height delete finalProps.height
} }
return <svg ref={svgRef} {...finalProps} /> return <svg ref={svgRef} {...finalProps} onClick={onClick} />
} }
export default MarkdownSvgRenderer export default MarkdownSvgRenderer