@l1yp/file-viewer 0.1.0

package/dist/components/PsdViewer.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,218 @@
+import e from "./MissingDependency.js";
+import { formatBytes as t } from "../lib/format.js";
+import n from "./icons/Icon.js";
+import { isMissingModule as r } from "../lib/optionalDep.js";
+import { Fragment as i, createBlock as a, createCommentVNode as o, createElementBlock as s, createElementVNode as c, createVNode as l, defineComponent as u, normalizeClass as d, normalizeStyle as f, onBeforeUnmount as p, openBlock as m, ref as h, renderList as g, shallowRef as _, toDisplayString as v, unref as y, watch as b } from "vue";
+//#region src/components/PsdViewer.vue?vue&type=script&setup=true&lang.ts
+var x = { class: "psd" }, S = {
+	key: 0,
+	class: "psd__msg"
+}, C = {
+	key: 1,
+	class: "psd__msg psd__gate"
+}, w = {
+	key: 3,
+	class: "psd__msg psd__msg--error"
+}, T = { class: "psd__bar" }, E = { class: "psd__dim" }, D = {
+	key: 0,
+	class: "psd__dim"
+}, O = {
+	key: 1,
+	class: "psd__dim"
+}, k = {
+	key: 0,
+	class: "psd__layers"
+}, A = ["title", "onClick"], ee = { class: "psd__thumb" }, te = ["src"], ne = {
+	key: 1,
+	class: "psd__thumb--group"
+}, j = { class: "psd__name" }, M = {
+	key: 0,
+	class: "psd__blend"
+}, N = {
+	key: 1,
+	class: "psd__op"
+}, P = 60 * 1024 * 1024, F = /*@__PURE__*/ u({
+	__name: "PsdViewer",
+	props: {
+		url: {},
+		name: {},
+		size: {}
+	},
+	setup(u) {
+		let F = u, I = h("loading"), L = h(""), R = h(null), z = h(!0), B = 0, V = 0, H = _([]), U = _([]), W = /* @__PURE__ */ new Map(), G = h(/* @__PURE__ */ new Set()), K, q = h(), J = h(0), Y = {
+			normal: "source-over",
+			multiply: "multiply",
+			screen: "screen",
+			overlay: "overlay",
+			darken: "darken",
+			lighten: "lighten",
+			"color dodge": "color-dodge",
+			"linear dodge": "lighter",
+			"color burn": "color-burn",
+			"hard light": "hard-light",
+			"soft light": "soft-light",
+			difference: "difference",
+			exclusion: "exclusion",
+			hue: "hue",
+			saturation: "saturation",
+			color: "color",
+			luminosity: "luminosity"
+		};
+		function X(e) {
+			if (!e.width || !e.height) return;
+			let t = document.createElement("canvas");
+			t.width = 34, t.height = 34;
+			let n = t.getContext("2d");
+			if (!n) return;
+			let r = Math.min(34 / e.width, 34 / e.height), i = e.width * r, a = e.height * r;
+			return n.drawImage(e, (34 - i) / 2, (34 - a) / 2, i, a), t.toDataURL();
+		}
+		function re(e) {
+			W.clear();
+			let t = /* @__PURE__ */ new Set(), n = 0;
+			function r(e, i, a) {
+				let o = [];
+				for (let s of e ?? []) {
+					let e = Array.isArray(s.children), c = {
+						id: n++,
+						name: s.name || (e ? "组" : "图层"),
+						depth: i,
+						isGroup: e,
+						opacity: typeof s.opacity == "number" ? s.opacity : 1,
+						blend: s.blendMode || "normal",
+						left: s.left ?? 0,
+						top: s.top ?? 0,
+						canvas: e ? void 0 : s.canvas,
+						parentId: a,
+						children: []
+					};
+					W.set(c.id, c), s.hidden && t.add(c.id), c.canvas && (c.thumb = X(c.canvas)), e && (c.children = r(s.children, i + 1, c.id)), o.push(c);
+				}
+				return o;
+			}
+			let i = r(e.children, 0, -1), a = [], o = (e) => {
+				for (let t of e) t.isGroup ? o(t.children) : t.canvas && a.push(t);
+			};
+			o(i);
+			let s = [], c = (e) => {
+				for (let t of [...e].reverse()) s.push(t), t.isGroup && c(t.children);
+			};
+			c(i), H.value = a, U.value = s, G.value = t, J.value = a.length, K = a.length ? void 0 : e.canvas;
+		}
+		function Z(e) {
+			let t = W.get(e);
+			for (; t;) {
+				if (G.value.has(t.id)) return !1;
+				t = t.parentId >= 0 ? W.get(t.parentId) : void 0;
+			}
+			return !0;
+		}
+		function Q() {
+			let e = q.value;
+			if (!e) return;
+			e.width = B || K?.width || 1, e.height = V || K?.height || 1;
+			let t = e.getContext("2d");
+			if (t) {
+				if (t.clearRect(0, 0, e.width, e.height), K) {
+					t.drawImage(K, 0, 0);
+					return;
+				}
+				for (let e of H.value) !e.canvas || !Z(e.id) || (t.globalAlpha = Math.max(0, Math.min(1, e.opacity)), t.globalCompositeOperation = Y[e.blend] ?? "source-over", t.drawImage(e.canvas, e.left, e.top));
+				t.globalAlpha = 1, t.globalCompositeOperation = "source-over";
+			}
+		}
+		function ie(e) {
+			let t = new Set(G.value);
+			t.has(e.id) ? t.delete(e.id) : t.add(e.id), G.value = t, Q();
+		}
+		function ae() {
+			if (F.url) {
+				if (F.size && F.size > P) {
+					I.value = "gate";
+					return;
+				}
+				$();
+			}
+		}
+		async function $() {
+			if (F.url) {
+				I.value = "loading", L.value = "", R.value = null;
+				try {
+					let e = await fetch(F.url);
+					if (!e.ok) throw Error(`HTTP ${e.status}`);
+					let t = await e.arrayBuffer(), { readPsd: n } = await import("ag-psd"), r = n(t, { skipThumbnail: !0 });
+					B = r.width, V = r.height, re(r), I.value = "ready", requestAnimationFrame(Q);
+				} catch (e) {
+					r(e) ? R.value = ["ag-psd"] : L.value = e instanceof Error ? e.message : String(e), I.value = "error";
+				}
+			}
+		}
+		return b(() => F.url, ae, { immediate: !0 }), p(() => {
+			H.value = [], U.value = [], W.clear();
+		}), (r, u) => (m(), s("div", x, [I.value === "loading" ? (m(), s("p", S, "正在解码 PSD…")) : I.value === "gate" ? (m(), s("div", C, [c("p", null, "该 PSD 较大（" + v(y(t)(F.size)) + "），将在浏览器内逐图层解码。是否继续？", 1), c("button", {
+			type: "button",
+			class: "psd__btn",
+			onClick: $
+		}, "解码并预览")])) : R.value ? (m(), a(e, {
+			key: 2,
+			pkg: R.value,
+			label: "PSD",
+			"download-url": F.url,
+			"download-name": F.name
+		}, null, 8, [
+			"pkg",
+			"download-url",
+			"download-name"
+		])) : I.value === "error" ? (m(), s("div", w, [c("p", null, "解码失败：" + v(L.value), 1), c("button", {
+			type: "button",
+			class: "psd__btn",
+			onClick: $
+		}, "重试")])) : (m(), s(i, { key: 4 }, [
+			c("div", T, [
+				u[1] ||= c("span", { class: "psd__badge" }, "PSD", -1),
+				c("span", E, v(y(B)) + "×" + v(y(V)), 1),
+				J.value ? (m(), s("span", D, v(J.value) + " 图层", 1)) : o("", !0),
+				F.size ? (m(), s("span", O, v(y(t)(F.size)), 1)) : o("", !0),
+				u[2] ||= c("span", { class: "psd__spacer" }, null, -1),
+				c("button", {
+					type: "button",
+					class: d(["psd__toggle", { "psd__toggle--on": !z.value }]),
+					onClick: u[0] ||= (e) => z.value = !z.value
+				}, v(z.value ? "原始大小" : "适应"), 3)
+			]),
+			c("div", { class: d(["psd__stage", { "psd__stage--fit": z.value }]) }, [c("canvas", {
+				ref_key: "stage",
+				ref: q,
+				class: d(["psd__canvas", { "psd__canvas--fit": z.value }])
+			}, null, 2)], 2),
+			U.value.length ? (m(), s("ul", k, [(m(!0), s(i, null, g(U.value, (e) => (m(), s("li", {
+				key: e.id,
+				class: d(["psd__layer", {
+					"psd__layer--group": e.isGroup,
+					"psd__layer--off": !Z(e.id)
+				}]),
+				style: f({ paddingLeft: 10 + e.depth * 14 + "px" })
+			}, [
+				c("button", {
+					type: "button",
+					class: d(["psd__eye", { "psd__eye--off": G.value.has(e.id) }]),
+					title: G.value.has(e.id) ? "显示" : "隐藏",
+					onClick: (t) => ie(e)
+				}, [l(n, {
+					name: "eye",
+					size: 14
+				})], 10, A),
+				c("span", ee, [e.thumb ? (m(), s("img", {
+					key: 0,
+					src: e.thumb,
+					alt: ""
+				}, null, 8, te)) : (m(), s("span", ne))]),
+				c("span", j, v(e.name), 1),
+				e.blend === "normal" ? o("", !0) : (m(), s("span", M, v(e.blend), 1)),
+				e.opacity < 1 ? (m(), s("span", N, v(Math.round(e.opacity * 100)) + "%", 1)) : o("", !0)
+			], 6))), 128))])) : o("", !0)
+		], 64))]));
+	}
+});
+//#endregion
+export { F as default };

