document-viewer-vue3 0.1.0

package/document-viewer-vue3/chunks/presentation-m6mYdP0-.js

@@ -0,0 +1,97 @@
+import { n as e, t } from "./jszip.min-BuCM2Hjj.js";
+//#region src/engines/presentation.ts
+var n = /* @__PURE__ */ e(t(), 1), r = (e, t) => Array.from(e.querySelectorAll("*")).filter((e) => e.localName === t), i = (e, t) => r(e, t)[0], a = (e, t) => {
+	let n = new DOMParser().parseFromString(e, "application/xml");
+	if (n.querySelector("parsererror")) throw Error(`${t} XML 解析失败。`);
+	return n;
+}, o = (e, t) => {
+	if (t.startsWith("/")) return t.slice(1);
+	let n = e.split("/");
+	n.pop();
+	for (let e of t.replace(/\\/g, "/").split("/")) e && e !== "." && (e === ".." ? n.pop() : n.push(e));
+	return n.join("/");
+}, s = (e, t) => {
+	let n = /* @__PURE__ */ new Map();
+	for (let i of r(e, "Relationship")) {
+		let e = i.getAttribute("Id"), r = i.getAttribute("Target");
+		e && r && i.getAttribute("TargetMode") !== "External" && n.set(e, o(t, r));
+	}
+	return n;
+}, c = (e) => r(e, "p").length ? r(e, "p").map((e) => r(e, "t").map((e) => e.textContent || "").join("")).filter(Boolean).join("\n").trim() : r(e, "t").map((e) => e.textContent || "").join("").trim(), l = (e, t = "") => {
+	let n = i(e, "srgbClr")?.getAttribute("val");
+	return n ? `#${n}` : t;
+}, u = (e, t, n) => {
+	let r = i(e, "xfrm"), a = r && i(r, "off"), o = r && i(r, "ext");
+	if (!a || !o) return null;
+	let s = Number(a.getAttribute("x") || 0), c = Number(a.getAttribute("y") || 0), l = Number(o.getAttribute("cx") || 0), u = Number(o.getAttribute("cy") || 0);
+	return !l || !u ? null : {
+		left: `${s / t * 100}%`,
+		top: `${c / n * 100}%`,
+		width: `${l / t * 100}%`,
+		height: `${u / n * 100}%`
+	};
+}, d = (e) => {
+	let t = e.split(".").pop()?.toLowerCase();
+	return t === "jpg" || t === "jpeg" ? "image/jpeg" : t === "gif" ? "image/gif" : t === "svg" ? "image/svg+xml" : t === "webp" ? "image/webp" : t === "bmp" ? "image/bmp" : "image/png";
+}, f = (e, t) => t ? (Object.assign(e.style, t), !0) : !1, p = (e, t, n, r) => {
+	let a = c(e), o = i(e, "spPr") || e, s = u(o, n, r);
+	if (!s) return;
+	let d = t.ownerDocument.createElement("div");
+	d.className = "document-slide__shape", d.textContent = a, f(d, s);
+	let p = i(e, "pPr"), m = i(e, "rPr") || i(e, "defRPr"), h = Number(m?.getAttribute("sz") || 1800) / 100, g = p?.getAttribute("algn");
+	d.style.fontSize = `clamp(8px, ${Math.max(1, h / 7.2)}cqi, ${h * 4 / 3}px)`, d.style.fontWeight = m?.getAttribute("b") === "1" ? "700" : "400", d.style.fontStyle = m?.getAttribute("i") === "1" ? "italic" : "normal", d.style.color = l(m || e, "#1f2937"), d.style.textAlign = g === "ctr" ? "center" : g === "r" ? "right" : "left";
+	let _ = l(o);
+	_ && (d.style.background = _);
+	let v = i(o, "ln"), y = v && l(v);
+	y && (d.style.border = `1px solid ${y}`), i(o, "prstGeom")?.getAttribute("prst") === "ellipse" && (d.style.borderRadius = "50%"), t.appendChild(d);
+}, m = async (e, t, n, r, a, o, s, c) => {
+	let l = u(i(e, "spPr") || e, o, s), p = i(e, "blip"), m = p?.getAttribute("r:embed") || p?.getAttributeNS("http://schemas.openxmlformats.org/officeDocument/2006/relationships", "embed"), h = m ? r.get(m) : void 0;
+	if (!l || !h) return;
+	let g = a.file(h);
+	if (!g) return;
+	let _ = await g.async("uint8array"), v = new Uint8Array(_).buffer, y = URL.createObjectURL(new Blob([v], { type: d(h) }));
+	c.push(y);
+	let b = t.ownerDocument.createElement("img");
+	b.className = "document-slide__picture", b.alt = i(e, "cNvPr")?.getAttribute("descr") || "", b.src = y, f(b, l), t.appendChild(b);
+}, h = async ({ buffer: e, container: t, signal: o, onProgress: c }) => {
+	c({
+		current: 0,
+		total: 1,
+		label: "正在解析 PowerPoint 文档"
+	});
+	let u = await n.default.loadAsync(e), d = "ppt/presentation.xml", f = u.file(d), h = u.file("ppt/_rels/presentation.xml.rels");
+	if (!f || !h) throw Error("文件不是有效的 PowerPoint OpenXML 文档。");
+	let g = a(await f.async("text"), "presentation"), _ = s(a(await h.async("text"), "presentation relationships"), d), v = i(g, "sldSz"), y = Number(v?.getAttribute("cx") || 12192e3), b = Number(v?.getAttribute("cy") || 6858e3), x = r(g, "sldId").map((e) => e.getAttribute("r:id") || e.getAttributeNS("http://schemas.openxmlformats.org/officeDocument/2006/relationships", "id")).map((e) => e ? _.get(e) : void 0).filter((e) => !!e);
+	if (!x.length) throw Error("PowerPoint 文档中没有可预览的幻灯片。");
+	t.classList.add("document-renderer", "document-renderer--presentation");
+	let S = [];
+	for (let e = 0; e < x.length; e += 1) {
+		if (o.aborted) throw new DOMException("Document load aborted", "AbortError");
+		let n = x[e], r = u.file(n);
+		if (!r) continue;
+		c({
+			current: e,
+			total: x.length,
+			label: `正在渲染幻灯片 ${e + 1}/${x.length}`
+		});
+		let d = a(await r.async("text"), `slide ${e + 1}`), f = n.replace(/([^/]+)$/, "_rels/$1.rels"), h = u.file(f), g = h ? s(a(await h.async("text"), `slide ${e + 1} relationships`), n) : /* @__PURE__ */ new Map(), _ = t.ownerDocument.createElement("section");
+		_.className = "document-slide", _.style.aspectRatio = `${y} / ${b}`, _.dataset.slide = String(e + 1);
+		let v = i(d, "bg");
+		_.style.background = v ? l(v, "#fff") : "#fff";
+		let C = i(d, "spTree");
+		if (C) for (let e of Array.from(C.children)) e.localName === "sp" || e.localName === "graphicFrame" ? p(e, _, y, b) : e.localName === "pic" && await m(e, _, n, g, u, y, b, S);
+		t.appendChild(_);
+	}
+	return c({
+		current: x.length,
+		total: x.length,
+		label: "PowerPoint 已就绪"
+	}), {
+		pageCount: x.length,
+		destroy() {
+			S.forEach((e) => URL.revokeObjectURL(e)), t.replaceChildren(), t.classList.remove("document-renderer", "document-renderer--presentation");
+		}
+	};
+};
+//#endregion
+export { h as renderPresentationDocument };