Function PreCode

src/renderer/src/components/common/markdown/Markdown.tsx:199–303

(props: { children: any })

}

export function PreCode(props: { children: any }) {
  const ref = useRef<HTMLPreElement>(null)
  const refText = ref.current?.innerText
  const [mermaidCode, setMermaidCode] = useState('')
  const [isCopied, setIsCopied] = useState(false)
  const [isDownloading, setIsDownloading] = useState(false)

  const renderMermaid = useDebouncedCallback(() => {
    if (!ref.current) return
    const mermaidDom = ref.current.querySelector('code.language-mermaid')
    if (mermaidDom) {
      setMermaidCode((mermaidDom as HTMLElement).innerText)
    }
  }, 600)

  useEffect(() => {
    setTimeout(renderMermaid, 1)
    // eslint-disable-next-line react-hooks/exhaustive-deps
  }, [refText])

  const handleCopy = async () => {
    if (ref.current) {
      const code = ref.current.innerText
      const success = await copyToClipboard(code)
      if (success) {
        setIsCopied(true)
        setTimeout(() => setIsCopied(false), 2000)
      }
    }
  }

  const handleDownload = async () => {
    if (ref.current) {
      const code = ref.current.innerText
      const codeElement = ref.current.querySelector('code')
      const language = codeElement?.className.match(/language-(\w+)/)?.[1] || 'txt'

      // 根据语言类型确定文件扩展名
      const extensionMap: Record<string, string> = {
        javascript: 'js',
        typescript: 'ts',
        python: 'py',
        java: 'java',
        cpp: 'cpp',
        csharp: 'cs',
        go: 'go',
        rust: 'rs',
        php: 'php',
        ruby: 'rb',
        swift: 'swift',
        kotlin: 'kt',
        shell: 'sh',
        bash: 'sh',
        powershell: 'ps1',
        json: 'json',
        xml: 'xml',
        yaml: 'yaml',
        yml: 'yml',