文档上传
上传文档到 RAG 知识库，自动分词 → 向量化 → 存入 PGVector
上传进度：{{ uploadProgress }}%
POST/upload/file（Tika 多格式解析）
{{ validationErrors.file }}
POST/upload/markdown
{{ validationErrors.markdown }}
POST/upload/json/basic（整体解析）
{{ validationErrors.jsonBasic }}
POST/upload/json/fields（按字段名提取）
{{ validationErrors.jsonFields }}
POST/upload/json/pointer（JSON Pointer 路径拆分）
{{ validationErrors.jsonPointer }}
`,
setup() {
const activeSubTab = ref('file')
const uploadCategory = ref('')
const uploadTags = ref('')
const stringTitle = ref('')
const stringContent = ref('')
const jsonFieldsStr = ref('')
const jsonPointerStr = ref('')
const showAdvanced = ref(false)
const chunkSizeOverride = ref(null)
const overlapOverride = ref(null)
const uploadProgress = ref(-1)
// 文件 input 的 ref 引用（Composition API 需要声明才能在模板中使用）
const fileInput = ref(null)
const mdInput = ref(null)
const jsonBInput = ref(null)
const jsonFInput = ref(null)
const jsonPInput = ref(null)
const tagInputRef = ref(null)
// P1-2.3: 标签输入状态
const tagList = ref([])
const tagInputValue = ref('')
const tagInputFocused = ref(false)
const filteredSuggestions = computed(() => {
const input = tagInputValue.value.trim().toLowerCase()
if (!input) return (store.tags || []).slice(0, 10)
return (store.tags || [])
.filter(t => t.tag.toLowerCase().includes(input) && !tagList.value.includes(t.tag))
.slice(0, 8)
})
function addTag() {
const val = tagInputValue.value.trim().replace(/,/g, '')
if (val && !tagList.value.includes(val)) {
tagList.value.push(val)
}
tagInputValue.value = ''
}
function removeTag(idx) {
tagList.value.splice(idx, 1)
}
function selectSuggestion(tag) {
if (!tagList.value.includes(tag)) {
tagList.value.push(tag)
}
tagInputValue.value = ''
tagInputFocused.value = false
}
function onTagInput() {
// 输入时自动显示建议列表
}
function onTagBlur() {
// 延迟关闭建议列表，让 mousedown 事件先触发
setTimeout(() => { tagInputFocused.value = false }, 200)
}
const fileData = reactive({
file: null, markdown: null, jsonBasic: null, jsonFields: null, jsonPointer: null
})
const fileInfo = reactive({
file: '', markdown: '', jsonBasic: '', jsonFields: '', jsonPointer: ''
})
const results = reactive({
file: '', string: '', markdown: '', jsonBasic: '', jsonFields: '', jsonPointer: ''
})
const validationErrors = reactive({
file: '', markdown: '', jsonBasic: '', jsonFields: '', jsonPointer: ''
})
// 检查按钮是否应禁用
const getButtonState = (type) => {
return !fileData[type] || !!validationErrors[type]
}
const subTabs = [
{ key: 'file', icon: '📎', label: '通用文件' },
{ key: 'string', icon: '📝', label: '文本内容' },
{ key: 'markdown', icon: '📑', label: 'Markdown' },
{ key: 'jsonBasic', icon: '📋', label: 'JSON 基本' },
{ key: 'jsonFields', icon: '🔑', label: 'JSON 按字段' },
{ key: 'jsonPointer', icon: '📍', label: 'JSON 按指针' }
]
/**
* 校验文件列表，返回错误信息或空字符串
*/
function validateFiles(files) {
for (const f of files) {
// 文件大小校验
if (f.size > MAX_FILE_SIZE) {
return `文件"${f.name}"超过 50MB 大小限制`
}
// 文件类型校验
const ext = f.name.includes('.') ? f.name.substring(f.name.lastIndexOf('.') + 1).toLowerCase() : ''
if (ext && !ALLOWED_EXTENSIONS.has(ext)) {
return `文件类型".${ext}"不在允许列表中`
}
}
return ''
}
function handleFileSelect(event, type) {
const input = event.target
if (!input.files || input.files.length === 0) return
const files = Array.from(input.files)
// 前端校验
const error = validateFiles(files)
if (error) {
// 校验不通过：清空数据，保持按钮禁用
validationErrors[type] = error
fileData[type] = null
fileInfo[type] = `