@l1yp/file-viewer 0.1.0

package/dist/components/XmindViewer.js

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

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

@@ -0,0 +1,13 @@
+/**
+ * Side-viewer for XMind workbooks (.xmind). Fetches the bytes, unzips + parses `content.json` / `content.xml`
+ * in-browser (see lib/xmind.ts — reuses the project's ZIP reader), then hands the normalized tree to the shared
+ * MindMapView so an XMind renders as the same interactive mind map as OPML / FreeMind. Nothing leaves the browser.
+ */
+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/XmindViewer.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,48 @@
+import { fileExt as e } from "../lib/fileType.js";
+import t from "./MindMapView.js";
+import { parseXmind as n } from "../lib/xmind.js";
+import { computed as r, createBlock as i, createCommentVNode as a, createElementBlock as o, createElementVNode as s, defineComponent as c, openBlock as l, ref as u, toDisplayString as d, watch as f } from "vue";
+//#region src/components/XmindViewer.vue?vue&type=script&setup=true&lang.ts
+var p = { class: "xm" }, m = {
+	key: 0,
+	class: "xm__msg"
+}, h = {
+	key: 1,
+	class: "xm__msg xm__msg--error"
+}, g = /*@__PURE__*/ c({
+	__name: "XmindViewer",
+	props: {
+		url: {},
+		name: {},
+		size: {}
+	},
+	setup(c) {
+		let g = c, _ = u("loading"), v = u(null), y = u(""), b = r(() => {
+			let t = g.name || "", n = e(t);
+			return n ? t.slice(0, t.length - n.length - 1) : t;
+		});
+		async function x() {
+			if (g.url) {
+				_.value = "loading", y.value = "", v.value = null;
+				try {
+					let e = await fetch(g.url);
+					if (!e.ok) throw Error(`HTTP ${e.status}`);
+					v.value = await n(await e.arrayBuffer(), b.value), _.value = "ready";
+				} catch (e) {
+					y.value = e instanceof Error ? e.message : String(e), _.value = "error";
+				}
+			}
+		}
+		return f(() => g.url, x, { immediate: !0 }), (e, n) => (l(), o("div", p, [_.value === "loading" ? (l(), o("p", m, "正在解析 XMind…")) : _.value === "error" ? (l(), o("div", h, [s("p", null, "解析失败：" + d(y.value), 1), s("button", {
+			type: "button",
+			class: "xm__btn",
+			onClick: x
+		}, "重试")])) : v.value ? (l(), i(t, {
+			key: 2,
+			map: v.value,
+			name: c.name
+		}, null, 8, ["map", "name"])) : a("", !0)]));
+	}
+});
+//#endregion
+export { g as default };

package/dist/components/ZipBrowser.js

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

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

@@ -0,0 +1,14 @@
+/**
+ * The side viewer's ZIP mode: fetch an archive's bytes, decompress them entirely in-browser (see lib/zip.ts),
+ * and browse the contents. A master→detail within the narrow pane — a collapsible file tree, and selecting an
+ * entry extracts just that one, wraps it in a blob URL, and hands it to {@link FileViewerBody} (so a file
+ * inside the zip previews with every viewer a top-level file gets — code/image/pdf/cert/audio/nested-zip/…).
+ * No entry bytes are kept around: selecting decodes on demand, and the download button re-extracts.
+ */
+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;