package/dist/components/QmcAudioViewer.js

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

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

@@ -0,0 +1,18 @@
+/**
+ * Side-viewer player for QQ Music encrypted audio (`.mflac` / `.mgg` / …). Fetches the encrypted bytes from
+ * the download URL, DECRYPTS them in-browser (see lib/qmc.ts) — recovering the embedded key and undoing the
+ * QMCv2 stream cipher — then plays the resulting FLAC/OGG/MP3 through a native <audio> from a typed Blob URL.
+ *
+ * The panel's own download button would only fetch the still-encrypted file, so this viewer surfaces its own
+ * "download decrypted" action (the playable audio with the right extension). Decryption is pure + fast
+ * (tens of ms even for ~60MB), but it loads the whole file into memory, so very large files are gated behind
+ * a confirm like the plain AudioViewer.
+ */
+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/QmcAudioViewer.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,92 @@
+import { fileExt as e } from "../lib/fileType.js";
+import { formatBytes as t } from "../lib/format.js";
+import n from "./icons/Icon.js";
+import { QmcError as r, decryptQmc as i } from "../lib/qmc.js";
+import { computed as a, createCommentVNode as o, createElementBlock as s, createElementVNode as c, createVNode as l, defineComponent as u, onBeforeUnmount as d, openBlock as f, ref as p, toDisplayString as m, unref as h, watch as g } from "vue";
+//#region src/components/QmcAudioViewer.vue?vue&type=script&setup=true&lang.ts
+var _ = { class: "qmc" }, v = {
+	key: 0,
+	class: "qmc__msg"
+}, y = {
+	key: 1,
+	class: "qmc__msg"
+}, b = {
+	key: 2,
+	class: "qmc__msg qmc__gate"
+}, x = {
+	key: 3,
+	class: "qmc__msg qmc__msg--error"
+}, S = {
+	key: 4,
+	class: "qmc__player"
+}, C = { class: "qmc__icon" }, w = { class: "qmc__name" }, T = { class: "qmc__meta" }, E = { class: "qmc__badge" }, D = { key: 0 }, O = ["src"], k = ["href", "download"], A = 100 * 1024 * 1024, j = /*@__PURE__*/ u({
+	__name: "QmcAudioViewer",
+	props: {
+		url: {},
+		name: {},
+		size: {}
+	},
+	setup(u) {
+		let j = u, M = p("loading"), N = p(""), P = p(""), F = p(""), I = p(0), L = a(() => {
+			let t = j.name || "audio", n = e(t);
+			return n ? t.slice(0, t.length - n.length - 1) : t;
+		}), R = a(() => `${L.value}.${F.value || "audio"}`);
+		function z() {
+			P.value &&= (URL.revokeObjectURL(P.value), "");
+		}
+		async function B() {
+			if (j.url) {
+				M.value = "loading", N.value = "", z();
+				try {
+					let e = await fetch(j.url);
+					if (!e.ok) throw Error(`HTTP ${e.status}`);
+					let t = await e.arrayBuffer();
+					M.value = "decrypting", await new Promise((e) => setTimeout(e, 0));
+					let n = i(t);
+					F.value = n.format, I.value = n.data.length, P.value = URL.createObjectURL(new Blob([n.data], { type: n.mime })), M.value = "ready";
+				} catch (e) {
+					N.value = e instanceof r || e instanceof Error ? e.message : String(e), M.value = "error";
+				}
+			}
+		}
+		function V() {
+			if (j.size && j.size > A) {
+				M.value = "gate";
+				return;
+			}
+			B();
+		}
+		return g(() => j.url, V, { immediate: !0 }), d(z), (e, r) => (f(), s("div", _, [M.value === "loading" ? (f(), s("p", v, "正在加载…")) : M.value === "decrypting" ? (f(), s("p", y, "正在解密…")) : M.value === "gate" ? (f(), s("div", b, [c("p", null, "该文件较大（" + m(h(t)(j.size)) + "），将在浏览器内加载并解密。是否继续？", 1), c("button", {
+			type: "button",
+			class: "qmc__btn",
+			onClick: B
+		}, "加载并解密")])) : M.value === "error" ? (f(), s("div", x, [c("p", null, "无法解密：" + m(N.value), 1), c("button", {
+			type: "button",
+			class: "qmc__btn",
+			onClick: B
+		}, "重试")])) : (f(), s("div", S, [
+			c("div", C, [l(n, {
+				name: "music",
+				size: 40
+			})]),
+			c("div", w, m(j.name), 1),
+			c("div", T, [c("span", E, m(F.value.toUpperCase()) + " · 已解密", 1), I.value ? (f(), s("span", D, m(h(t)(I.value)), 1)) : o("", !0)]),
+			c("audio", {
+				class: "qmc__audio",
+				src: P.value,
+				controls: "",
+				preload: "metadata"
+			}, null, 8, O),
+			c("a", {
+				class: "qmc__dl",
+				href: P.value,
+				download: R.value
+			}, [l(n, {
+				name: "download",
+				size: 14
+			}), r[0] ||= c("span", null, "下载解密后的音频", -1)], 8, k)
+		]))]));
+	}
+});
+//#endregion
+export { j as default };

