feat(功能强化): 新增附件下载，优化附件展示与目录间距

assets/webui/index.html

@@ -118,6 +118,10 @@
 						<dd id="metaFonts">0</dd>
 					</div>
 				</dl>
+				<section id="attachmentPanel" class="attachment-panel" aria-labelledby="attachmentPanelTitle" hidden>
+					<div id="attachmentPanelTitle" class="panel-title">附件</div>
+					<div id="attachmentList" class="attachment-list"></div>
+				</section>
 				<section id="signaturePanel" class="signature-panel" aria-labelledby="signaturePanelTitle" hidden>
 					<div class="panel-row">
 						<div id="signaturePanelTitle" class="panel-title compact">签名</div>

assets/webui/ofdgo.css

@@ -411,7 +411,7 @@ body[data-hide-meta] .meta-panel {
 	list-style-position: outside;
 }
 
-.outline-leaf {
+.outline-list:has(> li > details) .outline-leaf {
 	padding-left: 14px;
 }
 
@@ -731,12 +731,43 @@ button.outline-link:hover {
 
 .font-panel,
 .doc-font-panel,
+.attachment-panel,
 .signature-panel {
 	margin-top: 18px;
 	padding-top: 12px;
 	border-top: 1px solid var(--line);
 }
 
+.attachment-list {
+	display: grid;
+	gap: 8px;
+}
+
+.attachment-item {
+	width: 100%;
+	padding: 4px 0;
+	border: 0;
+	background: transparent;
+	color: var(--accent-strong);
+	font-size: 13px;
+	line-height: 1.4;
+	text-align: left;
+	overflow-wrap: anywhere;
+}
+
+.attachment-item:not(:disabled):hover {
+	background: transparent;
+}
+
+.attachment-item:hover .attachment-name {
+	text-decoration: underline;
+}
+
+.attachment-detail {
+	color: var(--text-muted);
+	font-size: 11px;
+}
+
 .count-pill {
 	display: inline-flex;
 	align-items: center;

assets/webui/ofdgo.js

@@ -110,6 +110,8 @@ const el = {
 	metaType: document.querySelector("#metaType"),
 	metaFonts: document.querySelector("#metaFonts"),
 	metaSignatures: document.querySelector("#metaSignatures"),
+	attachmentPanel: document.querySelector("#attachmentPanel"),
+	attachmentList: document.querySelector("#attachmentList"),
 	signaturePanel: document.querySelector("#signaturePanel"),
 	signatureSummary: document.querySelector("#signatureSummary"),
 	signatureList: document.querySelector("#signatureList"),
@@ -1288,6 +1290,34 @@ async function renderPage(index, options = {}) {
 	}
 }
 
+async function downloadAttachment(attachment) {
+	if (!state.doc || document.body.hasAttribute("aria-busy")) {
+		return;
+	}
+	const openSeq = state.openSeq;
+	state.exporting = true;
+	updateControls();
+	setBusy(true, "正在读取附件", null, "正在读取附件");
+	try {
+		const result = await callWASM("ofdgoAttachmentData", attachment.id);
+		if (openSeq !== state.openSeq) {
+			return;
+		}
+		downloadBytes(result.bytes, "application/octet-stream", attachment.fileName);
+		setStatus(`附件已下载 ${formatBytes(result.bytes.length, "0 KB")}`);
+	} catch (err) {
+		if (openSeq === state.openSeq) {
+			showError(err, false);
+		}
+	} finally {
+		state.exporting = false;
+		if (openSeq === state.openSeq) {
+			setBusy(false);
+			updateControls();
+		}
+	}
+}
+
 async function exportPDF() {
 	if (!state.doc || document.body.hasAttribute("aria-busy")) {
 		return;
@@ -2016,12 +2046,47 @@ function renderMeta() {
 	el.metaFonts.textContent = String(doc.fontCount || 0);
 	el.metaSignatures.textContent = doc.detailsPending ? "正在检查" : String(doc.signatureCount || 0);
 	el.pageTotal.textContent = String(doc.pageCount || 0);
+	renderAttachments();
 	renderSignatures();
 	renderDocumentFonts();
 	renderFontList();
 	updateLocalFontButton();
 }
 
+function renderAttachments() {
+	const attachments = state.doc?.attachments || [];
+	el.attachmentPanel.hidden = !attachments.length && !state.doc?.attachmentError;
+	el.attachmentList.replaceChildren();
+	if (state.doc?.attachmentError) {
+		const error = document.createElement("div");
+		error.className = "attachment-detail";
+		error.textContent = "附件读取失败";
+		error.title = state.doc.attachmentError;
+		el.attachmentList.append(error);
+		return;
+	}
+	for (const attachment of attachments) {
+		const item = document.createElement("button");
+		item.type = "button";
+		item.className = "attachment-item";
+		item.title = `下载 ${attachment.fileName}`;
+		item.setAttribute("aria-label", `下载 ${attachment.name}`);
+		const name = document.createElement("span");
+		name.className = "attachment-name";
+		name.textContent = attachment.name;
+		item.append(name);
+		const detail = [attachment.format, attachment.size == null ? "" : formatBytes(attachment.size * 1024, "0 KB")].filter(Boolean).join(" · ");
+		if (detail) {
+			const meta = document.createElement("span");
+			meta.className = "attachment-detail";
+			meta.textContent = ` · ${detail}`;
+			item.append(meta);
+		}
+		item.addEventListener("click", () => downloadAttachment(attachment));
+		el.attachmentList.append(item);
+	}
+}
+
 function renderSignatures() {
 	const signatures = state.doc?.signatures || [];
 	const showPanel = Boolean(state.doc?.signatureError || signatures.length);