@l1yp/file-viewer 0.1.0

package/dist/components/HprofViewer.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,561 @@
+import { formatBytes as e } from "../lib/format.js";
+import t from "./icons/Icon.js";
+import { Hprof as n, HprofParseError as r, decodeStringValue as i } from "../lib/hprof.js";
+import { Fragment as a, computed as o, createCommentVNode as s, createElementBlock as c, createElementVNode as l, createTextVNode as u, createVNode as d, defineComponent as f, normalizeClass as p, normalizeStyle as ee, onBeforeUnmount as te, onMounted as ne, openBlock as m, ref as h, renderList as g, toDisplayString as _, unref as v, vModelText as re, watch as y, withDirectives as ie, withKeys as ae } from "vue";
+//#region src/components/HprofViewer.vue?vue&type=script&setup=true&lang.ts
+var oe = { class: "hp" }, se = {
+	key: 0,
+	class: "hp__confirm"
+}, ce = ["title"], le = { class: "hp__confirm-sub" }, ue = {
+	key: 1,
+	class: "hp__progress"
+}, de = { class: "hp__progress-label" }, fe = { class: "hp__bar" }, pe = {
+	key: 2,
+	class: "hp__msg hp__msg--error"
+}, me = { class: "hp__crumb" }, he = { class: "hp__crumb-name" }, ge = { class: "hp__crumb-cls" }, _e = { class: "hp__objid" }, ve = {
+	key: 0,
+	class: "hp__progress hp__progress--inline"
+}, ye = {
+	key: 1,
+	class: "hp__list"
+}, be = {
+	key: 0,
+	class: "hp__fields hp__fields--detail"
+}, xe = {
+	key: 0,
+	class: "hp__nofields"
+}, Se = { class: "hp__fkey" }, Ce = ["onClick"], we = {
+	key: 0,
+	class: "hp__annot"
+}, Te = { key: 1 }, Ee = {
+	key: 1,
+	class: "hp__arr"
+}, De = { class: "hp__arrmeta" }, Oe = {
+	key: 0,
+	class: "hp__arrtext"
+}, ke = {
+	key: 1,
+	class: "hp__arrhex"
+}, Ae = {
+	key: 2,
+	class: "hp__arrels"
+}, je = {
+	key: 3,
+	class: "hp__nofields"
+}, Me = {
+	key: 2,
+	class: "hp__arr"
+}, Ne = { class: "hp__arrmeta" }, Pe = { class: "hp__arrels hp__arrels--obj" }, Fe = ["onClick"], Ie = { class: "hp__eli" }, Le = {
+	key: 0,
+	class: "hp__annot"
+}, Re = {
+	key: 1,
+	class: "hp__arrel"
+}, ze = { class: "hp__eli" }, Be = {
+	key: 0,
+	class: "hp__nofields"
+}, Ve = {
+	key: 3,
+	class: "hp__arr"
+}, He = { class: "hp__arrmeta" }, Ue = { class: "hp__meta" }, We = { class: "hp__metakey" }, Ge = { class: "hp__metaval" }, Ke = { class: "hp__search" }, qe = { class: "hp__thead" }, Je = {
+	key: 0,
+	class: "hp__arrow"
+}, Ye = {
+	key: 0,
+	class: "hp__arrow"
+}, Xe = {
+	key: 0,
+	class: "hp__arrow"
+}, Ze = { class: "hp__list" }, Qe = {
+	key: 0,
+	class: "hp__msg"
+}, $e = ["title", "onClick"], et = { class: "hp__name" }, tt = { class: "hp__num" }, nt = { class: "hp__num hp__num--bytes" }, rt = {
+	key: 1,
+	class: "hp__more"
+}, it = { class: "hp__crumb" }, at = ["title"], ot = { class: "hp__classbar" }, st = { class: "hp__classcount" }, ct = {
+	key: 0,
+	class: "hp__tag",
+	title: "为控制内存只加载了前若干个；用搜索缩小范围"
+}, lt = {
+	key: 1,
+	class: "hp__tag"
+}, ut = { class: "hp__search hp__search--row" }, dt = {
+	key: 0,
+	class: "hp__hint"
+}, ft = {
+	key: 1,
+	class: "hp__jumpmsg"
+}, pt = {
+	key: 2,
+	class: "hp__progress hp__progress--inline"
+}, mt = { class: "hp__progress-label" }, ht = { class: "hp__bar" }, gt = { class: "hp__list" }, _t = {
+	key: 0,
+	class: "hp__msg"
+}, vt = ["onClick"], yt = { class: "hp__objid" }, bt = { class: "hp__objsize" }, xt = { class: "hp__objprev" }, St = {
+	key: 0,
+	class: "hp__detail"
+}, Ct = {
+	key: 0,
+	class: "hp__arr"
+}, wt = {
+	key: 0,
+	class: "hp__arrtext"
+}, Tt = {
+	key: 1,
+	class: "hp__arrhex"
+}, Et = ["onClick"], Dt = { class: "hp__eli" }, Ot = {
+	key: 1,
+	class: "hp__arrel"
+}, kt = { class: "hp__eli" }, At = {
+	key: 3,
+	class: "hp__nofields"
+}, jt = {
+	key: 1,
+	class: "hp__fields"
+}, Mt = {
+	key: 0,
+	class: "hp__nofields"
+}, Nt = { class: "hp__fkey" }, Pt = { class: "hp__str" }, Ft = ["onClick"], It = ["onClick"], Lt = { key: 2 }, Rt = {
+	key: 0,
+	class: "hp__pager"
+}, zt = ["disabled"], Bt = { class: "hp__pageinfo" }, Vt = ["disabled"], Ht = 20 * 1024 * 1024, b = 2e3, x = 50, Ut = "java/lang/String", S = /*@__PURE__*/ f({
+	__name: "HprofViewer",
+	props: {
+		url: {},
+		name: {},
+		size: {}
+	},
+	setup(f) {
+		let S = f, C = h("loading"), w = h(""), T = h(0), E = h(null), D = h("overview");
+		function Wt() {
+			E.value = null, D.value = "overview", j.value = "", w.value = "", T.value = 0, J.value = [], S.size != null && S.size <= Ht ? O() : C.value = "confirm";
+		}
+		async function O() {
+			C.value = "loading", w.value = "", T.value = 0;
+			try {
+				let e = await fetch(S.url);
+				if (!e.ok) throw Error(`HTTP ${e.status}`);
+				let t = await e.blob();
+				E.value = await n.parse(t, (e, t) => {
+					T.value = t ? e / t : 1;
+				}), C.value = "ready";
+			} catch (e) {
+				w.value = e instanceof r || e instanceof Error ? e.message : String(e), C.value = "error";
+			}
+		}
+		let k = o(() => Math.round(T.value * 100)), A = o(() => E.value?.summary ?? null), Gt = o(() => {
+			let t = A.value;
+			if (!t) return [];
+			let n = Number(t.timestamp);
+			return [
+				{
+					label: "对象总数",
+					value: t.instanceCount.toLocaleString()
+				},
+				{
+					label: "类数量",
+					value: t.classCount.toLocaleString()
+				},
+				{
+					label: "Shallow 大小",
+					value: e(t.heapBytes)
+				},
+				{
+					label: "GC Roots",
+					value: t.gcRoots.toLocaleString()
+				},
+				{
+					label: "字符串常量",
+					value: t.stringCount.toLocaleString()
+				},
+				{
+					label: "ID 宽度",
+					value: `${t.idSize} 字节`
+				},
+				{
+					label: "转储时间",
+					value: n > 0 ? new Date(n).toLocaleString() : "—"
+				},
+				{
+					label: "文件大小",
+					value: e(t.fileSize)
+				}
+			];
+		}), j = h(""), M = h("bytes"), N = h(!1);
+		function P(e) {
+			M.value === e ? N.value = !N.value : (M.value = e, N.value = e === "name");
+		}
+		let F = o(() => {
+			let e = A.value?.rows ?? [], t = j.value.trim().toLowerCase(), n = t ? e.filter((e) => e.name.toLowerCase().includes(t)) : e, r = N.value ? 1 : -1, i = M.value;
+			return [...n].sort((e, t) => i === "name" ? r * e.name.localeCompare(t.name) : i === "count" ? r * (e.count - t.count) || t.bytes - e.bytes : r * (e.bytes - t.bytes) || t.count - e.count);
+		}), Kt = o(() => F.value.slice(0, b)), qt = o(() => F.value.length > b), I = h(null), L = h(!1), R = h([]), Jt = h(0), Yt = h(!1), z = h(""), B = h(null), V = h(1), H = h(/* @__PURE__ */ new Set());
+		async function Xt(e) {
+			!e.target || !E.value || (I.value = e, D.value = "class", z.value = "", B.value = null, V.value = 1, H.value = /* @__PURE__ */ new Set(), J.value = [], K.value = /* @__PURE__ */ new Map(), await Zt(e.target, ""));
+		}
+		async function Zt(e, t) {
+			if (E.value) {
+				L.value = !0, T.value = 0;
+				try {
+					let n = await E.value.collect(e, {
+						filter: t || void 0,
+						onProgress: (e, t) => {
+							T.value = t ? e / t : 1;
+						}
+					});
+					R.value = n.rows, Jt.value = n.total, Yt.value = n.truncated, B.value = t || null, V.value = 1, H.value = /* @__PURE__ */ new Set(), K.value = /* @__PURE__ */ new Map();
+				} catch (e) {
+					w.value = e instanceof Error ? e.message : String(e), C.value = "error";
+				} finally {
+					L.value = !1;
+				}
+			}
+		}
+		function Qt() {
+			D.value = "overview", I.value = null, R.value = [], J.value = [];
+		}
+		let U = o(() => {
+			let e = z.value.trim().toLowerCase();
+			return !e || e === B.value?.toLowerCase() ? R.value : R.value.filter((t) => $t(t, e));
+		});
+		function $t(e, t) {
+			if (e.id.includes(t) || e.fields.some((e) => (e.name + "=" + e.value).toLowerCase().includes(t))) return !0;
+			let n = e.array;
+			return !!(n && (n.text && n.text.toLowerCase().includes(t) || n.hex && n.hex.includes(t) || n.elements?.some((e) => e.value.toLowerCase().includes(t))));
+		}
+		let en = o(() => Yt.value && z.value.trim().length > 0 && z.value.trim().toLowerCase() !== (B.value ?? "").toLowerCase());
+		function tn() {
+			I.value?.target && Zt(I.value.target, z.value.trim());
+		}
+		function nn() {
+			z.value = "", I.value?.target && B.value != null && Zt(I.value.target, "");
+		}
+		let W = o(() => Math.max(1, Math.ceil(U.value.length / x))), rn = o(() => {
+			let e = (V.value - 1) * x;
+			return U.value.slice(e, e + x);
+		});
+		y(U, () => {
+			V.value > W.value && (V.value = W.value);
+		});
+		function an() {
+			V.value > 1 && V.value--;
+		}
+		function on() {
+			V.value < W.value && V.value++;
+		}
+		function sn(e) {
+			let t = new Set(H.value);
+			t.has(e) ? t.delete(e) : t.add(e), H.value = t;
+		}
+		let G = o(() => {
+			let e = R.value[0];
+			if (!e) return !1;
+			let t = e.fields.some((e) => e.name === "value" && (e.kind === "ref" || e.kind === "null")), n = e.fields.some((e) => e.name === "coder");
+			return t && (I.value?.name === Ut || n);
+		}), K = h(/* @__PURE__ */ new Map()), q = h(!1);
+		function cn(e) {
+			return K.value.get(e.id);
+		}
+		async function ln() {
+			if (!E.value || !G.value) return;
+			let e = [];
+			for (let t of rn.value) {
+				if (K.value.has(t.id)) continue;
+				let n = t.fields.find((e) => e.name === "value");
+				if (!n || n.kind !== "ref" || !n.refId) {
+					K.value.set(t.id, (n?.kind, ""));
+					continue;
+				}
+				let r = t.fields.find((e) => e.name === "coder"), i = r ? parseInt(r.value, 10) : null;
+				e.push({
+					instId: t.id,
+					refId: n.refId,
+					coder: Number.isNaN(i) ? null : i
+				});
+			}
+			if (e.length) {
+				q.value = !0;
+				try {
+					let t = await E.value.resolveObjects(new Set(e.map((e) => e.refId))), n = new Map(K.value);
+					for (let r of e) {
+						let e = t.get(r.refId);
+						n.set(r.instId, e && e.kind === "primArray" ? i(e.rawBytes, e.elemType, r.coder) : "");
+					}
+					K.value = n;
+				} catch {} finally {
+					q.value = !1;
+				}
+			}
+		}
+		y([rn, G], () => void ln());
+		function un(e) {
+			if (e.array) return dn(e.array);
+			if (G.value) {
+				let t = cn(e);
+				if (t !== void 0) return t === "" ? "\"\"" : `"${$(_n(t, 160))}"`;
+			}
+			return e.fields.length ? e.fields.slice(0, 4).map((e) => `${e.name}=${e.value}`).join(", ") + (e.fields.length > 4 ? ", …" : "") : "";
+		}
+		function dn(e) {
+			let t = `(${e.length})`;
+			return e.text == null ? e.elements ? `${t} ` + e.elements.slice(0, 8).map((e) => e.value).join(", ") : e.hex ? `${t} ${e.hex}` : t : `${t} "${$(_n(e.text, 160))}"`;
+		}
+		let J = h([]), fn = h(!1), Y = h(""), X = o(() => J.value.length ? J.value[J.value.length - 1] : null);
+		async function Z(e) {
+			if (!(!e || !E.value)) {
+				Y.value = "", fn.value = !0;
+				try {
+					let t = (await E.value.resolveObjects(new Set([e]))).get(e);
+					t ? J.value = [...J.value, t] : Y.value = `#${e} 未找到（可能已被回收或不在本转储中）`;
+				} catch (e) {
+					Y.value = e instanceof Error ? e.message : String(e);
+				} finally {
+					fn.value = !1;
+				}
+			}
+		}
+		function pn() {
+			J.value = J.value.slice(0, -1), Y.value = "";
+		}
+		function mn() {
+			J.value = [], Y.value = "";
+		}
+		let hn = h(/* @__PURE__ */ new Map());
+		y(X, async (e) => {
+			if (hn.value = /* @__PURE__ */ new Map(), !e || !E.value) return;
+			let t = /* @__PURE__ */ new Set();
+			if (e.kind === "instance") for (let n of e.fields) n.kind === "ref" && n.refId && t.add(n.refId);
+			if (e.kind === "objArray" && e.array.elements) for (let n of e.array.elements) n.kind === "ref" && n.refId && t.add(n.refId);
+			if (!t.size) return;
+			let n = e, r = await E.value.resolveObjects(t);
+			if (X.value !== n) return;
+			let i = /* @__PURE__ */ new Map();
+			for (let [e, t] of r) i.set(e, gn(t));
+			hn.value = i;
+		});
+		function Q(e) {
+			return e ? hn.value.get(e) : void 0;
+		}
+		function gn(e) {
+			return e.kind === "class" ? "class " + e.className : e.kind === "instance" ? e.className : e.kind === "primArray" ? e.array.text == null ? `${e.className}[${e.length}]` : `${e.className} "${$(_n(e.array.text, 60))}"` : `${e.className.replace(/\[\]$/, "")}[${e.length}]`;
+		}
+		function _n(e, t) {
+			return e.length > t ? e.slice(0, t) + "…" : e;
+		}
+		function $(e) {
+			return e.replace(/\s+/g, " ");
+		}
+		return ne(Wt), y(() => S.url, Wt), te(() => {
+			E.value = null;
+		}), (n, r) => (m(), c("div", oe, [C.value === "confirm" ? (m(), c("div", se, [
+			d(t, {
+				name: "code",
+				size: 32
+			}),
+			l("p", {
+				class: "hp__confirm-title",
+				title: f.name
+			}, _(f.name), 9, ce),
+			l("p", le, _(f.size == null ? "文件大小未知" : `文件较大（${v(e)(f.size)}）`) + "，解析堆转储需将整个文件下载到浏览器（流式解析、内存可控）。 ", 1),
+			l("button", {
+				type: "button",
+				class: "hp__btn",
+				onClick: O
+			}, "加载并解析")
+		])) : C.value === "loading" ? (m(), c("div", ue, [l("p", de, "正在解析堆转储… " + _(k.value) + "%", 1), l("div", fe, [l("div", {
+			class: "hp__bar-fill",
+			style: ee({ width: k.value + "%" })
+		}, null, 4)])])) : C.value === "error" ? (m(), c("div", pe, [l("p", null, _(w.value), 1), l("button", {
+			type: "button",
+			class: "hp__retry",
+			onClick: O
+		}, "重试")])) : C.value === "ready" && A.value ? (m(), c(a, { key: 3 }, [X.value ? (m(), c(a, { key: 0 }, [l("div", me, [
+			l("button", {
+				type: "button",
+				class: "hp__back",
+				onClick: pn
+			}, [d(t, {
+				name: "chevronLeft",
+				size: 14
+			}), r[6] ||= u(" 返回 ", -1)]),
+			l("span", he, [l("span", ge, _(X.value.className), 1), l("span", _e, "#" + _(X.value.id), 1)]),
+			l("button", {
+				type: "button",
+				class: "hp__ghostbtn hp__crumb-close",
+				title: "回到列表",
+				onClick: mn
+			}, " 列表 ")
+		]), fn.value ? (m(), c("div", ve, [...r[7] ||= [l("p", { class: "hp__progress-label" }, "正在解析对象…", -1)]])) : (m(), c("div", ye, [X.value.kind === "instance" ? (m(), c("dl", be, [X.value.fields.length ? s("", !0) : (m(), c("p", xe, "（无字段或无法解析布局）")), (m(!0), c(a, null, g(X.value.fields, (e, t) => (m(), c(a, { key: t }, [l("dt", Se, _(e.name), 1), l("dd", { class: p(["hp__fval", { "hp__fval--null": e.kind === "null" }]) }, [e.kind === "ref" ? (m(), c(a, { key: 0 }, [l("button", {
+			type: "button",
+			class: "hp__reflink",
+			onClick: (t) => Z(e.refId)
+		}, _(e.value), 9, Ce), Q(e.refId) ? (m(), c("span", we, "→ " + _(Q(e.refId)), 1)) : s("", !0)], 64)) : (m(), c("span", Te, _(e.value), 1))], 2)], 64))), 128))])) : X.value.kind === "primArray" ? (m(), c("div", Ee, [
+			l("div", De, _(X.value.className) + " · 长度 " + _(X.value.length.toLocaleString()), 1),
+			X.value.array.text == null ? s("", !0) : (m(), c("pre", Oe, _(X.value.array.text), 1)),
+			X.value.array.hex ? (m(), c("div", ke, _(X.value.array.hex), 1)) : s("", !0),
+			X.value.array.elements ? (m(), c("div", Ae, [(m(!0), c(a, null, g(X.value.array.elements, (e, t) => (m(), c("span", {
+				key: t,
+				class: "hp__arrel"
+			}, _(e.value), 1))), 128))])) : s("", !0),
+			X.value.array.truncated ? (m(), c("p", je, " （预览已截断，仅显示前若干项） ")) : s("", !0)
+		])) : X.value.kind === "objArray" ? (m(), c("div", Me, [
+			l("div", Ne, _(X.value.className) + " · 长度 " + _(X.value.length.toLocaleString()), 1),
+			l("div", Pe, [(m(!0), c(a, null, g(X.value.array.elements ?? [], (e, t) => (m(), c(a, { key: t }, [e.kind === "ref" ? (m(), c("button", {
+				key: 0,
+				type: "button",
+				class: "hp__reflink hp__reflink--el",
+				onClick: (t) => Z(e.refId)
+			}, [
+				l("span", Ie, "[" + _(e.name) + "]", 1),
+				u(" " + _(e.value) + " ", 1),
+				Q(e.refId) ? (m(), c("span", Le, "→ " + _(Q(e.refId)), 1)) : s("", !0)
+			], 8, Fe)) : (m(), c("span", Re, [l("span", ze, "[" + _(e.name) + "]", 1), u(" " + _(e.value), 1)]))], 64))), 128))]),
+			X.value.array.truncated ? (m(), c("p", Be, " （预览已截断，仅显示前若干项） ")) : s("", !0)
+		])) : (m(), c("div", Ve, [l("div", He, "类对象：" + _(X.value.className), 1), r[8] ||= l("p", { class: "hp__nofields" }, "这是一个 Class 对象。返回列表可在类直方图中查看它的实例。", -1)]))]))], 64)) : D.value === "overview" ? (m(), c(a, { key: 1 }, [
+			l("dl", Ue, [(m(!0), c(a, null, g(Gt.value, (e) => (m(), c(a, { key: e.label }, [l("dt", We, _(e.label), 1), l("dd", Ge, _(e.value), 1)], 64))), 128))]),
+			l("div", Ke, [ie(l("input", {
+				"onUpdate:modelValue": r[0] ||= (e) => j.value = e,
+				type: "search",
+				class: "hp__input",
+				placeholder: "搜索类名…"
+			}, null, 512), [[re, j.value]])]),
+			l("div", qe, [
+				l("button", {
+					type: "button",
+					class: "hp__th hp__th--name",
+					onClick: r[1] ||= (e) => P("name")
+				}, [r[9] ||= u(" 类名", -1), M.value === "name" ? (m(), c("span", Je, _(N.value ? "▲" : "▼"), 1)) : s("", !0)]),
+				l("button", {
+					type: "button",
+					class: "hp__th hp__th--num",
+					onClick: r[2] ||= (e) => P("count")
+				}, [r[10] ||= u(" 实例数", -1), M.value === "count" ? (m(), c("span", Ye, _(N.value ? "▲" : "▼"), 1)) : s("", !0)]),
+				l("button", {
+					type: "button",
+					class: "hp__th hp__th--num",
+					onClick: r[3] ||= (e) => P("bytes")
+				}, [r[11] ||= u(" Shallow", -1), M.value === "bytes" ? (m(), c("span", Xe, _(N.value ? "▲" : "▼"), 1)) : s("", !0)])
+			]),
+			l("div", Ze, [
+				F.value.length === 0 ? (m(), c("p", Qe, "无匹配类")) : s("", !0),
+				(m(!0), c(a, null, g(Kt.value, (n, r) => (m(), c("button", {
+					key: r,
+					type: "button",
+					class: "hp__row",
+					title: `查看 ${n.name} 的对象列表`,
+					onClick: (e) => Xt(n)
+				}, [
+					l("span", et, _(n.name), 1),
+					l("span", tt, _(n.count.toLocaleString()), 1),
+					l("span", nt, _(v(e)(n.bytes)), 1),
+					d(t, {
+						name: "chevronRight",
+						size: 14,
+						class: "hp__chev"
+					})
+				], 8, $e))), 128)),
+				qt.value ? (m(), c("p", rt, " 仅显示前 " + _(b) + " 个类，输入关键词缩小范围（共 " + _(F.value.length) + " 个） ", 1)) : s("", !0)
+			])
+		], 64)) : I.value ? (m(), c(a, { key: 2 }, [
+			l("div", it, [l("button", {
+				type: "button",
+				class: "hp__back",
+				onClick: Qt
+			}, [d(t, {
+				name: "chevronLeft",
+				size: 14
+			}), r[12] ||= u(" 类列表 ", -1)]), l("span", {
+				class: "hp__crumb-name",
+				title: I.value.name
+			}, _(I.value.name), 9, at)]),
+			l("div", ot, [
+				l("span", st, [u(" 共 " + _(Jt.value.toLocaleString()) + " 个实例", 1), B.value ? (m(), c(a, { key: 0 }, [u(" 匹配「" + _(B.value) + "」", 1)], 64)) : s("", !0)]),
+				Yt.value ? (m(), c("span", ct, " 已加载前 " + _(R.value.length.toLocaleString()) + " 个 ", 1)) : s("", !0),
+				q.value ? (m(), c("span", lt, "解析字符串…")) : s("", !0)
+			]),
+			l("div", ut, [ie(l("input", {
+				"onUpdate:modelValue": r[4] ||= (e) => z.value = e,
+				type: "search",
+				class: "hp__input",
+				placeholder: "过滤 id / 字段值 / 内容…",
+				onKeydown: r[5] ||= ae((e) => en.value && tn(), ["enter"])
+			}, null, 544), [[re, z.value]]), B.value ? (m(), c("button", {
+				key: 0,
+				type: "button",
+				class: "hp__ghostbtn",
+				title: "清除全文搜索",
+				onClick: nn
+			}, " 清除 ")) : s("", !0)]),
+			en.value ? (m(), c("p", dt, [u(" 过滤仅作用于已加载的 " + _(R.value.length.toLocaleString()) + " 个。 ", 1), l("button", {
+				type: "button",
+				class: "hp__link",
+				onClick: tn
+			}, " 在全部 " + _(Jt.value.toLocaleString()) + " 个实例中搜索「" + _(z.value.trim()) + "」 ", 1)])) : s("", !0),
+			Y.value ? (m(), c("p", ft, _(Y.value), 1)) : s("", !0),
+			L.value ? (m(), c("div", pt, [l("p", mt, "正在扫描对象… " + _(k.value) + "%", 1), l("div", ht, [l("div", {
+				class: "hp__bar-fill",
+				style: ee({ width: k.value + "%" })
+			}, null, 4)])])) : (m(), c(a, { key: 3 }, [l("div", gt, [U.value.length === 0 ? (m(), c("p", _t, "无匹配对象")) : s("", !0), (m(!0), c(a, null, g(rn.value, (n) => (m(), c("div", {
+				key: n.id,
+				class: "hp__obj"
+			}, [l("button", {
+				type: "button",
+				class: "hp__objhead",
+				onClick: (e) => sn(n.id)
+			}, [
+				d(t, {
+					name: H.value.has(n.id) ? "chevronDown" : "chevronRight",
+					size: 13,
+					class: "hp__objchev"
+				}, null, 8, ["name"]),
+				l("span", yt, "#" + _(n.id), 1),
+				l("span", bt, _(v(e)(n.size)), 1),
+				l("span", xt, _(un(n)), 1)
+			], 8, vt), H.value.has(n.id) ? (m(), c("div", St, [n.array ? (m(), c("div", Ct, [
+				n.array.text == null ? s("", !0) : (m(), c("pre", wt, _(n.array.text), 1)),
+				n.array.hex ? (m(), c("div", Tt, _(n.array.hex), 1)) : s("", !0),
+				n.array.elements ? (m(), c("div", {
+					key: 2,
+					class: p(["hp__arrels", { "hp__arrels--obj": n.array.elemClassName }])
+				}, [(m(!0), c(a, null, g(n.array.elements, (e, t) => (m(), c(a, { key: t }, [e.kind === "ref" ? (m(), c("button", {
+					key: 0,
+					type: "button",
+					class: "hp__reflink hp__reflink--el",
+					onClick: (t) => Z(e.refId)
+				}, [l("span", Dt, "[" + _(e.name) + "]", 1), u(" " + _(e.value), 1)], 8, Et)) : (m(), c("span", Ot, [l("span", kt, "[" + _(e.name) + "]", 1), u(" " + _(e.value), 1)]))], 64))), 128))], 2)) : s("", !0),
+				n.array.truncated ? (m(), c("p", At, " （预览已截断，完整长度 " + _(n.array.length.toLocaleString()) + "） ", 1)) : s("", !0)
+			])) : (m(), c("dl", jt, [n.fields.length ? s("", !0) : (m(), c("p", Mt, " （无法解析字段布局，仅显示 id 与大小） ")), (m(!0), c(a, null, g(n.fields, (e, t) => (m(), c(a, { key: t }, [l("dt", Nt, _(e.name), 1), l("dd", { class: p(["hp__fval", { "hp__fval--null": e.kind === "null" }]) }, [G.value && e.name === "value" && cn(n) !== void 0 ? (m(), c(a, { key: 0 }, [l("span", Pt, "\"" + _(cn(n)) + "\"", 1), e.kind === "ref" ? (m(), c("button", {
+				key: 0,
+				type: "button",
+				class: "hp__reflink hp__reflink--sm",
+				onClick: (t) => Z(e.refId)
+			}, _(e.value), 9, Ft)) : s("", !0)], 64)) : e.kind === "ref" ? (m(), c("button", {
+				key: 1,
+				type: "button",
+				class: "hp__reflink",
+				onClick: (t) => Z(e.refId)
+			}, _(e.value), 9, It)) : (m(), c("span", Lt, _(e.value), 1))], 2)], 64))), 128))]))])) : s("", !0)]))), 128))]), W.value > 1 ? (m(), c("div", Rt, [
+				l("button", {
+					type: "button",
+					class: "hp__pagebtn",
+					disabled: V.value <= 1,
+					onClick: an
+				}, [d(t, {
+					name: "chevronLeft",
+					size: 14
+				})], 8, zt),
+				l("span", Bt, "第 " + _(V.value) + " / " + _(W.value) + " 页", 1),
+				l("button", {
+					type: "button",
+					class: "hp__pagebtn",
+					disabled: V.value >= W.value,
+					onClick: on
+				}, [d(t, {
+					name: "chevronRight",
+					size: 14
+				})], 8, Vt)
+			])) : s("", !0)], 64))
+		], 64)) : s("", !0)], 64)) : s("", !0)]));
+	}
+});
+//#endregion
+export { S as default };