package/dist/components/RasterViewer.js

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

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

@@ -0,0 +1,21 @@
+/**
+ * Side-viewer for raster image formats the browser can't decode in a plain <img>. Fetches the bytes and
+ * decodes them to a viewable raster in-browser, then shows the result (fit-to-pane, with an actual-size
+ * toggle). Each decoder is DYNAMICALLY imported in its branch, so opening a TIFF never pulls the PSD/HEIC
+ * code (and vice-versa).
+ *
+ *  - tiff: UTIF (utif2) → RGBA → canvas; multi-page TIFFs get a page switcher.
+ *  - psd:  ag-psd readPsd() → the composited canvas.
+ *  - heic/heif: heic2any (libheif) → a PNG blob.
+ *  - raw (cr2/nef/arw/dng/…): BEST EFFORT — no in-browser demosaic, so we extract the embedded JPEG preview
+ *    (see lib/rawPreview.ts). Usually the camera's full-size preview; a file without one can't be shown here.
+ */
+type __VLS_Props = {
+    url?: string;
+    name: string;
+    size?: number;
+    kind: 'tiff' | 'psd' | 'heic' | 'raw';
+};
+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/RasterViewer.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,161 @@
+import e from "./MissingDependency.js";
+import { formatBytes as t } from "../lib/format.js";
+import { isMissingModule as n } from "../lib/optionalDep.js";
+import { Fragment as r, computed as i, createBlock as a, createCommentVNode as o, createElementBlock as s, createElementVNode as c, defineComponent as l, normalizeClass as u, onBeforeUnmount as d, openBlock as f, ref as p, toDisplayString as m, unref as h, watch as g } from "vue";
+//#region src/components/RasterViewer.vue?vue&type=script&setup=true&lang.ts
+var _ = { class: "ras" }, v = {
+	key: 0,
+	class: "ras__msg"
+}, y = {
+	key: 1,
+	class: "ras__msg ras__gate"
+}, b = {
+	key: 3,
+	class: "ras__msg ras__msg--error"
+}, x = { class: "ras__bar" }, S = { class: "ras__badge" }, C = {
+	key: 0,
+	class: "ras__hint"
+}, w = ["disabled"], T = { class: "ras__page" }, E = ["disabled"], D = ["src", "alt"], O = 80 * 1024 * 1024, k = /*@__PURE__*/ l({
+	__name: "RasterViewer",
+	props: {
+		url: {},
+		name: {},
+		size: {},
+		kind: {}
+	},
+	setup(l) {
+		let k = l, A = p("loading"), j = p(""), M = p(null), N = p([]), P = p(0), F = p(!0), I = [], L = {
+			tiff: "TIFF",
+			psd: "PSD",
+			heic: "HEIC",
+			raw: "RAW"
+		}, R = {
+			tiff: ["utif2"],
+			psd: ["ag-psd"],
+			heic: ["heic2any"]
+		};
+		function z() {
+			for (let e of I) URL.revokeObjectURL(e);
+			I = [], N.value = [], P.value = 0;
+		}
+		function B(e) {
+			return new Promise((t, n) => {
+				e.toBlob((e) => {
+					if (!e) return n(/* @__PURE__ */ Error("canvas 编码失败"));
+					let r = URL.createObjectURL(e);
+					I.push(r), t(r);
+				}, "image/png");
+			});
+		}
+		async function V(e) {
+			let t = await import("utif2"), n = t.decode(e), r = [];
+			for (let i of n) {
+				try {
+					t.decodeImage(e, i);
+				} catch {
+					continue;
+				}
+				if (!i.width || !i.height) continue;
+				let n = t.toRGBA8(i), a = document.createElement("canvas");
+				a.width = i.width, a.height = i.height;
+				let o = a.getContext("2d");
+				o && (o.putImageData(new ImageData(new Uint8ClampedArray(n), i.width, i.height), 0, 0), r.push(await B(a)));
+			}
+			if (!r.length) throw Error("未能解码该 TIFF");
+			return r;
+		}
+		async function H(e) {
+			let { readPsd: t } = await import("ag-psd"), n = t(e, {
+				skipLayerImageData: !0,
+				skipThumbnail: !0
+			});
+			if (!n.canvas) throw Error("该 PSD 没有可显示的合成图像");
+			return [await B(n.canvas)];
+		}
+		async function U(e) {
+			let t = (await import("heic2any")).default, n = await t({
+				blob: new Blob([e]),
+				toType: "image/png"
+			}), r = Array.isArray(n) ? n[0] : n, i = URL.createObjectURL(r);
+			return I.push(i), [i];
+		}
+		async function W(e) {
+			let { extractLargestJpeg: t } = await import("../lib/rawPreview.js"), n = t(e);
+			if (!n) throw Error("未能从该 RAW 文件提取内嵌预览（可下载后用专业工具打开）");
+			let r = URL.createObjectURL(new Blob([n], { type: "image/jpeg" }));
+			return I.push(r), [r];
+		}
+		async function G() {
+			if (k.url) {
+				A.value = "loading", j.value = "", M.value = null, z();
+				try {
+					let e = await fetch(k.url);
+					if (!e.ok) throw Error(`HTTP ${e.status}`);
+					let t = await e.arrayBuffer(), n;
+					n = k.kind === "tiff" ? await V(t) : k.kind === "psd" ? await H(t) : k.kind === "heic" ? await U(t) : await W(t), N.value = n, P.value = 0, A.value = "ready";
+				} catch (e) {
+					let t = R[k.kind];
+					t && n(e) ? M.value = t : j.value = e instanceof Error ? e.message : String(e), A.value = "error";
+				}
+			}
+		}
+		function K() {
+			if (k.size && k.size > O) {
+				A.value = "gate";
+				return;
+			}
+			G();
+		}
+		let q = i(() => N.value.length > 1);
+		return g(() => [k.url, k.kind], K, { immediate: !0 }), d(z), (n, i) => (f(), s("div", _, [A.value === "loading" ? (f(), s("p", v, "正在解码 " + m(L[k.kind]) + "…", 1)) : A.value === "gate" ? (f(), s("div", y, [c("p", null, "该图像较大（" + m(h(t)(k.size)) + "），将在浏览器内解码。是否继续？", 1), c("button", {
+			type: "button",
+			class: "ras__btn",
+			onClick: G
+		}, "解码并预览")])) : M.value ? (f(), a(e, {
+			key: 2,
+			pkg: M.value,
+			label: L[k.kind],
+			"download-url": k.url,
+			"download-name": k.name
+		}, null, 8, [
+			"pkg",
+			"label",
+			"download-url",
+			"download-name"
+		])) : A.value === "error" ? (f(), s("div", b, [c("p", null, "解码失败：" + m(j.value), 1), c("button", {
+			type: "button",
+			class: "ras__btn",
+			onClick: G
+		}, "重试")])) : (f(), s(r, { key: 4 }, [c("div", x, [
+			c("span", S, m(L[k.kind]), 1),
+			k.kind === "raw" ? (f(), s("span", C, "内嵌预览（非完整 RAW 解码）")) : o("", !0),
+			q.value ? (f(), s(r, { key: 1 }, [
+				c("button", {
+					type: "button",
+					class: "ras__nav",
+					disabled: P.value === 0,
+					onClick: i[0] ||= (e) => P.value--
+				}, " ‹ ", 8, w),
+				c("span", T, m(P.value + 1) + "/" + m(N.value.length), 1),
+				c("button", {
+					type: "button",
+					class: "ras__nav",
+					disabled: P.value === N.value.length - 1,
+					onClick: i[1] ||= (e) => P.value++
+				}, " › ", 8, E)
+			], 64)) : o("", !0),
+			i[3] ||= c("span", { class: "ras__spacer" }, null, -1),
+			c("button", {
+				type: "button",
+				class: u(["ras__nav ras__nav--text", { "ras__nav--on": !F.value }]),
+				onClick: i[2] ||= (e) => F.value = !F.value
+			}, m(F.value ? "原始大小" : "适应"), 3)
+		]), c("div", { class: u(["ras__stage", { "ras__stage--fit": F.value }]) }, [c("img", {
+			class: u(["ras__img", { "ras__img--fit": F.value }]),
+			src: N.value[P.value],
+			alt: k.name
+		}, null, 10, D)], 2)], 64))]));
+	}
+});
+//#endregion
+export { k as default };

