Split topology page into modules and hooks; add SVG/XML export.

Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
oliver 2026-08-11 22:00:38 +08:00
parent 54ca265430
commit b1aee86701
31 changed files with 6874 additions and 4697 deletions

View file

@ -6433,6 +6433,73 @@ pre {
color: #e2e8f0;
}
.topo-toolbar__export {
position: relative;
}
.topo-toolbar__export > summary {
list-style: none;
cursor: pointer;
user-select: none;
height: 30px;
padding: 0 10px;
border: 1px solid rgba(148, 163, 184, 0.28);
border-radius: 6px;
background: #0b1220;
color: #e2e8f0;
font-size: 12px;
font-weight: 600;
line-height: 1.2;
display: inline-flex;
align-items: center;
}
.topo-toolbar__export > summary::-webkit-details-marker {
display: none;
}
.topo-toolbar__export[open] > summary {
border-color: rgba(59, 130, 246, 0.55);
background: rgba(37, 99, 235, 0.22);
color: #93c5fd;
}
.topo-export-menu {
position: absolute;
top: calc(100% + 4px);
right: 0;
z-index: 20;
min-width: 140px;
padding: 4px;
border: 1px solid rgba(148, 163, 184, 0.28);
border-radius: 8px;
background: #0b1220;
box-shadow: 0 8px 24px rgba(15, 23, 42, 0.45);
}
.topo-export-menu__btn {
display: block;
width: 100%;
padding: 8px 10px;
border: 0;
border-radius: 6px;
background: transparent;
color: #e2e8f0;
font-size: 12px;
text-align: left;
cursor: pointer;
}
.topo-export-menu__btn:hover:not(:disabled) {
background: rgba(37, 99, 235, 0.22);
color: #93c5fd;
}
.topo-export-menu__btn:disabled {
opacity: 0.45;
cursor: not-allowed;
}
.topo-mode-hint {
position: absolute;
top: 10px;