@l1yp/file-viewer 0.1.5 → 0.1.6

package/dist/components/FileViewerBody.vue_vue_type_script_setup_true_lang.js

@@ -2,18 +2,19 @@ import { fileExt as e } from "../lib/fileType.js";
 import { looksLikeMindMap as t } from "../lib/mindmap.js";
 import { skipsTextLoad as n } from "../lib/viewerKind.js";
 import { optionalViewer as r } from "./optionalViewer.js";
-import { VIEWER_FORMATTERS as i, applyFormatter as ee, findFormatter as te } from "../lib/viewerFormats.js";
-import { parseFrontmatter as ne } from "../lib/frontmatter.js";
-import { formatBytes as re } from "../lib/format.js";
+import { useTeleportTheme as ee } from "../composables/useTeleportTheme.js";
+import { VIEWER_FORMATTERS as i, applyFormatter as te, findFormatter as ne } from "../lib/viewerFormats.js";
+import { parseFrontmatter as re } from "../lib/frontmatter.js";
+import { formatBytes as ie } from "../lib/format.js";
 import { ansiPlainText as a } from "../lib/ansi.js";
 import o from "./icons/Icon.js";
-import ie from "./CodeView.js";
-import ae from "./MarkdownText.js";
-import oe from "./FrontmatterCard.js";
-import se from "./ZoomImage.js";
-import { Fragment as s, Teleport as ce, computed as c, createBlock as l, createCommentVNode as u, createElementBlock as d, createElementVNode as f, createVNode as p, defineAsyncComponent as m, defineComponent as h, normalizeClass as g, onBeforeUnmount as le, openBlock as _, ref as v, renderList as y, toDisplayString as b, unref as x, useTemplateRef as ue, watch as S } from "vue";
+import ae from "./CodeView.js";
+import oe from "./MarkdownText.js";
+import se from "./FrontmatterCard.js";
+import ce from "./ZoomImage.js";
+import { Fragment as s, Teleport as le, computed as c, createBlock as l, createCommentVNode as u, createElementBlock as d, createElementVNode as f, createVNode as p, defineAsyncComponent as m, defineComponent as h, normalizeClass as g, normalizeStyle as ue, onBeforeUnmount as de, openBlock as _, ref as v, renderList as y, toDisplayString as b, unref as x, useTemplateRef as S, watch as C } from "vue";
 //#region src/components/FileViewerBody.vue?vue&type=script&setup=true&lang.ts
