@l1yp/file-viewer 0.1.0

package/dist/components/MindMapView.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,337 @@
+import { fileExt as e } from "../lib/fileType.js";
+import { parseMindMap as t } from "../lib/mindmap.js";
+import { Fragment as n, computed as r, createCommentVNode as i, createElementBlock as a, createElementVNode as o, defineComponent as s, nextTick as c, normalizeClass as l, normalizeStyle as u, onBeforeUnmount as ee, onMounted as d, openBlock as f, reactive as te, ref as p, renderList as m, toDisplayString as h, unref as g, watch as _, withModifiers as v } from "vue";
+//#region src/components/MindMapView.vue?vue&type=script&setup=true&lang.ts
+var ne = { class: "mm" }, re = {
+	key: 0,
+	class: "mm__msg mm__msg--error"
+}, ie = {
+	key: 1,
+	class: "mm__msg"
+}, ae = {
+	class: "mm__svg",
+	width: "100%",
+	height: "100%"
+}, oe = ["transform"], se = ["d", "stroke"], ce = ["transform"], le = [
+	"width",
+	"height",
+	"onClick"
+], y = ["onClick"], ue = ["y"], de = { key: 0 }, fe = ["onClick"], pe = ["cx", "cy"], me = [
+	"x1",
+	"y1",
+	"x2",
+	"y2"
+], he = [
+	"x1",
+	"y1",
+	"x2",
+	"y2"
+], ge = ["x", "y"], b = ["href"], _e = ["x"], ve = { class: "mm__toolbar" }, ye = { class: "mm__summary" }, be = { class: "mm__zoom" }, x = 13, S = 19, C = 11, w = 7, T = 240, E = 22, D = 46, O = 14, k = /*@__PURE__*/ s({
+	__name: "MindMapView",
+	props: {
+		text: {},
+		name: {},
+		map: {}
+	},
+	setup(s) {
+		let k = s, A = [
+			"#6ea8fe",
+			"#63e6be",
+			"#ffd43b",
+			"#ff8787",
+			"#da77f2",
+			"#4dabf7",
+			"#ffa94d",
+			"#9775fa"
+		], j = r(() => {
+			let t = k.name || "", n = e(t);
+			return n ? t.slice(0, t.length - n.length - 1) : t;
+		}), M = r(() => {
+			if (k.map) return { map: k.map };
+			if (!k.text) return {};
+			try {
+				let n = e(k.name).toLowerCase();
+				return { map: t(k.text, n === "opml" ? "opml" : "mm", j.value) };
+			} catch (e) {
+				return { error: e instanceof Error ? e.message : String(e) };
+			}
+		}), N = te(/* @__PURE__ */ new Set());
+		function P(e) {
+			e.foldedInit && e.children.length && N.add(e.id);
+			for (let t of e.children) P(t);
+		}
+		_(() => M.value.map, (e) => {
+			N.clear(), e && P(e.root), c(U);
+		}, { immediate: !0 });
+		function F(e) {
+			let t = e.codePointAt(0) ?? 0;
+			return t >= 4352 && t <= 4447 || t >= 11904 && t <= 42191 || t >= 44032 && t <= 55203 || t >= 63744 && t <= 64255 || t >= 65072 && t <= 65103 || t >= 65280 && t <= 65376 || t >= 65504 && t <= 65510 || t >= 127744 && t <= 129791;
+		}
+		function I(e) {
+			let t = 0;
+			for (let n of e) t += F(n) ? x * 1.02 : x * .56;
+			return t;
+		}
+		function xe(e) {
+			let t = [], n = "";
+			for (let r of e) F(r) ? (n &&= (t.push(n), ""), t.push(r)) : (n += r, (r === " " || r === "-" || r === "_" || r === "/") && (t.push(n), n = ""));
+			return n && t.push(n), t;
+		}
+		function Se(e) {
+			let t = (e || "").replace(/\s+/g, " ").trim() || "(无标题)", n = [], r = "", i = 0;
+			for (let e of xe(t)) {
+				let t = I(e);
+				if (t > T) {
+					r && (n.push(r.trimEnd()), r = "", i = 0);
+					let t = "";
+					for (let r of e) I(t + r) > T ? (n.push(t), t = r) : t += r;
+					r = t, i = I(t);
+					continue;
+				}
+				r && i + t > T ? (n.push(r.trimEnd()), r = e.trimStart(), i = I(r)) : (r += e, i += t);
+			}
+			r.trim() && n.push(r.trimEnd()), n.length || n.push("(无标题)");
+			let a = 0;
+			for (let e of n) a = Math.max(a, I(e));
+			return {
+				lines: n,
+				width: Math.max(E, Math.min(T, Math.ceil(a)))
+			};
+		}
+		let L = r(() => {
+			let e = M.value.map;
+			if (!e) return {
+				nodes: [],
+				edges: [],
+				width: 0,
+				height: 0
+			};
+			function t(e, n) {
+				let { lines: r, width: i } = Se(e.text), a = !N.has(e.id) && e.children.length ? e.children.map((e) => t(e, n + 1)) : [];
+				return {
+					node: e,
+					lines: r,
+					w: i + C * 2,
+					h: r.length * S + w * 2,
+					depth: n,
+					children: a,
+					hasChildren: e.children.length > 0
+				};
+			}
+			let n = t(e.root, 0), r = [];
+			(function e(t) {
+				r[t.depth] = Math.max(r[t.depth] ?? 0, t.w), t.children.forEach(e);
+			})(n);
+			let i = [0];
+			for (let e = 1; e < r.length; e++) i[e] = i[e - 1] + (r[e - 1] ?? 0) + D;
+			let a = [], o = [], s = 0;
+			function c(e) {
+				let t = i[e.depth], n;
+				if (e.children.length === 0) n = s + e.h / 2, s += e.h + O;
+				else {
+					let r = e.children.map(c);
+					n = (r[0] + r[r.length - 1]) / 2;
+					for (let a = 0; a < e.children.length; a++) {
+						let s = e.children[a];
+						o.push({
+							x1: t + e.w,
+							y1: n,
+							x2: i[s.depth],
+							y2: r[a],
+							color: s.node.color || s.node.bg || A[s.depth % A.length]
+						});
+					}
+				}
+				return a.push({
+					node: e.node,
+					x: t,
+					y: n,
+					w: e.w,
+					h: e.h,
+					depth: e.depth,
+					lines: e.lines,
+					hasChildren: e.hasChildren,
+					collapsed: N.has(e.node.id)
+				}), n;
+			}
+			c(n);
+			let l = 0, u = 0;
+			for (let e of a) l = Math.max(l, e.x + e.w), u = Math.max(u, e.y + e.h / 2);
+			return {
+				nodes: a,
+				edges: o,
+				width: l,
+				height: u
+			};
+		});
+		function Ce(e) {
+			let t = Math.max(18, (e.x2 - e.x1) * .5);
+			return `M${e.x1},${e.y1} C${e.x1 + t},${e.y1} ${e.x2 - t},${e.y2} ${e.x2},${e.y2}`;
+		}
+		function we(e) {
+			let t = {};
+			return e.node.bg && (t.fill = e.node.bg), e.node.color && (t.stroke = e.node.color), t;
+		}
+		function Te(e) {
+			return e.node.color ? { fill: e.node.color } : {};
+		}
+		let R = p(), z = p(0), B = p(0), V = p(1);
+		function H(e, t, n) {
+			return Math.min(n, Math.max(t, e));
+		}
+		function U() {
+			let e = R.value, t = L.value;
+			if (!e || !t.nodes.length) return;
+			let n = e.clientWidth || 1, r = e.clientHeight || 1, i = H(Math.min((n - 48) / Math.max(t.width, 1), (r - 48) / Math.max(t.height, 1)), .2, 1.25);
+			V.value = i, z.value = (n - t.width * i) / 2, B.value = (r - t.height * i) / 2;
+		}
+		function W(e, t, n) {
+			let r = H(V.value * n, .1, 4), i = (e - z.value) / V.value, a = (t - B.value) / V.value;
+			z.value = e - i * r, B.value = t - a * r, V.value = r;
+		}
+		function G(e) {
+			let t = R.value;
+			t && W(t.clientWidth / 2, t.clientHeight / 2, e);
+		}
+		function Ee(e) {
+			e.preventDefault();
+			let t = R.value;
+			if (!t) return;
+			let n = t.getBoundingClientRect();
+			W(e.clientX - n.left, e.clientY - n.top, Math.exp(-e.deltaY * .0015));
+		}
+		let K = !1, q = 0, J = 0, Y = 0, X = 0;
+		function De(e) {
+			e.button === 0 && (e.target?.closest("[data-node]") || (K = !0, q = e.clientX, J = e.clientY, Y = z.value, X = B.value, e.currentTarget.setPointerCapture(e.pointerId)));
+		}
+		function Oe(e) {
+			K && (z.value = Y + (e.clientX - q), B.value = X + (e.clientY - J));
+		}
+		function Z(e) {
+			if (K) {
+				K = !1;
+				try {
+					e.currentTarget.releasePointerCapture(e.pointerId);
+				} catch {}
+			}
+		}
+		function Q(e) {
+			e.hasChildren && (N.has(e.node.id) ? N.delete(e.node.id) : N.add(e.node.id));
+		}
+		let ke = r(() => {
+			let e = M.value.map;
+			return e ? `${e.format === "opml" ? "OPML" : e.format === "xmind" ? "XMind" : "FreeMind"} · ${e.count} 个节点` : "";
+		}), $;
+		return d(() => {
+			U(), typeof ResizeObserver < "u" && R.value && ($ = new ResizeObserver(() => U()), $.observe(R.value));
+		}), ee(() => $?.disconnect()), (e, t) => (f(), a("div", ne, [M.value.error ? (f(), a("p", re, h(M.value.error), 1)) : L.value.nodes.length ? (f(), a(n, { key: 2 }, [o("div", {
+			ref_key: "viewport",
+			ref: R,
+			class: l(["mm__canvas", { "mm__canvas--panning": g(K) }]),
+			onWheel: Ee,
+			onPointerdown: De,
+			onPointermove: Oe,
+			onPointerup: Z,
+			onPointerleave: Z
+		}, [(f(), a("svg", ae, [o("g", { transform: `translate(${z.value},${B.value}) scale(${V.value})` }, [(f(!0), a(n, null, m(L.value.edges, (e, t) => (f(), a("path", {
+			key: "e" + t,
+			class: "mm__edge",
+			d: Ce(e),
+			stroke: e.color
+		}, null, 8, se))), 128)), (f(!0), a(n, null, m(L.value.nodes, (e) => (f(), a("g", {
+			key: e.node.id,
+			"data-node": "",
+			transform: `translate(${e.x},${e.y - e.h / 2})`,
+			class: l({ "mm__node--clickable": e.hasChildren })
+		}, [
+			o("rect", {
+				class: l(["mm__box", {
+					"mm__box--root": e.depth === 0,
+					"mm__box--branch": e.depth > 0 && e.hasChildren
+				}]),
+				width: e.w,
+				height: e.h,
+				rx: "8",
+				style: u(we(e)),
+				onClick: (t) => Q(e)
+			}, null, 14, le),
+			o("text", {
+				class: "mm__text",
+				style: u(Te(e)),
+				onClick: (t) => Q(e)
+			}, [(f(!0), a(n, null, m(e.lines, (e, t) => (f(), a("tspan", {
+				key: t,
+				x: C,
+				y: w + t * S + S / 2
+			}, h(e), 9, ue))), 128))], 12, y),
+			e.node.note ? (f(), a("title", de, h(e.node.note), 1)) : i("", !0),
+			e.hasChildren ? (f(), a("g", {
+				key: 1,
+				class: "mm__pip",
+				onClick: v((t) => Q(e), ["stop"])
+			}, [
+				o("circle", {
+					cx: e.w,
+					cy: e.h / 2,
+					r: "7.5"
+				}, null, 8, pe),
+				o("line", {
+					class: "mm__pipsign",
+					x1: e.w - 4,
+					y1: e.h / 2,
+					x2: e.w + 4,
+					y2: e.h / 2
+				}, null, 8, me),
+				e.collapsed ? (f(), a("line", {
+					key: 0,
+					class: "mm__pipsign",
+					x1: e.w,
+					y1: e.h / 2 - 4,
+					x2: e.w,
+					y2: e.h / 2 + 4
+				}, null, 8, he)) : i("", !0),
+				e.collapsed ? (f(), a("text", {
+					key: 1,
+					class: "mm__pipcount",
+					x: e.w + 12,
+					y: e.h / 2,
+					"dominant-baseline": "central"
+				}, h(e.node.children.length), 9, ge)) : i("", !0)
+			], 8, fe)) : i("", !0),
+			e.node.link ? (f(), a("a", {
+				key: 2,
+				href: e.node.link,
+				target: "_blank",
+				rel: "noopener noreferrer",
+				onClick: t[0] ||= v(() => {}, ["stop"]),
+				onPointerdown: t[1] ||= v(() => {}, ["stop"])
+			}, [o("text", {
+				class: "mm__link",
+				x: e.w - 5,
+				y: "-3",
+				"text-anchor": "end"
+			}, "↗", 8, _e)], 40, b)) : i("", !0)
+		], 10, ce))), 128))], 8, oe)]))], 34), o("div", ve, [o("span", ye, h(ke.value), 1), o("span", be, [
+			o("button", {
+				type: "button",
+				class: "mm__tbtn",
+				title: "放大",
+				onClick: t[2] ||= (e) => G(1.2)
+			}, "+"),
+			o("button", {
+				type: "button",
+				class: "mm__tbtn",
+				title: "缩小",
+				onClick: t[3] ||= (e) => G(1 / 1.2)
+			}, "−"),
+			o("button", {
+				type: "button",
+				class: "mm__tbtn mm__tbtn--text",
+				title: "适应窗口",
+				onClick: U
+			}, " 适应 ")
+		])])], 64)) : (f(), a("p", ie, "空的思维导图"))]));
+	}
+});
+//#endregion
+export { k as default };

