whai/cherry-studio
1
1
Fork 0
Code Issues Pull Requests Actions 2 Packages Projects Releases Wiki Activity

fix: mermaid图渲染有问题 #310

Browse Source
This commit is contained in:
kangfenmao 2024-11-09 14:16:42 +08:00
parent bac3bad8db
commit 68fa2bad15
2 changed files with 10 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/renderer/src/context/SyntaxHighlighterProvider.tsx
View File

@ -36,7 +36,7 @@ export const SyntaxHighlighterProvider: React.FC<PropsWithChildren> = ({ childre
if (!window.mermaid) { if (!window.mermaid) {
await loadScript('https://unpkg.com/mermaid@11.4.0/dist/mermaid.min.js') await loadScript('https://unpkg.com/mermaid@11.4.0/dist/mermaid.min.js')
window.mermaid.initialize({ window.mermaid.initialize({
startOnLoad: true, startOnLoad: false,
theme: theme === ThemeMode.dark ? 'dark' : 'default' theme: theme === ThemeMode.dark ? 'dark' : 'default'
}) })
window.mermaid.contentLoaded() window.mermaid.contentLoaded()

9
src/renderer/src/store/runtime.ts
View File

@ -26,6 +26,15 @@ const runtimeSlice = createSlice({
}, },
setGenerating: (state, action: PayloadAction<boolean>) => { setGenerating: (state, action: PayloadAction<boolean>) => {
state.generating = action.payload state.generating = action.payload
if (!state.generating) {
const mermaidElements = document.querySelectorAll('.mermaid')
for (const element of mermaidElements) {
if (!element.querySelector('svg')) {
element.removeAttribute('data-processed')
}
}
setTimeout(() => window.mermaid.contentLoaded(), 100)
}
}, },
setMinappShow: (state, action: PayloadAction<boolean>) => { setMinappShow: (state, action: PayloadAction<boolean>) => {
state.minappShow = action.payload state.minappShow = action.payload