-var de = { class: "fvb" }, fe = {
+var fe = {
 	key: 0,
 	class: "fvb__fmtbar"
 }, pe = ["onClick"], me = {
@@ -31,7 +32,7 @@ var de = { class: "fvb" }, fe = {
 }, ye = ["href", "download"], be = { class: "fvb__openas" }, xe = { class: "fvb__openas-grid" }, Se = ["onClick"], Ce = {
 	key: 38,
 	class: "fvb__msg"
-}, C = {
+}, we = {
 	key: 39,
 	class: "fvb__msg fvb__msg--error"
 }, w = {
@@ -40,31 +41,28 @@ var de = { class: "fvb" }, fe = {
 }, T = { class: "fvb__markdown" }, E = {
 	key: 41,
 	class: "fvb__html"
-}, D = { class: "fvb__htmlbar" }, O = ["title"], k = ["src", "sandbox"], A = {
-	key: 0,
-	class: "fvb__fs"
-}, we = { class: "fvb__fsbar" }, Te = ["title"], Ee = ["src", "sandbox"], De = {
+}, D = { class: "fvb__htmlbar" }, O = ["title"], k = ["src", "sandbox"], Te = { class: "fvb__fsbar" }, Ee = ["title"], De = ["src", "sandbox"], Oe = {
 	key: 42,
 	class: "fvb__svg"
-}, Oe = ["src", "alt"], ke = {
+}, ke = ["src", "alt"], Ae = {
 	key: 43,
 	class: "fvb__fill"
-}, Ae = {
+}, je = {
 	key: 44,
 	class: "fvb__fill"
-}, je = {
+}, Me = {
 	key: 45,
 	class: "fvb__fill"
-}, Me = {
+}, Ne = {
 	key: 46,
 	class: "fvb__fill"
-}, Ne = {
+}, Pe = {
 	key: 47,
 	class: "fvb__fill"
-}, Pe = {
+}, Fe = {
 	key: 48,
 	class: "fvb__fill"
-}, Fe = "<meta http-equiv=\"Content-Security-Policy\" content=\"script-src 'none'; object-src 'none'; base-uri 'none'; form-action 'none'\">", Ie = "<meta http-equiv=\"Content-Security-Policy\" content=\"default-src 'unsafe-inline' 'unsafe-eval' data: blob: https: http:; connect-src data: blob: https: http: ws: wss:; object-src 'none'; base-uri 'none'\">", j = /*@__PURE__*/ h({
+}, Ie = "<meta http-equiv=\"Content-Security-Policy\" content=\"script-src 'none'; object-src 'none'; base-uri 'none'; form-action 'none'\">", Le = "<meta http-equiv=\"Content-Security-Policy\" content=\"default-src 'unsafe-inline' 'unsafe-eval' data: blob: https: http:; connect-src data: blob: https: http: ws: wss:; object-src 'none'; base-uri 'none'\">", A = /*@__PURE__*/ h({
 	__name: "FileViewerBody",
 	props: {
 		file: {},
@@ -80,24 +78,24 @@ var de = { class: "fvb" }, fe = {
 		"formatchange",
 		"formatpick"
 	],
-	setup(h, { expose: j, emit: Le }) {
-		let M = h, N = Le, Re = m(() => import("./ZipBrowser.js")), ze = m(() => import("./SevenZipBrowser.js")), Be = m(() => import("./ArchiveBrowser.js")), Ve = m(() => import("./BinObjBrowser.js")), He = m(() => import("./EplViewer.js")), Ue = m(() => import("./ClassViewer.js")), We = m(() => import("./HprofViewer.js")), Ge = m(() => import("./MsiViewer.js")), Ke = m(() => import("./AppxViewer.js")), qe = r(() => import("./DicomViewer.js"), "dicom-parser", "DICOM 影像"), P = r(() => import("./DocxViewer.js"), "docx-preview", "Word 文档"), Je = r(() => import("./XlsxViewer.js"), ["exceljs", "numfmt"], "Excel 表格"), Ye = r(() => import("./PptxViewer.js"), ["@aiden0z/pptx-renderer", "pdfjs-dist"], "PowerPoint"), Xe = m(() => import("./RtfViewer.js")), Ze = r(() => import("./PdfViewer.js"), "pdfjs-dist", "PDF"), Qe = m(() => import("./MindMapView.js")), $e = m(() => import("./XmindViewer.js")), et = m(() => import("./EmlViewer.js")), tt = m(() => import("./MhtViewer.js")), nt = m(() => import("./HarViewer.js")), rt = r(() => import("./SqliteViewer.js"), "sql.js", "SQLite 数据库"), it = m(() => import("./SubtitleViewer.js")), at = m(() => import("./FontViewer.js")), ot = m(() => import("./NotebookViewer.js")), st = m(() => import("./GeoViewer.js")), ct = m(() => import("./CsvViewer.js")), lt = m(() => import("./JsonlViewer.js")), ut = m(() => import("./CertViewer.js")), dt = m(() => import("./JksViewer.js")), ft = m(() => import("./AudioViewer.js")), pt = m(() => import("./QmcAudioViewer.js")), mt = m(() => import("./LrcViewer.js")), ht = m(() => import("./LogViewer.js")), gt = r(() => import("./ModelViewer.js"), "three", "3D 模型"), _t = m(() => import("./RasterViewer.js")), vt = m(() => import("./PsdViewer.js")), yt = m(() => import("./EbookViewer.js")), bt = m(() => import("./DrawioViewer.js")), xt = m(() => import("./DxfViewer.js")), St = m(() => import("./HexViewer.js")), Ct = ue("logViewer"), F = v(""), I = v(null), L = c(() => I.value ?? M.file);
-		function R(e) {
-			F.value = e.key, I.value = ee(M.file, e);
+	setup(h, { expose: A, emit: Re }) {
+		let j = h, M = Re, ze = m(() => import("./ZipBrowser.js")), Be = m(() => import("./SevenZipBrowser.js")), Ve = m(() => import("./ArchiveBrowser.js")), He = m(() => import("./BinObjBrowser.js")), Ue = m(() => import("./EplViewer.js")), We = m(() => import("./ClassViewer.js")), Ge = m(() => import("./HprofViewer.js")), Ke = m(() => import("./MsiViewer.js")), qe = m(() => import("./AppxViewer.js")), Je = r(() => import("./DicomViewer.js"), "dicom-parser", "DICOM 影像"), N = r(() => import("./DocxViewer.js"), "docx-preview", "Word 文档"), Ye = r(() => import("./XlsxViewer.js"), ["exceljs", "numfmt"], "Excel 表格"), Xe = r(() => import("./PptxViewer.js"), ["@aiden0z/pptx-renderer", "pdfjs-dist"], "PowerPoint"), Ze = m(() => import("./RtfViewer.js")), Qe = r(() => import("./PdfViewer.js"), "pdfjs-dist", "PDF"), $e = m(() => import("./MindMapView.js")), et = m(() => import("./XmindViewer.js")), tt = m(() => import("./EmlViewer.js")), nt = m(() => import("./MhtViewer.js")), rt = m(() => import("./HarViewer.js")), it = r(() => import("./SqliteViewer.js"), "sql.js", "SQLite 数据库"), at = m(() => import("./SubtitleViewer.js")), ot = m(() => import("./FontViewer.js")), st = m(() => import("./NotebookViewer.js")), ct = m(() => import("./GeoViewer.js")), lt = m(() => import("./CsvViewer.js")), ut = m(() => import("./JsonlViewer.js")), dt = m(() => import("./CertViewer.js")), ft = m(() => import("./JksViewer.js")), pt = m(() => import("./AudioViewer.js")), mt = m(() => import("./QmcAudioViewer.js")), ht = m(() => import("./LrcViewer.js")), gt = m(() => import("./LogViewer.js")), _t = r(() => import("./ModelViewer.js"), "three", "3D 模型"), vt = m(() => import("./RasterViewer.js")), yt = m(() => import("./PsdViewer.js")), bt = m(() => import("./EbookViewer.js")), xt = m(() => import("./DrawioViewer.js")), St = m(() => import("./DxfViewer.js")), Ct = m(() => import("./HexViewer.js")), wt = S("logViewer"), P = v(""), F = v(null), I = c(() => F.value ?? j.file);
+		function L(e) {
+			P.value = e.key, F.value = te(j.file, e);
 		}
-		function wt(e) {
-			let t = te(e);
-			t && R(t);
+		function Tt(e) {
+			let t = ne(e);
+			t && L(t);
 		}
-		function Tt() {
-			F.value = "", I.value = null;
+		function Et() {
+			P.value = "", F.value = null;
 		}
-		S(F, (e) => N("formatpick", e));
-		let z = v("loading"), B = v(""), V = v(""), Et = c(() => L.value.mindmap === !0 && z.value === "ready" && t(B.value, e(L.value.name))), H = c(() => L.value.lang === "markdown" ? ne(B.value) : {
+		C(P, (e) => M("formatpick", e));
+		let R = v("loading"), z = v(""), B = v(""), Dt = c(() => I.value.mindmap === !0 && R.value === "ready" && t(z.value, e(I.value.name))), V = c(() => I.value.lang === "markdown" ? re(z.value) : {
 			data: {},
-			body: B.value
-		}), Dt = c(() => Object.keys(H.value.data).length > 0), Ot = c(() => B.value.replace(/\n$/, "")), kt = c(() => B.value ? `data:image/svg+xml,${encodeURIComponent(B.value)}` : "");
-		function U(e, t) {
+			body: z.value
+		}), Ot = c(() => Object.keys(V.value.data).length > 0), kt = c(() => z.value.replace(/\n$/, "")), At = c(() => z.value ? `data:image/svg+xml,${encodeURIComponent(z.value)}` : "");
+		function H(e, t) {
 			let n = e.match(/<head[^>]*>/i);
 			if (n) {
 				let r = (n.index ?? 0) + n[0].length;
@@ -105,414 +103,420 @@ var de = { class: "fvb" }, fe = {
 			}
 			return `<!doctype html><html><head><meta charset="utf-8">${t}</head><body>${e}</body></html>`;
 		}
-		let W = v(""), G = v(""), K = v(!1), q = v(!1), J = c(() => K.value ? G.value : W.value), Y = c(() => M.htmlPreview ?? B.value);
+		let U = v(""), W = v(""), G = v(!1), K = v(!1), q = S("viewerElement"), jt = ee(q, K), J = c(() => G.value ? W.value : U.value), Y = c(() => j.htmlPreview ?? z.value);
 		function X() {
-			W.value &&= (URL.revokeObjectURL(W.value), ""), G.value &&= (URL.revokeObjectURL(G.value), "");
+			U.value &&= (URL.revokeObjectURL(U.value), ""), W.value &&= (URL.revokeObjectURL(W.value), "");
 		}
-		S([() => L.value.html, Y], ([e, t]) => {
-			X(), K.value = !1, q.value = !1, e && typeof URL < "u" && URL.createObjectURL && (W.value = URL.createObjectURL(new Blob([U(t, Fe)], { type: "text/html" })));
+		C([() => I.value.html, Y], ([e, t]) => {
+			X(), G.value = !1, K.value = !1, e && typeof URL < "u" && URL.createObjectURL && (U.value = URL.createObjectURL(new Blob([H(t, Ie)], { type: "text/html" })));
 		});
 		function Z() {
-			if (K.value) {
-				K.value = !1;
+			if (G.value) {
+				G.value = !1;
 				return;
 			}
-			typeof URL < "u" && URL.createObjectURL && !G.value && (G.value = URL.createObjectURL(new Blob([U(Y.value, Ie)], { type: "text/html" }))), K.value = !0;
+			typeof URL < "u" && URL.createObjectURL && !W.value && (W.value = URL.createObjectURL(new Blob([H(Y.value, Le)], { type: "text/html" }))), G.value = !0;
 		}
 		function Q(e) {
-			e.key === "Escape" && (q.value = !1);
+			e.key === "Escape" && (K.value = !1);
 		}
-		S(q, (e) => {
+		C(K, (e) => {
 			typeof window > "u" || (e ? (window.addEventListener("keydown", Q), document.body.style.overflow = "hidden") : (window.removeEventListener("keydown", Q), document.body.style.overflow = ""));
 		});
 		async function $(e = !1) {
-			let t = L.value;
+			let t = I.value;
 			if (n(t)) {
-				B.value = "", z.value = "ready";
+				z.value = "", R.value = "ready";
 				return;
 			}
 			if (t.content != null) {
-				B.value = t.content, z.value = "ready", N("loaded", a(t.content));
+				z.value = t.content, R.value = "ready", M("loaded", a(t.content));
 				return;
 			}
 			if (!t.url) {
-				B.value = "", z.value = "ready";
+				z.value = "", R.value = "ready";
 				return;
 			}
-			z.value = "loading", V.value = "";
+			R.value = "loading", B.value = "";
 			try {
 				let n = await fetch(t.url, e ? { cache: "no-store" } : {});
 				if (!n.ok) throw Error(`HTTP ${n.status}`);
 				let r = await n.text();
-				B.value = r, z.value = "ready", N("loaded", a(r));
+				z.value = r, R.value = "ready", M("loaded", a(r));
 			} catch (e) {
-				V.value = String(e), z.value = "error";
+				B.value = String(e), R.value = "error";
 			}
 		}
-		return S(() => M.file, () => {
-			I.value = null, F.value = "";
-		}), S(L, (e) => {
-			N("formatchange", e), $();
-		}, { immediate: !0 }), le(() => {
+		return C(() => j.file, () => {
+			F.value = null, P.value = "";
+		}), C(I, (e) => {
+			M("formatchange", e), $();
+		}, { immediate: !0 }), de(() => {
 			X(), typeof window < "u" && (window.removeEventListener("keydown", Q), document.body.style.overflow = "");
-		}), j({
+		}), A({
 			reload: () => $(!0),
-			pickFormat: wt,
-			resetFormat: Tt,
-			copyText: () => L.value.log ? Ct.value?.copyText() ?? "" : a(B.value)
-		}), (e, t) => (_(), d("div", de, [I.value && !h.hostChooser ? (_(), d("div", fe, [t[3] ||= f("span", { class: "fvb__fmtbar-label" }, "格式", -1), (_(!0), d(s, null, y(x(i), (e) => (_(), d("button", {
+			pickFormat: Tt,
+			resetFormat: Et,
+			copyText: () => I.value.log ? wt.value?.copyText() ?? "" : a(z.value)
+		}), (e, t) => (_(), d("div", {
+			ref_key: "viewerElement",
+			ref: q,
+			class: "fvb"
+		}, [F.value && !h.hostChooser ? (_(), d("div", fe, [t[3] ||= f("span", { class: "fvb__fmtbar-label" }, "格式", -1), (_(!0), d(s, null, y(x(i), (e) => (_(), d("button", {
 			key: e.key,
 			type: "button",
-			class: g(["fvb__fmtchip", { "fvb__fmtchip--on": F.value === e.key }]),
-			onClick: (t) => R(e)
+			class: g(["fvb__fmtchip", { "fvb__fmtchip--on": P.value === e.key }]),
+			onClick: (t) => L(e)
 		}, [p(o, {
 			name: e.icon,
 			size: 13
-		}, null, 8, ["name"]), f("span", null, b(e.label), 1)], 10, pe))), 128))])) : u("", !0), L.value.zip ? (_(), l(x(Re), {
+		}, null, 8, ["name"]), f("span", null, b(e.label), 1)], 10, pe))), 128))])) : u("", !0), I.value.zip ? (_(), l(x(ze), {
 			key: 1,
-			url: L.value.url ?? "",
-			name: L.value.name
-		}, null, 8, ["url", "name"])) : L.value.sevenZip ? (_(), l(x(ze), {
+			url: I.value.url ?? "",
+			name: I.value.name
+		}, null, 8, ["url", "name"])) : I.value.sevenZip ? (_(), l(x(Be), {
 			key: 2,
-			url: L.value.url ?? "",
-			name: L.value.name
-		}, null, 8, ["url", "name"])) : L.value.archive ? (_(), l(x(Be), {
+			url: I.value.url ?? "",
+			name: I.value.name
+		}, null, 8, ["url", "name"])) : I.value.archive ? (_(), l(x(Ve), {
 			key: 3,
-			url: L.value.url ?? "",
-			name: L.value.name,
-			kind: L.value.archive
+			url: I.value.url ?? "",
+			name: I.value.name,
+			kind: I.value.archive
 		}, null, 8, [
 			"url",
 			"name",
 			"kind"
-		])) : L.value.binobj ? (_(), l(x(Ve), {
+		])) : I.value.binobj ? (_(), l(x(He), {
 			key: 4,
-			url: L.value.url ?? "",
-			name: L.value.name,
-			size: L.value.size
+			url: I.value.url ?? "",
+			name: I.value.name,
+			size: I.value.size
 		}, null, 8, [
 			"url",
 			"name",
 			"size"
-		])) : L.value.epl ? (_(), l(x(He), {
+		])) : I.value.epl ? (_(), l(x(Ue), {
 			key: 5,
-			url: L.value.url ?? "",
-			name: L.value.name,
-			size: L.value.size
+			url: I.value.url ?? "",
+			name: I.value.name,
+			size: I.value.size
 		}, null, 8, [
 			"url",
 			"name",
 			"size"
-		])) : L.value.javaClass ? (_(), l(x(Ue), {
+		])) : I.value.javaClass ? (_(), l(x(We), {
 			key: 6,
-			url: L.value.url ?? "",
-			name: L.value.name,
-			size: L.value.size
+			url: I.value.url ?? "",
+			name: I.value.name,
+			size: I.value.size
 		}, null, 8, [
 			"url",
 			"name",
 			"size"
-		])) : L.value.hprof ? (_(), l(x(We), {
+		])) : I.value.hprof ? (_(), l(x(Ge), {
 			key: 7,
-			url: L.value.url ?? "",
-			name: L.value.name,
-			size: L.value.size
+			url: I.value.url ?? "",
+			name: I.value.name,
+			size: I.value.size
 		}, null, 8, [
 			"url",
 			"name",
 			"size"
-		])) : L.value.msi ? (_(), l(x(Ge), {
+		])) : I.value.msi ? (_(), l(x(Ke), {
 			key: 8,
-			url: L.value.url ?? "",
-			name: L.value.name,
-			size: L.value.size
+			url: I.value.url ?? "",
+			name: I.value.name,
+			size: I.value.size
 		}, null, 8, [
 			"url",
 			"name",
 			"size"
-		])) : L.value.appx ? (_(), l(x(Ke), {
+		])) : I.value.appx ? (_(), l(x(qe), {
 			key: 9,
-			url: L.value.url ?? "",
-			name: L.value.name,
-			size: L.value.size
+			url: I.value.url ?? "",
+			name: I.value.name,
+			size: I.value.size
 		}, null, 8, [
 			"url",
 			"name",
 			"size"
-		])) : L.value.xmind ? (_(), l(x($e), {
+		])) : I.value.xmind ? (_(), l(x(et), {
 			key: 10,
-			url: L.value.url ?? "",
-			name: L.value.name,
-			size: L.value.size
+			url: I.value.url ?? "",
+			name: I.value.name,
+			size: I.value.size
 		}, null, 8, [
 			"url",
 			"name",
 			"size"
-		])) : L.value.dxf ? (_(), l(x(xt), {
+		])) : I.value.dxf ? (_(), l(x(St), {
 			key: 11,
-			url: L.value.url ?? "",
-			name: L.value.name,
-			size: L.value.size
+			url: I.value.url ?? "",
+			name: I.value.name,
+			size: I.value.size
 		}, null, 8, [
 			"url",
 			"name",
 			"size"
-		])) : L.value.dicom ? (_(), l(x(qe), {
+		])) : I.value.dicom ? (_(), l(x(Je), {
 			key: 12,
-			url: L.value.url ?? "",
-			name: L.value.name,
-			size: L.value.size
+			url: I.value.url ?? "",
+			name: I.value.name,
+			size: I.value.size
 		}, null, 8, [
 			"url",
 			"name",
 			"size"
-		])) : L.value.docx ? (_(), l(x(P), {
+		])) : I.value.docx ? (_(), l(x(N), {
 			key: 13,
-			url: L.value.url ?? "",
-			name: L.value.name,
-			size: L.value.size
+			url: I.value.url ?? "",
+			name: I.value.name,
+			size: I.value.size
 		}, null, 8, [
 			"url",
 			"name",
 			"size"
-		])) : L.value.xlsx ? (_(), l(x(Je), {
+		])) : I.value.xlsx ? (_(), l(x(Ye), {
 			key: 14,
-			url: L.value.url ?? "",
-			name: L.value.name,
-			size: L.value.size
+			url: I.value.url ?? "",
+			name: I.value.name,
+			size: I.value.size
 		}, null, 8, [
 			"url",
 			"name",
 			"size"
-		])) : L.value.pptx ? (_(), l(x(Ye), {
+		])) : I.value.pptx ? (_(), l(x(Xe), {
 			key: 15,
-			url: L.value.url ?? "",
-			name: L.value.name,
-			size: L.value.size
+			url: I.value.url ?? "",
+			name: I.value.name,
+			size: I.value.size
 		}, null, 8, [
 			"url",
 			"name",
 			"size"
-		])) : L.value.rtf ? (_(), l(x(Xe), {
+		])) : I.value.rtf ? (_(), l(x(Ze), {
 			key: 16,
-			url: L.value.url ?? "",
-			name: L.value.name,
-			size: L.value.size
+			url: I.value.url ?? "",
+			name: I.value.name,
+			size: I.value.size
 		}, null, 8, [
 			"url",
 			"name",
 			"size"
-		])) : L.value.pdf ? (_(), l(x(Ze), {
+		])) : I.value.pdf ? (_(), l(x(Qe), {
 			key: 17,
-			url: L.value.url ?? "",
-			name: L.value.name,
-			size: L.value.size
+			url: I.value.url ?? "",
+			name: I.value.name,
+			size: I.value.size
 		}, null, 8, [
 			"url",
 			"name",
 			"size"
-		])) : L.value.eml ? (_(), l(x(et), {
+		])) : I.value.eml ? (_(), l(x(tt), {
 			key: 18,
-			url: L.value.url ?? "",
-			name: L.value.name,
-			size: L.value.size
+			url: I.value.url ?? "",
+			name: I.value.name,
+			size: I.value.size
 		}, null, 8, [
 			"url",
 			"name",
 			"size"
-		])) : L.value.mht ? (_(), l(x(tt), {
+		])) : I.value.mht ? (_(), l(x(nt), {
 			key: 19,
-			url: L.value.url ?? "",
-			name: L.value.name,
-			size: L.value.size
+			url: I.value.url ?? "",
+			name: I.value.name,
+			size: I.value.size
 		}, null, 8, [
 			"url",
 			"name",
 			"size"
-		])) : L.value.har ? (_(), l(x(nt), {
+		])) : I.value.har ? (_(), l(x(rt), {
 			key: 20,
-			url: L.value.url ?? "",
-			name: L.value.name,
-			size: L.value.size
+			url: I.value.url ?? "",
+			name: I.value.name,
+			size: I.value.size
 		}, null, 8, [
 			"url",
 			"name",
 			"size"
-		])) : L.value.sqlite ? (_(), l(x(rt), {
+		])) : I.value.sqlite ? (_(), l(x(it), {
 			key: 21,
-			url: L.value.url ?? "",
-			name: L.value.name,
-			size: L.value.size
+			url: I.value.url ?? "",
+			name: I.value.name,
+			size: I.value.size
 		}, null, 8, [
 			"url",
 			"name",
 			"size"
-		])) : L.value.cert ? (_(), l(x(ut), {
+		])) : I.value.cert ? (_(), l(x(dt), {
 			key: 22,
-			url: L.value.url ?? "",
-			name: L.value.name,
-			size: L.value.size
+			url: I.value.url ?? "",
+			name: I.value.name,
+			size: I.value.size
 		}, null, 8, [
 			"url",
 			"name",
 			"size"
-		])) : L.value.jks ? (_(), l(x(dt), {
+		])) : I.value.jks ? (_(), l(x(ft), {
 			key: 23,
-			url: L.value.url ?? "",
-			name: L.value.name,
-			size: L.value.size
+			url: I.value.url ?? "",
+			name: I.value.name,
+			size: I.value.size
 		}, null, 8, [
 			"url",
 			"name",
 			"size"
-		])) : L.value.font ? (_(), l(x(at), {
+		])) : I.value.font ? (_(), l(x(ot), {
 			key: 24,
-			url: L.value.url ?? "",
-			name: L.value.name,
-			size: L.value.size
+			url: I.value.url ?? "",
+			name: I.value.name,
+			size: I.value.size
 		}, null, 8, [
 			"url",
 			"name",
 			"size"
-		])) : L.value.ipynb ? (_(), l(x(ot), {
+		])) : I.value.ipynb ? (_(), l(x(st), {
 			key: 25,
-			url: L.value.url ?? "",
-			name: L.value.name,
-			size: L.value.size
+			url: I.value.url ?? "",
+			name: I.value.name,
+			size: I.value.size
 		}, null, 8, [
 			"url",
 			"name",
 			"size"
-		])) : L.value.audio ? (_(), l(x(ft), {
+		])) : I.value.audio ? (_(), l(x(pt), {
 			key: 26,
-			url: L.value.url ?? "",
-			name: L.value.name,
-			size: L.value.size
+			url: I.value.url ?? "",
+			name: I.value.name,
+			size: I.value.size
 		}, null, 8, [
 			"url",
 			"name",
 			"size"
-		])) : L.value.qmc ? (_(), l(x(pt), {
+		])) : I.value.qmc ? (_(), l(x(mt), {
 			key: 27,
-			url: L.value.url ?? "",
-			name: L.value.name,
-			size: L.value.size
+			url: I.value.url ?? "",
+			name: I.value.name,
+			size: I.value.size
 		}, null, 8, [
 			"url",
 			"name",
 			"size"
-		])) : L.value.lrc ? (_(), l(x(mt), {
+		])) : I.value.lrc ? (_(), l(x(ht), {
 			key: 28,
-			url: L.value.url ?? "",
-			name: L.value.name,
-			size: L.value.size
+			url: I.value.url ?? "",
+			name: I.value.name,
+			size: I.value.size
 		}, null, 8, [
 			"url",
 			"name",
 			"size"
-		])) : L.value.log ? (_(), l(x(ht), {
+		])) : I.value.log ? (_(), l(x(gt), {
 			key: 29,
 			ref: "logViewer",
-			url: L.value.url ?? "",
-			name: L.value.name,
-			size: L.value.size
+			url: I.value.url ?? "",
+			name: I.value.name,
+			size: I.value.size
 		}, null, 8, [
 			"url",
 			"name",
 			"size"
-		])) : L.value.model ? (_(), l(x(gt), {
+		])) : I.value.model ? (_(), l(x(_t), {
 			key: 30,
-			url: L.value.url ?? "",
-			name: L.value.name,
-			size: L.value.size
+			url: I.value.url ?? "",
+			name: I.value.name,
+			size: I.value.size,
+			format: I.value.modelFormat
 		}, null, 8, [
 			"url",
 			"name",
-			"size"
-		])) : L.value.raster === "psd" ? (_(), l(x(vt), {
+			"size",
+			"format"
+		])) : I.value.raster === "psd" ? (_(), l(x(yt), {
 			key: 31,
-			url: L.value.url ?? "",
-			name: L.value.name,
-			size: L.value.size
+			url: I.value.url ?? "",
+			name: I.value.name,
+			size: I.value.size
 		}, null, 8, [
 			"url",
 			"name",
 			"size"
-		])) : L.value.raster ? (_(), l(x(_t), {
+		])) : I.value.raster ? (_(), l(x(vt), {
 			key: 32,
-			url: L.value.url ?? "",
-			name: L.value.name,
-			size: L.value.size,
-			kind: L.value.raster
+			url: I.value.url ?? "",
+			name: I.value.name,
+			size: I.value.size,
+			kind: I.value.raster
 		}, null, 8, [
 			"url",
 			"name",
 			"size",
 			"kind"
-		])) : L.value.ebook ? (_(), l(x(yt), {
+		])) : I.value.ebook ? (_(), l(x(bt), {
 			key: 33,
-			url: L.value.url ?? "",
-			name: L.value.name,
-			size: L.value.size,
-			kind: L.value.ebook
+			url: I.value.url ?? "",
+			name: I.value.name,
+			size: I.value.size,
+			kind: I.value.ebook
 		}, null, 8, [
 			"url",
 			"name",
 			"size",
 			"kind"
-		])) : L.value.hex ? (_(), l(x(St), {
+		])) : I.value.hex ? (_(), l(x(Ct), {
 			key: 34,
-			url: L.value.url ?? "",
-			name: L.value.name,
-			size: L.value.size
+			url: I.value.url ?? "",
+			name: I.value.name,
+			size: I.value.size
 		}, null, 8, [
 			"url",
 			"name",
 			"size"
-		])) : L.value.image ? (_(), d("div", me, [p(se, {
-			src: L.value.url ?? "",
-			alt: L.value.name
-		}, null, 8, ["src", "alt"])])) : L.value.video ? (_(), d("div", he, [f("video", {
+		])) : I.value.image ? (_(), d("div", me, [p(ce, {
+			src: I.value.url ?? "",
+			alt: I.value.name
+		}, null, 8, ["src", "alt"])])) : I.value.video ? (_(), d("div", he, [f("video", {
 			class: "fvb__videoel",
-			src: L.value.url ?? "",
+			src: I.value.url ?? "",
 			controls: "",
 			preload: "metadata"
-		}, null, 8, ge)])) : L.value.binary ? (_(), d("div", _e, [
+		}, null, 8, ge)])) : I.value.binary ? (_(), d("div", _e, [
 			p(o, {
 				name: "archive",
 				size: 34
 			}),
 			t[5] ||= f("p", null, "无法预览的二进制文件", -1),
-			L.value.size ? (_(), d("p", ve, b(x(re)(L.value.size)), 1)) : u("", !0),
+			I.value.size ? (_(), d("p", ve, b(x(ie)(I.value.size)), 1)) : u("", !0),
 			f("a", {
 				class: "fvb__dlbtn",
-				href: L.value.url,
-				download: L.value.name
+				href: I.value.url,
+				download: I.value.name
 			}, "下载", 8, ye),
 			f("div", be, [t[4] ||= f("span", { class: "fvb__openas-label" }, "用查看器打开：", -1), f("div", xe, [(_(!0), d(s, null, y(x(i), (e) => (_(), d("button", {
 				key: e.key,
 				type: "button",
 				class: "fvb__fmtchip",
-				onClick: (t) => R(e)
+				onClick: (t) => L(e)
 			}, [p(o, {
 				name: e.icon,
 				size: 13
 			}, null, 8, ["name"]), f("span", null, b(e.label), 1)], 8, Se))), 128))])])
-		])) : z.value === "loading" ? (_(), d("p", Ce, "加载文件中…")) : z.value === "error" ? (_(), d("div", C, [f("p", null, "加载失败：" + b(V.value), 1), f("button", {
+		])) : R.value === "loading" ? (_(), d("p", Ce, "加载文件中…")) : R.value === "error" ? (_(), d("div", we, [f("p", null, "加载失败：" + b(B.value), 1), f("button", {
 			type: "button",
 			class: "fvb__retry",
 			onClick: t[0] ||= (e) => $(!0)
-		}, "重试")])) : L.value.lang === "markdown" && h.mode === "render" ? (_(), d("div", w, [f("div", T, [Dt.value ? (_(), l(oe, {
+		}, "重试")])) : I.value.lang === "markdown" && h.mode === "render" ? (_(), d("div", w, [f("div", T, [Ot.value ? (_(), l(se, {
 			key: 0,
-			data: H.value.data
-		}, null, 8, ["data"])) : u("", !0), p(x(ae), {
-			text: H.value.body,
+			data: V.value.data
+		}, null, 8, ["data"])) : u("", !0), p(x(oe), {
+			text: V.value.body,
 			kp: "fv"
-		}, null, 8, ["text"])])])) : L.value.html && h.mode === "render" ? (_(), d("div", E, [
+		}, null, 8, ["text"])])])) : I.value.html && h.mode === "render" ? (_(), d("div", E, [
 			f("div", D, [f("button", {
 				type: "button",
-				class: g(["fvb__htmlbtn", { "fvb__htmlbtn--on": K.value }]),
-				title: K.value ? "交互脚本已启用（点击禁用）—— 隔离沙箱内运行：可加载外部 CDN 并发起网络请求（fetch/XHR/WebSocket），但无法访问本站会话 / cookie（不透明源隔离）" : "启用交互脚本（隔离沙箱执行：可加载 CDN、可联网，但无法访问本站会话 / cookie；建议先切到源码视图审查再启用）",
+				class: g(["fvb__htmlbtn", { "fvb__htmlbtn--on": G.value }]),
+				title: G.value ? "交互脚本已启用（点击禁用）—— 隔离沙箱内运行：可加载外部 CDN 并发起网络请求（fetch/XHR/WebSocket），但无法访问本站会话 / cookie（不透明源隔离）" : "启用交互脚本（隔离沙箱执行：可加载 CDN、可联网，但无法访问本站会话 / cookie；建议先切到源码视图审查再启用）",
 				onClick: Z
 			}, [p(o, {
 				name: "play",
@@ -521,85 +525,89 @@ var de = { class: "fvb" }, fe = {
 				type: "button",
 				class: "fvb__htmlbtn",
 				title: "全屏预览（在应用内放大查看；可在全屏内开启交互脚本）",
-				onClick: t[1] ||= (e) => q.value = !0
+				onClick: t[1] ||= (e) => K.value = !0
 			}, [p(o, {
 				name: "maximize",
 				size: 13
 			})])]),
 			(_(), d("iframe", {
-				key: K.value ? "interactive" : "inert",
+				key: G.value ? "interactive" : "inert",
 				class: "fvb__frame",
 				src: J.value,
 				title: "HTML 预览",
-				sandbox: K.value ? "allow-scripts" : "",
+				sandbox: G.value ? "allow-scripts" : "",
 				loading: "lazy",
 				referrerpolicy: "no-referrer"
 			}, null, 8, k)),
-			(_(), l(ce, { to: "body" }, [q.value ? (_(), d("div", A, [f("div", we, [f("button", {
+			(_(), l(le, { to: "body" }, [K.value ? (_(), d("div", {
+				key: 0,
+				class: "fv-root fvb__fs",
+				style: ue(x(jt))
+			}, [f("div", Te, [f("button", {
 				type: "button",
-				class: g(["fvb__htmlbtn", { "fvb__htmlbtn--on": K.value }]),
-				title: K.value ? "交互脚本已启用（点击禁用）—— 隔离沙箱内运行，可联网但访问不到本站会话 / cookie" : "启用交互脚本（隔离沙箱执行：可加载 CDN、可联网，访问不到本站会话 / cookie）",
+				class: g(["fvb__htmlbtn", { "fvb__htmlbtn--on": G.value }]),
+				title: G.value ? "交互脚本已启用（点击禁用）—— 隔离沙箱内运行，可联网但访问不到本站会话 / cookie" : "启用交互脚本（隔离沙箱执行：可加载 CDN、可联网，访问不到本站会话 / cookie）",
 				onClick: Z
 			}, [p(o, {
 				name: "play",
 				size: 15
-			})], 10, Te), f("button", {
+			})], 10, Ee), f("button", {
 				type: "button",
 				class: "fvb__htmlbtn",
 				title: "关闭全屏 (Esc)",
-				onClick: t[2] ||= (e) => q.value = !1
+				onClick: t[2] ||= (e) => K.value = !1
 			}, [p(o, {
 				name: "close",
 				size: 15,
 				"stroke-width": 2.2
 			})])]), (_(), d("iframe", {
-				key: K.value ? "fs-interactive" : "fs-inert",
+				key: G.value ? "fs-interactive" : "fs-inert",
 				class: "fvb__fsframe",
 				src: J.value,
 				title: "HTML 全屏预览",
-				sandbox: K.value ? "allow-scripts" : "",
+				sandbox: G.value ? "allow-scripts" : "",
 				referrerpolicy: "no-referrer"
-			}, null, 8, Ee))])) : u("", !0)]))
-		])) : L.value.svg && h.mode === "render" ? (_(), d("div", De, [f("img", {
+			}, null, 8, De))], 4)) : u("", !0)]))
+		])) : I.value.svg && h.mode === "render" ? (_(), d("div", Oe, [f("img", {
 			class: "fvb__svgimg",
-			src: kt.value,
-			alt: L.value.name
-		}, null, 8, Oe)])) : Et.value && h.mode === "render" ? (_(), d("div", ke, [p(x(Qe), {
-			text: B.value,
-			name: L.value.name
-		}, null, 8, ["text", "name"])])) : L.value.subtitle && h.mode === "render" ? (_(), d("div", Ae, [p(x(it), {
-			text: B.value,
-			name: L.value.name
-		}, null, 8, ["text", "name"])])) : L.value.geo && h.mode === "render" ? (_(), d("div", je, [p(x(st), {
-			text: B.value,
-			name: L.value.name
-		}, null, 8, ["text", "name"])])) : L.value.csv && h.mode === "render" ? (_(), d("div", Me, [p(x(ct), {
-			text: B.value,
-			name: L.value.name
-		}, null, 8, ["text", "name"])])) : L.value.jsonl && h.mode === "render" ? (_(), d("div", Ne, [p(x(lt), {
-			text: B.value,
-			name: L.value.name
-		}, null, 8, ["text", "name"])])) : L.value.diagram && h.mode === "render" ? (_(), d("div", Pe, [p(x(bt), {
-			text: B.value,
-			name: L.value.name,
-			kind: L.value.diagram
+			src: At.value,
+			alt: I.value.name
+		}, null, 8, ke)])) : Dt.value && h.mode === "render" ? (_(), d("div", Ae, [p(x($e), {
+			text: z.value,
+			name: I.value.name
+		}, null, 8, ["text", "name"])])) : I.value.subtitle && h.mode === "render" ? (_(), d("div", je, [p(x(at), {
+			text: z.value,
+			name: I.value.name
+		}, null, 8, ["text", "name"])])) : I.value.geo && h.mode === "render" ? (_(), d("div", Me, [p(x(ct), {
+			text: z.value,
+			name: I.value.name
+		}, null, 8, ["text", "name"])])) : I.value.csv && h.mode === "render" ? (_(), d("div", Ne, [p(x(lt), {
+			text: z.value,
+			name: I.value.name
+		}, null, 8, ["text", "name"])])) : I.value.jsonl && h.mode === "render" ? (_(), d("div", Pe, [p(x(ut), {
+			text: z.value,
+			name: I.value.name
+		}, null, 8, ["text", "name"])])) : I.value.diagram && h.mode === "render" ? (_(), d("div", Fe, [p(x(xt), {
+			text: z.value,
+			name: I.value.name,
+			kind: I.value.diagram
 		}, null, 8, [
 			"text",
 			"name",
 			"kind"
-		])])) : (_(), l(ie, {
+		])])) : (_(), l(ae, {
 			key: 49,
-			code: Ot.value,
-			lang: L.value.lang ?? "",
-			name: L.value.name
+			code: kt.value,
+			lang: I.value.lang ?? "",
+			name: I.value.name
 		}, null, 8, [
 			"code",
 			"lang",
 			"name"
-		]))]));
+		]))], 512));
 	}
 });
 //#endregion
-export { j as default };
+export { A as default };
 
 //# sourceMappingURL=FileViewerBody.vue_vue_type_script_setup_true_lang.js.map