From a64be50b73bad9d962f4ae3fe4c40581db73255a Mon Sep 17 00:00:00 2001
From: tianmo
Date: Sat, 17 Oct 2026 13:46:02 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E5=AE=8C=E5=96=84=E5=AA=92=E4=BD=93?=
=?UTF-8?q?=E7=AE=A1=E7=90=86=E4=B8=8E=E5=A4=87=E4=BB=BD=E8=BF=81=E7=A7=BB?=
=?UTF-8?q?=E6=B5=81=E7=A8=8B?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
- 视频上传生成缩略图并提供占位封面和失败原因展示
- 支持 HLS 按需重新封装 MP4,并限制临时文件生命周期与访问权限
- 完善视频、文件 API 文档、搜索、批量删除和单次转码质量参数
- 修复备份恢复与跨后端迁移遗漏缩略图、HLS 清单和分片的问题
- 将备份任务、归档和下载权限按用户隔离
- 增加仅清理当前用户数据的高危存储清空流程和二次文字确认
- 修复 S3 中文文件名元数据及 CLI 数据库连接问题
- 补充备份恢复、用户隔离、媒体资源和转码相关测试
---
app/components/ClearStorageModal.vue | 159 +++++
app/components/HlsDownloadModal.vue | 100 +++
app/components/MediaSessionCard.vue | 23 +-
app/components/VideoCard.vue | 38 +-
app/components/VideoLibraryPanel.vue | 41 +-
app/components/VideoPreviewModal.vue | 13 +-
app/components/VideoThumbnail.vue | 30 +
app/components/api/ApiDebugger.vue | 29 +-
app/components/api/ApiSidebar.vue | 50 +-
app/components/storage/BackupJobTable.vue | 21 +-
app/composables/useApiDocs.ts | 631 +++++++++++++++++-
app/composables/useMediaUpload.ts | 2 +-
app/composables/useTranscodeFailureLabel.ts | 12 +
app/pages/storage.vue | 41 ++
app/types/file.ts | 2 +
app/types/image.ts | 3 +
docs-site/guide/local-dev.md | 1 +
i18n/locales/en.json | 153 ++++-
i18n/locales/zh-CN.json | 155 ++++-
public/video-placeholder.svg | 17 +
server/api/admin/backup/estimate.get.ts | 16 +-
server/api/admin/backup/export.post.ts | 4 +-
server/api/admin/backup/jobs/[id].get.ts | 4 +-
.../api/admin/backup/jobs/[id]/cancel.post.ts | 7 +-
.../admin/backup/jobs/[id]/download.get.ts | 4 +-
.../api/admin/backup/jobs/[id]/retry.post.ts | 6 +-
server/api/admin/backup/jobs/index.get.ts | 8 +-
server/api/admin/backup/restore.post.ts | 24 +-
server/api/admin/storage/sync.post.ts | 4 +-
server/api/files/hls-mp4.post.ts | 81 +++
server/api/files/index.get.ts | 13 +-
server/api/files/search.get.ts | 16 +
server/api/user/storage/purge.post.ts | 31 +
server/api/videos/search.get.ts | 11 +
server/api/videos/upload.post.ts | 42 +-
server/cli/backup-export.mjs | 9 +-
server/cli/backup-restore.mjs | 13 +-
server/cli/backup-runtime.ts | 5 +
server/cli/storage-sync.mjs | 14 +-
server/plugins/hls-download-cleanup.ts | 11 +
server/plugins/startup.ts | 6 +-
server/utils/backup/backend-sync.ts | 91 +--
server/utils/backup/full-export.test.ts | 106 +++
server/utils/backup/full-export.ts | 51 +-
server/utils/backup/full-restore.ts | 19 +-
server/utils/backup/jobs.ts | 83 ++-
server/utils/backup/runner.ts | 10 +-
server/utils/backup/schema.ts | 18 +
server/utils/constants.ts | 4 +-
server/utils/file-bed.test.ts | 7 +
server/utils/image-index.ts | 40 +-
server/utils/media-assets.test.ts | 67 ++
server/utils/media-assets.ts | 36 +
server/utils/storage-backends.ts | 24 +
server/utils/storage/s3.ts | 14 +-
server/utils/storage/types.ts | 2 +
server/utils/transcode.test.ts | 57 ++
server/utils/transcode.ts | 231 ++++++-
server/utils/user-storage.test.ts | 145 ++++
server/utils/user-storage.ts | 173 +++++
60 files changed, 2703 insertions(+), 325 deletions(-)
create mode 100644 app/components/ClearStorageModal.vue
create mode 100644 app/components/HlsDownloadModal.vue
create mode 100644 app/components/VideoThumbnail.vue
create mode 100644 app/composables/useTranscodeFailureLabel.ts
create mode 100644 public/video-placeholder.svg
create mode 100644 server/api/files/hls-mp4.post.ts
create mode 100644 server/api/files/search.get.ts
create mode 100644 server/api/user/storage/purge.post.ts
create mode 100644 server/api/videos/search.get.ts
create mode 100644 server/cli/backup-runtime.ts
create mode 100644 server/plugins/hls-download-cleanup.ts
create mode 100644 server/utils/backup/full-export.test.ts
create mode 100644 server/utils/media-assets.test.ts
create mode 100644 server/utils/media-assets.ts
create mode 100644 server/utils/user-storage.test.ts
create mode 100644 server/utils/user-storage.ts
diff --git a/app/components/ClearStorageModal.vue b/app/components/ClearStorageModal.vue
new file mode 100644
index 0000000..0d88a0f
--- /dev/null
+++ b/app/components/ClearStorageModal.vue
@@ -0,0 +1,159 @@
+
+
+
+
+
+
+
+
+ {{ t('storage.clearStorageScope') }}
+
+
+
+
+
+ {{ t('storage.clearStorageInstruction') }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/app/components/HlsDownloadModal.vue b/app/components/HlsDownloadModal.vue
new file mode 100644
index 0000000..44226df
--- /dev/null
+++ b/app/components/HlsDownloadModal.vue
@@ -0,0 +1,100 @@
+
+
+
+
+
+
+ {{ t('library.video.downloadMp4Confirm') }}
+
+
+ {{ t('library.video.downloadMp4Working') }}
+
+
+
+
+
+
+
+
+
+
+
diff --git a/app/components/MediaSessionCard.vue b/app/components/MediaSessionCard.vue
index 8a924ae..62054e4 100644
--- a/app/components/MediaSessionCard.vue
+++ b/app/components/MediaSessionCard.vue
@@ -17,6 +17,7 @@ const emit = defineEmits<{
const { formatFileSize } = useFileSize()
const { t, locale } = useI18n()
+const transcodeFailureLabel = useTranscodeFailureLabel()
const { copyFormat } = useUploadPreferences(props.kind)
const copyFormatItems = computed(() => [
@@ -102,22 +103,11 @@ const presetLabel = computed(() => {
-
![]()
-
-
-
+ />
{
color="error"
variant="subtle"
size="xs"
- class="shrink-0"
+ class="max-w-48 shrink-0 truncate"
+ :title="transcodeFailureLabel(item.transcodeError)"
>
- {{ t('library.transcodeFailed') }}
+ {{ transcodeFailureLabel(item.transcodeError) }}
()
const { formatFileSize } = useFileSize()
const { t, locale } = useI18n()
+const transcodeFailureLabel = useTranscodeFailureLabel()
/** 转码完成后按 HLS 播放列表展示 */
const displayName = computed(() => {
@@ -37,34 +39,15 @@ const uploadedLabel = computed(() => {
return props.item.uploadedAt
}
})
-
-const thumbFailed = ref(false)
-
-watch(() => props.item.thumbUrl, () => {
- thumbFailed.value = false
-})
-
![]()
-
-
-
+ />
@@ -162,6 +147,15 @@ watch(() => props.item.thumbUrl, () => {
rel="noopener"
:aria-label="t('files.download')"
/>
+
([])
const total = ref(0)
@@ -27,6 +28,8 @@ const deleteTargetKeys = ref([])
const deleting = ref(false)
const previewOpen = ref(false)
const previewItem = ref(null)
+const downloadOpen = ref(false)
+const downloadItem = ref(null)
const currentBackend = ref('all')
const currentSource = ref('all')
@@ -66,7 +69,7 @@ function videoLink(item: FileItem): string {
}
function thumbLink(item: FileItem): string {
- return withToken(item.thumbUrl)
+ return withToken(item.thumbUrl) || '/video-placeholder.svg'
}
function downloadUrl(item: FileItem): string {
@@ -264,6 +267,13 @@ function openPreview(item: FileItem) {
previewOpen.value = true
}
+function requestDownload(item: FileItem | null) {
+ if (!item?.hlsUrl) return
+ previewOpen.value = false
+ downloadItem.value = item
+ downloadOpen.value = true
+}
+
onMounted(() => {
void loadBackendOptions()
})
@@ -514,6 +524,7 @@ defineExpose({ refresh })
:selected="selectedKeys.has(item.key)"
@update:selected="toggleSelected(item.key, $event)"
@play="openPreview(item)"
+ @download="requestDownload(item)"
@delete="requestDelete(item)"
/>
@@ -577,17 +588,9 @@ defineExpose({ refresh })
:aria-label="t('library.play')"
@click="openPreview(item)"
>
-
![]()
-
- {{ t('library.transcodeFailed') }}
+ {{ transcodeFailureLabel(item.transcodeError) }}
@@ -695,6 +699,15 @@ defineExpose({ refresh })
rel="noopener"
:aria-label="t('files.download')"
/>
+
+
+
diff --git a/app/components/VideoPreviewModal.vue b/app/components/VideoPreviewModal.vue
index bcd7f30..a090855 100644
--- a/app/components/VideoPreviewModal.vue
+++ b/app/components/VideoPreviewModal.vue
@@ -20,11 +20,13 @@ const props = withDefaults(defineProps<{
const emit = defineEmits<{
'update:open': [value: boolean]
'delete': []
+ 'download': []
}>()
const toast = useToast()
const { formatFileSize } = useFileSize()
const { t, locale } = useI18n()
+const transcodeFailureLabel = useTranscodeFailureLabel()
const { copyFormat } = useUploadPreferences('video')
const videoEl = ref(null)
@@ -80,7 +82,7 @@ const transcodeLabel = computed(() => {
case 'done':
return t('library.video.transcodeDone')
case 'failed':
- return t('library.transcodeFailed')
+ return transcodeFailureLabel(item.transcodeError)
default:
return t('library.video.transcodeNone')
}
@@ -498,6 +500,15 @@ function downloadOriginal() {
size="sm"
@click="downloadOriginal"
/>
+
+const props = defineProps<{
+ src?: string
+ alt: string
+}>()
+
+const failed = ref(false)
+
+watch(() => props.src, () => {
+ failed.value = false
+})
+
+
+
+
+
+
diff --git a/app/components/api/ApiDebugger.vue b/app/components/api/ApiDebugger.vue
index 6dbd49f..3c54635 100644
--- a/app/components/api/ApiDebugger.vue
+++ b/app/components/api/ApiDebugger.vue
@@ -65,8 +65,14 @@ function resetForm() {
if (!isDebugParam(param)) continue
if (param.type === 'file') {
files[param.name] = null
+ } else if (param.name === 'kind') {
+ values[param.name] = props.endpoint.category === 'video' ? 'video' : 'file'
} else if (param.name === 'keys') {
- values[param.name] = '["images/2026/08/example.webp"]'
+ values[param.name] = props.endpoint.category === 'video'
+ ? '["videos/2026/10/example.mp4"]'
+ : props.endpoint.category === 'file'
+ ? '["files/2026/10/example.pdf"]'
+ : '["images/2026/08/example.webp"]'
} else if (param.name === 'token' && props.token) {
values[param.name] = props.token
} else {
@@ -84,6 +90,12 @@ function fileLabel(name: string) {
return fileValues.value[name]?.name ?? t('api.debug.noFileSelected')
}
+function fileAccept() {
+ if (props.endpoint.category === 'video') return 'video/*'
+ if (props.endpoint.category === 'file') return undefined
+ return 'image/*'
+}
+
function triggerFilePick(name: string) {
fileInputRefs.value[name]?.click()
}
@@ -101,8 +113,8 @@ function isParamFilled(param: ApiDocParam) {
if (!value) return false
if (param.location === 'body' && param.name === 'keys') {
try {
- const parsed = JSON.parse(value) as { keys?: unknown }
- return Array.isArray(parsed.keys) && parsed.keys.length > 0
+ const parsed = JSON.parse(value) as unknown
+ return Array.isArray(parsed) && parsed.length > 0
} catch {
return false
}
@@ -159,7 +171,14 @@ async function sendRequest() {
} else if (debugBodyParams.value.some(p => p.location === 'body')) {
headers['Content-Type'] = 'application/json'
try {
- body = JSON.stringify(JSON.parse(paramValues.value.keys || '{}'))
+ const payload: Record = {}
+ for (const param of debugBodyParams.value) {
+ if (param.location !== 'body') continue
+ const value = paramValues.value[param.name]?.trim()
+ if (!value) continue
+ payload[param.name] = param.name === 'keys' ? JSON.parse(value) : value
+ }
+ body = JSON.stringify(payload)
} catch {
toast.add({ title: t('api.debug.invalidJson'), color: 'error' })
sending.value = false
@@ -297,7 +316,7 @@ const responseScrollable = computed(() => responseBody.value.split('\n').length
diff --git a/app/components/api/ApiSidebar.vue b/app/components/api/ApiSidebar.vue
index f759bb2..876189e 100644
--- a/app/components/api/ApiSidebar.vue
+++ b/app/components/api/ApiSidebar.vue
@@ -20,9 +20,18 @@ const docsUrl = computed(() =>
const categories: { key: ApiDocCategory, labelKey: string }[] = [
{ key: 'image', labelKey: 'api.categories.image' },
+ { key: 'video', labelKey: 'api.categories.video' },
+ { key: 'file', labelKey: 'api.categories.file' },
{ key: 'extension', labelKey: 'api.categories.extension' },
{ key: 'system', labelKey: 'api.categories.system' }
]
+const openCategories = ref>(
+ new Set(
+ categories
+ .filter(category => category.key !== 'video' && category.key !== 'file')
+ .map(category => category.key)
+ )
+)
const filteredEndpoints = computed(() => {
const q = search.value.trim().toLowerCase()
@@ -38,6 +47,17 @@ function endpointsForCategory(category: ApiDocCategory) {
return filteredEndpoints.value.filter(endpoint => endpoint.category === category)
}
+function isCategoryOpen(category: ApiDocCategory) {
+ return openCategories.value.has(category)
+}
+
+function toggleCategory(category: ApiDocCategory) {
+ const next = new Set(openCategories.value)
+ if (next.has(category)) next.delete(category)
+ else next.add(category)
+ openCategories.value = next
+}
+
function onSelect(id: string) {
emit('select', id)
}
@@ -59,6 +79,15 @@ onMounted(() => {
window.addEventListener('keydown', onGlobalKeydown)
onUnmounted(() => window.removeEventListener('keydown', onGlobalKeydown))
})
+
+watch(search, (value) => {
+ if (!value.trim()) return
+ const next = new Set(openCategories.value)
+ for (const category of categories) {
+ if (endpointsForCategory(category.key).length) next.add(category.key)
+ }
+ openCategories.value = next
+})
@@ -89,13 +118,24 @@ onMounted(() => {
:key="category.key"
class="mb-4"
>
-
+ {{ t(category.labelKey) }}
+
+
+
- {{ t(category.labelKey) }}
-
-