a0f9b0b6fd
- 更新了 KnowledgeBaseManager 以支持新的文件管理方法。 - 在 workspace_router 中为知识库文件操作新增了端点，包括文件树列表、文件预览和文件下载。 - 在 workspace_api.js 中添加了相应的 API 调用，用于知识库交互。 - 增强了 AgentFilePreview 组件，支持预览变体之间的切换。 - 更新了导航逻辑，重定向至知识管理标签页，而非数据库视图。 - 修改了 WorkspaceView 以处理知识库条目和预览，包括加载和展示知识文件。 - 通过在文件操作期间提供加载与错误状态的反馈，改善了用户体验。
110 lines
2.3 KiB
Vue
110 lines
2.3 KiB
Vue
<template>
|
|
<aside class="workspace-preview-pane">
|
|
<AgentFilePreview
|
|
v-if="file"
|
|
:file="file"
|
|
:file-path="filePath"
|
|
:show-download="false"
|
|
:show-close="true"
|
|
close-variant="collapse-right"
|
|
:show-fullscreen="true"
|
|
:full-height="true"
|
|
:editable="editable"
|
|
:saving="saving"
|
|
container-class="workspace-preview-container"
|
|
content-class="workspace-preview-content"
|
|
@close="$emit('close')"
|
|
@save="$emit('save', $event)"
|
|
@switch-variant="$emit('switchVariant', $event)"
|
|
/>
|
|
<div v-else-if="loading" class="preview-state">
|
|
<a-spin />
|
|
<span>正在加载预览...</span>
|
|
</div>
|
|
<div v-else class="preview-empty">
|
|
<FileSearch :size="28" />
|
|
<h3>选择文件以预览</h3>
|
|
<p>支持 Markdown、TXT 编辑，其他格式保持只读预览。</p>
|
|
</div>
|
|
</aside>
|
|
</template>
|
|
|
|
<script setup>
|
|
import { FileSearch } from 'lucide-vue-next'
|
|
import AgentFilePreview from '@/components/AgentFilePreview.vue'
|
|
|
|
defineProps({
|
|
file: { type: Object, default: null },
|
|
filePath: { type: String, default: '' },
|
|
loading: { type: Boolean, default: false },
|
|
editable: { type: Boolean, default: false },
|
|
saving: { type: Boolean, default: false }
|
|
})
|
|
|
|
defineEmits(['close', 'save', 'switchVariant'])
|
|
</script>
|
|
|
|
<style scoped lang="less">
|
|
.workspace-preview-pane {
|
|
min-width: 0;
|
|
min-height: 0;
|
|
border-left: 1px solid var(--gray-100);
|
|
background: var(--gray-0);
|
|
overflow: hidden;
|
|
}
|
|
|
|
:deep(.workspace-preview-container) {
|
|
height: 100%;
|
|
border-radius: 0;
|
|
}
|
|
|
|
:deep(.workspace-preview-content) {
|
|
flex: 1 1 auto;
|
|
max-height: none;
|
|
min-height: 0;
|
|
}
|
|
|
|
:deep(.workspace-preview-content .html-preview),
|
|
:deep(.workspace-preview-content .pdf-preview) {
|
|
display: block;
|
|
height: 100%;
|
|
min-height: 100%;
|
|
}
|
|
|
|
.preview-state,
|
|
.preview-empty {
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
justify-content: center;
|
|
height: 100%;
|
|
min-height: 260px;
|
|
padding: 24px;
|
|
color: var(--gray-500);
|
|
text-align: center;
|
|
}
|
|
|
|
.preview-state {
|
|
gap: 10px;
|
|
}
|
|
|
|
.preview-empty {
|
|
gap: 8px;
|
|
|
|
h3 {
|
|
margin: 6px 0 0;
|
|
color: var(--gray-800);
|
|
font-size: 15px;
|
|
font-weight: 600;
|
|
}
|
|
|
|
p {
|
|
max-width: 240px;
|
|
margin: 0;
|
|
color: var(--gray-500);
|
|
font-size: 13px;
|
|
line-height: 1.6;
|
|
}
|
|
}
|
|
</style>
|