xuyue/ojnext
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: reset collapsed state when new flowchart is pinned

Browse Source
This commit is contained in:
yuetsh
2026-05-25 00:18:00 -06:00
parent c898b94174
commit 9f18ba900a
1 changed files with 6 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/shared/components/PinnedFlowchartPanel.vue
View File

@@ -5,7 +5,10 @@
class="pinned-panel" class="pinned-panel"
:style="{ left: `${x}px`, top: `${y}px` }" :style="{ left: `${x}px`, top: `${y}px` }"
> >
<n-card size="small" :content-style="collapsed ? 'display:none' : 'padding:8px'"> <n-card
size="small"
:content-style="collapsed ? 'display:none' : 'padding:8px'"
>
<template #header> <template #header>
<div ref="handle" class="pinned-handle"> <div ref="handle" class="pinned-handle">
<n-flex align="center" :size="8"> <n-flex align="center" :size="8">
@@ -60,7 +63,8 @@ const { x, y } = useDraggable(panelRef, {
watch( watch(
() => store.mermaidCode, () => store.mermaidCode,
async (code) => { async (code) => {
if (!code || collapsed.value) return if (!code) return
collapsed.value = false
await nextTick() await nextTick()
await renderFlowchart(mermaidContainer.value, code) await renderFlowchart(mermaidContainer.value, code)
}, },