@@ -109,6 +109,7 @@ div.flex.h-dvh.flex-col ← (app)/layout.tsx
|
||||
| 图标按钮说明 | `Tooltip` |
|
||||
| 视频播放 | `VideoPlayer`(Video.js v10 + `components/videojs` 皮肤,`I18nProvider` 固定中文);资源库在 `Dialog` 中播放(类似视频网站的播放页):手机全屏,`sm` 起铺满顶栏以下、顶栏保持可见,内容限宽 1920px 居中;非模态(`modal={false}`),看视频时顶栏照常可用,被盖住的 `<main>` 设为 `inert`;不渲染变暗模糊的遮罩(`showOverlay={false}`),点击弹窗外不关闭(`disablePointerDismissal`),`next/dynamic` 按需加载;MP4、M4V、WebM 直接播放原文件,其他格式经 TorBox 转码为 HLS(`HlsJsVideo`,hls.js 只在此时加载),信息行注明「TorBox 转码」;`onClose` 在画面左上角放关闭按钮(皮肤的 `topStart` 插槽,样式与显隐同右上角按钮组);标题右侧提供下载与「PotPlayer 播放」(手机宽度 `< md` 隐藏 PotPlayer);播放错误说明替换为中文并提示换用 PotPlayer |
|
||||
| 图片预览 | `ImageLightbox`(yet-another-react-lightbox + Zoom):传入一组图片与当前序号;资源库以一个资源分组内的图片为一组,组内首尾循环,不跨组;列表只渲染一个灯箱 |
|
||||
| 选择模式 | 工具栏「选择」进入:卡片点击改为勾选(Shift 连选),资源标题行有独立勾选框(永久删除)与「快捷选择」菜单;底部 `LibrarySelectionBar` 是列表下方的 `shrink-0` flex 行,提供标记删除 / 恢复 / 永久删除。标记删除只在本地隐藏文件并清图片缓存,「显示范围 · 回收站」中恢复;疑似广告扩展名见 `AD_FILE_EXT` |
|
||||
| 提示消息 | `src/lib/message.ts`(不直接调用 `toast`) |
|
||||
| 错误提示 | `Alert variant="destructive"` |
|
||||
| 空状态 | `Empty` |
|
||||
|
||||
Reference in New Issue
Block a user