document-viewer-vue3 0.1.0

package/document-viewer-vue3/chunks/word-ml-5809L5ca.js

@@ -0,0 +1,161 @@
+import { n as e, t } from "./jszip.min-BuCM2Hjj.js";
+//#region src/engines/word-ml.ts
+var n = /* @__PURE__ */ e(t(), 1), r = "http://schemas.microsoft.com/office/word/2003/wordml", i = "http://schemas.openxmlformats.org/wordprocessingml/2006/main", a = "http://schemas.openxmlformats.org/officeDocument/2006/relationships", o = "http://schemas.openxmlformats.org/package/2006/relationships", s = "http://schemas.openxmlformats.org/package/2006/content-types", c = "http://schemas.microsoft.com/office/word/2003/auxHint", l = "urn:schemas-microsoft-com:vml", u = "http://www.w3.org/2000/xmlns/", d = {
+	"h-ansi": "hAnsi",
+	fareast: "eastAsia",
+	"b-cs": "bCs",
+	"i-cs": "iCs",
+	"sz-cs": "szCs",
+	"lang-cs": "lang",
+	"panose-1": "panose1",
+	"line-rule": "lineRule",
+	"line-pitch": "linePitch",
+	"char-space": "charSpace",
+	"hanging-chars": "hangingChars",
+	"first-line": "firstLine",
+	"first-line-chars": "firstLineChars",
+	"left-chars": "leftChars",
+	"right-chars": "rightChars"
+};
+function f(e) {
+	let t = new Uint8Array(e), n = t[0] === 255 && t[1] === 254 || t[0] === 60 && t[1] === 0, r = t[0] === 254 && t[1] === 255 || t[0] === 0 && t[1] === 60;
+	return new TextDecoder(n ? "utf-16le" : r ? "utf-16be" : "utf-8").decode(t);
+}
+async function p(e, t) {
+	let p = f(e);
+	if (/<!DOCTYPE\b|<!ENTITY\b/i.test(p)) throw Error("Word 2003 XML must not contain a DTD or entity declarations.");
+	let m = t.ownerDocument.defaultView, h = m?.DOMParser ?? globalThis.DOMParser, g = m?.XMLSerializer ?? globalThis.XMLSerializer, _ = new h().parseFromString(p, "application/xml");
+	if (_.getElementsByTagName("parsererror").length || _.documentElement.localName !== "wordDocument" || _.documentElement.namespaceURI !== r) throw Error("Invalid Word 2003 XML document.");
+	let v = Array.from(_.documentElement.children).find((e) => e.namespaceURI === r && e.localName === "body");
+	if (!v) throw Error("Word 2003 XML document has no body.");
+	let y = new n.default(), b = new g(), x = [], S = /* @__PURE__ */ new Map();
+	for (let e of Array.from(_.getElementsByTagNameNS(r, "binData"))) {
+		let t = e.getAttributeNS(r, "name") || "";
+		if (S.has(t)) continue;
+		let n = /\.(png|jpe?g|gif|bmp|tiff?|emf|wmf)$/i.exec(t)?.[1]?.toLowerCase(), i = e.textContent?.replace(/\s/g, "") || "";
+		if (t && n && /^(?:[A-Za-z0-9+/]{4})*(?:[A-Za-z0-9+/]{2}==|[A-Za-z0-9+/]{3}=)?$/.test(i) && i) {
+			let e = `media/image${S.size + 1}.${n}`;
+			S.set(t, {
+				path: e,
+				bytes: i
+			}), y.file(`word/${e}`, i, { base64: !0 });
+		}
+	}
+	let C = (e) => {
+		let t = _.implementation.createDocument(i, `w:${e}`, null);
+		return t.documentElement.setAttributeNS(u, "xmlns:r", a), t;
+	}, w = (e) => `<?xml version="1.0" encoding="UTF-8"?>${b.serializeToString(e)}`, T = /* @__PURE__ */ new Map();
+	function E(e, t, n) {
+		let r = T.get(e);
+		r || (r = _.implementation.createDocument(o, "Relationships", null), T.set(e, r));
+		let i = `rId${r.documentElement.children.length + 1}`, s = r.createElementNS(o, "Relationship");
+		return s.setAttribute("Id", i), s.setAttribute("Type", `${a}/${t}`), s.setAttribute("Target", n), r.documentElement.appendChild(s), i;
+	}
+	let D = 0, O = 0;
+	function k(e, t, n, o = 0) {
+		if (o > 256) throw Error("Word 2003 XML nesting is too deep.");
+		let s = t.ownerDocument;
+		if (e.nodeType === 3 || e.nodeType === 4) {
+			t.appendChild(s.createTextNode(e.textContent || ""));
+			return;
+		}
+		if (e.nodeType !== 1) return;
+		let f = e, p = f.namespaceURI === r;
+		if (p && f.localName === "binData") return;
+		if (f.namespaceURI === c) {
+			for (let e of Array.from(f.childNodes)) k(e, t, n, o + 1);
+			return;
+		}
+		if (p && (f.localName === "hdr" || f.localName === "ftr") && t.localName === "sectPr") {
+			let e = f.localName === "hdr", c = `${e ? "header" : "footer"}${e ? ++D : ++O}.xml`, l = C(e ? "hdr" : "ftr");
+			for (let e of Array.from(f.childNodes)) k(e, l.documentElement, c, o + 1);
+			y.file(`word/${c}`, w(l)), x.push([`/word/${c}`, `application/vnd.openxmlformats-officedocument.wordprocessingml.${e ? "header" : "footer"}+xml`]);
+			let u = s.createElementNS(i, `w:${e ? "header" : "footer"}Reference`), d = f.getAttributeNS(r, "type");
+			u.setAttributeNS(i, "w:type", d === "first" || d === "even" ? d : "default"), u.setAttributeNS(a, "r:id", E(n, e ? "header" : "footer", c)), t.appendChild(u);
+			return;
+		}
+		let m = p ? i : f.namespaceURI, h = p && d[f.localName] || f.localName, g = p ? `w:${h}` : f.nodeName, _ = s.createElementNS(m, g);
+		for (let e of Array.from(f.attributes)) {
+			if (e.namespaceURI === u || m === l && (h === "imagedata" || h === "fill") && (e.localName === "src" || e.localName === "href")) continue;
+			let t = e.namespaceURI === r, n = t && d[e.localName] || e.localName, a = e.value;
+			t && n === "hint" && a === "fareast" && (a = "eastAsia"), p && h === "fldChar" && t && n === "fldCharType" && a === "start" && (a = "begin"), _.setAttributeNS(t ? i : e.namespaceURI, t ? `w:${n}` : e.name, a);
+		}
+		if (m === l && (h === "imagedata" || h === "fill")) {
+			let e = S.get(f.getAttribute("src") || "");
+			e && _.setAttributeNS(a, "r:id", E(n, "image", e.path));
+		}
+		t.appendChild(_);
+		for (let e of Array.from(f.childNodes)) k(e, _, n, o + 1);
+	}
+	let A = C("document"), j = A.createElementNS(i, "w:body");
+	A.documentElement.appendChild(j);
+	for (let e of Array.from(v.childNodes)) k(e, j, "document.xml");
+	for (let e of Array.from(j.children)) {
+		if (e.localName !== "sectPr" || e === j.lastElementChild) continue;
+		let t = e.previousElementSibling;
+		(!t || t.localName !== "p") && (t = A.createElementNS(i, "w:p"), j.insertBefore(t, e));
+		let n = Array.from(t.children).find((e) => e.localName === "pPr");
+		n || (n = A.createElementNS(i, "w:pPr"), t.insertBefore(n, t.firstChild)), n.appendChild(e);
+	}
+	y.file("word/document.xml", w(A)), x.push(["/word/document.xml", "application/vnd.openxmlformats-officedocument.wordprocessingml.document.main+xml"]);
+	for (let [e, t, n, i] of [
+		[
+			"styles",
+			"styles",
+			"styles.xml",
+			"styles"
+		],
+		[
+			"fonts",
+			"fonts",
+			"fontTable.xml",
+			"fontTable"
+		],
+		[
+			"docPr",
+			"settings",
+			"settings.xml",
+			"settings"
+		]
+	]) {
+		let a = Array.from(_.documentElement.children).find((t) => t.namespaceURI === r && t.localName === e);
+		if (!a) continue;
+		let o = C(t);
+		for (let e of Array.from(a.childNodes)) k(e, o.documentElement, n);
+		y.file(`word/${n}`, w(o)), E("document.xml", i, n), x.push([`/word/${n}`, `application/vnd.openxmlformats-officedocument.wordprocessingml.${i}+xml`]);
+	}
+	for (let [e, t] of T) y.file(`word/_rels/${e}.rels`, w(t));
+	let M = _.implementation.createDocument(o, "Relationships", null), N = M.createElementNS(o, "Relationship"), P = [
+		["Id", "rId1"],
+		["Type", `${a}/officeDocument`],
+		["Target", "word/document.xml"]
+	];
+	for (let [e, t] of P) N.setAttribute(e, t);
+	M.documentElement.appendChild(N), y.file("_rels/.rels", w(M));
+	let F = _.implementation.createDocument(s, "Types", null), I = [
+		["rels", "application/vnd.openxmlformats-package.relationships+xml"],
+		["xml", "application/xml"],
+		...Object.entries({
+			png: "image/png",
+			jpg: "image/jpeg",
+			jpeg: "image/jpeg",
+			gif: "image/gif",
+			bmp: "image/bmp",
+			tif: "image/tiff",
+			tiff: "image/tiff",
+			emf: "image/x-emf",
+			wmf: "image/x-wmf"
+		})
+	];
+	for (let [e, t] of I) {
+		let n = F.createElementNS(s, "Default");
+		n.setAttribute("Extension", e), n.setAttribute("ContentType", t), F.documentElement.appendChild(n);
+	}
+	for (let [e, t] of x) {
+		let n = F.createElementNS(s, "Override");
+		n.setAttribute("PartName", e), n.setAttribute("ContentType", t), F.documentElement.appendChild(n);
+	}
+	return y.file("[Content_Types].xml", w(F)), y.generateAsync({ type: "arraybuffer" });
+}
+//#endregion
+export { p as convertWordMlToDocx };