package/dist/components/RtfViewer.js

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

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

@@ -0,0 +1,21 @@
+/**
+ * Side-viewer Rich Text (`.rtf`) renderer. Fetches the document BYTES (needed for `\'hh` charset decoding) and
+ * interprets the RTF entirely in-browser via the hand-rolled {@link parseRtf} → {@link rtfToHtml} (zero deps,
+ * like the eml / mht / har viewers). The produced HTML is OUR markup — every text byte escaped, only numeric
+ * sizes / `#rrggbb` colors / sanitized font names emitted — so it's safe to inline with `v-html` (same posture
+ * as DrawioViewer/WidgetBlock). It renders onto a white "paper" sheet (like DocxViewer) so the document's own
+ * colors read correctly in both light and dark themes.
+ *
+ * Entry shape mirrors the other self-fetching viewers: a real download URL for a held attachment, or a blob URL
+ * minted by an archive browser from already-extracted bytes. Large files are gated behind a confirm (all parsing
+ * is in-memory) like EmlViewer.
+ */
+type __VLS_Props = {
+    /** Download / blob URL of the .rtf 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/RtfViewer.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,66 @@
+import { parseRtf as e, rtfToHtml as t } from "../lib/rtf.js";
+import { computed as n, createElementBlock as r, createElementVNode as i, defineComponent as a, onBeforeUnmount as o, openBlock as s, ref as c, toDisplayString as l, watch as u } from "vue";
+//#region src/components/RtfViewer.vue?vue&type=script&setup=true&lang.ts
+var d = { class: "rtf" }, f = {
+	key: 0,
+	class: "rtf__msg"
+}, p = {
+	key: 1,
+	class: "rtf__msg rtf__gate"
+}, m = {
+	key: 2,
+	class: "rtf__msg rtf__msg--error"
+}, h = {
+	key: 3,
+	class: "rtf__scroll"
+}, g = ["innerHTML"], _ = {
+	key: 1,
+	class: "rtf__msg"
+}, v = 16 * 1024 * 1024, y = /*@__PURE__*/ a({
+	__name: "RtfViewer",
+	props: {
+		url: {},
+		name: {},
+		size: {}
+	},
+	setup(a) {
+		let y = a, b = c("loading"), x = c(""), S = c(""), C = n(() => b.value === "ready" && S.value.replace(/<[^>]+>/g, "").trim() === "");
+		async function w() {
+			if (y.url) {
+				b.value = "loading", x.value = "", S.value = "";
+				try {
+					let n = await fetch(y.url);
+					if (!n.ok) throw Error(`HTTP ${n.status}`);
+					let r = await n.arrayBuffer();
+					S.value = t(e(new Uint8Array(r))), b.value = "ready";
+				} catch (e) {
+					x.value = e instanceof Error ? e.message : String(e), b.value = "error";
+				}
+			}
+		}
+		function T() {
+			if (y.size && y.size > v) {
+				b.value = "gate";
+				return;
+			}
+			w();
+		}
+		return u(() => y.url, T, { immediate: !0 }), o(() => {
+			S.value = "";
+		}), (e, t) => (s(), r("div", d, [b.value === "loading" ? (s(), r("p", f, "正在渲染 RTF 文档…")) : b.value === "gate" ? (s(), r("div", p, [i("p", null, "文件较大（" + l(((y.size ?? 0) / 1024 / 1024).toFixed(1)) + " MB），是否继续解析预览？", 1), i("button", {
+			type: "button",
+			class: "rtf__btn",
+			onClick: w
+		}, "继续预览")])) : b.value === "error" ? (s(), r("div", m, [i("p", null, "渲染失败：" + l(x.value), 1), i("button", {
+			type: "button",
+			class: "rtf__btn",
+			onClick: w
+		}, "重试")])) : (s(), r("div", h, [C.value ? (s(), r("p", _, "（此文档没有可显示的文本内容）")) : (s(), r("article", {
+			key: 0,
+			class: "rtf__paper",
+			innerHTML: S.value
+		}, null, 8, g))]))]));
+	}
+});
+//#endregion
+export { y as default };

package/dist/components/SevenZipBrowser.js

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

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

@@ -0,0 +1,13 @@
+/**
+ * The side viewer's 7z mode — the LZMA counterpart to {@link ZipBrowser}. Fetches an archive's bytes, parses +
+ * decompresses them entirely in-browser (see lib/sevenZip.ts, which carries its own LZMA decoder since browsers
+ * ship none), and browses the contents. Selecting an entry extracts just that one, wraps it in a blob URL, and
+ * hands it to {@link FileViewerBody} (so a file inside the 7z previews with every viewer a top-level file gets).
+ */
+type __VLS_Props = {
+    url: string;
+    name: string;
+};
+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;