package/dist/components/ZipBrowser.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,326 @@
+import { fileExt as e, isDicomFile as t, isTextFile as n } from "../lib/fileType.js";
+import { canToggleView as r, classifyViewerFile as i, mediaMimeForName as ee } from "../lib/viewerKind.js";
+import { formatBytes as a } from "../lib/format.js";
+import o from "./icons/Icon.js";
+import { ZipEncryptedError as te, ZipPasswordError as s, extractZipEntry as c, readZip as ne, zipSupported as re } from "../lib/zip.js";
+import { Fragment as l, computed as u, createBlock as d, createCommentVNode as f, createElementBlock as p, createElementVNode as m, createVNode as h, defineAsyncComponent as g, defineComponent as _, normalizeClass as v, normalizeStyle as ie, onBeforeUnmount as ae, onMounted as oe, openBlock as y, reactive as se, ref as b, renderList as ce, toDisplayString as x, unref as S, vModelText as le, watch as ue, withDirectives as de, withKeys as fe } from "vue";
+//#region src/components/ZipBrowser.vue?vue&type=script&setup=true&lang.ts
+var pe = { class: "zip" }, me = {
+	key: 0,
+	class: "zip__msg"
+}, he = {
+	key: 1,
+	class: "zip__msg zip__msg--error"
+}, ge = { class: "zip__bar" }, _e = ["title"], ve = { class: "zip__bsize" }, ye = {
+	key: 0,
+	class: "zip__view",
+	role: "group",
+	"aria-label": "渲染或源码"
+}, be = ["title"], xe = {
+	key: 0,
+	class: "zip__msg"
+}, Se = {
+	key: 1,
+	class: "zip__msg zip__msg--error"
+}, Ce = { class: "zip__summary" }, we = ["placeholder"], Te = {
+	key: 0,
+	class: "zip__pwerr"
+}, Ee = { class: "zip__scroll zip__tree" }, De = {
+	key: 0,
+	class: "zip__msg"
+}, Oe = ["onClick"], ke = { class: "zip__twisty" }, Ae = { class: "zip__rowicon" }, je = { class: "zip__rowname" }, Me = {
+	key: 1,
+	class: "zip__rowsize"
+}, C = /*@__PURE__*/ _({
+	__name: "ZipBrowser",
+	props: {
+		url: {},
+		name: {}
+	},
+	setup(_) {
+		let C = g(() => import("./DicomViewer.js")), Ne = g(() => import("./FileViewerBody.js")), w = _, T = b("loading"), E = b(""), D = null, O = b([]), k = b(""), A = b(""), j = b(!1), Pe = u(() => O.value.some((e) => e.encrypted)), M = b({
+			name: "",
+			path: "",
+			isDir: !0,
+			size: 0,
+			children: []
+		}), N = se(/* @__PURE__ */ new Set()), Fe = u(() => O.value.reduce((e, t) => e + +!t.isDir, 0)), Ie = u(() => O.value.reduce((e, t) => e + (t.isDir ? 0 : t.size), 0));
+		function Le(e) {
+			let t = {
+				name: "",
+				path: "",
+				isDir: !0,
+				size: 0,
+				children: []
+			}, n = new Map([["", t]]), r = (e) => {
+				let r = t, i = "";
+				for (let t of e) {
+					i = i ? `${i}/${t}` : t;
+					let e = n.get(i);
+					e || (e = {
+						name: t,
+						path: i,
+						isDir: !0,
+						size: 0,
+						children: []
+					}, n.set(i, e), r.children.push(e)), r = e;
+				}
+				return r;
+			};
+			for (let t of e) {
+				let e = t.path.split("/").filter(Boolean);
+				if (t.isDir) {
+					r(e);
+					continue;
+				}
+				let n = e.pop();
+				n && r(e).children.push({
+					name: n,
+					path: t.path,
+					isDir: !1,
+					size: t.size,
+					entry: t,
+					children: []
+				});
+			}
+			return P(t), t;
+		}
+		function P(e) {
+			e.children.sort((e, t) => e.isDir === t.isDir ? e.name.localeCompare(t.name) : e.isDir ? -1 : 1);
+			for (let t of e.children) t.isDir && P(t);
+		}
+		let F = u(() => {
+			let e = [], t = (n, r) => {
+				for (let i of n) e.push({
+					node: i,
+					depth: r
+				}), i.isDir && N.has(i.path) && t(i.children, r + 1);
+			};
+			return t(M.value.children, 0), e;
+		});
+		async function I() {
+			if (T.value = "loading", E.value = "", L.value = null, k.value = "", A.value = "", j.value = !1, J(), G.value = [], !re()) {
+				E.value = "当前浏览器不支持在前端解压 ZIP（缺少 DecompressionStream）", T.value = "error";
+				return;
+			}
+			try {
+				let e = await fetch(w.url);
+				if (!e.ok) throw Error(`HTTP ${e.status}`);
+				D = await e.arrayBuffer();
+				let t = ne(D);
+				O.value = t, M.value = Le(t), N.clear(), T.value = "ready";
+			} catch (e) {
+				E.value = e instanceof Error ? e.message : String(e), T.value = "error";
+			}
+		}
+		let L = b(null), R = b("ready"), z = b(""), B = b(""), V = b(null), H = b(!1), U = b("render"), W = b(""), G = b([]), K = b(0), q = b(""), Re = u(() => G.value.reduce((e, t) => e + (t.size ?? 0), 0)), ze = u(() => r(V.value, B.value));
+		function J() {
+			W.value &&= (URL.revokeObjectURL(W.value), "");
+		}
+		function Y(e) {
+			let t = e.lastIndexOf("/");
+			return t < 0 ? "" : e.slice(0, t);
+		}
+		function Be(e) {
+			let n = Y(e.path);
+			return O.value.filter((e) => !e.isDir && t(e.name) && Y(e.path) === n).sort((e, t) => e.path.localeCompare(t.path, void 0, {
+				numeric: !0,
+				sensitivity: "base"
+			}));
+		}
+		function Ve(t, r) {
+			if (n(r)) return !0;
+			if (e(r)) return !1;
+			let i = Math.min(t.length, 4096);
+			for (let e = 0; e < i; e++) if (t[e] === 0) return !1;
+			return !0;
+		}
+		async function X(e) {
+			if (L.value = e, R.value = "loading", z.value = "", B.value = "", V.value = null, H.value = !1, U.value = "render", J(), G.value = [], D) try {
+				if (t(e.name)) {
+					let t = Be(e);
+					if (t.length > 1) {
+						G.value = t.map((e) => ({
+							name: e.name,
+							size: e.size,
+							load: async () => {
+								let t = await c(D, e, k.value), n = new ArrayBuffer(t.byteLength);
+								return new Uint8Array(n).set(t), n;
+							}
+						})), K.value = Math.max(0, t.findIndex((t) => t.path === e.path)), q.value = Y(e.path).split("/").pop() || e.name, H.value = !0, R.value = "ready";
+						return;
+					}
+				}
+				let n = await c(D, e, k.value);
+				if (L.value !== e) return;
+				W.value = URL.createObjectURL(new Blob([n], { type: ee(e.name) })), V.value = i({
+					name: e.name,
+					url: W.value,
+					size: e.size,
+					textHint: Ve(n, e.name)
+				}), R.value = "ready";
+			} catch (e) {
+				e instanceof te ? z.value = "该文件已加密：请返回列表并在顶部输入密码" : e instanceof s ? (z.value = "密码错误", j.value = !1) : z.value = e instanceof Error ? e.message : String(e), R.value = "error";
+			}
+		}
+		async function Z() {
+			A.value = "";
+			let e = O.value.find((e) => !e.isDir && e.encrypted && e.size > 0);
+			if (!e || !D) {
+				j.value = !0;
+				return;
+			}
+			try {
+				await c(D, e, k.value), j.value = !0, L.value && X(L.value);
+			} catch (e) {
+				j.value = !1, A.value = e instanceof s ? "密码错误" : e instanceof Error ? e.message : String(e);
+			}
+		}
+		function He(e) {
+			e.isDir ? N.has(e.path) ? N.delete(e.path) : N.add(e.path) : e.entry && X(e.entry);
+		}
+		function Ue() {
+			L.value = null, B.value = "", V.value = null, H.value = !1, J(), G.value = [];
+		}
+		async function We(e) {
+			if (D) try {
+				let t = URL.createObjectURL(new Blob([await c(D, e, k.value)])), n = document.createElement("a");
+				n.href = t, n.download = e.name, document.body.appendChild(n), n.click(), n.remove(), setTimeout(() => URL.revokeObjectURL(t), 1e3);
+			} catch {}
+		}
+		let Q = b(!1), $;
+		async function Ge() {
+			try {
+				await navigator.clipboard?.writeText(B.value);
+			} catch {}
+			Q.value = !0, clearTimeout($), $ = setTimeout(() => Q.value = !1, 1400);
+		}
+		return oe(I), ue(() => w.url, I), ae(() => {
+			J(), clearTimeout($);
+		}), (e, t) => (y(), p("div", pe, [T.value === "loading" ? (y(), p("p", me, "正在解压…")) : T.value === "error" ? (y(), p("div", he, [m("p", null, x(E.value), 1), m("button", {
+			type: "button",
+			class: "zip__retry",
+			onClick: I
+		}, "重试")])) : L.value ? (y(), p(l, { key: 2 }, [m("div", ge, [
+			m("button", {
+				type: "button",
+				class: "zip__back",
+				title: "返回列表",
+				onClick: Ue
+			}, [h(o, {
+				name: "arrowLeft",
+				size: 16
+			})]),
+			m("span", {
+				class: "zip__path",
+				title: L.value.path
+			}, x(L.value.path), 9, _e),
+			m("span", ve, x(S(a)(L.value.size)), 1),
+			ze.value ? (y(), p("div", ye, [m("button", {
+				type: "button",
+				class: v(["zip__vbtn", { "zip__vbtn--on": U.value === "render" }]),
+				title: "渲染",
+				onClick: t[0] ||= (e) => U.value = "render"
+			}, [h(o, {
+				name: "eye",
+				size: 14
+			})], 2), m("button", {
+				type: "button",
+				class: v(["zip__vbtn", { "zip__vbtn--on": U.value === "source" }]),
+				title: "源码",
+				onClick: t[1] ||= (e) => U.value = "source"
+			}, [h(o, {
+				name: "code",
+				size: 14
+			})], 2)])) : f("", !0),
+			B.value && R.value === "ready" ? (y(), p("button", {
+				key: 1,
+				type: "button",
+				class: "zip__act",
+				title: Q.value ? "已复制" : "复制",
+				onClick: Ge
+			}, [h(o, {
+				name: "copy",
+				size: 14
+			})], 8, be)) : f("", !0),
+			m("button", {
+				type: "button",
+				class: "zip__act",
+				title: "下载",
+				onClick: t[2] ||= (e) => We(L.value)
+			}, [h(o, {
+				name: "download",
+				size: 15
+			})])
+		]), R.value === "loading" ? (y(), p("p", xe, "读取中…")) : R.value === "error" ? (y(), p("div", Se, [m("p", null, x(z.value), 1)])) : H.value ? (y(), d(S(C), {
+			key: 2,
+			slices: G.value,
+			start: K.value,
+			name: q.value,
+			size: Re.value
+		}, null, 8, [
+			"slices",
+			"start",
+			"name",
+			"size"
+		])) : V.value ? (y(), d(S(Ne), {
+			key: 3,
+			file: V.value,
+			mode: U.value,
+			onLoaded: t[3] ||= (e) => B.value = e
+		}, null, 8, ["file", "mode"])) : f("", !0)], 64)) : (y(), p(l, { key: 3 }, [
+			m("div", Ce, x(Fe.value) + " 个文件 · " + x(S(a)(Ie.value)), 1),
+			Pe.value ? (y(), p("div", {
+				key: 0,
+				class: v(["zip__pw", { "zip__pw--ok": j.value }])
+			}, [
+				h(o, {
+					name: "key",
+					size: 14
+				}),
+				de(m("input", {
+					"onUpdate:modelValue": t[4] ||= (e) => k.value = e,
+					type: "password",
+					class: "zip__pwinput",
+					placeholder: j.value ? "已解锁（如需可重新输入）" : "此压缩包已加密，输入密码解锁",
+					onKeyup: fe(Z, ["enter"])
+				}, null, 40, we), [[le, k.value]]),
+				m("button", {
+					type: "button",
+					class: "zip__pwbtn",
+					onClick: Z
+				}, x(j.value ? "已解锁" : "解锁"), 1),
+				A.value ? (y(), p("span", Te, x(A.value), 1)) : f("", !0)
+			], 2)) : f("", !0),
+			m("div", Ee, [F.value.length === 0 ? (y(), p("p", De, "空压缩包")) : f("", !0), (y(!0), p(l, null, ce(F.value, (e) => (y(), p("button", {
+				key: e.node.path,
+				type: "button",
+				class: v(["zip__row", { "zip__row--dir": e.node.isDir }]),
+				style: ie({ paddingLeft: `${12 + e.depth * 14}px` }),
+				onClick: (t) => He(e.node)
+			}, [
+				m("span", ke, [e.node.isDir ? (y(), d(o, {
+					key: 0,
+					name: "chevronRight",
+					size: 13,
+					class: v({ "zip__twisty--open": N.has(e.node.path) })
+				}, null, 8, ["class"])) : f("", !0)]),
+				m("span", Ae, [h(o, {
+					name: e.node.isDir ? "folder" : "fileOutline",
+					size: 15
+				}, null, 8, ["name"])]),
+				m("span", je, x(e.node.name), 1),
+				e.node.entry?.encrypted ? (y(), d(o, {
+					key: 0,
+					name: "key",
+					size: 12,
+					class: "zip__rowlock",
+					title: "已加密"
+				})) : f("", !0),
+				e.node.isDir ? f("", !0) : (y(), p("span", Me, x(S(a)(e.node.size)), 1))
+			], 14, Oe))), 128))])
+		], 64))]));
+	}
+});
+//#endregion
+export { C as default };

