2026-06-24 22:19:29 +08:00
|
|
|
|
// 特殊文件夹图片接口。基址与 photos.ts 一致。
|
|
|
|
|
|
const API_BASE =
|
|
|
|
|
|
(import.meta.env.VITE_API_BASE as string | undefined) ?? 'http://localhost:8080'
|
|
|
|
|
|
|
|
|
|
|
|
function authHeaders(token: string): Record<string, string> {
|
|
|
|
|
|
return { Authorization: `Bearer ${token}` }
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/** 检查文件夹是否已注册(登录前,无鉴权) */
|
|
|
|
|
|
export async function checkFolder(name: string): Promise<boolean> {
|
|
|
|
|
|
try {
|
|
|
|
|
|
const res = await fetch(`${API_BASE}/api/web/folder`, {
|
|
|
|
|
|
method: 'POST',
|
|
|
|
|
|
headers: { 'Content-Type': 'application/json' },
|
|
|
|
|
|
body: JSON.stringify({ name }),
|
|
|
|
|
|
})
|
|
|
|
|
|
if (!res.ok) return false
|
|
|
|
|
|
return ((await res.json()) as { ok: boolean }).ok
|
|
|
|
|
|
} catch {
|
|
|
|
|
|
return false
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
export interface FolderPhotoItem {
|
|
|
|
|
|
id: string
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
export interface FolderPhotoList {
|
|
|
|
|
|
items: FolderPhotoItem[]
|
2026-06-24 23:07:08 +08:00
|
|
|
|
max?: number // 总数上限(从服务器 max 字段)
|
2026-06-24 22:19:29 +08:00
|
|
|
|
totalBytes: number
|
|
|
|
|
|
overQuota: boolean
|
|
|
|
|
|
}
|
|
|
|
|
|
|
2026-06-24 23:20:32 +08:00
|
|
|
|
/** 上传失败的可区分原因(同 photos.ts,多 'full' 对应 409) */
|
|
|
|
|
|
export type UploadError = 'full' | 'too-large' | 'bad-type' | 'failed'
|
2026-06-24 22:19:29 +08:00
|
|
|
|
|
|
|
|
|
|
/** 列出文件夹内所有图片,含配额信息 */
|
|
|
|
|
|
export async function listFolderPhotos(
|
|
|
|
|
|
token: string,
|
|
|
|
|
|
folder: string,
|
|
|
|
|
|
): Promise<FolderPhotoList> {
|
|
|
|
|
|
const res = await fetch(`${API_BASE}/api/web/folder/${folder}/photos`, {
|
|
|
|
|
|
headers: authHeaders(token),
|
|
|
|
|
|
})
|
|
|
|
|
|
if (res.status === 403) throw new Error('forbidden')
|
|
|
|
|
|
if (!res.ok) throw new Error(`list failed: ${res.status}`)
|
|
|
|
|
|
return (await res.json()) as FolderPhotoList
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/** 上传图片到文件夹,返回服务器分配的 id */
|
|
|
|
|
|
export async function uploadFolderPhoto(
|
|
|
|
|
|
token: string,
|
|
|
|
|
|
folder: string,
|
|
|
|
|
|
dataUrl: string,
|
|
|
|
|
|
): Promise<string> {
|
|
|
|
|
|
const res = await fetch(`${API_BASE}/api/web/folder/${folder}/photos`, {
|
|
|
|
|
|
method: 'POST',
|
|
|
|
|
|
headers: { ...authHeaders(token), 'Content-Type': 'application/json' },
|
|
|
|
|
|
body: JSON.stringify({ dataUrl }),
|
|
|
|
|
|
})
|
|
|
|
|
|
if (res.ok) return ((await res.json()) as { id: string }).id
|
|
|
|
|
|
if (res.status === 403) throw new Error('forbidden')
|
|
|
|
|
|
const reason: UploadError =
|
2026-06-24 23:07:08 +08:00
|
|
|
|
res.status === 409
|
|
|
|
|
|
? 'full'
|
|
|
|
|
|
: res.status === 413
|
|
|
|
|
|
? 'too-large'
|
|
|
|
|
|
: res.status === 415
|
|
|
|
|
|
? 'bad-type'
|
|
|
|
|
|
: 'failed'
|
2026-06-24 22:19:29 +08:00
|
|
|
|
throw new Error(reason)
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/** 删除文件夹内图片 */
|
|
|
|
|
|
export async function deleteFolderPhoto(
|
|
|
|
|
|
token: string,
|
|
|
|
|
|
folder: string,
|
|
|
|
|
|
id: string,
|
|
|
|
|
|
): Promise<void> {
|
|
|
|
|
|
const res = await fetch(`${API_BASE}/api/web/folder/${folder}/photos/${id}`, {
|
|
|
|
|
|
method: 'DELETE',
|
|
|
|
|
|
headers: authHeaders(token),
|
|
|
|
|
|
})
|
|
|
|
|
|
if (res.status === 403) throw new Error('forbidden')
|
|
|
|
|
|
if (!res.ok && res.status !== 404) throw new Error(`delete failed: ${res.status}`)
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/** 获取文件夹内图片的 objectURL(调用方负责释放) */
|
|
|
|
|
|
export async function fetchFolderPhotoUrl(
|
|
|
|
|
|
token: string,
|
|
|
|
|
|
folder: string,
|
|
|
|
|
|
id: string,
|
|
|
|
|
|
): Promise<string> {
|
|
|
|
|
|
const res = await fetch(`${API_BASE}/api/web/folder/${folder}/photos/${id}`, {
|
|
|
|
|
|
headers: authHeaders(token),
|
|
|
|
|
|
})
|
|
|
|
|
|
if (res.status === 403) throw new Error('forbidden')
|
|
|
|
|
|
if (!res.ok) throw new Error(`get failed: ${res.status}`)
|
|
|
|
|
|
return URL.createObjectURL(await res.blob())
|
|
|
|
|
|
}
|
2026-06-24 23:07:08 +08:00
|
|
|
|
|
|
|
|
|
|
/* ── 照片墙状态(装饰 + 排版,服务器共享)────────────────────── */
|
|
|
|
|
|
|
|
|
|
|
|
export interface WallState {
|
|
|
|
|
|
bgIndex: number
|
|
|
|
|
|
decorations: Record<string, unknown>[]
|
|
|
|
|
|
photoLayout: Record<string, Record<string, unknown>>
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/** 读取文件夹的共享照片墙状态;无存档返回 null */
|
|
|
|
|
|
export async function fetchFolderState(
|
|
|
|
|
|
token: string,
|
|
|
|
|
|
folder: string,
|
|
|
|
|
|
): Promise<WallState | null> {
|
|
|
|
|
|
const res = await fetch(`${API_BASE}/api/web/folder/${folder}/state`, {
|
|
|
|
|
|
headers: authHeaders(token),
|
|
|
|
|
|
})
|
|
|
|
|
|
if (res.status === 404) return null
|
|
|
|
|
|
if (!res.ok) throw new Error(`get state failed: ${res.status}`)
|
|
|
|
|
|
return (await res.json()) as WallState
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/** 保存文件夹的共享照片墙状态(409 = 超 100 条上限) */
|
|
|
|
|
|
export async function saveFolderState(
|
|
|
|
|
|
token: string,
|
|
|
|
|
|
folder: string,
|
|
|
|
|
|
state: WallState,
|
|
|
|
|
|
): Promise<void> {
|
|
|
|
|
|
const res = await fetch(`${API_BASE}/api/web/folder/${folder}/state`, {
|
|
|
|
|
|
method: 'PUT',
|
|
|
|
|
|
headers: { ...authHeaders(token), 'Content-Type': 'application/json' },
|
|
|
|
|
|
body: JSON.stringify(state),
|
|
|
|
|
|
})
|
|
|
|
|
|
if (res.status === 409) throw new Error('full')
|
|
|
|
|
|
if (!res.ok) throw new Error(`save state failed: ${res.status}`)
|
|
|
|
|
|
}
|