package/dist/components/ImageLightbox.js

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

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

@@ -0,0 +1,3 @@
+declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/components/ImageLightbox.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,86 @@
+import { fileExt as e } from "../lib/fileType.js";
+import t from "./icons/Icon.js";
+import { useLightbox as n } from "../composables/useLightbox.js";
+import r from "./ZoomImage.js";
+import { Fragment as i, Teleport as a, computed as o, createBlock as s, createCommentVNode as c, createElementBlock as l, createElementVNode as u, createVNode as d, defineComponent as f, onBeforeUnmount as p, openBlock as m, ref as h, toDisplayString as g, unref as _, watch as v } from "vue";
+//#region src/components/ImageLightbox.vue?vue&type=script&setup=true&lang.ts
+var y = {
+	key: 0,
+	class: "lightbox"
+}, b = {
+	key: 0,
+	class: "lightbox__msg"
+}, x = {
+	key: 1,
+	class: "lightbox__msg"
+}, S = ["src"], C = /*@__PURE__*/ f({
+	__name: "ImageLightbox",
+	setup(f) {
+		let { current: C, close: w } = n(), T = {
+			mp4: "video/mp4",
+			m4v: "video/mp4",
+			webm: "video/webm",
+			ogv: "video/ogg",
+			mov: "video/quicktime",
+			mkv: "video/x-matroska",
+			avi: "video/x-msvideo"
+		}, E = o(() => C.value?.kind === "video"), D = h(null), O = h(""), k = h(!1), A = h("");
+		function j(e) {
+			e.key === "Escape" ? w() : E.value || (e.key === "+" || e.key === "=" ? D.value?.zoomIn() : e.key === "-" || e.key === "_" ? D.value?.zoomOut() : e.key === "0" && D.value?.fit());
+		}
+		function M() {
+			O.value &&= (URL.revokeObjectURL(O.value), "");
+		}
+		async function N(t) {
+			k.value = !0, A.value = "";
+			try {
+				let n = await fetch(t.src);
+				if (!n.ok) throw Error(`HTTP ${n.status}`);
+				let r = await n.blob(), i = T[e(t.alt || "")] || "video/mp4", a = URL.createObjectURL(new Blob([r], { type: i }));
+				C.value === t ? O.value = a : URL.revokeObjectURL(a);
+			} catch (e) {
+				C.value === t && (A.value = e instanceof Error ? e.message : String(e));
+			} finally {
+				C.value === t && (k.value = !1);
+			}
+		}
+		return v(C, (e) => {
+			typeof window > "u" || (e ? (window.addEventListener("keydown", j), document.body.style.overflow = "hidden") : (window.removeEventListener("keydown", j), document.body.style.overflow = ""), M(), A.value = "", k.value = !1, e?.kind === "video" && N(e));
+		}), p(() => {
+			typeof window < "u" && (window.removeEventListener("keydown", j), document.body.style.overflow = ""), M();
+		}), (e, n) => (m(), s(a, { to: "body" }, [_(C) ? (m(), l("div", y, [u("button", {
+			type: "button",
+			class: "lightbox__close",
+			title: "关闭 (Esc)",
+			"aria-label": "关闭",
+			onClick: n[0] ||= (...e) => _(w) && _(w)(...e)
+		}, [d(t, {
+			name: "close",
+			size: 22,
+			"stroke-width": 2.2
+		})]), E.value ? (m(), l(i, { key: 0 }, [k.value ? (m(), l("p", b, "加载视频中…")) : A.value ? (m(), l("p", x, "视频加载失败：" + g(A.value), 1)) : O.value ? (m(), l("video", {
+			key: 2,
+			class: "lightbox__video",
+			src: O.value,
+			controls: "",
+			autoplay: "",
+			playsinline: ""
+		}, null, 8, S)) : c("", !0)], 64)) : (m(), s(r, {
+			key: 1,
+			ref_key: "zoomImg",
+			ref: D,
+			class: "lightbox__zoom",
+			src: _(C).src,
+			alt: _(C).alt || "",
+			long: _(C).long,
+			onEmptyClick: _(w)
+		}, null, 8, [
+			"src",
+			"alt",
+			"long",
+			"onEmptyClick"
+		]))])) : c("", !0)]));
+	}
+});
+//#endregion
+export { C as default };