package/dist/components/ZoomImage.js

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

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

@@ -0,0 +1,29 @@
+/**
+ * A pan + zoom image stage, shared by the full-screen {@link ImageLightbox} and the in-archive image preview
+ * ({@link ZipBrowser}/{@link SevenZipBrowser}/{@link ArchiveBrowser}). Fills its parent (which must give it a
+ * size). Wheel zooms toward the cursor, drag pans, double-click toggles fit↔2×, and a bottom toolbar offers
+ * −/百分比/+. Initial fit is "contain" for a normal image, or fill-width-top-aligned for a `long` one (a tall
+ * screenshot) so it reads top-down and pans vertically. A no-drag click on empty area emits `emptyClick` (the
+ * lightbox closes on it; the archive preview ignores it).
+ *
+ * Exposes `zoomIn`/`zoomOut`/`fit` so a host can wire keyboard shortcuts to them.
+ */
+type __VLS_Props = {
+    src: string;
+    alt?: string;
+    long?: boolean;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {
+    zoomIn: () => void;
+    zoomOut: () => void;
+    fit: () => void;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    emptyClick: () => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onEmptyClick?: (() => any) | undefined;
+}>, {
+    alt: string;
+    long: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/components/ZoomImage.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,147 @@
+import { createElementBlock as e, createElementVNode as t, defineComponent as n, normalizeClass as r, normalizeStyle as i, onBeforeUnmount as a, onMounted as o, openBlock as s, ref as c, toDisplayString as l, watch as u, withModifiers as d } from "vue";
+//#region src/components/ZoomImage.vue?vue&type=script&setup=true&lang.ts
+var f = ["src", "alt"], p = /*@__PURE__*/ n({
+	__name: "ZoomImage",
+	props: {
+		src: {},
+		alt: { default: "" },
+		long: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	emits: ["emptyClick"],
+	setup(n, { expose: p, emit: m }) {
+		let h = n, g = m, _ = c(null), v = c(null), y = c(0), b = c(0), x = c(1), S = c(0), C = c(0), w = c(1), T = c(!1), E = c(100);
+		function D() {
+			E.value = Math.round(x.value * 100);
+		}
+		function O() {
+			let e = _.value;
+			return e && e.clientWidth ? {
+				w: e.clientWidth,
+				h: e.clientHeight
+			} : {
+				w: 1024,
+				h: 768
+			};
+		}
+		function k() {
+			return Math.max(.05, Math.min(w.value, 1) * .5);
+		}
+		function A() {
+			return Math.max(w.value, 1) * 8;
+		}
+		function j(e = !1) {
+			let { w: t, h: n } = O(), r = y.value * x.value, i = b.value * x.value;
+			S.value = r <= t ? (t - r) / 2 : Math.min(0, Math.max(t - r, S.value)), i <= n ? C.value = (n - i) / 2 : e ? C.value = 0 : C.value = Math.min(0, Math.max(n - i, C.value)), D();
+		}
+		function M() {
+			if (!y.value || !b.value) return;
+			let { w: e, h: t } = O();
+			w.value = Math.min(e / y.value, t / b.value), x.value = h.long ? e * .98 / y.value : Math.min(w.value, 1), j(h.long);
+		}
+		function N(e) {
+			return Math.min(A(), Math.max(k(), e));
+		}
+		function P(e, t, n) {
+			let r = N(x.value * n);
+			if (r === x.value) return;
+			let i = (e - S.value) / x.value, a = (t - C.value) / x.value;
+			x.value = r, S.value = e - i * r, C.value = t - a * r, j(!1);
+		}
+		function F(e) {
+			let { w: t, h: n } = O();
+			P(t / 2, n / 2, e);
+		}
+		function I(e) {
+			let t = _.value?.getBoundingClientRect();
+			P(t ? e.clientX - t.left : e.clientX, t ? e.clientY - t.top : e.clientY, e.deltaY < 0 ? 1.15 : 1 / 1.15);
+		}
+		function L(e) {
+			let t = _.value?.getBoundingClientRect(), n = t ? e.clientX - t.left : e.clientX, r = t ? e.clientY - t.top : e.clientY;
+			x.value <= w.value * 1.05 ? P(n, r, Math.max(2, 1 / Math.max(w.value, .001))) : M();
+		}
+		let R = !1, z = !1, B = 0, V = 0, H = null;
+		function U(e) {
+			e.button === 0 && (R = !0, z = !1, B = e.clientX, V = e.clientY, H = e.target, _.value?.setPointerCapture(e.pointerId));
+		}
+		function W(e) {
+			if (!R) return;
+			let t = e.clientX - B, n = e.clientY - V;
+			!z && Math.abs(t) + Math.abs(n) > 3 && (z = !0), B = e.clientX, V = e.clientY, S.value += t, C.value += n, j(!1);
+		}
+		function G(e) {
+			if (R) {
+				R = !1;
+				try {
+					_.value?.releasePointerCapture(e.pointerId);
+				} catch {}
+				!z && H !== v.value && g("emptyClick");
+			}
+		}
+		function K() {
+			let e = v.value;
+			e && (y.value = e.naturalWidth || 1, b.value = e.naturalHeight || 1, M(), T.value = !0);
+		}
+		let q = null;
+		function J() {
+			T.value && M();
+		}
+		return u(() => h.src, () => {
+			T.value = !1, y.value = 0, b.value = 0, x.value = 1, S.value = 0, C.value = 0, w.value = 1, D();
+		}), o(() => {
+			typeof ResizeObserver < "u" && _.value && (q = new ResizeObserver(J), q.observe(_.value));
+		}), a(() => q?.disconnect()), p({
+			zoomIn: () => F(1.2),
+			zoomOut: () => F(1 / 1.2),
+			fit: () => M()
+		}), (a, o) => (s(), e("div", {
+			ref_key: "stageEl",
+			ref: _,
+			class: r(["zi", { "zi--grab": x.value > w.value }]),
+			onWheel: d(I, ["prevent"]),
+			onPointerdown: U,
+			onPointermove: W,
+			onPointerup: G,
+			onPointercancel: G,
+			onDblclick: L
+		}, [t("img", {
+			ref_key: "imgEl",
+			ref: v,
+			class: r(["zi__img", { "zi__img--ready": T.value }]),
+			src: n.src,
+			alt: n.alt,
+			draggable: "false",
+			style: i({ transform: `translate(${S.value}px, ${C.value}px) scale(${x.value})` }),
+			onLoad: K,
+			onDragstart: o[0] ||= d(() => {}, ["prevent"])
+		}, null, 46, f), t("div", {
+			class: "zi__toolbar",
+			onPointerdown: o[4] ||= d(() => {}, ["stop"]),
+			onDblclick: o[5] ||= d(() => {}, ["stop"]),
+			onWheel: o[6] ||= d(() => {}, ["stop"])
+		}, [
+			t("button", {
+				type: "button",
+				class: "zi__tool",
+				title: "缩小 (-)",
+				onClick: o[1] ||= (e) => F(1 / 1.2)
+			}, " − "),
+			t("button", {
+				type: "button",
+				class: "zi__pct",
+				title: "适应窗口 (0)",
+				onClick: o[2] ||= (e) => M()
+			}, l(E.value) + "% ", 1),
+			t("button", {
+				type: "button",
+				class: "zi__tool",
+				title: "放大 (+)",
+				onClick: o[3] ||= (e) => F(1.2)
+			}, "+")
+		], 32)], 34));
+	}
+});
+//#endregion
+export { p as default };

package/dist/components/epl/EplCodeBlock.js

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

package/dist/components/epl/EplCodeBlock.vue.d.ts

@@ -0,0 +1,15 @@
+import type { CodeLine } from '@/lib/epl';
+/**
+ * Renders a method body as the 易语言 IDE does: a line-number gutter (numbers come from the document-wide
+ * counter via `nos`, so they stay continuous with the definition tables above), dashed block-guide brackets
+ * in the indent columns (corner at a block's header/footer, tee to each inner line — precomputed in
+ * {@link methodCodeLines}), and lightly syntax-coloured text (comments green, strings red, keyword blue with
+ * its leading `.` hidden).
+ */
+type __VLS_Props = {
+    lines: CodeLine[];
+    nos: (number | null)[];
+};
+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;