@l1yp/file-viewer 0.1.0

package/dist/components/MsiViewer.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,136 @@
+import { formatBytes as e } from "../lib/format.js";
+import t from "./icons/Icon.js";
+import { NotMsiError as n, parseMsi as r } from "../lib/msi.js";
+import { Fragment as i, computed as a, createCommentVNode as o, createElementBlock as s, createElementVNode as c, createTextVNode as l, createVNode as u, defineComponent as d, normalizeClass as f, onBeforeUnmount as p, onMounted as m, openBlock as h, ref as g, renderList as _, toDisplayString as v, unref as y, watch as b } from "vue";
+//#region src/components/MsiViewer.vue?vue&type=script&setup=true&lang.ts
+var ee = { class: "msi" }, te = {
+	key: 0,
+	class: "msi__confirm"
+}, ne = ["title"], x = { class: "msi__confirm-sub" }, S = {
+	key: 1,
+	class: "msi__msg"
+}, re = {
+	key: 2,
+	class: "msi__msg msi__msg--error"
+}, ie = { class: "msi__summary" }, ae = { key: 0 }, C = { key: 1 }, w = {
+	key: 0,
+	class: "msi__card"
+}, T = { class: "msi__dl" }, E = { class: "msi__dt" }, D = { class: "msi__dd" }, O = ["title", "onClick"], k = {
+	key: 0,
+	class: "msi__copied"
+}, A = {
+	key: 1,
+	class: "msi__card"
+}, j = { class: "msi__dl" }, M = { class: "msi__dt" }, N = { class: "msi__dd msi__dd--plain" }, P = {
+	key: 2,
+	class: "msi__section"
+}, F = {
+	key: 0,
+	class: "msi__props"
+}, I = ["title", "onClick"], L = { class: "msi__pname" }, R = { class: "msi__pval" }, z = {
+	key: 3,
+	class: "msi__section"
+}, B = {
+	key: 0,
+	class: "msi__tables"
+}, V = 8 * 1024 * 1024, H = /*@__PURE__*/ d({
+	__name: "MsiViewer",
+	props: {
+		url: {},
+		name: {},
+		size: {}
+	},
+	setup(d) {
+		let H = d, U = g("loading"), W = g(""), G = g(null), K = g(!1), q = g(!1);
+		function J() {
+			G.value = null, K.value = !1, q.value = !1, W.value = "", H.size != null && H.size <= V ? Y() : U.value = "confirm";
+		}
+		async function Y() {
+			U.value = "loading", W.value = "";
+			try {
+				let e = await fetch(H.url);
+				if (!e.ok) throw Error(`HTTP ${e.status}`);
+				G.value = r(await e.arrayBuffer()), U.value = "ready";
+			} catch (e) {
+				W.value = e instanceof n || e instanceof Error ? e.message : String(e), U.value = "error";
+			}
+		}
+		let X = a(() => {
+			let e = G.value;
+			if (!e) return [];
+			let t = [], n = (e, n) => {
+				n && t.push({
+					label: e,
+					value: n
+				});
+			};
+			return n("产品", e.productName), n("版本", e.productVersion), n("厂商", e.manufacturer), n("语言", e.language), n("产品码", e.productCode), n("升级码", e.upgradeCode), t;
+		}), Z = g(""), Q;
+		async function $(e) {
+			try {
+				await navigator.clipboard?.writeText(e);
+			} catch {}
+			Z.value = e, clearTimeout(Q), Q = setTimeout(() => Z.value = "", 1200);
+		}
+		return m(J), b(() => H.url, J), p(() => clearTimeout(Q)), (n, r) => (h(), s("div", ee, [U.value === "confirm" ? (h(), s("div", te, [
+			u(t, {
+				name: "archive",
+				size: 32
+			}),
+			c("p", {
+				class: "msi__confirm-title",
+				title: d.name
+			}, v(d.name), 9, ne),
+			c("p", x, v(d.size == null ? "文件大小未知" : `文件较大（${y(e)(d.size)}）`) + "，解析需将整个文件下载到浏览器。 ", 1),
+			c("button", {
+				type: "button",
+				class: "msi__btn",
+				onClick: Y
+			}, "加载并解析安装包")
+		])) : U.value === "loading" ? (h(), s("p", S, "正在解析安装包…")) : U.value === "error" ? (h(), s("div", re, [c("p", null, v(W.value), 1), c("button", {
+			type: "button",
+			class: "msi__retry",
+			onClick: Y
+		}, "重试")])) : U.value === "ready" && G.value ? (h(), s(i, { key: 3 }, [
+			c("div", ie, [
+				r[2] ||= c("span", { class: "msi__fmt" }, "MSI", -1),
+				G.value.productVersion ? (h(), s("span", ae, "v" + v(G.value.productVersion), 1)) : o("", !0),
+				G.value.language ? (h(), s("span", C, v(G.value.language), 1)) : o("", !0),
+				c("span", null, v(G.value.properties.length) + " 个属性", 1),
+				c("span", null, v(G.value.tables.length) + " 张表", 1)
+			]),
+			X.value.length ? (h(), s("div", w, [r[3] ||= c("h3", { class: "msi__h" }, "产品信息", -1), c("dl", T, [(h(!0), s(i, null, _(X.value, (e, t) => (h(), s(i, { key: t }, [c("dt", E, v(e.label), 1), c("dd", D, [c("button", {
+				type: "button",
+				class: "msi__copyable",
+				title: `点击复制：${e.value}`,
+				onClick: (t) => $(e.value)
+			}, [c("span", null, v(e.value), 1), Z.value === e.value ? (h(), s("span", k, "已复制")) : o("", !0)], 8, O)])], 64))), 128))])])) : o("", !0),
+			G.value.summary.length ? (h(), s("div", A, [r[4] ||= c("h3", { class: "msi__h" }, "摘要信息", -1), c("dl", j, [(h(!0), s(i, null, _(G.value.summary, (e, t) => (h(), s(i, { key: t }, [c("dt", M, v(e.label), 1), c("dd", N, v(e.value), 1)], 64))), 128))])])) : o("", !0),
+			G.value.properties.length ? (h(), s("div", P, [c("button", {
+				type: "button",
+				class: "msi__toggle",
+				onClick: r[0] ||= (e) => K.value = !K.value
+			}, [c("span", { class: f(["msi__caret", { "msi__caret--open": K.value }]) }, "▶", 2), l(" 全部属性（" + v(G.value.properties.length) + "） ", 1)]), K.value ? (h(), s("div", F, [(h(!0), s(i, null, _(G.value.properties, (e, t) => (h(), s("button", {
+				key: t,
+				type: "button",
+				class: "msi__prow",
+				title: `点击复制值：${e.value}`,
+				onClick: (t) => $(e.value)
+			}, [c("span", L, v(e.name), 1), c("span", R, v(Z.value === e.value ? "已复制" : e.value), 1)], 8, I))), 128))])) : o("", !0)])) : o("", !0),
+			G.value.tables.length ? (h(), s("div", z, [c("button", {
+				type: "button",
+				class: "msi__toggle",
+				onClick: r[1] ||= (e) => q.value = !q.value
+			}, [c("span", { class: f(["msi__caret", { "msi__caret--open": q.value }]) }, "▶", 2), l(" 数据库表（" + v(G.value.tables.length) + "） ", 1)]), q.value ? (h(), s("div", B, [(h(!0), s(i, null, _(G.value.tables, (e) => (h(), s("span", {
+				key: e,
+				class: "msi__chip"
+			}, v(e), 1))), 128))])) : o("", !0)])) : o("", !0),
+			(h(!0), s(i, null, _(G.value.notes, (e, t) => (h(), s("p", {
+				key: t,
+				class: "msi__note"
+			}, v(e), 1))), 128))
+		], 64)) : o("", !0)]));
+	}
+});
+//#endregion
+export { H as default };

