@l1yp/file-viewer 0.1.0

package/dist/components/SevenZipBrowser.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,366 @@
+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 { SevenZipEncryptedError as te, SevenZipPasswordError as ne, extractSevenZipEntry as s, readSevenZip as c } from "../lib/sevenZip.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 re, defineComponent as g, nextTick as ie, normalizeClass as _, normalizeStyle as ae, onBeforeUnmount as oe, onMounted as se, openBlock as v, reactive as ce, ref as y, renderList as le, toDisplayString as b, unref as x, vModelText as ue, watch as de, withDirectives as fe, withKeys as pe } from "vue";
+//#region src/components/SevenZipBrowser.vue?vue&type=script&setup=true&lang.ts
+var me = { class: "sz" }, he = {
+	key: 0,
+	class: "sz__msg"
+}, ge = {
+	key: 1,
+	class: "sz__msg sz__msg--error"
+}, _e = {
+	key: 2,
+	class: "sz__locked"
+}, ve = { class: "sz__lockform" }, ye = {
+	key: 0,
+	class: "sz__lockerr"
+}, be = { class: "sz__bar" }, xe = ["title"], Se = { class: "sz__bsize" }, Ce = {
+	key: 0,
+	class: "sz__view",
+	role: "group",
+	"aria-label": "渲染或源码"
+}, we = ["title"], Te = {
+	key: 0,
+	class: "sz__msg"
+}, Ee = {
+	key: 1,
+	class: "sz__msg sz__msg--error"
+}, De = { class: "sz__summary" }, Oe = ["placeholder"], ke = {
+	key: 0,
+	class: "sz__pwerr"
+}, Ae = { class: "sz__scroll sz__tree" }, je = {
+	key: 0,
+	class: "sz__msg"
+}, Me = ["onClick"], Ne = { class: "sz__twisty" }, Pe = { class: "sz__rowicon" }, Fe = { class: "sz__rowname" }, Ie = {
+	key: 1,
+	class: "sz__rowsize"
+}, S = /*@__PURE__*/ g({
+	__name: "SevenZipBrowser",
+	props: {
+		url: {},
+		name: {}
+	},
+	setup(g) {
+		let S = re(() => import("./DicomViewer.js")), Le = re(() => import("./FileViewerBody.js")), C = g, w = y("loading"), T = y(""), E = null, D = null, O = y([]), k = y(""), A = y(""), j = y(!1), M = y(!1), N = y(!1), P = y({
+			name: "",
+			path: "",
+			isDir: !0,
+			size: 0,
+			children: []
+		}), F = ce(/* @__PURE__ */ new Set()), Re = u(() => O.value.reduce((e, t) => e + +!t.isDir, 0)), ze = u(() => O.value.reduce((e, t) => e + (t.isDir ? 0 : t.size), 0));
+		function Be(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 Ve(t), t;
+		}
+		function Ve(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 && Ve(t);
+		}
+		let He = u(() => {
+			let e = [], t = (n, r) => {
+				for (let i of n) e.push({
+					node: i,
+					depth: r
+				}), i.isDir && F.has(i.path) && t(i.children, r + 1);
+			};
+			return t(P.value.children, 0), e;
+		});
+		async function I() {
+			w.value = "loading", T.value = "", z.value = null, k.value = "", A.value = "", j.value = !1, M.value = !1, N.value = !1, X(), q.value = [];
+			try {
+				let e = await fetch(C.url);
+				if (!e.ok) throw Error(`HTTP ${e.status}`);
+				E = await e.arrayBuffer();
+				try {
+					D = c(E);
+				} catch (e) {
+					if (e instanceof te) {
+						j.value = !0, w.value = "ready";
+						return;
+					}
+					throw e;
+				}
+				O.value = D.entries, P.value = Be(D.entries), F.clear(), N.value = D.entries.some((e) => e.encrypted), w.value = "ready";
+			} catch (e) {
+				T.value = e instanceof Error ? e.message : String(e), w.value = "error";
+			}
+		}
+		function L(e) {
+			return e instanceof ne ? "密码错误" : e instanceof te ? "需要密码" : e instanceof Error ? e.message : String(e);
+		}
+		async function R() {
+			if (!(!E || !k.value)) {
+				if (A.value = "", j.value) {
+					w.value = "loading", await ie();
+					try {
+						D = c(E, k.value), O.value = D.entries, P.value = Be(D.entries), F.clear(), N.value = D.entries.some((e) => e.encrypted), j.value = !1, M.value = !0;
+					} catch (e) {
+						A.value = L(e);
+					} finally {
+						w.value = "ready";
+					}
+					return;
+				}
+				try {
+					let e = O.value.find((e) => !e.isDir && e.encrypted);
+					e && D && s(E, D, e, k.value), M.value = !0;
+				} catch (e) {
+					M.value = !1, A.value = L(e);
+				}
+			}
+		}
+		let z = y(null), B = y("ready"), V = y(""), H = y(""), U = y(null), W = y(!1), G = y("render"), K = y(""), q = y([]), J = y(0), Y = y(""), Ue = u(() => q.value.reduce((e, t) => e + (t.size ?? 0), 0)), We = u(() => r(U.value, H.value));
+		function X() {
+			K.value &&= (URL.revokeObjectURL(K.value), "");
+		}
+		function Z(e) {
+			let t = e.lastIndexOf("/");
+			return t < 0 ? "" : e.slice(0, t);
+		}
+		function Ge(e) {
+			let n = Z(e.path);
+			return O.value.filter((e) => !e.isDir && t(e.name) && Z(e.path) === n).sort((e, t) => e.path.localeCompare(t.path, void 0, {
+				numeric: !0,
+				sensitivity: "base"
+			}));
+		}
+		function Ke(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;
+		}
+		function qe(e) {
+			if (z.value = e, B.value = "loading", V.value = "", H.value = "", U.value = null, W.value = !1, G.value = "render", X(), q.value = [], !(!E || !D)) try {
+				if (t(e.name)) {
+					let t = Ge(e);
+					if (t.length > 1) {
+						let n = E, r = D;
+						q.value = t.map((e) => ({
+							name: e.name,
+							size: e.size,
+							load: async () => {
+								let t = s(n, r, e, k.value), i = new ArrayBuffer(t.byteLength);
+								return new Uint8Array(i).set(t), i;
+							}
+						})), J.value = Math.max(0, t.findIndex((t) => t.path === e.path)), Y.value = Z(e.path).split("/").pop() || e.name, W.value = !0, B.value = "ready";
+						return;
+					}
+				}
+				let n = s(E, D, e, k.value);
+				K.value = URL.createObjectURL(new Blob([n], { type: ee(e.name) })), U.value = i({
+					name: e.name,
+					url: K.value,
+					size: e.size,
+					textHint: Ke(n, e.name)
+				}), B.value = "ready";
+			} catch (e) {
+				V.value = L(e), B.value = "error";
+			}
+		}
+		function Je(e) {
+			e.isDir ? F.has(e.path) ? F.delete(e.path) : F.add(e.path) : e.entry && qe(e.entry);
+		}
+		function Ye() {
+			z.value = null, H.value = "", U.value = null, W.value = !1, X(), q.value = [];
+		}
+		function Xe(e) {
+			if (!(!E || !D)) try {
+				let t = URL.createObjectURL(new Blob([s(E, 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 = y(!1), $;
+		async function Ze() {
+			try {
+				await navigator.clipboard?.writeText(H.value);
+			} catch {}
+			Q.value = !0, clearTimeout($), $ = setTimeout(() => Q.value = !1, 1400);
+		}
+		return se(I), de(() => C.url, I), oe(() => {
+			X(), clearTimeout($);
+		}), (e, t) => (v(), p("div", me, [w.value === "loading" ? (v(), p("p", he, "正在解压…")) : w.value === "error" ? (v(), p("div", ge, [m("p", null, b(T.value), 1), m("button", {
+			type: "button",
+			class: "sz__retry",
+			onClick: I
+		}, "重试")])) : j.value ? (v(), p("div", _e, [
+			h(o, {
+				name: "key",
+				size: 26,
+				class: "sz__lockicon"
+			}),
+			t[6] ||= m("p", { class: "sz__lockmsg" }, "该 7z 已加密（含文件名），输入密码后查看", -1),
+			m("div", ve, [fe(m("input", {
+				"onUpdate:modelValue": t[0] ||= (e) => k.value = e,
+				type: "password",
+				class: "sz__pwinput",
+				placeholder: "输入密码",
+				onKeyup: pe(R, ["enter"])
+			}, null, 544), [[ue, k.value]]), m("button", {
+				type: "button",
+				class: "sz__pwbtn",
+				onClick: R
+			}, "解锁")]),
+			A.value ? (v(), p("p", ye, b(A.value), 1)) : f("", !0)
+		])) : z.value ? (v(), p(l, { key: 3 }, [m("div", be, [
+			m("button", {
+				type: "button",
+				class: "sz__back",
+				title: "返回列表",
+				onClick: Ye
+			}, [h(o, {
+				name: "arrowLeft",
+				size: 16
+			})]),
+			m("span", {
+				class: "sz__path",
+				title: z.value.path
+			}, b(z.value.path), 9, xe),
+			m("span", Se, b(x(a)(z.value.size)), 1),
+			We.value ? (v(), p("div", Ce, [m("button", {
+				type: "button",
+				class: _(["sz__vbtn", { "sz__vbtn--on": G.value === "render" }]),
+				title: "渲染",
+				onClick: t[1] ||= (e) => G.value = "render"
+			}, [h(o, {
+				name: "eye",
+				size: 14
+			})], 2), m("button", {
+				type: "button",
+				class: _(["sz__vbtn", { "sz__vbtn--on": G.value === "source" }]),
+				title: "源码",
+				onClick: t[2] ||= (e) => G.value = "source"
+			}, [h(o, {
+				name: "code",
+				size: 14
+			})], 2)])) : f("", !0),
+			H.value && B.value === "ready" ? (v(), p("button", {
+				key: 1,
+				type: "button",
+				class: "sz__act",
+				title: Q.value ? "已复制" : "复制",
+				onClick: Ze
+			}, [h(o, {
+				name: "copy",
+				size: 14
+			})], 8, we)) : f("", !0),
+			m("button", {
+				type: "button",
+				class: "sz__act",
+				title: "下载",
+				onClick: t[3] ||= (e) => Xe(z.value)
+			}, [h(o, {
+				name: "download",
+				size: 15
+			})])
+		]), B.value === "loading" ? (v(), p("p", Te, "读取中…")) : B.value === "error" ? (v(), p("div", Ee, [m("p", null, b(V.value), 1)])) : W.value ? (v(), d(x(S), {
+			key: 2,
+			slices: q.value,
+			start: J.value,
+			name: Y.value,
+			size: Ue.value
+		}, null, 8, [
+			"slices",
+			"start",
+			"name",
+			"size"
+		])) : U.value ? (v(), d(x(Le), {
+			key: 3,
+			file: U.value,
+			mode: G.value,
+			onLoaded: t[4] ||= (e) => H.value = e
+		}, null, 8, ["file", "mode"])) : f("", !0)], 64)) : (v(), p(l, { key: 4 }, [
+			m("div", De, b(Re.value) + " 个文件 · " + b(x(a)(ze.value)), 1),
+			N.value ? (v(), p("div", {
+				key: 0,
+				class: _(["sz__pw", { "sz__pw--ok": M.value }])
+			}, [
+				h(o, {
+					name: "key",
+					size: 14
+				}),
+				fe(m("input", {
+					"onUpdate:modelValue": t[5] ||= (e) => k.value = e,
+					type: "password",
+					class: "sz__pwinput",
+					placeholder: M.value ? "已解锁（如需可重新输入）" : "此压缩包内容已加密，输入密码解锁",
+					onKeyup: pe(R, ["enter"])
+				}, null, 40, Oe), [[ue, k.value]]),
+				m("button", {
+					type: "button",
+					class: "sz__pwbtn",
+					onClick: R
+				}, b(M.value ? "已解锁" : "解锁"), 1),
+				A.value ? (v(), p("span", ke, b(A.value), 1)) : f("", !0)
+			], 2)) : f("", !0),
+			m("div", Ae, [He.value.length === 0 ? (v(), p("p", je, "空压缩包")) : f("", !0), (v(!0), p(l, null, le(He.value, (e) => (v(), p("button", {
+				key: e.node.path,
+				type: "button",
+				class: _(["sz__row", { "sz__row--dir": e.node.isDir }]),
+				style: ae({ paddingLeft: `${12 + e.depth * 14}px` }),
+				onClick: (t) => Je(e.node)
+			}, [
+				m("span", Ne, [e.node.isDir ? (v(), d(o, {
+					key: 0,
+					name: "chevronRight",
+					size: 13,
+					class: _({ "sz__twisty--open": F.has(e.node.path) })
+				}, null, 8, ["class"])) : f("", !0)]),
+				m("span", Pe, [h(o, {
+					name: e.node.isDir ? "folder" : "fileOutline",
+					size: 15
+				}, null, 8, ["name"])]),
+				m("span", Fe, b(e.node.name), 1),
+				!e.node.isDir && e.node.entry?.encrypted ? (v(), d(o, {
+					key: 0,
+					name: "key",
+					size: 12,
+					class: "sz__rowlock"
+				})) : f("", !0),
+				e.node.isDir ? f("", !0) : (v(), p("span", Ie, b(x(a)(e.node.size)), 1))
+			], 14, Me))), 128))])
+		], 64))]));
+	}
+});
+//#endregion
+export { S as default };

package/dist/components/SqliteViewer.js

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

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

@@ -0,0 +1,18 @@
+/**
+ * Side-viewer SQLite (`.sqlite`/`.db`/`.sqlite3`) reader. Fetches the database bytes and opens them with sql.js
+ * (WASM, lazily loaded — see lib/sqlite.ts), then browses it read-only: a table/view picker, a paginated data
+ * grid (with PK/FK/IDX column badges), and a small SQL console for ad-hoc queries.
+ *
+ * Everything runs in-browser; sql.js holds the whole file in WASM memory, so very large databases are gated
+ * behind a confirm before loading. The DB handle is closed on reload/unmount to free that memory. BLOB cells
+ * render as a `[BLOB nB]` placeholder (never decoded into the grid).
+ */
+type __VLS_Props = {
+    /** Download URL of the database bytes. */
+    url?: string;
+    name: string;
+    size?: number;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/components/SqliteViewer.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,186 @@
+import { formatBytes as e } from "../lib/format.js";
+import { execSql as t, initSqlEngine as n, listTables as ee, loadDatabase as te, readPage as ne } from "../lib/sqlite.js";
+import { Fragment as r, computed as i, createCommentVNode as a, createElementBlock as o, createElementVNode as s, defineComponent as c, normalizeClass as l, onBeforeUnmount as re, openBlock as u, ref as d, renderList as f, toDisplayString as p, unref as ie, vModelText as ae, watch as m, withDirectives as oe, withKeys as h, withModifiers as g } from "vue";
+//#region src/components/SqliteViewer.vue?vue&type=script&setup=true&lang.ts
+var _ = { class: "sq" }, v = {
+	key: 0,
+	class: "sq__msg"
+}, y = {
+	key: 1,
+	class: "sq__msg sq__gate"
+}, se = {
+	key: 2,
+	class: "sq__msg sq__msg--error"
+}, ce = { class: "sq__bar" }, le = ["value"], ue = ["value"], de = {
+	key: 1,
+	class: "sq__notables"
+}, fe = { class: "sq__modes" }, pe = ["disabled"], me = {
+	key: 0,
+	class: "sq__sqlbar"
+}, he = ["onKeydown"], ge = { class: "sq__sqlrun" }, _e = {
+	key: 0,
+	class: "sq__stat"
+}, ve = {
+	key: 1,
+	class: "sq__err"
+}, b = { class: "sq__gridwrap" }, x = {
+	key: 0,
+	class: "sq__grid"
+}, S = { class: "sq__colname" }, C = {
+	key: 1,
+	class: "sq__coltype"
+}, w = { class: "sq__rownum" }, T = { key: 0 }, E = ["colspan"], D = {
+	key: 1,
+	class: "sq__msg"
+}, O = {
+	key: 1,
+	class: "sq__pager"
+}, k = ["disabled"], A = { class: "sq__pginfo" }, j = ["disabled"], M = 100, N = 60 * 1024 * 1024, P = /*@__PURE__*/ c({
+	__name: "SqliteViewer",
+	props: {
+		url: {},
+		name: {},
+		size: {}
+	},
+	setup(c) {
+		let P = c, F = d("loading"), I = d(""), L = null, R = d([]), z = d(""), B = d("table"), V = d(0), H = d([]), U = d(""), W = d(null), G = i(() => R.value.find((e) => e.name === z.value) ?? null), K = i(() => {
+			let e = G.value;
+			return !e || e.rowCount <= 0 ? 1 : Math.max(1, Math.ceil(e.rowCount / M));
+		});
+		function q() {
+			try {
+				L?.close();
+			} catch {}
+			L = null;
+		}
+		function J() {
+			if (!L || !G.value) {
+				H.value = [];
+				return;
+			}
+			try {
+				H.value = ne(L, z.value, M, V.value * M);
+			} catch (e) {
+				I.value = e instanceof Error ? e.message : String(e), H.value = [];
+			}
+		}
+		function ye(e) {
+			z.value = e, V.value = 0, B.value = "table", J();
+		}
+		function be() {
+			V.value > 0 && (V.value--, J());
+		}
+		function xe() {
+			V.value < K.value - 1 && (V.value++, J());
+		}
+		function Y() {
+			if (!L) return;
+			let e = U.value.trim();
+			e && (W.value = t(L, e));
+		}
+		async function X() {
+			if (P.url) {
+				F.value = "loading", I.value = "", q();
+				try {
+					let e = await fetch(P.url);
+					if (!e.ok) throw Error(`HTTP ${e.status}`);
+					let t = await e.arrayBuffer();
+					L = te(await n(), new Uint8Array(t)), R.value = ee(L), R.value.length ? (z.value = R.value[0].name, V.value = 0, J()) : z.value = "", F.value = "ready";
+				} catch (e) {
+					I.value = e instanceof Error ? e.message : String(e), F.value = "error", q();
+				}
+			}
+		}
+		function Se() {
+			if (P.size && P.size > N) {
+				F.value = "gate";
+				return;
+			}
+			X();
+		}
+		m(() => P.url, Se, { immediate: !0 }), re(q);
+		let Z = i(() => B.value === "sql" ? (W.value?.columns ?? []).map((e) => ({
+			name: e,
+			type: ""
+		})) : G.value?.columns ?? []), Q = i(() => B.value === "sql" ? W.value?.rows ?? [] : H.value);
+		function $(e) {
+			return e.pk ? "PK" : e.fk ? "FK" : e.idx ? "IDX" : "";
+		}
+		function Ce(e) {
+			return e == null ? "" : String(e);
+		}
+		return (t, n) => (u(), o("div", _, [F.value === "loading" ? (u(), o("p", v, "正在加载数据库…")) : F.value === "gate" ? (u(), o("div", y, [s("p", null, "该数据库较大（" + p(ie(e)(P.size)) + "），将整体载入浏览器内存。是否继续？", 1), s("button", {
+			type: "button",
+			class: "sq__btn",
+			onClick: X
+		}, "加载并预览")])) : F.value === "error" ? (u(), o("div", se, [s("p", null, "加载失败：" + p(I.value), 1), s("button", {
+			type: "button",
+			class: "sq__btn",
+			onClick: X
+		}, "重试")])) : F.value === "ready" ? (u(), o(r, { key: 3 }, [
+			s("div", ce, [R.value.length ? (u(), o("select", {
+				key: 0,
+				class: "sq__select",
+				value: z.value,
+				onChange: n[0] ||= (e) => ye(e.target.value)
+			}, [(u(!0), o(r, null, f(R.value, (e) => (u(), o("option", {
+				key: e.name,
+				value: e.name
+			}, p(e.kind === "view" ? "⊞ " : "") + p(e.name) + " (" + p(e.rowCount) + ") ", 9, ue))), 128))], 40, le)) : (u(), o("span", de, "（无用户表）")), s("div", fe, [s("button", {
+				type: "button",
+				class: l(["sq__mode", { "sq__mode--on": B.value === "table" }]),
+				disabled: !R.value.length,
+				onClick: n[1] ||= (e) => B.value = "table"
+			}, " 数据 ", 10, pe), s("button", {
+				type: "button",
+				class: l(["sq__mode", { "sq__mode--on": B.value === "sql" }]),
+				onClick: n[2] ||= (e) => B.value = "sql"
+			}, " SQL ", 2)])]),
+			B.value === "sql" ? (u(), o("div", me, [oe(s("textarea", {
+				"onUpdate:modelValue": n[3] ||= (e) => U.value = e,
+				class: "sq__sqlinput",
+				rows: "3",
+				placeholder: "输入 SQL（如 SELECT * FROM … LIMIT 100），Ctrl+Enter 执行",
+				onKeydown: [h(g(Y, ["ctrl", "prevent"]), ["enter"]), h(g(Y, ["meta", "prevent"]), ["enter"])]
+			}, null, 40, he), [[ae, U.value]]), s("div", ge, [s("button", {
+				type: "button",
+				class: "sq__btn",
+				onClick: Y
+			}, "执行"), W.value && !W.value.error ? (u(), o("span", _e, p(W.value.rowCount) + " 行 · " + p(W.value.elapsedMs.toFixed(1)) + " ms ", 1)) : W.value?.error ? (u(), o("span", ve, p(W.value.error), 1)) : a("", !0)])])) : a("", !0),
+			s("div", b, [Z.value.length ? (u(), o("table", x, [s("thead", null, [s("tr", null, [n[4] ||= s("th", { class: "sq__rownum" }, "#", -1), (u(!0), o(r, null, f(Z.value, (e, t) => (u(), o("th", {
+				key: t,
+				class: "sq__th"
+			}, [
+				s("span", S, p(e.name), 1),
+				$(e) ? (u(), o("span", {
+					key: 0,
+					class: l(["sq__badge", `sq__badge--${$(e).toLowerCase()}`])
+				}, p($(e)), 3)) : a("", !0),
+				e.type ? (u(), o("span", C, p(e.type), 1)) : a("", !0)
+			]))), 128))])]), s("tbody", null, [(u(!0), o(r, null, f(Q.value, (e, t) => (u(), o("tr", { key: t }, [s("td", w, p(B.value === "table" ? V.value * M + t + 1 : t + 1), 1), (u(!0), o(r, null, f(e, (e, t) => (u(), o("td", {
+				key: t,
+				class: l(["sq__td", { "sq__td--null": e == null }])
+			}, p(e == null ? "NULL" : Ce(e)), 3))), 128))]))), 128)), Q.value.length ? a("", !0) : (u(), o("tr", T, [s("td", {
+				class: "sq__emptycell",
+				colspan: Z.value.length + 1
+			}, p(B.value === "sql" ? "（无结果）" : "（空表）"), 9, E)]))])])) : (u(), o("p", D, p(B.value === "sql" ? "执行一条 SQL 查看结果。" : "该表无列。"), 1))]),
+			B.value === "table" && G.value ? (u(), o("div", O, [
+				s("button", {
+					type: "button",
+					class: "sq__pgbtn",
+					disabled: V.value === 0,
+					onClick: be
+				}, "‹", 8, k),
+				s("span", A, " 第 " + p(V.value + 1) + " / " + p(K.value) + " 页 · 共 " + p(G.value.rowCount) + " 行 ", 1),
+				s("button", {
+					type: "button",
+					class: "sq__pgbtn",
+					disabled: V.value >= K.value - 1,
+					onClick: xe
+				}, " › ", 8, j)
+			])) : a("", !0)
+		], 64)) : a("", !0)]));
+	}
+});
+//#endregion
+export { P as default };

package/dist/components/SubtitleViewer.js

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

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

@@ -0,0 +1,15 @@
+/**
+ * Side-viewer subtitle renderer. Consumes the already-fetched text the panel loaded (like MindMapView —
+ * no second download) and parses it in-browser (see lib/subtitle.ts) into a uniform cue list, shown as a
+ * readable transcript: each row is its time range + the caption text. SRT / WebVTT / SubStation Alpha.
+ *
+ * Rendering only — styling/positioning/karaoke from the source are intentionally dropped (the panel's
+ * source toggle shows the raw file for anyone who needs the original markup).
+ */
+type __VLS_Props = {
+    text: 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/SubtitleViewer.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,48 @@
+import { fileExt as e } from "../lib/fileType.js";
+import { parseSubtitle as t } from "../lib/subtitle.js";
+import { Fragment as n, computed as r, createCommentVNode as i, createElementBlock as a, createElementVNode as o, defineComponent as s, openBlock as c, renderList as l, toDisplayString as u } from "vue";
+//#region src/components/SubtitleViewer.vue?vue&type=script&setup=true&lang.ts
+var d = { class: "sub" }, f = { class: "sub__head" }, p = { class: "sub__badge" }, m = { class: "sub__count" }, h = {
+	key: 0,
+	class: "sub__dur"
+}, g = {
+	key: 0,
+	class: "sub__list"
+}, _ = { class: "sub__time" }, v = { class: "sub__idx" }, y = { class: "sub__range" }, b = { class: "sub__body" }, x = {
+	key: 0,
+	class: "sub__speaker"
+}, S = { class: "sub__text" }, C = {
+	key: 1,
+	class: "sub__empty"
+}, w = /*@__PURE__*/ s({
+	__name: "SubtitleViewer",
+	props: {
+		text: {},
+		name: {}
+	},
+	setup(s) {
+		let w = s, T = r(() => t(w.text, e(w.name))), E = r(() => T.value.cues), D = r(() => E.value.reduce((e, t) => Math.max(e, t.end), 0)), O = {
+			srt: "SubRip",
+			vtt: "WebVTT",
+			ass: "SubStation Alpha"
+		};
+		function k(e) {
+			let t = Math.max(0, e), n = Math.floor(t / 1e3), r = Math.floor(n / 3600), i = Math.floor(n % 3600 / 60), a = n % 60, o = Math.floor(t % 1e3), s = (e, t = 2) => String(e).padStart(t, "0"), c = `${s(i)}:${s(a)}.${s(o, 3)}`;
+			return r > 0 ? `${s(r)}:${c}` : c;
+		}
+		function A(e) {
+			let t = Math.round(e / 1e3), n = Math.floor(t / 3600), r = Math.floor(t % 3600 / 60), i = t % 60, a = (e) => String(e).padStart(2, "0");
+			return n > 0 ? `${n}:${a(r)}:${a(i)}` : `${r}:${a(i)}`;
+		}
+		return (e, t) => (c(), a("div", d, [o("div", f, [
+			o("span", p, u(O[T.value.format] ?? T.value.format), 1),
+			o("span", m, u(E.value.length) + " 条字幕", 1),
+			D.value > 0 ? (c(), a("span", h, "时长 " + u(A(D.value)), 1)) : i("", !0)
+		]), E.value.length ? (c(), a("div", g, [(c(!0), a(n, null, l(E.value, (e, t) => (c(), a("div", {
+			key: t,
+			class: "sub__cue"
+		}, [o("div", _, [o("span", v, u(t + 1), 1), o("span", y, u(k(e.start)) + " → " + u(k(e.end)), 1)]), o("div", b, [e.speaker ? (c(), a("span", x, u(e.speaker), 1)) : i("", !0), o("p", S, u(e.text), 1)])]))), 128))])) : (c(), a("p", C, "未解析到字幕条目（可切换到「源码」查看原始内容）。"))]));
+	}
+});
+//#endregion
+export { w as default };

package/dist/components/XlsxChart.js

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

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

@@ -0,0 +1,14 @@
+import type { XlsxChart } from '@/lib/xlsxCharts';
+/**
+ * Render one parsed workbook chart ({@link XlsxChart}) as inline SVG — no charting dependency, in keeping with
+ * the hand-rolled renderers elsewhere (markdown, binobj). Covers the kinds these spreadsheets actually use:
+ * line/area/scatter as polylines, bar/barH as grouped bars, pie as slices. Geometry is derived from the chart's
+ * cached series so the picture matches what Excel last drew. The host ({@link XlsxViewer}) positions us over the
+ * grid at the drawing anchor; here we just fill the given pixel box.
+ */
+type __VLS_Props = {
+    chart: XlsxChart;
+};
+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;