ydy0615/llm-in-text
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(ui): add file explorer, TTS UI, views and routing

Browse Source 
Add a file tree UI and corresponding composable for local file management.
Introduce TTS menu and player components for voice synthesis integration.
Add new EditorView and DocsView routes and update SettingsPanel view switching.
Enhance Mermaid plugin with improved styling and action buttons.
This commit is contained in:
ydy0615
2026-04-05 23:22:00 +08:00
parent 818baa349a
commit 01b132266a
19 changed files with 2118 additions and 171 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/DocBlockCrepe.vue
+38 -4
View File
@@ -182,13 +182,19 @@ onUnmounted(() => {
margin: 8px 0;
border-radius: 12px;
border: 1px solid rgba(59, 130, 246, 0.12);
background: rgba(255, 255, 255, 0.78);
background: rgba(255, 255, 255, 0.8);
box-shadow: 0 2px 8px rgba(59, 130, 246, 0.06), 0 1px 3px rgba(0, 0, 0, 0.04);
overflow: hidden;
backdrop-filter: blur(10px);
position: relative;
}
:root[data-theme='dark'] .doc-card {
background: rgba(26, 30, 39, 0.8);
border-color: rgba(96, 165, 250, 0.15);
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3), 0 1px 3px rgba(0, 0, 0, 0.2);
}
.doc-card__header {
display: grid;
grid-template-columns: auto minmax(0, 1fr) auto;
@@ -196,7 +202,12 @@ onUnmounted(() => {
align-items: center;
padding: 8px 12px;
border-bottom: 1px solid rgba(59, 130, 246, 0.1);
background: rgba(255, 255, 255, 0.6);
background: rgba(255, 255, 255, 0.8);
}
:root[data-theme='dark'] .doc-card__header {
background: rgba(26, 30, 39, 0.8);
border-bottom-color: rgba(96, 165, 250, 0.15);
}
.doc-card__badge {
@@ -225,12 +236,20 @@ onUnmounted(() => {
text-overflow: ellipsis;
}
:root[data-theme='dark'] .doc-card__name {
color: #e5e7eb;
}
.doc-card__time {
margin-top: 2px;
color: #64748b;
font-size: 10px;
}
:root[data-theme='dark'] .doc-card__time {
color: #aeb6c5;
}
.doc-card__actions {
display: flex;
gap: 4px;
@@ -250,6 +269,12 @@ onUnmounted(() => {
transition: all 0.15s ease;
}
:root[data-theme='dark'] .doc-card__btn {
background: rgba(34, 40, 52, 0.5);
border-color: rgba(96, 165, 250, 0.15);
color: #aeb6c5;
}
.doc-card__btn:hover {
background: rgba(59, 130, 246, 0.1);
border-color: rgba(59, 130, 246, 0.25);
@@ -264,17 +289,26 @@ onUnmounted(() => {
.doc-card__body {
padding: 8px 10px;
background: rgba(248, 250, 252, 0.5);
background: rgba(248, 250, 252, 0.8);
}
:root[data-theme='dark'] .doc-card__body {
background: rgba(18, 22, 30, 0.8);
}
.doc-card__editor {
min-height: 48px;
border-radius: 8px;
border: 1px solid rgba(59, 130, 246, 0.08);
background: rgba(255, 255, 255, 0.6);
background: rgba(255, 255, 255, 0.8);
overflow: hidden;
}
:root[data-theme='dark'] .doc-card__editor {
background: rgba(26, 30, 39, 0.8);
border-color: rgba(96, 165, 250, 0.12);
}
.doc-card__editor :deep(.milkdown) {
background: transparent !important;
}