package/dist/components/NotebookViewer.js

@@ -0,0 +1,7 @@
+import e from "../_virtual/_plugin-vue_export-helper.js";
+import t from "./NotebookViewer.vue_vue_type_script_setup_true_lang.js";
+/* empty css                                                               */
+//#region src/components/NotebookViewer.vue
+var n = /*#__PURE__*/ e(t, [["__scopeId", "data-v-3419a6e8"]]);
+//#endregion
+export { n as default };

package/dist/components/NotebookViewer.vue.d.ts

@@ -0,0 +1,20 @@
+/**
+ * Side-viewer Jupyter Notebook (.ipynb) renderer. Fetches the notebook bytes from the download URL and parses
+ * the JSON in-browser (see lib/ipynb.ts), then walks the cells: markdown cells reuse the app's markdown engine,
+ * code cells reuse highlight.js, and each output is shown by its best-fit type (stream / text / image / rich
+ * HTML / error). Mirrors the other byte-fetching viewers (DICOM/DOCX/…): a real download URL in, a self-owned
+ * fetch + render.
+ *
+ * Safety: a cell's rich `text/html` output is hostile markup (it comes from arbitrary kernels), so it renders
+ * the SAME way the panel's HTML preview does — in a fully sandboxed iframe (opaque origin, no `allow-scripts`)
+ * whose markup carries an injected `script-src 'none'` CSP, so NO upstream script runs. (Interactive widgets
+ * like Plotly therefore won't execute — download the notebook to run it; static tables/plots render fine.)
+ */
+type __VLS_Props = {
+    url?: string;
+    name: string;
+    size?: number;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/components/NotebookViewer.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,125 @@
+import { formatBytes as e } from "../lib/format.js";
+import { highlightCode as t } from "../lib/highlight.js";
+import n from "./MarkdownText.js";
+import { parseNotebook as r } from "../lib/ipynb.js";
+import { Fragment as i, createCommentVNode as a, createElementBlock as o, createElementVNode as s, createVNode as c, defineComponent as l, normalizeClass as u, openBlock as d, ref as f, renderList as p, toDisplayString as m, unref as h, watch as g } from "vue";
+//#region src/components/NotebookViewer.vue?vue&type=script&setup=true&lang.ts
+var _ = { class: "nb" }, v = {
+	key: 0,
+	class: "nb__msg"
+}, y = {
+	key: 1,
+	class: "nb__msg nb__gate"
+}, b = {
+	key: 2,
+	class: "nb__msg nb__msg--error"
+}, x = {
+	key: 3,
+	class: "nb__scroll"
+}, S = {
+	key: 0,
+	class: "nb__md"
+}, C = {
+	key: 1,
+	class: "nb__raw"
+}, w = {
+	key: 2,
+	class: "nb__code"
+}, T = { class: "nb__in" }, E = { class: "nb__prompt" }, D = { class: "nb__src" }, O = ["innerHTML"], k = {
+	key: 0,
+	class: "nb__stream"
+}, A = {
+	key: 1,
+	class: "nb__text"
+}, j = {
+	key: 2,
+	class: "nb__errtext"
+}, M = {
+	key: 3,
+	class: "nb__md nb__md--out"
+}, N = ["src"], P = ["srcdoc"], F = {
+	key: 0,
+	class: "nb__msg"
+}, I = 20 * 1024 * 1024, L = "<meta http-equiv=\"Content-Security-Policy\" content=\"script-src 'none'; object-src 'none'; base-uri 'none'; form-action 'none'\">", R = /*@__PURE__*/ l({
+	__name: "NotebookViewer",
+	props: {
+		url: {},
+		name: {},
+		size: {}
+	},
+	setup(l) {
+		let R = l, z = f("loading"), B = f(""), V = f([]), H = f("python");
+		function U(e) {
+			return e.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
+		}
+		function W(e) {
+			return `<!doctype html><html><head><meta charset="utf-8">${L}<style>body{margin:0;padding:8px;font:13px system-ui,-apple-system,sans-serif;color:#222}table{border-collapse:collapse}th,td{border:1px solid #ddd;padding:4px 8px}</style></head><body>${e}</body></html>`;
+		}
+		function G(e) {
+			try {
+				return t(e, H.value);
+			} catch {
+				return U(e);
+			}
+		}
+		async function K() {
+			if (R.url) {
+				z.value = "loading", B.value = "";
+				try {
+					let e = await fetch(R.url);
+					if (!e.ok) throw Error(`HTTP ${e.status}`);
+					let t = r(await e.text());
+					V.value = t.cells, H.value = t.language, z.value = "ready";
+				} catch (e) {
+					B.value = e instanceof Error ? e.message : String(e), z.value = "error";
+				}
+			}
+		}
+		function q() {
+			if (R.size && R.size > I) {
+				z.value = "gate";
+				return;
+			}
+			K();
+		}
+		return g(() => R.url, q, { immediate: !0 }), (t, r) => (d(), o("div", _, [z.value === "loading" ? (d(), o("p", v, "正在解析 Notebook…")) : z.value === "gate" ? (d(), o("div", y, [s("p", null, "该 Notebook 较大（" + m(h(e)(R.size)) + "），将在浏览器内解析。是否继续？", 1), s("button", {
+			type: "button",
+			class: "nb__btn",
+			onClick: K
+		}, "解析并预览")])) : z.value === "error" ? (d(), o("div", b, [s("p", null, "解析失败：" + m(B.value), 1), s("button", {
+			type: "button",
+			class: "nb__btn",
+			onClick: K
+		}, "重试")])) : (d(), o("div", x, [(d(!0), o(i, null, p(V.value, (e, t) => (d(), o("div", {
+			key: t,
+			class: "nb__cell"
+		}, [e.type === "markdown" ? (d(), o("div", S, [c(h(n), {
+			text: e.source,
+			kp: "nb"
+		}, null, 8, ["text"])])) : e.type === "raw" ? (d(), o("pre", C, m(e.source), 1)) : (d(), o("div", w, [s("div", T, [s("span", E, "[" + m(e.executionCount ?? " ") + "]", 1), s("pre", D, [s("code", {
+			class: "hljs",
+			innerHTML: G(e.source)
+		}, null, 8, O)])]), (d(!0), o(i, null, p(e.outputs, (e, r) => (d(), o("div", {
+			key: r,
+			class: u(["nb__out", { "nb__out--err": e.kind === "error" || e.kind === "stream" && e.isError }])
+		}, [e.kind === "stream" ? (d(), o("pre", k, m(e.text), 1)) : e.kind === "text" || e.kind === "json" ? (d(), o("pre", A, m(e.text), 1)) : e.kind === "error" ? (d(), o("pre", j, m(e.text), 1)) : e.kind === "markdown" ? (d(), o("div", M, [c(h(n), {
+			text: e.text,
+			kp: `nbo-${t}-${r}`
+		}, null, 8, ["text", "kp"])])) : e.kind === "image" ? (d(), o("img", {
+			key: 4,
+			class: "nb__img",
+			src: e.src,
+			alt: "输出图像"
+		}, null, 8, N)) : e.kind === "html" ? (d(), o("iframe", {
+			key: 5,
+			class: "nb__html",
+			srcdoc: W(e.html),
+			title: "Notebook 富文本输出",
+			sandbox: "",
+			loading: "lazy",
+			referrerpolicy: "no-referrer"
+		}, null, 8, P)) : a("", !0)], 2))), 128))]))]))), 128)), V.value.length ? a("", !0) : (d(), o("p", F, "（空 Notebook）"))]))]));
+	}
+});
+//#endregion
+export { R as default };

package/dist/components/PdfViewer.js

@@ -0,0 +1,7 @@
+import e from "../_virtual/_plugin-vue_export-helper.js";
+import t from "./PdfViewer.vue_vue_type_script_setup_true_lang.js";
+/* empty css                                                          */
+//#region src/components/PdfViewer.vue
+var n = /*#__PURE__*/ e(t, [["__scopeId", "data-v-2a30ef87"]]);
+//#endregion
+export { n as default };

package/dist/components/PdfViewer.vue.d.ts

@@ -0,0 +1,19 @@
+/**
+ * Side-viewer PDF (`.pdf`) renderer. Fetches the document bytes from the download URL and rasterizes each
+ * page to a <canvas> entirely in-browser via pdfjs-dist (https://github.com/mozilla/pdf.js) — a vertically
+ * scrollable list of pages (white sheets on a neutral "desk", like the docx/pptx viewers). No CDN / network
+ * beyond the file fetch: pdfjs bundles its own worker, fetched lazily as a same-origin asset (see above).
+ *
+ * Two entry shapes mirror the other viewers (docx/xlsx/pptx/zip): a real download URL for a held attachment,
+ * or a blob URL minted by the archive browsers from already-extracted bytes. Pages re-rasterize when the pane
+ * is resized (debounced) so text stays crisp at the new width.
+ */
+type __VLS_Props = {
+    /** Download/blob URL of the .pdf bytes. */
+    url?: string;
+    name: string;
+    size?: number;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/components/PdfViewer.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,114 @@
+import { createCommentVNode as e, createElementBlock as t, createElementVNode as n, defineComponent as r, onBeforeUnmount as i, onMounted as a, openBlock as o, ref as s, toDisplayString as c, watch as l } from "vue";
+import * as u from "pdfjs-dist";
+import d from "pdfjs-dist/build/pdf.worker.min.mjs?url";
+//#region src/components/PdfViewer.vue?vue&type=script&setup=true&lang.ts
+var f = { class: "pf" }, p = {
+	key: 0,
+	class: "pf__overlay"
+}, m = {
+	key: 1,
+	class: "pf__overlay"
+}, h = { class: "pf__msg pf__msg--error" }, g = 2, _ = /*@__PURE__*/ r({
+	__name: "PdfViewer",
+	props: {
+		url: {},
+		name: {},
+		size: {}
+	},
+	setup(r) {
+		u.GlobalWorkerOptions.workerSrc = d;
+		let _ = r, v = s("loading"), y = s(""), b = s(0), x = s(null), S = null, C = [], w = 0;
+		function T() {
+			for (let e of C) try {
+				e.cancel();
+			} catch {}
+			C = [];
+		}
+		function E() {
+			if (T(), S) {
+				try {
+					S.destroy();
+				} catch {}
+				S = null;
+			}
+		}
+		async function D() {
+			let e = x.value, t = S;
+			if (!e || !t) return;
+			let n = ++w;
+			T(), e.innerHTML = "";
+			let r = getComputedStyle(e), i = parseFloat(r.paddingLeft) + parseFloat(r.paddingRight), a = Math.max(120, e.clientWidth - i), o = Math.min(typeof window < "u" && window.devicePixelRatio || 1, g);
+			for (let r = 1; r <= t.numPages; r++) {
+				let i;
+				try {
+					i = await t.getPage(r);
+				} catch {
+					if (n !== w) return;
+					continue;
+				}
+				if (n !== w) return;
+				let s = i.getViewport({ scale: 1 }), c = a / s.width, l = i.getViewport({ scale: c * o }), u = document.createElement("canvas");
+				if (u.className = "pf__page", u.width = Math.ceil(l.width), u.height = Math.ceil(l.height), u.style.width = `${Math.round(a)}px`, u.style.height = `${Math.round(a * (s.height / s.width))}px`, !u.getContext("2d")) continue;
+				e.appendChild(u);
+				let d = i.render({
+					canvas: u,
+					viewport: l
+				});
+				C.push(d);
+				try {
+					await d.promise;
+				} catch {
+					if (n !== w) return;
+				}
+				if (n !== w) return;
+			}
+		}
+		async function O() {
+			let e = x.value;
+			if (!_.url || !e) return;
+			v.value = "loading", y.value = "", E(), e.innerHTML = "";
+			let t = _.url;
+			try {
+				let n = await fetch(t);
+				if (!n.ok) throw Error(`HTTP ${n.status}`);
+				let r = await n.arrayBuffer();
+				if (_.url !== t || x.value !== e) return;
+				let i = await u.getDocument({ data: new Uint8Array(r) }).promise;
+				if (_.url !== t || x.value !== e) {
+					try {
+						i.destroy();
+					} catch {}
+					return;
+				}
+				if (S = i, b.value = i.numPages, await D(), _.url !== t || x.value !== e) return;
+				v.value = "ready";
+			} catch (e) {
+				y.value = e instanceof Error ? e.message : String(e), v.value = "error";
+			}
+		}
+		let k, A = 0, j = null;
+		function M() {
+			let e = x.value;
+			if (!e || !S) return;
+			let t = e.clientWidth;
+			Math.abs(t - A) < 8 || (A = t, clearTimeout(k), k = setTimeout(() => {
+				S && D();
+			}, 180));
+		}
+		return a(() => {
+			O(), typeof ResizeObserver < "u" && x.value && (A = x.value.clientWidth, j = new ResizeObserver(M), j.observe(x.value));
+		}), l(() => _.url, O), i(() => {
+			clearTimeout(k), j?.disconnect(), w++, E(), x.value && (x.value.innerHTML = "");
+		}), (r, i) => (o(), t("div", f, [n("div", {
+			ref_key: "docEl",
+			ref: x,
+			class: "pf__doc"
+		}, null, 512), v.value === "loading" ? (o(), t("div", p, [...i[0] ||= [n("p", { class: "pf__msg" }, "正在渲染 PDF…", -1)]])) : v.value === "error" ? (o(), t("div", m, [n("div", h, [n("p", null, "渲染失败：" + c(y.value), 1), n("button", {
+			type: "button",
+			class: "pf__retry",
+			onClick: O
+		}, "重试")])])) : e("", !0)]));
+	}
+});
+//#endregion
+export { _ as default };

package/dist/components/PptxViewer.js

@@ -0,0 +1,7 @@
+import e from "../_virtual/_plugin-vue_export-helper.js";
+import t from "./PptxViewer.vue_vue_type_script_setup_true_lang.js";
+/* empty css                                                           */
+//#region src/components/PptxViewer.vue
+var n = /*#__PURE__*/ e(t, [["__scopeId", "data-v-47d76691"]]);
+//#endregion
+export { n as default };

package/dist/components/PptxViewer.vue.d.ts

@@ -0,0 +1,20 @@
+/**
+ * Side-viewer PowerPoint (`.pptx`/`.pptm`/`.ppsx`) renderer. Fetches the deck bytes from the download URL and
+ * renders the OOXML PresentationML to HTML/SVG entirely in-browser via @aiden0z/pptx-renderer
+ * (https://github.com/aiden0z/pptx-renderer) — a vertically scrollable list of slides, each scaled to fit the
+ * pane (`fitMode: 'contain'`, the library default). No CDN / network beyond the file fetch (+ the lazy pdfjs
+ * fallback above): the renderer bundles its own jszip + echarts (charts) and inlines media. The library writes
+ * inline styles only, so nothing leaks onto the page.
+ *
+ * Two entry shapes mirror the other viewers (docx/xlsx/zip): a real download URL for a held attachment, or a
+ * blob URL minted by the archive browsers from already-extracted bytes.
+ */
+type __VLS_Props = {
+    /** Download/blob URL of the .pptx bytes. */
+    url?: string;
+    name: string;
+    size?: number;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/components/PptxViewer.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,73 @@
+import { createCommentVNode as e, createElementBlock as t, createElementVNode as n, defineComponent as r, onBeforeUnmount as i, onMounted as a, openBlock as o, ref as s, toDisplayString as c, watch as l } from "vue";
+import u from "pdfjs-dist/build/pdf.worker.min.mjs?url";
+import { PptxViewer as d, RECOMMENDED_ZIP_LIMITS as f } from "@aiden0z/pptx-renderer";
+import p from "pdfjs-dist/build/pdf.min.mjs?url";
+//#region src/components/PptxViewer.vue?vue&type=script&setup=true&lang.ts
+var m = { class: "pv" }, h = {
+	key: 0,
+	class: "pv__overlay"
+}, g = {
+	key: 1,
+	class: "pv__overlay"
+}, _ = { class: "pv__msg pv__msg--error" }, v = /*@__PURE__*/ r({
+	__name: "PptxViewer",
+	props: {
+		url: {},
+		name: {},
+		size: {}
+	},
+	setup(r) {
+		let v = r, y = s("loading"), b = s(""), x = s(null), S = null;
+		function C() {
+			if (S) {
+				try {
+					S.destroy();
+				} catch {}
+				S = null;
+			}
+		}
+		async function w() {
+			let e = x.value;
+			if (!v.url || !e) return;
+			y.value = "loading", b.value = "", C(), e.innerHTML = "";
+			let t = v.url;
+			try {
+				let n = await fetch(t);
+				if (!n.ok) throw Error(`HTTP ${n.status}`);
+				let r = await n.arrayBuffer();
+				if (v.url !== t || x.value !== e) return;
+				let i = await d.open(r, e, {
+					zipLimits: f,
+					scrollContainer: e,
+					listOptions: { windowed: !0 },
+					pdfjs: {
+						moduleUrl: p,
+						workerUrl: u
+					}
+				});
+				if (v.url !== t || x.value !== e) {
+					try {
+						i.destroy();
+					} catch {}
+					return;
+				}
+				S = i, y.value = "ready";
+			} catch (e) {
+				b.value = e instanceof Error ? e.message : String(e), y.value = "error";
+			}
+		}
+		return a(w), l(() => v.url, w), i(() => {
+			C(), x.value && (x.value.innerHTML = "");
+		}), (r, i) => (o(), t("div", m, [n("div", {
+			ref_key: "docEl",
+			ref: x,
+			class: "pv__doc"
+		}, null, 512), y.value === "loading" ? (o(), t("div", h, [...i[0] ||= [n("p", { class: "pv__msg" }, "正在渲染 PPT…", -1)]])) : y.value === "error" ? (o(), t("div", g, [n("div", _, [n("p", null, "渲染失败：" + c(b.value), 1), n("button", {
+			type: "button",
+			class: "pv__retry",
+			onClick: w
+		}, "重试")])])) : e("", !0)]));
+	}
+});
+//#endregion
+export { v as default };

package/dist/components/PsdViewer.js

@@ -0,0 +1,7 @@
+import e from "../_virtual/_plugin-vue_export-helper.js";
+import t from "./PsdViewer.vue_vue_type_script_setup_true_lang.js";
+/* empty css                                                          */
+//#region src/components/PsdViewer.vue
+var n = /*#__PURE__*/ e(t, [["__scopeId", "data-v-5fbd3b9c"]]);
+//#endregion
+export { n as default };

package/dist/components/PsdViewer.vue.d.ts

@@ -0,0 +1,15 @@
+/**
+ * Side-viewer for Photoshop documents (.psd/.psb). Fetches the bytes and parses them in-browser with ag-psd
+ * (dynamically imported), then — unlike the generic RasterViewer which only shows the flattened composite —
+ * exposes the LAYER TREE: a panel of every layer/group with a thumbnail and a visibility toggle, and it
+ * RE-COMPOSITES live onto a canvas as you toggle layers (honouring per-layer opacity and blend mode; group
+ * visibility cascades to its children). A flattened PSD (no layers) falls back to ag-psd's composite.
+ */
+type __VLS_Props = {
+    url?: string;
+    name: string;
+    size?: number;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;