package/document-viewer-vue3/document-viewer-vue3.js

@@ -0,0 +1,317 @@
+import { computed as e, createCommentVNode as t, createElementBlock as n, createElementVNode as r, defineComponent as i, nextTick as a, normalizeClass as o, normalizeStyle as s, onBeforeUnmount as ee, onMounted as te, openBlock as c, ref as l, renderSlot as u, toDisplayString as d, vShow as ne, watch as f, withDirectives as re } from "vue";
+//#region src/engines/index.ts
+async function ie(e) {
+	switch (e) {
+		case "word": return (await import("./chunks/word-B__uJIJJ.js")).renderWordDocument;
+		case "spreadsheet": return (await import("./chunks/spreadsheet-DLmwTbuh.js")).renderSpreadsheetDocument;
+		case "pdf": return (await import("./chunks/pdf-DaNcdZr-.js")).renderPdfDocument;
+		case "presentation": return (await import("./chunks/presentation-m6mYdP0-.js")).renderPresentationDocument;
+	}
+}
+//#endregion
+//#region src/formats.ts
+var p = [
+	"doc",
+	"dot",
+	"docx",
+	"docm",
+	"dotx",
+	"dotm",
+	"xls",
+	"xlsx",
+	"xlsm",
+	"xlsb",
+	"xlt",
+	"xltx",
+	"xltm",
+	"pdf",
+	"pptx",
+	"pptm",
+	"pot",
+	"potx",
+	"potm",
+	"ppsx",
+	"ppsm"
+], m = new Set(p), h = p.map((e) => `.${e}`).join(",");
+function g(e) {
+	let t = e.split(/[?#]/, 1)[0] ?? "", n = t.split("/").pop() ?? t, r = n.lastIndexOf(".");
+	return r >= 0 ? n.slice(r + 1).toLowerCase() : "";
+}
+function _(e) {
+	return m.has(g(e));
+}
+function v(e) {
+	return [
+		"doc",
+		"dot",
+		"docx",
+		"docm",
+		"dotx",
+		"dotm"
+	].includes(e) ? "word" : [
+		"xls",
+		"xlsx",
+		"xlsm",
+		"xlsb",
+		"xlt",
+		"xltx",
+		"xltm"
+	].includes(e) ? "spreadsheet" : e === "pdf" ? "pdf" : [
+		"pptx",
+		"pptm",
+		"potx",
+		"potm",
+		"ppsx",
+		"ppsm"
+	].includes(e) ? "presentation" : null;
+}
+//#endregion
+//#region src/components/DocumentViewer.vue?vue&type=script&setup=true&lang.ts
+var ae = ["data-theme", "data-state"], y = {
+	key: 0,
+	class: "document-viewer__toolbar"
+}, oe = { class: "document-viewer__identity" }, se = ["title"], b = { key: 0 }, x = { class: "document-viewer__actions" }, S = ["disabled"], ce = ["disabled"], le = ["disabled"], ue = ["disabled"], de = ["disabled"], fe = ["role"], pe = {
+	class: "document-viewer__file-mark",
+	"aria-hidden": "true"
+}, C = {
+	key: 2,
+	class: "document-viewer__loading",
+	role: "status",
+	"aria-live": "polite"
+}, w = /* @__PURE__ */ i({
+	name: "DocumentViewer",
+	__name: "DocumentViewer",
+	props: {
+		file: {},
+		url: {},
+		filename: {},
+		height: { default: "100%" },
+		strict: {
+			type: Boolean,
+			default: !0
+		},
+		emptyText: { default: "选择一个 Word、Excel、PDF 或 PowerPoint 文件开始预览" },
+		options: {}
+	},
+	emits: [
+		"load-start",
+		"load-complete",
+		"unload-start",
+		"unload-complete",
+		"progress",
+		"zoom-change",
+		"error"
+	],
+	setup(i, { expose: p, emit: m }) {
+		let h = i, w = m, T = l(null), E = l(null), D = l("empty"), O = l(""), k = l({
+			current: 0,
+			total: 1
+		}), A = l(0), j = l(1), M = !1, N = 0, P = null, F = null, I = null, L = null, R = e(() => {
+			if (h.file?.name) return h.file.name;
+			if (h.filename) return h.filename;
+			if (!h.url) return "";
+			try {
+				let e = typeof window > "u" ? "http://localhost/" : window.location.href;
+				return decodeURIComponent(new URL(h.url, e).pathname.split("/").pop() || "");
+			} catch {
+				return h.url;
+			}
+		}), z = e(() => g(R.value)), B = e(() => v(z.value)), V = e(() => !!(h.file || h.url)), H = e(() => !h.strict || _(R.value)), me = e(() => typeof h.height == "number" ? `${h.height}px` : h.height), he = e(() => h.options?.theme ?? "light"), ge = e(() => h.options?.toolbar !== !1), U = e(() => Math.max(.25, h.options?.minZoom ?? .5)), W = e(() => Math.max(U.value, h.options?.maxZoom ?? 2.5)), _e = e(() => k.value.total ? Math.min(100, Math.round(k.value.current / k.value.total * 100)) : 0), ve = e(() => D.value === "error" ? O.value : D.value === "unsupported" ? z.value ? `暂不支持 .${z.value}；请选择 DOC/DOCX、XLS/XLSX、PDF 或 PPTX 文档。` : "无法识别文件类型，请通过 filename 属性提供扩展名。" : h.emptyText), ye = (e) => e instanceof Error && e.message ? e.message : typeof e == "string" ? e : "文档预览失败。", be = (e) => B.value ? {
+			filename: R.value,
+			extension: z.value,
+			kind: B.value,
+			byteLength: e
+		} : null;
+		async function G(e = "replace") {
+			P?.abort(e), P = null;
+			let t = I;
+			t && w("unload-start", t), await F?.destroy(), F = null, L = null, I = null, E.value?.replaceChildren(), t && w("unload-complete", t);
+		}
+		async function xe(e) {
+			if (h.file) return h.file.arrayBuffer();
+			if (!h.url) throw Error("没有可读取的文档来源。");
+			let t = await fetch(h.url, {
+				...h.options?.fetchOptions,
+				signal: e
+			});
+			if (!t.ok) throw Error(`文档请求失败：HTTP ${t.status}`);
+			return t.arrayBuffer();
+		}
+		async function K() {
+			if (!M) return;
+			let e = ++N;
+			if (await G(), A.value = 0, O.value = "", k.value = {
+				current: 0,
+				total: 1
+			}, !V.value) {
+				D.value = "empty";
+				return;
+			}
+			if (!H.value || !B.value) {
+				D.value = "unsupported";
+				return;
+			}
+			await a();
+			let t = E.value, n = be();
+			if (!t || !n) return;
+			let r = new AbortController();
+			P = r, D.value = "loading", w("load-start", n);
+			try {
+				let i = await xe(r.signal);
+				if (r.signal.aborted || e !== N) return;
+				let a = await ie(n.kind);
+				if (r.signal.aborted || e !== N) return;
+				let o = await a({
+					container: t,
+					buffer: i,
+					extension: n.extension,
+					filename: n.filename,
+					signal: r.signal,
+					options: h.options ?? {},
+					onProgress(e) {
+						k.value = e, w("progress", e);
+					}
+				});
+				if (r.signal.aborted || e !== N) {
+					await o.destroy();
+					return;
+				}
+				F = o, L = i, A.value = o.pageCount ?? 0, I = {
+					...n,
+					byteLength: i.byteLength,
+					pageCount: o.pageCount
+				}, D.value = "ready", w("load-complete", I);
+			} catch (t) {
+				if (r.signal.aborted || e !== N) return;
+				let n = ye(t);
+				O.value = n, D.value = "error", w("error", n);
+			}
+		}
+		function q() {
+			return {
+				scale: j.value,
+				percent: Math.round(j.value * 100)
+			};
+		}
+		function J(e) {
+			j.value = Math.min(W.value, Math.max(U.value, Number(e.toFixed(2))));
+			let t = q();
+			return w("zoom-change", t), t;
+		}
+		let Y = () => J(j.value + .1), X = () => J(j.value - .1), Z = () => J(h.options?.initialZoom ?? 1);
+		function Q() {
+			if (!L) return;
+			let e = new Blob([L], { type: h.file?.type || "application/octet-stream" }), t = URL.createObjectURL(e), n = document.createElement("a");
+			n.href = t, n.download = R.value || "document", n.click(), URL.revokeObjectURL(t);
+		}
+		function $() {
+			window.print();
+		}
+		return p({
+			reload: K,
+			destroy: () => G("destroy"),
+			zoomIn: Y,
+			zoomOut: X,
+			resetZoom: Z,
+			setZoom: J,
+			getZoomState: q,
+			downloadOriginalFile: Q,
+			print: $,
+			getScrollContainer: () => T.value
+		}), f(() => [
+			h.file,
+			h.url,
+			h.filename
+		], () => void K(), { flush: "post" }), f(() => h.options?.initialZoom, (e) => J(e ?? 1)), te(() => {
+			M = !0, j.value = Math.min(W.value, Math.max(U.value, h.options?.initialZoom ?? 1)), K();
+		}), ee(() => {
+			M = !1, N += 1, G("destroy");
+		}), (e, i) => (c(), n("section", {
+			class: "document-viewer",
+			"data-theme": he.value,
+			"data-state": D.value,
+			style: s({
+				"--document-viewer-height": me.value,
+				"--document-viewer-zoom": j.value
+			}),
+			"aria-label": "文档预览"
+		}, [
+			ge.value && V.value && H.value ? (c(), n("header", y, [
+				u(e.$slots, "toolbar-start", {
+					zoom: q(),
+					status: D.value
+				}),
+				r("div", oe, [
+					r("span", null, d(z.value.toUpperCase()), 1),
+					r("strong", { title: R.value }, d(R.value), 9, se),
+					A.value ? (c(), n("small", b, d(A.value) + " " + d(B.value === "spreadsheet" ? "个工作表" : "页"), 1)) : t("", !0)
+				]),
+				r("div", x, [
+					r("button", {
+						type: "button",
+						title: "缩小",
+						disabled: D.value !== "ready",
+						onClick: X
+					}, "−", 8, S),
+					r("button", {
+						type: "button",
+						class: "document-viewer__zoom",
+						title: "重置缩放",
+						disabled: D.value !== "ready",
+						onClick: Z
+					}, d(Math.round(j.value * 100)) + "% ", 9, ce),
+					r("button", {
+						type: "button",
+						title: "放大",
+						disabled: D.value !== "ready",
+						onClick: Y
+					}, "＋", 8, le),
+					i[0] || (i[0] = r("span", { class: "document-viewer__separator" }, null, -1)),
+					r("button", {
+						type: "button",
+						title: "下载原文件",
+						disabled: D.value !== "ready",
+						onClick: Q
+					}, "↓", 8, ue),
+					r("button", {
+						type: "button",
+						title: "打印",
+						disabled: D.value !== "ready",
+						onClick: $
+					}, "⎙", 8, de)
+				]),
+				u(e.$slots, "toolbar-end", {
+					zoom: q(),
+					status: D.value
+				})
+			])) : t("", !0),
+			D.value === "empty" || D.value === "unsupported" || D.value === "error" ? (c(), n("div", {
+				key: 1,
+				class: o(["document-viewer__state", { "is-error": D.value !== "empty" }]),
+				role: D.value === "empty" ? "status" : "alert"
+			}, [
+				r("span", pe, d(D.value === "empty" ? "DOC" : "!"), 1),
+				r("p", null, d(ve.value), 1),
+				D.value === "error" ? (c(), n("button", {
+					key: 0,
+					type: "button",
+					onClick: K
+				}, "重新加载")) : t("", !0)
+			], 10, fe)) : t("", !0),
+			re(r("div", {
+				ref_key: "scrollContainer",
+				ref: T,
+				class: "document-viewer__viewport"
+			}, [r("div", {
+				ref_key: "renderRoot",
+				ref: E,
+				class: "document-viewer__content"
+			}, null, 512)], 512), [[ne, D.value === "loading" || D.value === "ready"]]),
+			D.value === "loading" ? (c(), n("div", C, [i[1] || (i[1] = r("span", { class: "document-viewer__spinner" }, null, -1)), r("div", null, [r("strong", null, d(k.value.label || "正在读取文档"), 1), r("span", null, [r("i", { style: s({ width: `${_e.value}%` }) }, null, 4)])])])) : t("", !0)
+		], 12, ae));
+	}
+}), T = { install(e, t = {}) {
+	e.component(t.componentName ?? "DocumentViewer", w);
+} };
+//#endregion
+export { h as DOCUMENT_VIEWER_ACCEPT, p as DOCUMENT_VIEWER_EXTENSIONS, w as DocumentViewer, T as DocumentViewerPlugin, T as default, g as getDocumentExtension, v as getDocumentKind, _ as isSupportedDocumentName };