package/dist/components/MissingDependency.js

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

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

@@ -0,0 +1,17 @@
+/**
+ * Shown when an OPTIONAL peer dependency for a format isn't installed in the consumer's app (see
+ * docs/file-viewer-package-design.md §4). Tells the user which package to install to enable this viewer,
+ * offers a one-click copy of the `npm i …` command, and keeps the file downloadable in the meantime.
+ */
+type __VLS_Props = {
+    /** The missing npm package name(s). */
+    pkg: string | string[];
+    /** Human label for the format (e.g. "PDF", "Word 文档"). */
+    label?: string;
+    /** Download URL for the raw file, so it stays reachable even without a viewer. */
+    downloadUrl?: string;
+    downloadName?: 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;

package/dist/components/MissingDependency.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,37 @@
+import { computed as e, createCommentVNode as t, createElementBlock as n, createElementVNode as r, createStaticVNode as i, defineComponent as a, openBlock as o, ref as s, toDisplayString as c } from "vue";
+//#region src/components/MissingDependency.vue?vue&type=script&setup=true&lang.ts
+var l = { class: "missdep" }, u = { class: "missdep__title" }, d = { class: "missdep__cmd" }, f = ["href", "download"], p = /*@__PURE__*/ a({
+	__name: "MissingDependency",
+	props: {
+		pkg: {},
+		label: {},
+		downloadUrl: {},
+		downloadName: {}
+	},
+	setup(a) {
+		let p = a, m = e(() => Array.isArray(p.pkg) ? p.pkg : [p.pkg]), h = e(() => `npm i ${m.value.join(" ")}`), g = s(!1), _;
+		async function v() {
+			try {
+				await navigator.clipboard?.writeText(h.value), g.value = !0, clearTimeout(_), _ = setTimeout(() => g.value = !1, 1400);
+			} catch {}
+		}
+		return (e, s) => (o(), n("div", l, [
+			s[0] ||= i("<div class=\"missdep__icon\" aria-hidden=\"true\" data-v-edb397a0><svg viewBox=\"0 0 24 24\" width=\"34\" height=\"34\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" data-v-edb397a0><path d=\"M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z\" data-v-edb397a0></path><path d=\"M12 8v4\" stroke-linecap=\"round\" data-v-edb397a0></path><path d=\"M12 16h.01\" stroke-linecap=\"round\" data-v-edb397a0></path></svg></div>", 1),
+			r("p", u, "预览" + c(a.label ? ` ${a.label} ` : "此格式") + "需要额外依赖", 1),
+			s[1] ||= r("p", { class: "missdep__sub" }, "该格式查看器依赖以下未安装的 npm 包，请在你的项目中安装后重试：", -1),
+			r("div", d, [r("code", null, c(h.value), 1), r("button", {
+				type: "button",
+				class: "missdep__copy",
+				onClick: v
+			}, c(g.value ? "已复制" : "复制"), 1)]),
+			a.downloadUrl ? (o(), n("a", {
+				key: 0,
+				class: "missdep__dl",
+				href: a.downloadUrl,
+				download: a.downloadName
+			}, "下载原文件", 8, f)) : t("", !0)
+		]));
+	}
+});
+//#endregion
+export { p as default };

package/dist/components/ModelViewer.js

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

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

@@ -0,0 +1,18 @@
+/**
+ * Side-viewer 3D model renderer. Fetches the model bytes and renders them with three.js (async-loaded so the
+ * ~1MB library only ships when a model is opened): STL / PLY / OBJ / glTF / GLB. Auto-centers and frames the
+ * model, lights it, and gives OrbitControls (drag to rotate, wheel to zoom, right-drag to pan).
+ *
+ * Best-effort by format: STL/PLY/OBJ are self-contained. A `.glb` is fully embedded and renders cleanly; a
+ * `.gltf` that references external `.bin`/textures can't resolve them here (we only hold the one file), so it
+ * may render untextured or fail — download it with its assets to view fully. No materials library for OBJ
+ * (.mtl isn't fetched), so OBJ shows in a neutral material.
+ */
+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/ModelViewer.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,157 @@
+import { fileExt as e } from "../lib/fileType.js";
+import { formatBytes as t } from "../lib/format.js";
+import { createCommentVNode as n, createElementBlock as r, createElementVNode as i, defineComponent as a, normalizeClass as o, onBeforeUnmount as s, onMounted as c, openBlock as l, ref as u, toDisplayString as d, unref as f, watch as p } from "vue";
+import * as m from "three";
+import { OrbitControls as h } from "three/examples/jsm/controls/OrbitControls.js";
+import { STLLoader as g } from "three/examples/jsm/loaders/STLLoader.js";
+import { OBJLoader as _ } from "three/examples/jsm/loaders/OBJLoader.js";
+import { PLYLoader as v } from "three/examples/jsm/loaders/PLYLoader.js";
+import { GLTFLoader as y } from "three/examples/jsm/loaders/GLTFLoader.js";
+//#region src/components/ModelViewer.vue?vue&type=script&setup=true&lang.ts
+var b = { class: "mdl" }, x = {
+	key: 0,
+	class: "mdl__msg"
+}, S = {
+	key: 1,
+	class: "mdl__msg mdl__gate"
+}, C = {
+	key: 2,
+	class: "mdl__msg mdl__msg--error"
+}, w = {
+	key: 3,
+	class: "mdl__hint mdl__hint--float"
+}, T = 96 * 1024 * 1024, E = /*@__PURE__*/ a({
+	__name: "ModelViewer",
+	props: {
+		url: {},
+		name: {},
+		size: {}
+	},
+	setup(a) {
+		let E = a, D = u("loading"), O = u(""), k = u(null), A = null, j = null, M = null, N = null, P = null, F = 0, I = null;
+		function L(e) {
+			e.traverse((e) => {
+				let t = e;
+				t.geometry && t.geometry.dispose();
+				let n = t.material;
+				Array.isArray(n) ? n.forEach((e) => e.dispose()) : n && n.dispose();
+			});
+		}
+		function R() {
+			P && j && (j.remove(P), L(P), P = null);
+		}
+		function z() {
+			let e = k.value;
+			if (!e || A) return;
+			let t = e.clientWidth || 1, n = e.clientHeight || 1;
+			j = new m.Scene(), M = new m.PerspectiveCamera(50, t / n, .1, 2e3), M.position.set(2, 1.5, 3), A = new m.WebGLRenderer({
+				antialias: !0,
+				alpha: !0
+			}), A.setPixelRatio(Math.min(2, window.devicePixelRatio || 1)), A.setSize(t, n), e.appendChild(A.domElement), j.add(new m.HemisphereLight(16777215, 4473941, 1.1));
+			let r = new m.DirectionalLight(16777215, 1.4);
+			r.position.set(4, 6, 5), j.add(r);
+			let i = new m.DirectionalLight(16777215, .5);
+			i.position.set(-5, -2, -4), j.add(i), N = new h(M, A.domElement), N.enableDamping = !0, N.dampingFactor = .08, I = new ResizeObserver(B), I.observe(e);
+			let a = () => {
+				F = requestAnimationFrame(a), N?.update(), A && j && M && A.render(j, M);
+			};
+			a();
+		}
+		function B() {
+			let e = k.value;
+			if (!e || !A || !M) return;
+			let t = e.clientWidth || 1, n = e.clientHeight || 1;
+			A.setSize(t, n), M.aspect = t / n, M.updateProjectionMatrix();
+		}
+		function V(e) {
+			if (!M || !N) return;
+			let t = new m.Box3().setFromObject(e), n = t.getSize(new m.Vector3()), r = t.getCenter(new m.Vector3());
+			e.position.sub(r);
+			let i = Math.max(n.x, n.y, n.z) || 1, a = M.fov * Math.PI / 180, o = i / (2 * Math.tan(a / 2)) * 1.6;
+			M.position.set(o * .6, o * .45, o), M.near = Math.max(o / 1e3, .001), M.far = o * 1e3, M.updateProjectionMatrix(), N.target.set(0, 0, 0), N.update();
+		}
+		let H = () => new m.MeshStandardMaterial({
+			color: 10135476,
+			metalness: .1,
+			roughness: .7,
+			side: m.DoubleSide
+		});
+		async function U(e, t) {
+			if (t === "stl") {
+				let t = new g().parse(e);
+				return t.computeVertexNormals(), new m.Mesh(t, H());
+			}
+			if (t === "ply") {
+				let t = new v().parse(e);
+				t.computeVertexNormals();
+				let n = t.hasAttribute("color") ? new m.MeshStandardMaterial({
+					vertexColors: !0,
+					side: m.DoubleSide,
+					roughness: .7
+				}) : H();
+				return new m.Mesh(t, n);
+			}
+			if (t === "obj") {
+				let t = new _().parse(new TextDecoder().decode(e));
+				return t.traverse((e) => {
+					let t = e;
+					t.isMesh && (t.material = H());
+				}), t;
+			}
+			let n = t === "gltf" ? new TextDecoder().decode(e) : e;
+			return (await new Promise((e, t) => {
+				new y().parse(n, "", (t) => e(t), t);
+			})).scene;
+		}
+		async function W() {
+			if (E.url) {
+				D.value = "loading", O.value = "";
+				try {
+					let t = await fetch(E.url);
+					if (!t.ok) throw Error(`HTTP ${t.status}`);
+					let n = await t.arrayBuffer();
+					if (z(), !j) throw Error("WebGL 初始化失败");
+					R();
+					let r = await U(n, e(E.name));
+					P = r, j.add(r), V(r), D.value = "ready";
+				} catch (e) {
+					O.value = e instanceof Error ? e.message : String(e), D.value = "error";
+				}
+			}
+		}
+		function G() {
+			if (E.size && E.size > T) {
+				D.value = "gate";
+				return;
+			}
+			W();
+		}
+		return c(() => {
+			p(() => E.url, G, { immediate: !0 });
+		}), s(() => {
+			cancelAnimationFrame(F), I?.disconnect(), R(), N?.dispose(), A && (A.dispose(), A.domElement.remove()), A = null, j = null, M = null, N = null;
+		}), (e, a) => (l(), r("div", b, [
+			D.value === "loading" ? (l(), r("p", x, "正在加载模型…")) : D.value === "gate" ? (l(), r("div", S, [i("p", null, "该模型较大（" + d(f(t)(E.size)) + "），将在浏览器内解析。是否继续？", 1), i("button", {
+				type: "button",
+				class: "mdl__btn",
+				onClick: W
+			}, "加载并预览")])) : D.value === "error" ? (l(), r("div", C, [
+				i("p", null, "加载失败：" + d(O.value), 1),
+				a[0] ||= i("p", { class: "mdl__hint" }, " 外部引用的 .gltf（需配套 .bin/贴图）或压缩网格可能无法在此渲染，可下载后用本地工具打开。 ", -1),
+				i("button", {
+					type: "button",
+					class: "mdl__btn",
+					onClick: W
+				}, "重试")
+			])) : n("", !0),
+			i("div", {
+				ref_key: "host",
+				ref: k,
+				class: o(["mdl__host", { "mdl__host--hidden": D.value !== "ready" }])
+			}, null, 2),
+			D.value === "ready" ? (l(), r("div", w, " 拖动旋转 · 滚轮缩放 · 右键平移 ")) : n("", !0)
+		]));
+	}
+});
+//#endregion
+export { E as default };

package/dist/components/MsiViewer.js

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

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

@@ -0,0 +1,19 @@
+/**
+ * The side viewer's MSI mode: fetch a Windows Installer `.msi`, parse its OLE compound-file structure
+ * entirely in-browser (see lib/msi.ts), and surface the install metadata — the product identity (name /
+ * version / codes / publisher) from the Property table, plus the SummaryInformation (platform, package
+ * code, authoring tool, dates). Mirrors BinObjBrowser: the bytes come from the same download endpoint as
+ * any other file and never leave the browser. An `.msi` is NOT a PE (that's BinObjBrowser) — it's the
+ * same OLE2 container legacy Office docs use, which is why this is a separate viewer.
+ *
+ * Large-file gate: an `.msi` can be tens of MB and parsing needs the whole file in memory, so unless the
+ * manifest size is known to be small (≤ LARGE_THRESHOLD) we show a confirm card and only fetch on click.
+ */
+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;