@7niao/doc-previewer 0.0.0-stage → 0.1.1

package/dist/index.js

@@ -0,0 +1,725 @@
+import { n as e } from "./assets/rolldown-runtime-CwxnZyOB.js";
+import { t } from "./assets/file-question-mark-D7iJe3UN.js";
+import { a as n, i as r, n as i, o as a, r as o, s, t as c } from "./assets/types-CVtHVd2P.js";
+import { t as l } from "./assets/createLucideIcon-C_l8giLP.js";
+import { t as u } from "./assets/_plugin-vue_export-helper-Djzt4Yr7.js";
+import { a as d, n as f, r as p, t as m } from "./assets/dom-Ba50_9e0.js";
+import { Fragment as h, Teleport as ee, computed as g, createBlock as _, createCommentVNode as v, createElementBlock as y, createElementVNode as b, createVNode as x, defineAsyncComponent as S, defineComponent as te, mergeProps as ne, nextTick as re, normalizeClass as ie, normalizeStyle as ae, onBeforeUnmount as oe, onMounted as se, openBlock as C, ref as w, resolveDynamicComponent as ce, shallowRef as le, toDisplayString as T, unref as E, watch as D, withModifiers as ue } from "vue";
+var de = l({
+	name: "download",
+	size: 24,
+	node: [
+		["path", {
+			d: "M12 15V3",
+			key: "m9g1x1"
+		}],
+		["path", {
+			d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4",
+			key: "ih7n3h"
+		}],
+		["path", {
+			d: "m7 10 5 5 5-5",
+			key: "brsn70"
+		}]
+	]
+}), fe = l({
+	name: "maximize-2",
+	size: 24,
+	node: [
+		["path", {
+			d: "M15 3h6v6",
+			key: "1q9fwt"
+		}],
+		["path", {
+			d: "m21 3-7 7",
+			key: "1l2asr"
+		}],
+		["path", {
+			d: "m3 21 7-7",
+			key: "tjx5ai"
+		}],
+		["path", {
+			d: "M9 21H3v-6",
+			key: "wtvkvv"
+		}]
+	]
+}), pe = l({
+	name: "minimize-2",
+	size: 24,
+	node: [
+		["path", {
+			d: "m14 10 7-7",
+			key: "oa77jy"
+		}],
+		["path", {
+			d: "M20 10h-6V4",
+			key: "mjg0md"
+		}],
+		["path", {
+			d: "m3 21 7-7",
+			key: "tjx5ai"
+		}],
+		["path", {
+			d: "M4 14h6v6",
+			key: "rmj7iw"
+		}]
+	]
+}), me = l({
+	name: "printer",
+	size: 24,
+	node: [
+		["path", {
+			d: "M6 18H4a2 2 0 0 1-2-2v-5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v5a2 2 0 0 1-2 2h-2",
+			key: "143wyd"
+		}],
+		["path", {
+			d: "M6 9V3a1 1 0 0 1 1-1h10a1 1 0 0 1 1 1v6",
+			key: "1itne7"
+		}],
+		["rect", {
+			x: "6",
+			y: "14",
+			width: "12",
+			height: "8",
+			rx: "1",
+			key: "1ue0tg"
+		}]
+	]
+}), he = l({
+	name: "rotate-ccw",
+	size: 24,
+	node: [["path", {
+		d: "M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8",
+		key: "1357e3"
+	}], ["path", {
+		d: "M3 3v5h5",
+		key: "1xhq8a"
+	}]]
+}), ge = l({
+	name: "rotate-cw",
+	size: 24,
+	node: [["path", {
+		d: "M21 12a9 9 0 1 1-9-9c2.52 0 4.93 1 6.74 2.74L21 8",
+		key: "1p45f6"
+	}], ["path", {
+		d: "M21 3v5h-5",
+		key: "1q7to0"
+	}]]
+}), _e = l({
+	name: "x",
+	size: 24,
+	node: [["path", {
+		d: "M18 6 6 18",
+		key: "1bl5f8"
+	}], ["path", {
+		d: "m6 6 12 12",
+		key: "d8bk6v"
+	}]]
+}), ve = l({
+	name: "zoom-in",
+	size: 24,
+	node: [
+		["circle", {
+			cx: "11",
+			cy: "11",
+			r: "8",
+			key: "4ej97u"
+		}],
+		["line", {
+			x1: "21",
+			x2: "16.65",
+			y1: "21",
+			y2: "16.65",
+			key: "13gj7c"
+		}],
+		["line", {
+			x1: "11",
+			x2: "11",
+			y1: "8",
+			y2: "14",
+			key: "1vmskp"
+		}],
+		["line", {
+			x1: "8",
+			x2: "14",
+			y1: "11",
+			y2: "11",
+			key: "durymu"
+		}]
+	]
+}), ye = l({
+	name: "zoom-out",
+	size: 24,
+	node: [
+		["circle", {
+			cx: "11",
+			cy: "11",
+			r: "8",
+			key: "4ej97u"
+		}],
+		["line", {
+			x1: "21",
+			x2: "16.65",
+			y1: "21",
+			y2: "16.65",
+			key: "13gj7c"
+		}],
+		["line", {
+			x1: "8",
+			x2: "14",
+			y1: "11",
+			y2: "11",
+			key: "durymu"
+		}]
+	]
+}), be = { class: "fv-toolbar" }, xe = {
+	key: 0,
+	class: "fv-file"
+}, Se = { class: "fv-file-badge" }, O = { class: "fv-file-text" }, k = ["title"], A = {
+	key: 0,
+	class: "fv-file-size"
+}, Ce = { class: "fv-actions" }, we = { class: "fv-group" }, j = ["disabled"], Te = ["disabled"], M = ["disabled"], Ee = { class: "fv-group" }, N = ["disabled"], P = ["disabled"], F = { class: "fv-group" }, I = ["disabled"], L = ["disabled"], R = ["title", "aria-label"], De = /*#__PURE__*/ u(/* @__PURE__ */ te({
+	__name: "PreviewToolbar",
+	props: {
+		name: {},
+		kindLabel: {},
+		sizeText: {},
+		zoomPercent: {},
+		canZoom: { type: Boolean },
+		canRotate: { type: Boolean },
+		canPrint: { type: Boolean },
+		canDownload: { type: Boolean },
+		showFileInfo: { type: Boolean },
+		isFullscreen: { type: Boolean }
+	},
+	emits: [
+		"zoom-in",
+		"zoom-out",
+		"reset",
+		"rotate-left",
+		"rotate-right",
+		"download",
+		"print",
+		"toggle-fullscreen"
+	],
+	setup(e, { emit: t }) {
+		let n = t;
+		return (t, r) => (C(), y("header", be, [e.showFileInfo ? (C(), y("div", xe, [b("span", Se, T(e.kindLabel), 1), b("span", O, [b("span", {
+			class: "fv-file-name",
+			title: e.name
+		}, T(e.name), 9, k), e.sizeText ? (C(), y("span", A, T(e.sizeText), 1)) : v("", !0)])])) : v("", !0), b("div", Ce, [
+			b("div", we, [
+				b("button", {
+					type: "button",
+					class: "fv-btn",
+					title: "缩小",
+					"aria-label": "缩小",
+					disabled: !e.canZoom,
+					onClick: r[0] ||= (e) => n("zoom-out")
+				}, [x(E(ye), { size: 17 })], 8, j),
+				b("button", {
+					type: "button",
+					class: "fv-zoom-value",
+					title: "重置缩放",
+					"aria-label": "重置缩放",
+					disabled: !e.canZoom,
+					onClick: r[1] ||= (e) => n("reset")
+				}, T(e.canZoom ? `${e.zoomPercent}%` : "—"), 9, Te),
+				b("button", {
+					type: "button",
+					class: "fv-btn",
+					title: "放大",
+					"aria-label": "放大",
+					disabled: !e.canZoom,
+					onClick: r[2] ||= (e) => n("zoom-in")
+				}, [x(E(ve), { size: 17 })], 8, M)
+			]),
+			r[8] ||= b("span", { class: "fv-divider" }, null, -1),
+			b("div", Ee, [b("button", {
+				type: "button",
+				class: "fv-btn",
+				title: "向左旋转 90°",
+				"aria-label": "向左旋转",
+				disabled: !e.canRotate,
+				onClick: r[3] ||= (e) => n("rotate-left")
+			}, [x(E(he), { size: 17 })], 8, N), b("button", {
+				type: "button",
+				class: "fv-btn",
+				title: "向右旋转 90°",
+				"aria-label": "向右旋转",
+				disabled: !e.canRotate,
+				onClick: r[4] ||= (e) => n("rotate-right")
+			}, [x(E(ge), { size: 17 })], 8, P)]),
+			r[9] ||= b("span", { class: "fv-divider" }, null, -1),
+			b("div", F, [
+				b("button", {
+					type: "button",
+					class: "fv-btn",
+					title: "下载原文件",
+					disabled: !e.canDownload,
+					onClick: r[5] ||= (e) => n("download")
+				}, [x(E(de), { size: 17 })], 8, I),
+				b("button", {
+					type: "button",
+					class: "fv-btn",
+					title: "打印",
+					disabled: !e.canPrint,
+					onClick: r[6] ||= (e) => n("print")
+				}, [x(E(me), { size: 17 })], 8, L),
+				b("button", {
+					type: "button",
+					class: "fv-btn",
+					title: e.isFullscreen ? "退出全屏" : "全屏",
+					"aria-label": e.isFullscreen ? "退出全屏" : "全屏",
+					onClick: r[7] ||= (e) => n("toggle-fullscreen")
+				}, [e.isFullscreen ? (C(), _(E(pe), {
+					key: 0,
+					size: 17
+				})) : (C(), _(E(fe), {
+					key: 1,
+					size: 17
+				}))], 8, R)
+			])
+		])]));
+	}
+}), [["__scopeId", "data-v-6c5f04a9"]]);
+// src/components/file-viewer/composables/useFullscreen.ts
+function Oe(e) {
+	let t = w(!1), n = w(!1), r = g(() => t.value || n.value);
+	function i() {
+		t.value = !!document.fullscreenElement && document.fullscreenElement === e.value;
+	}
+	function a(e) {
+		e.key === "Escape" && n.value && (n.value = !1);
+	}
+	async function o() {
+		let t = e.value;
+		if (t) {
+			if (typeof t.requestFullscreen == "function") try {
+				await t.requestFullscreen();
+				return;
+			} catch {}
+			n.value = !0;
+		}
+	}
+	async function s() {
+		if (document.fullscreenElement) try {
+			await document.exitFullscreen();
+		} catch {}
+		n.value = !1;
+	}
+	async function c() {
+		r.value ? await s() : await o();
+	}
+	return se(() => {
+		document.addEventListener("fullscreenchange", i), window.addEventListener("keydown", a);
+	}), oe(() => {
+		document.removeEventListener("fullscreenchange", i), window.removeEventListener("keydown", a), document.fullscreenElement === e.value && document.exitFullscreen().catch(() => void 0), n.value = !1;
+	}), {
+		isFullscreen: r,
+		toggle: c
+	};
+}
+// src/components/file-viewer/composables/usePreviewSource.ts
+function z(e) {
+	if (e.startsWith("data:")) return "file";
+	try {
+		let t = new URL(e, window.location.href).pathname.split("/").filter(Boolean).pop();
+		return t ? decodeURIComponent(t) : "file";
+	} catch {
+		return "file";
+	}
+}
+function B(e, t) {
+	return t ? r(e) ? e : `${e}.${t}` : e;
+}
+function ke(e) {
+	let t = le(null), i = null;
+	function o() {
+		i &&= (URL.revokeObjectURL(i), null);
+	}
+	function s() {
+		o();
+		let s = null, c = "", l = "", u = e.mimeType || "", d = 0;
+		typeof e.src == "string" ? (c = e.src, l = e.fileName || z(c), d = 0) : (s = e.src, c = URL.createObjectURL(s), i = c, l = e.fileName || (s instanceof File ? s.name : ""), u ||= s.type, d = s.size), l ||= "file";
+		let f = r(l);
+		f || (f = n(u || s?.type || ""), l = B(l, f)), u ||= a(f);
+		let p = s, m = null, h = async () => {
+			if (p) return p;
+			let e = await fetch(c);
+			if (!e.ok) throw Error(`文件下载失败（HTTP ${e.status}）`);
+			return p = await e.blob(), u ||= p.type, p;
+		}, ee = {
+			name: l,
+			ext: f,
+			mime: u,
+			size: d,
+			url: c,
+			getBlob: h,
+			getArrayBuffer: async () => (m ||= await (await h()).arrayBuffer(), m),
+			getText: async () => new TextDecoder("utf-8").decode(await ee.getArrayBuffer())
+		};
+		t.value = ee;
+	}
+	return D(() => [
+		e.src,
+		e.fileName,
+		e.mimeType
+	], s, { immediate: !0 }), oe(o), { source: t };
+}
+// src/components/file-viewer/FileViewer.vue?vue&type=script&setup=true&lang.ts
+var Ae = {
+	key: 1,
+	class: "fv-canvas"
+}, je = {
+	key: 0,
+	class: "fv-overlay"
+}, Me = {
+	key: 1,
+	class: "fv-overlay fv-overlay--error"
+}, Ne = { class: "fv-error-text" }, Pe = {
+	key: 1,
+	class: "fv-overlay fv-overlay--empty"
+}, Fe = {
+	key: 1,
+	class: "fv-native-error"
+}, Ie = { class: "fv-modal-panel" }, Le = { class: "fv-modal-head" }, Re = ["title"], ze = 56, V = /*@__PURE__*/ te({
+	__name: "FileViewer",
+	props: {
+		src: {},
+		fileName: {},
+		mimeType: {},
+		kind: {},
+		options: {}
+	},
+	emits: [
+		"ready",
+		"error",
+		"zoom-change",
+		"download",
+		"print",
+		"fullscreen-change"
+	],
+	setup(e, { expose: n, emit: r }) {
+		let i = e, a = r, l = S(() => import("./assets/ImageRenderer-D1SFZkV3.js")), u = S(() => import("./assets/MediaRenderer-DKj0V7cL.js")), te = S(() => import("./assets/PdfRenderer-DuZpWPAu.js")), de = S(() => import("./assets/DocxRenderer-6BCR0R9L.js")), fe = S(() => import("./assets/XlsxRenderer-Bohk5iIA.js")), pe = S(() => import("./assets/PptxRenderer-BSoVSGOz.js")), me = S(() => import("./assets/OfdRenderer-1kDqHPDa.js")), he = S(() => import("./assets/ArchiveRenderer-BZsm87A2.js")), ge = S(() => import("./assets/CadRenderer-DQiBmk71.js")), ve = S(() => import("./assets/Model3dRenderer-DDk-HsYP.js")), ye = S(() => import("./assets/GisRenderer-BQ_T-z1A.js")), be = S(() => import("./assets/TextRenderer-pKpgA2wF.js")), xe = S(() => import("./assets/UnsupportedRenderer-CnjuGXg3.js")), Se = S(() => Promise.resolve().then(() => Be)), O = g(() => ({
+			height: "640px",
+			toolbar: !0,
+			showFileInfo: !0,
+			...i.options,
+			zoom: {
+				min: .1,
+				max: 10,
+				step: .2,
+				...i.options?.zoom
+			}
+		})), { source: k } = ke(i), A = g(() => o(k.value?.name || "", k.value?.mime || "", i.kind)), Ce = g(() => c[A.value]), we = [
+			"video",
+			"audio",
+			"cad",
+			"model3d",
+			"gis"
+		], j = g(() => we.includes(A.value)), Te = g(() => {
+			switch (A.value) {
+				case "image": return l;
+				case "video":
+				case "audio": return u;
+				case "pdf": return te;
+				case "word": return de;
+				case "excel": return fe;
+				case "ppt": return pe;
+				case "ofd": return me;
+				case "archive": return he;
+				case "cad": return ge;
+				case "model3d": return ve;
+				case "gis": return ye;
+				case "text": return be;
+				default: return xe;
+			}
+		}), M = g(() => ({
+			source: k.value,
+			options: O.value,
+			viewportWidth: L.value,
+			viewportHeight: R.value,
+			isVideo: A.value === "video"
+		})), Ee = w(null), N = w(null), P = w(null), F = w(null), I = w(null), L = w(800), R = w(560), z = w(0), B = w(0), V = w(1), H = w(0), Ve = w(100), U = w(!1), W = w(""), G = w(!1), K = w(!1), q = le(null), { isFullscreen: He, toggle: Ue } = Oe(Ee), J = null, Y = null, We = g(() => j.value ? A.value !== "video" && A.value !== "audio" && !!F.value : A.value !== "unsupported"), Ge = g(() => A.value === "cad" || A.value === "model3d" || !j.value && [
+			"image",
+			"pdf",
+			"word",
+			"excel",
+			"ppt",
+			"ofd",
+			"text"
+		].includes(A.value)), Ke = g(() => ![
+			"video",
+			"audio",
+			"unsupported"
+		].includes(A.value)), qe = g(() => !!k.value), Je = g(() => j.value ? Ve.value : Math.round(V.value * 100)), Ye = g(() => {
+			let e = H.value % 180 != 0;
+			return Math.round((e ? B.value : z.value) * V.value);
+		}), Xe = g(() => {
+			let e = H.value % 180 != 0;
+			return Math.round((e ? z.value : B.value) * V.value);
+		}), Ze = g(() => ({
+			width: `${Ye.value}px`,
+			height: `${Xe.value}px`
+		})), Qe = g(() => ({ transform: `translate(-50%, -50%) rotate(${H.value}deg) scale(${V.value})` })), $e = g(() => z.value === 0), et = g(() => j.value || !k.value ? !1 : Ye.value + ze > L.value || Xe.value + ze > R.value), X = w(!1), Z = null, Q = !1;
+		function tt(e) {
+			if (e.button !== 0 || !et.value || e.target?.closest("a, button, input, textarea, select, label, video, audio, iframe")) return;
+			let t = N.value;
+			if (!t) return;
+			let n = t.getBoundingClientRect();
+			e.clientX > n.left + t.clientWidth || e.clientY > n.top + t.clientHeight || (Z = {
+				id: e.pointerId,
+				x: e.clientX,
+				y: e.clientY,
+				left: t.scrollLeft,
+				top: t.scrollTop
+			}, Q = !1, t.setPointerCapture(e.pointerId));
+		}
+		function nt(e) {
+			let t = N.value, n = Z;
+			if (!t || !n || n.id !== e.pointerId) return;
+			let r = e.clientX - n.x, i = e.clientY - n.y;
+			if (!Q) {
+				if (Math.abs(r) < 4 && Math.abs(i) < 4) return;
+				Q = !0, X.value = !0, document.getSelection()?.removeAllRanges();
+			}
+			e.preventDefault(), t.scrollLeft = n.left - r, t.scrollTop = n.top - i;
+		}
+		function rt(e) {
+			let t = N.value;
+			t?.hasPointerCapture(e.pointerId) && t.releasePointerCapture(e.pointerId), Z = null, Q = !1, X.value = !1;
+		}
+		function it() {
+			a("zoom-change", Je.value);
+		}
+		function $(e, t = !1) {
+			let n = O.value.zoom?.min ?? .1, r = O.value.zoom?.max ?? 10;
+			V.value = Math.min(r, Math.max(n, Number.isFinite(e) ? e : 1)), t && (K.value = !0), it();
+		}
+		function at() {
+			let e = z.value, t = B.value;
+			if (!e || !t) return;
+			let n = Math.max(120, L.value - 64), r = Math.max(120, R.value - 64), i = [
+				"pdf",
+				"word",
+				"excel",
+				"ppt",
+				"ofd",
+				"text",
+				"archive"
+			].includes(A.value), a = 1;
+			A.value === "image" ? a = Math.min(1, n / e, r / t) : i && (a = Math.min(1, n / e)), $(a), G.value = !0;
+		}
+		function ot() {
+			j.value ? F.value?.zoomIn?.() : $(V.value * (1 + (O.value.zoom?.step ?? .2)), !0);
+		}
+		function st() {
+			j.value ? F.value?.zoomOut?.() : $(V.value / (1 + (O.value.zoom?.step ?? .2)), !0);
+		}
+		function ct() {
+			j.value ? (F.value?.resetZoom?.(), it()) : $(1, !0);
+		}
+		function lt() {
+			j.value ? F.value?.rotate?.(-Math.PI / 2) : H.value = (H.value + 270) % 360;
+		}
+		function ut() {
+			j.value ? F.value?.rotate?.(Math.PI / 2) : H.value = (H.value + 90) % 360;
+		}
+		async function dt() {
+			let e = k.value;
+			if (e) try {
+				m(await e.getBlob(), e.name), a("download", e.name);
+			} catch (e) {
+				W.value = e instanceof Error ? e.message : "下载失败";
+			}
+		}
+		function ft() {
+			let e = k.value;
+			if (e) {
+				if (a("print"), A.value === "pdf" && /^(blob:|http)/.test(e.url)) d(e.url);
+				else if (j.value) {
+					if (F.value?.print) {
+						F.value.print();
+						return;
+					}
+					I.value && p(I.value, { title: e.name });
+				} else P.value && p(P.value, { title: e.name });
+			}
+		}
+		function pt() {
+			U.value = !0, W.value = "", a("ready", A.value);
+		}
+		function mt(e) {
+			U.value = !0, W.value = e, a("error", e);
+		}
+		function ht(e) {
+			Ve.value = e, it();
+		}
+		function gt(e) {
+			q.value = e;
+		}
+		function _t() {
+			q.value = null;
+		}
+		function vt(e) {
+			e.key === "Escape" && q.value && _t();
+		}
+		function yt() {
+			let e = P.value;
+			if (!e) return;
+			let t = e.offsetWidth, n = e.offsetHeight;
+			z.value = t, B.value = n, !G.value && t > 0 && n > 0 && at();
+		}
+		function bt() {
+			Y?.disconnect(), Y = null, P.value && (Y = new ResizeObserver(() => yt()), Y.observe(P.value), yt());
+		}
+		return D(P, () => bt(), { flush: "post" }), D(() => [
+			i.src,
+			i.fileName,
+			i.mimeType,
+			i.kind
+		], () => {
+			U.value = !1, W.value = "", G.value = !1, K.value = !1, V.value = 1, H.value = 0, Ve.value = 100, z.value = 0, B.value = 0, q.value = null, Z = null, Q = !1, X.value = !1, re(() => bt());
+		}), D(A, () => {
+			U.value = !1, W.value = "", G.value = !1, K.value = !1, V.value = 1, H.value = 0, z.value = 0, B.value = 0, Z = null, Q = !1, X.value = !1, re(() => bt());
+		}), D(He, (e) => a("fullscreen-change", e)), se(() => {
+			let e = N.value;
+			e && (L.value = e.clientWidth || L.value, R.value = e.clientHeight || R.value, J = new ResizeObserver(() => {
+				let t = e.clientWidth, n = e.clientHeight;
+				t && n && (L.value = t, R.value = n, !K.value && !j.value && at());
+			}), J.observe(e)), window.addEventListener("keydown", vt);
+		}), oe(() => {
+			J?.disconnect(), Y?.disconnect(), J = null, Y = null, window.removeEventListener("keydown", vt);
+		}), n({
+			zoomIn: ot,
+			zoomOut: st,
+			resetZoom: ct,
+			rotateLeft: lt,
+			rotateRight: ut,
+			download: dt,
+			print: ft,
+			toggleFullscreen: Ue,
+			getKind: () => A.value,
+			getSource: () => k.value
+		}), (e, n) => (C(), y("div", {
+			ref_key: "shell",
+			ref: Ee,
+			class: ie(["fv-root", { "fv-root--fullscreen": E(He) }]),
+			style: ae({ height: O.value.height })
+		}, [
+			O.value.toolbar ? (C(), _(De, {
+				key: 0,
+				name: E(k)?.name || "未选择文件",
+				"kind-label": Ce.value,
+				"size-text": E(f)(E(k)?.size || 0),
+				"zoom-percent": Je.value,
+				"can-zoom": We.value,
+				"can-rotate": Ge.value,
+				"can-print": Ke.value,
+				"can-download": qe.value,
+				"show-file-info": O.value.showFileInfo,
+				"is-fullscreen": E(He),
+				onZoomIn: ot,
+				onZoomOut: st,
+				onReset: ct,
+				onRotateLeft: lt,
+				onRotateRight: ut,
+				onDownload: dt,
+				onPrint: ft,
+				onToggleFullscreen: E(Ue)
+			}, null, 8, [
+				"name",
+				"kind-label",
+				"size-text",
+				"zoom-percent",
+				"can-zoom",
+				"can-rotate",
+				"can-print",
+				"can-download",
+				"show-file-info",
+				"is-fullscreen",
+				"onToggleFullscreen"
+			])) : v("", !0),
+			b("div", {
+				ref_key: "viewport",
+				ref: N,
+				class: ie(["fv-viewport", {
+					"fv-viewport--native": j.value,
+					"fv-viewport--pannable": et.value,
+					"fv-viewport--panning": X.value
+				}]),
+				onPointerdown: tt,
+				onPointermove: nt,
+				onPointerup: rt,
+				onPointercancel: rt,
+				onDragstart: n[0] ||= ue(() => {}, ["prevent"])
+			}, [E(k) ? (C(), y(h, { key: 0 }, [j.value ? (C(), y("div", {
+				key: 0,
+				ref_key: "nativeEl",
+				ref: I,
+				class: "fv-native-host"
+			}, [(C(), _(ce(Te.value), ne({
+				key: `native-${E(k).name}`,
+				ref_key: "rendererRef",
+				ref: F
+			}, M.value, {
+				class: "fv-native",
+				onReady: pt,
+				onError: mt,
+				onZoomChange: ht,
+				onOpenEntry: gt
+			}), null, 16))], 512)) : (C(), y("div", Ae, [b("div", {
+				class: ie(["fv-stage", { "fv-hidden": $e.value }]),
+				style: ae(Ze.value)
+			}, [b("div", {
+				ref_key: "contentEl",
+				ref: P,
+				class: "fv-content",
+				style: ae(Qe.value)
+			}, [(C(), _(ce(Te.value), ne({ key: `content-${E(k).name}` }, M.value, {
+				onReady: pt,
+				onError: mt,
+				onOpenEntry: gt
+			}), null, 16))], 4)], 6)])), j.value ? v("", !0) : (C(), y(h, { key: 2 }, [!U.value && !W.value ? (C(), y("div", je, [x(E(s), {
+				size: 20,
+				class: "fv-spinner"
+			}), n[1] ||= b("span", null, "正在加载预览…", -1)])) : W.value ? (C(), y("div", Me, [
+				x(E(t), { size: 26 }),
+				b("span", Ne, T(W.value), 1),
+				b("button", {
+					type: "button",
+					class: "fv-retry",
+					onClick: dt
+				}, "下载文件")
+			])) : v("", !0)], 64))], 64)) : (C(), y("div", Pe, [x(E(t), { size: 26 }), n[2] ||= b("span", null, "暂无文件", -1)]))], 34),
+			j.value && E(k) && W.value ? (C(), y("div", Fe, [b("span", null, T(W.value), 1)])) : v("", !0),
+			(C(), _(ee, { to: "body" }, [q.value ? (C(), y("div", {
+				key: 0,
+				class: "fv-modal",
+				onClick: ue(_t, ["self"])
+			}, [b("div", Ie, [b("header", Le, [b("span", {
+				class: "fv-modal-title",
+				title: q.value.path
+			}, T(q.value.path), 9, Re), b("button", {
+				type: "button",
+				class: "fv-modal-close",
+				"aria-label": "关闭",
+				onClick: _t
+			}, [x(E(_e), { size: 16 })])]), x(E(Se), {
+				class: "fv-modal-viewer",
+				src: q.value.file,
+				"file-name": q.value.path.split("/").pop() || q.value.path,
+				options: {
+					...O.value,
+					height: "100%"
+				}
+			}, null, 8, [
+				"src",
+				"file-name",
+				"options"
+			])])])) : v("", !0)]))
+		], 6));
+	}
+}), Be = /* @__PURE__ */ e({ default: () => H }), H = /*#__PURE__*/ u(V, [["__scopeId", "data-v-435341fa"]]);
+export { H as FileViewer, H as default, c as KIND_LABELS, i as PREVIEW_ACCEPT, o as detectKind, m as downloadBlob, f as formatBytes, r as getExtension, n as guessExtension, a as mimeForExtension };