@l1yp/file-viewer 0.1.4 → 0.1.6

package/dist/components/LogViewer.vue_vue_type_script_setup_true_lang.js

@@ -1,72 +1,74 @@
 import { formatBytes as e } from "../lib/format.js";
-import t from "./icons/Icon.js";
-import { useLogRules as n } from "../composables/useLogRules.js";
-import { Fragment as r, computed as i, createCommentVNode as a, createElementBlock as o, createElementVNode as s, createTextVNode as c, createVNode as l, defineComponent as u, normalizeClass as d, normalizeStyle as f, onBeforeUnmount as p, openBlock as m, ref as h, renderList as ee, toDisplayString as g, unref as _, vModelCheckbox as v, vModelText as y, watch as b, withDirectives as x, withKeys as te, withModifiers as ne } from "vue";
+import { hasAnsiSequences as t, parseAnsi as n } from "../lib/ansi.js";
+import r from "./icons/Icon.js";
+import i from "./AnsiText.js";
+import { useLogRules as a } from "../composables/useLogRules.js";
+import { Fragment as o, computed as s, createCommentVNode as c, createElementBlock as l, createElementVNode as u, createTextVNode as d, createVNode as f, defineComponent as p, normalizeClass as m, normalizeStyle as h, onBeforeUnmount as ee, openBlock as g, ref as _, renderList as te, shallowRef as ne, toDisplayString as v, unref as y, vModelCheckbox as b, vModelText as x, watch as S, withDirectives as C, withKeys as re, withModifiers as ie } from "vue";
 //#region src/components/LogViewer.vue?vue&type=script&setup=true&lang.ts
-var re = { class: "log" }, ie = {
+var ae = { class: "log" }, oe = {
 	key: 0,
 	class: "log__msg"
-}, ae = {
+}, se = {
 	key: 1,
 	class: "log__msg log__gate"
-}, oe = {
+}, ce = {
 	key: 2,
 	class: "log__msg log__msg--error"
-}, se = { class: "log__bar" }, ce = { class: "log__searchwrap" }, le = {
+}, le = { class: "log__bar" }, ue = { class: "log__searchwrap" }, de = {
 	key: 0,
 	class: "log__matches"
-}, ue = ["disabled"], de = ["disabled"], fe = ["disabled"], pe = ["title"], me = { class: "log__total" }, he = {
+}, fe = ["disabled"], pe = ["disabled"], me = ["disabled"], he = ["title"], ge = { class: "log__total" }, _e = {
 	key: 0,
 	class: "log__rules-empty"
-}, ge = ["onUpdate:modelValue"], _e = ["onUpdate:modelValue"], ve = ["onClick"], ye = ["onClick"], be = {
+}, ve = ["onUpdate:modelValue"], ye = ["onUpdate:modelValue"], be = ["onClick"], xe = ["onClick"], Se = {
 	class: "log__rule-color",
 	title: "背景色"
-}, xe = ["onUpdate:modelValue"], Se = ["onUpdate:modelValue", "disabled"], Ce = {
+}, Ce = ["onUpdate:modelValue"], we = ["onUpdate:modelValue", "disabled"], Te = {
 	class: "log__rule-color",
 	title: "字体色"
-}, we = ["onUpdate:modelValue"], Te = ["onUpdate:modelValue", "disabled"], Ee = ["disabled", "onClick"], De = ["disabled", "onClick"], Oe = ["onClick"], ke = ["title", "onClick"], Ae = ["title", "onClick"], je = ["title", "onClick"], Me = { class: "log__ln" }, Ne = {
+}, Ee = ["onUpdate:modelValue"], De = ["onUpdate:modelValue", "disabled"], Oe = ["disabled", "onClick"], ke = ["disabled", "onClick"], Ae = ["onClick"], je = ["title", "onClick"], Me = ["title", "onClick"], Ne = ["title", "onClick"], Pe = { class: "log__ln" }, Fe = {
 	key: 0,
 	class: "log__fold-cell"
-}, Pe = ["title", "onClick"], Fe = ["innerHTML"], Ie = ["onClick"], Le = 64 * 1024 * 1024, S = 19, Re = 12, C = 10, ze = 2, w = /*@__PURE__*/ u({
+}, Ie = ["title", "onClick"], Le = ["onClick"], Re = 64 * 1024 * 1024, w = 19, ze = 12, T = 10, Be = 2, Ve = /*@__PURE__*/ p({
 	__name: "LogViewer",
 	props: {
 		url: {},
 		name: {},
 		size: {}
 	},
-	setup(u) {
-		let w = u, T = h("loading"), E = h(""), D = h([]), O = h(null), k = h(0), A = h(400), j = null, Be = /^[ \t]+at\s+\S+[.(]/, M = /^[ \t]+File\s["']/, Ve = /^[ \t]+from\s+\S+:\d+/, He = /^[ \t]*\.\.\.\s+\d+\s+more\b/, Ue = /^[ \t]+--- End of /;
-		function N(e) {
-			return Be.test(e) || M.test(e) || Ve.test(e) || He.test(e) || Ue.test(e);
+	setup(p, { expose: Ve }) {
+		let E = p, D = _("loading"), O = _(""), k = _([]), A = ne(null), j = _(null), M = _(0), N = _(400), P = null, He = /^[ \t]+at\s+\S+[.(]/, F = /^[ \t]+File\s["']/, Ue = /^[ \t]+from\s+\S+:\d+/, We = /^[ \t]*\.\.\.\s+\d+\s+more\b/, Ge = /^[ \t]+--- End of /;
+		function I(e) {
+			return He.test(e) || F.test(e) || Ue.test(e) || We.test(e) || Ge.test(e);
 		}
-		let P = i(() => {
-			let e = D.value, t = e.length, n = [], r = 0;
+		let L = s(() => {
+			let e = k.value, t = e.length, n = [], r = 0;
 			for (; r < t;) {
-				if (!N(e[r])) {
+				if (!I(e[r])) {
 					r++;
 					continue;
 				}
-				let i = r, a = M.test(e[r]);
+				let i = r, a = F.test(e[r]);
 				for (r++; r < t;) {
 					let t = e[r];
-					if (N(t)) a = M.test(t), r++;
+					if (I(t)) a = F.test(t), r++;
 					else if (a && /^[ \t]+\S/.test(t)) a = !1, r++;
 					else break;
 				}
-				let o = r - 1, s = i - 1, c = s >= 0 && !N(e[s]) && e[s].trim() !== "" ? i : i + 1;
-				o - c + 1 >= ze && n.push({
+				let o = r - 1, s = i - 1, c = s >= 0 && !I(e[s]) && e[s].trim() !== "" ? i : i + 1;
+				o - c + 1 >= Be && n.push({
 					header: c - 1,
 					frameStart: c,
 					frameEnd: o
 				});
 			}
 			return n;
-		}), F = i(() => P.value.length > 0), We = i(() => {
+		}), R = s(() => L.value.length > 0), Ke = s(() => {
 			let e = /* @__PURE__ */ new Map();
-			return P.value.forEach((t, n) => e.set(t.header, n)), e;
+			return L.value.forEach((t, n) => e.set(t.header, n)), e;
 		});
-		function I(e) {
-			let t = P.value, n = 0, r = t.length - 1;
+		function z(e) {
+			let t = L.value, n = 0, r = t.length - 1;
 			for (; n <= r;) {
 				let i = n + r >> 1, a = t[i];
 				if (e < a.header) r = i - 1;
@@ -75,20 +77,20 @@ var re = { class: "log" }, ie = {
 			}
 			return -1;
 		}
-		let L = h(/* @__PURE__ */ new Set()), R = i(() => F.value && L.value.size === P.value.length);
-		function Ge(e) {
-			let t = new Set(L.value);
-			t.has(e) ? t.delete(e) : t.add(e), L.value = t;
+		let B = _(/* @__PURE__ */ new Set()), V = s(() => R.value && B.value.size === L.value.length);
+		function qe(e) {
+			let t = new Set(B.value);
+			t.has(e) ? t.delete(e) : t.add(e), B.value = t;
 		}
-		function Ke() {
-			L.value = R.value ? /* @__PURE__ */ new Set() : new Set(P.value.map((e, t) => t));
+		function Je() {
+			B.value = V.value ? /* @__PURE__ */ new Set() : new Set(L.value.map((e, t) => t));
 		}
-		function z(e) {
-			return !(L.value.has(e) || U.value && tt.value.has(e));
+		function Ye(e) {
+			return !(B.value.has(e) || G.value && it.value.has(e));
 		}
-		let { rules: B, add: qe, remove: Je, move: Ye } = n(), V = h(!1), Xe = i(() => {
+		let { rules: H, add: Xe, remove: Ze, move: Qe } = a(), U = _(!1), $e = s(() => {
 			let e = [];
-			for (let t of B.value) {
+			for (let t of H.value) {
 				if (!t.enabled || !t.pattern || !(t.bgOn || t.fgOn)) continue;
 				let n;
 				if (t.regex) try {
@@ -112,14 +114,14 @@ var re = { class: "log" }, ie = {
 			}
 			return e;
 		});
-		function Ze(e) {
-			for (let t of Xe.value) if (t.test(e)) return {
+		function et(e) {
+			for (let t of $e.value) if (t.test(e)) return {
 				bg: t.bg,
 				fg: t.fg
 			};
 			return null;
 		}
-		function Qe(e) {
+		function tt(e) {
 			if (!e.regex || !e.pattern) return !1;
 			try {
 				return new RegExp(e.pattern), !1;
@@ -127,66 +129,66 @@ var re = { class: "log" }, ie = {
 				return !0;
 			}
 		}
-		let H = h(""), U = h(""), W;
-		b(H, (e) => {
-			clearTimeout(W), W = setTimeout(() => {
-				U.value = e, q.value = 0, Y.value = /* @__PURE__ */ new Set();
+		let W = _(""), G = _(""), K;
+		S(W, (e) => {
+			clearTimeout(K), K = setTimeout(() => {
+				G.value = e, Y.value = 0, Z.value = /* @__PURE__ */ new Set();
 			}, 160);
 		});
-		function $e() {
-			H.value = "", clearTimeout(W), U.value = "", q.value = 0, Y.value = /* @__PURE__ */ new Set();
+		function nt() {
+			W.value = "", clearTimeout(K), G.value = "", Y.value = 0, Z.value = /* @__PURE__ */ new Set();
 		}
-		let G = h(!1), K = h(!1), q = h(0), J = i(() => {
-			let e = U.value.toLowerCase();
+		let q = _(!1), J = _(!1), Y = _(0), X = s(() => {
+			let e = G.value.toLowerCase();
 			if (!e) return [];
-			let t = [], n = D.value;
+			let t = [], n = k.value;
 			for (let r = 0; r < n.length; r++) n[r].toLowerCase().includes(e) && t.push(r);
 			return t;
 		});
-		function et(e, t) {
+		function rt(e, t) {
 			return t ? e.toLowerCase().includes(t.toLowerCase()) : !1;
 		}
-		let tt = i(() => {
+		let it = s(() => {
 			let e = /* @__PURE__ */ new Set();
-			if (!U.value) return e;
-			for (let t of J.value) {
-				let n = I(t);
+			if (!G.value) return e;
+			for (let t of X.value) {
+				let n = z(t);
 				n >= 0 && e.add(n);
 			}
 			return e;
-		}), nt = i(() => {
-			let e = J.value;
-			return e.length ? e[Math.min(q.value, e.length - 1)] : -1;
-		}), rt = /\b(?:ERROR|FATAL|SEVERE|CRITICAL|PANIC|FAILED|FAILURE)\b|\b\w*(?:Exception|Error)\b|\bTraceback\b|\bCaused by\b|^\s*panic:/, it = i(() => {
-			if (!K.value) return [];
-			let e = D.value, t = We.value, n = [];
-			for (let r = 0; r < e.length; r++) (t.has(r) || rt.test(e[r])) && n.push(r);
+		}), at = s(() => {
+			let e = X.value;
+			return e.length ? e[Math.min(Y.value, e.length - 1)] : -1;
+		}), ot = /\b(?:ERROR|FATAL|SEVERE|CRITICAL|PANIC|FAILED|FAILURE)\b|\b\w*(?:Exception|Error)\b|\bTraceback\b|\bCaused by\b|^\s*panic:/, st = s(() => {
+			if (!J.value) return [];
+			let e = k.value, t = Ke.value, n = [];
+			for (let r = 0; r < e.length; r++) (t.has(r) || ot.test(e[r])) && n.push(r);
 			return n;
-		}), at = i(() => new Set(it.value)), ot = i(() => G.value && U.value !== ""), st = i(() => {
-			let e = ot.value, t = K.value;
+		}), ct = s(() => new Set(st.value)), lt = s(() => q.value && G.value !== ""), ut = s(() => {
+			let e = lt.value, t = J.value;
 			if (!e && !t) return null;
 			if (e && t) {
-				let e = at.value;
-				return J.value.filter((t) => e.has(t));
+				let e = ct.value;
+				return X.value.filter((t) => e.has(t));
 			}
-			return t ? it.value : J.value;
-		}), ct = i(() => ot.value), Y = h(/* @__PURE__ */ new Set());
-		b([K, G], () => {
-			Y.value = /* @__PURE__ */ new Set();
+			return t ? st.value : X.value;
+		}), dt = s(() => lt.value), Z = _(/* @__PURE__ */ new Set());
+		S([J, q], () => {
+			Z.value = /* @__PURE__ */ new Set();
 		});
-		function X(e, t, n) {
+		function ft(e, t, n) {
 			let r = e + 1, i = t - 1;
 			if (i < r) return;
 			let a = r, o = i;
-			n === "down" ? o = Math.min(i, r + C - 1) : n === "up" && (a = Math.max(r, i - C + 1));
-			let s = new Set(Y.value);
+			n === "down" ? o = Math.min(i, r + T - 1) : n === "up" && (a = Math.max(r, i - T + 1));
+			let s = new Set(Z.value);
 			for (let e = a; e <= o; e++) s.add(e);
-			Y.value = s;
+			Z.value = s;
 		}
-		let lt = i(() => {
-			let e = P.value, t = D.value.length, n = [], r = 0, i = 0;
+		let Q = s(() => {
+			let e = L.value, t = k.value.length, n = [], r = 0, i = 0;
 			for (let t = 0; t < e.length; t++) {
-				if (!z(t)) continue;
+				if (!Ye(t)) continue;
 				let a = e[t];
 				a.frameStart > i && (n.push({
 					o0: i,
@@ -202,14 +204,14 @@ var re = { class: "log" }, ie = {
 				runs: n,
 				total: r
 			};
-		}), Z = i(() => {
-			let e = st.value;
+		}), $ = s(() => {
+			let e = ut.value;
 			if (e === null) return null;
-			let t = D.value.length, n = P.value, r = [];
-			if (ct.value) {
+			let t = k.value.length, n = L.value, r = [];
+			if (dt.value) {
 				let t = /* @__PURE__ */ new Set();
 				for (let n of e) {
-					let e = I(n);
+					let e = z(n);
 					e >= 0 && t.add(e);
 				}
 				for (let e of t) r.push([n[e].header, n[e].frameEnd]);
@@ -226,7 +228,7 @@ var re = { class: "log" }, ie = {
 				return !1;
 			}, a = [];
 			for (let t of e) i(t) || a.push(t);
-			for (let e of Y.value) i(e) || a.push(e);
+			for (let e of Z.value) i(e) || a.push(e);
 			a.sort((e, t) => e - t);
 			let o = [], s = 0, c = 0, l = r.length ? r[0][0] : Infinity, u = -1;
 			for (; s < r.length || c < a.length;) {
@@ -252,21 +254,21 @@ var re = { class: "log" }, ie = {
 				items: d,
 				key: f
 			};
-		}), ut = i(() => Z.value !== null), dt = i(() => Z.value ? Z.value.items.length : lt.value.total);
-		function ft(e) {
-			let t = D.value[e] ?? "", n = We.value.get(e);
+		}), pt = s(() => $.value !== null), mt = s(() => $.value ? $.value.items.length : Q.value.total);
+		function ht(e) {
+			let t = k.value[e] ?? "", n = Ke.value.get(e);
 			if (n !== void 0) {
-				let r = P.value[n];
+				let r = L.value[n];
 				return {
 					n: e + 1,
 					text: t,
 					kind: "header",
-					collapsed: Z.value ? !1 : z(n),
+					collapsed: $.value ? !1 : Ye(n),
 					count: r.frameEnd - r.frameStart + 1,
 					gid: n
 				};
 			}
-			let r = I(e), i = r >= 0 && e >= P.value[r].frameStart ? "frame" : "plain";
+			let r = z(e), i = r >= 0 && e >= L.value[r].frameStart ? "frame" : "plain";
 			return {
 				n: e + 1,
 				text: t,
@@ -276,7 +278,7 @@ var re = { class: "log" }, ie = {
 				gid: -1
 			};
 		}
-		function pt(e, t) {
+		function gt(e, t) {
 			let n = 0, r = e.length - 1, i = 0;
 			for (; n <= r;) {
 				let a = n + r >> 1;
@@ -285,23 +287,23 @@ var re = { class: "log" }, ie = {
 			let a = e[i];
 			return a ? a.o0 + (t - a.d0) : t;
 		}
-		let mt = i(() => Math.max(0, Math.floor(k.value / S) - Re)), ht = i(() => Math.min(dt.value, Math.ceil((k.value + A.value) / S) + Re));
-		function gt(e, t) {
-			let n = ft(t);
+		let _t = s(() => Math.max(0, Math.floor(M.value / w) - ze)), vt = s(() => Math.min(mt.value, Math.ceil((M.value + N.value) / w) + ze));
+		function yt(e, t) {
+			let n = ht(t);
 			return {
 				i: e,
 				isGap: !1,
 				...n,
-				style: Ze(n.text),
-				context: Z.value !== null && Y.value.has(t) && !et(n.text, U.value),
+				style: et(n.text),
+				context: $.value !== null && Z.value.has(t) && !rt(n.text, G.value),
 				top: 0,
 				bottom: 0,
 				size: 0,
 				step: 0
 			};
 		}
-		let _t = i(() => {
-			let e = [], t = mt.value, n = ht.value, r = Z.value;
+		let bt = s(() => {
+			let e = [], t = _t.value, n = vt.value, r = $.value;
 			if (r) for (let i = t; i < n; i++) {
 				let t = r.items[i];
 				t && (t.t === "gap" ? e.push({
@@ -318,31 +320,21 @@ var re = { class: "log" }, ie = {
 					top: t.top,
 					bottom: t.bottom,
 					size: t.size,
-					step: Math.min(C, t.size)
-				}) : e.push(gt(i, t.orig)));
+					step: Math.min(T, t.size)
+				}) : e.push(yt(i, t.orig)));
 			}
 			else {
-				let r = lt.value.runs;
-				for (let i = t; i < n; i++) e.push(gt(i, pt(r, i)));
+				let r = Q.value.runs;
+				for (let i = t; i < n; i++) e.push(yt(i, gt(r, i)));
 			}
 			return e;
 		});
-		function Q(e) {
-			return e.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
-		}
-		function vt(e) {
-			let t = U.value;
-			if (!t) return Q(e);
-			let n = e.toLowerCase(), r = t.toLowerCase(), i = "", a = 0, o = n.indexOf(r, a);
-			for (; o !== -1;) i += Q(e.slice(a, o)), i += "<mark class=\"log__hit\">" + Q(e.slice(o, o + t.length)) + "</mark>", a = o + t.length, o = n.indexOf(r, a);
-			return i += Q(e.slice(a)), i;
-		}
-		function yt(e) {
-			let t = O.value;
-			t && (t.scrollTop = Math.max(0, e * S - A.value / 2 + S));
+		function xt(e) {
+			let t = j.value;
+			t && (t.scrollTop = Math.max(0, e * w - N.value / 2 + w));
 		}
-		function bt(e) {
-			let t = Z.value;
+		function St(e) {
+			let t = $.value;
 			if (t) {
 				let n = t.key, r = 0, i = n.length - 1;
 				for (; r <= i;) {
@@ -352,9 +344,9 @@ var re = { class: "log" }, ie = {
 				}
 				return -1;
 			}
-			let n = I(e);
-			n >= 0 && e >= P.value[n].frameStart && z(n) && (e = P.value[n].header);
-			let r = lt.value.runs, i = 0, a = r.length - 1;
+			let n = z(e);
+			n >= 0 && e >= L.value[n].frameStart && Ye(n) && (e = L.value[n].header);
+			let r = Q.value.runs, i = 0, a = r.length - 1;
 			for (; i <= a;) {
 				let t = i + a >> 1;
 				if (e < r[t].o0) a = t - 1;
@@ -363,310 +355,322 @@ var re = { class: "log" }, ie = {
 			}
 			return -1;
 		}
-		function xt(e) {
-			let t = J.value;
+		function Ct(e) {
+			let t = X.value;
 			if (!t.length) return;
-			q.value = (q.value + e + t.length) % t.length;
-			let n = bt(t[q.value]);
-			n >= 0 && yt(n);
+			Y.value = (Y.value + e + t.length) % t.length;
+			let n = St(t[Y.value]);
+			n >= 0 && xt(n);
 		}
-		let St = h("");
-		function Ct() {
-			let e = parseInt(St.value, 10);
+		let wt = _("");
+		function Tt() {
+			let e = parseInt(wt.value, 10);
 			if (!Number.isFinite(e)) return;
-			let t = bt(Math.max(0, Math.min(D.value.length - 1, e - 1)));
-			t >= 0 && yt(t);
+			let t = St(Math.max(0, Math.min(k.value.length - 1, e - 1)));
+			t >= 0 && xt(t);
 		}
-		function wt() {
-			O.value && (k.value = O.value.scrollTop);
+		function Et() {
+			j.value && (M.value = j.value.scrollTop);
 		}
-		async function $() {
-			if (w.url) {
-				T.value = "loading", E.value = "";
+		async function Dt() {
+			if (E.url) {
+				D.value = "loading", O.value = "", A.value = null;
 				try {
-					let e = await fetch(w.url);
+					let e = await fetch(E.url);
 					if (!e.ok) throw Error(`HTTP ${e.status}`);
-					D.value = (await e.text()).split("\n"), D.value.length > 1 && D.value[D.value.length - 1] === "" && D.value.pop(), L.value = /* @__PURE__ */ new Set(), Y.value = /* @__PURE__ */ new Set(), k.value = 0, O.value && (O.value.scrollTop = 0), T.value = "ready";
+					let r = await e.text(), i = t(r) ? n(r) : null, a = i ? [...i.lines] : r.split("\n");
+					if (a.length > 1) {
+						let e = a[a.length - 1];
+						(typeof e == "string" ? e === "" : e.text === "") && a.pop();
+					}
+					i ? (A.value = {
+						...i,
+						lines: a,
+						text: a.map((e) => e.text).join("\n")
+					}, k.value = A.value.lines.map((e) => e.text)) : k.value = a, B.value = /* @__PURE__ */ new Set(), Z.value = /* @__PURE__ */ new Set(), M.value = 0, j.value && (j.value.scrollTop = 0), D.value = "ready";
 				} catch (e) {
-					E.value = e instanceof Error ? e.message : String(e), T.value = "error";
+					O.value = e instanceof Error ? e.message : String(e), D.value = "error";
 				}
 			}
 		}
-		function Tt() {
-			if (w.size && w.size > Le) {
-				T.value = "gate";
+		function Ot() {
+			if (k.value = [], A.value = null, E.size && E.size > Re) {
+				D.value = "gate";
 				return;
 			}
-			$();
+			Dt();
 		}
-		return b(O, (e) => {
-			j?.disconnect(), e && typeof ResizeObserver < "u" && (j = new ResizeObserver(() => {
-				O.value && (A.value = O.value.clientHeight);
-			}), j.observe(e), A.value = e.clientHeight);
-		}, { flush: "post" }), b(() => w.url, Tt, { immediate: !0 }), p(() => {
-			clearTimeout(W), j?.disconnect();
-		}), (n, i) => (m(), o("div", re, [T.value === "loading" ? (m(), o("p", ie, "正在加载…")) : T.value === "gate" ? (m(), o("div", ae, [s("p", null, "该文件较大（" + g(_(e)(w.size)) + "），将在浏览器内加载。是否继续？", 1), s("button", {
+		return S(j, (e) => {
+			P?.disconnect(), e && typeof ResizeObserver < "u" && (P = new ResizeObserver(() => {
+				j.value && (N.value = j.value.clientHeight);
+			}), P.observe(e), N.value = e.clientHeight);
+		}, { flush: "post" }), S(() => E.url, Ot, { immediate: !0 }), ee(() => {
+			clearTimeout(K), P?.disconnect();
+		}), Ve({ copyText: () => k.value.join("\n") }), (t, n) => (g(), l("div", ae, [D.value === "loading" ? (g(), l("p", oe, "正在加载…")) : D.value === "gate" ? (g(), l("div", se, [u("p", null, "该文件较大（" + v(y(e)(E.size)) + "），将在浏览器内加载。是否继续？", 1), u("button", {
 			type: "button",
 			class: "log__btn",
-			onClick: $
-		}, "加载并预览")])) : T.value === "error" ? (m(), o("div", oe, [s("p", null, "加载失败：" + g(E.value), 1), s("button", {
+			onClick: Dt
+		}, "加载并预览")])) : D.value === "error" ? (g(), l("div", ce, [u("p", null, "加载失败：" + v(O.value), 1), u("button", {
 			type: "button",
 			class: "log__btn",
-			onClick: $
-		}, "重试")])) : (m(), o(r, { key: 3 }, [s("div", se, [
-			s("div", ce, [x(s("input", {
-				"onUpdate:modelValue": i[0] ||= (e) => H.value = e,
+			onClick: Dt
+		}, "重试")])) : (g(), l(o, { key: 3 }, [u("div", le, [
+			u("div", ue, [C(u("input", {
+				"onUpdate:modelValue": n[0] ||= (e) => W.value = e,
 				class: "log__search",
 				type: "text",
 				placeholder: "搜索…",
 				"aria-label": "搜索",
-				onKeydown: te($e, ["esc"])
-			}, null, 544), [[y, H.value]]), H.value ? (m(), o("button", {
+				onKeydown: re(nt, ["esc"])
+			}, null, 544), [[x, W.value]]), W.value ? (g(), l("button", {
 				key: 0,
 				type: "button",
 				class: "log__clear",
 				title: "清空搜索",
 				"aria-label": "清空搜索",
-				onClick: $e
-			}, [l(t, {
+				onClick: nt
+			}, [f(r, {
 				name: "close",
 				size: 12
-			})])) : a("", !0)]),
-			U.value ? (m(), o("span", le, g(J.value.length ? q.value + 1 : 0) + "/" + g(J.value.length), 1)) : a("", !0),
-			s("button", {
+			})])) : c("", !0)]),
+			G.value ? (g(), l("span", de, v(X.value.length ? Y.value + 1 : 0) + "/" + v(X.value.length), 1)) : c("", !0),
+			u("button", {
 				type: "button",
 				class: "log__nav",
 				title: "上一处",
-				disabled: !J.value.length,
-				onClick: i[1] ||= (e) => xt(-1)
-			}, " ↑ ", 8, ue),
-			s("button", {
+				disabled: !X.value.length,
+				onClick: n[1] ||= (e) => Ct(-1)
+			}, " ↑ ", 8, fe),
+			u("button", {
 				type: "button",
 				class: "log__nav",
 				title: "下一处",
-				disabled: !J.value.length,
-				onClick: i[2] ||= (e) => xt(1)
-			}, " ↓ ", 8, de),
-			s("button", {
+				disabled: !X.value.length,
+				onClick: n[2] ||= (e) => Ct(1)
+			}, " ↓ ", 8, pe),
+			u("button", {
 				type: "button",
-				class: d(["log__nav log__nav--text", { "log__nav--on": G.value }]),
-				disabled: !U.value,
+				class: m(["log__nav log__nav--text", { "log__nav--on": q.value }]),
+				disabled: !G.value,
 				title: "只看匹配行（命中的堆栈整条保留，行间可展开上下文）",
-				onClick: i[3] ||= (e) => G.value = !G.value
-			}, " 过滤 ", 10, fe),
-			s("button", {
+				onClick: n[3] ||= (e) => q.value = !q.value
+			}, " 过滤 ", 10, me),
+			u("button", {
 				type: "button",
-				class: d(["log__nav log__nav--text", { "log__nav--on": K.value }]),
+				class: m(["log__nav log__nav--text", { "log__nav--on": J.value }]),
 				title: "只显示异常/错误行（异常头、ERROR/FATAL、*Exception/*Error 等；可与搜索过滤叠加）",
-				onClick: i[4] ||= (e) => K.value = !K.value
+				onClick: n[4] ||= (e) => J.value = !J.value
 			}, " 只看异常 ", 2),
-			F.value ? (m(), o("button", {
+			R.value ? (g(), l("button", {
 				key: 1,
 				type: "button",
-				class: d(["log__nav log__nav--text", { "log__nav--on": R.value }]),
-				title: `共 ${P.value.length} 处调用堆栈，点击${R.value ? "折叠" : "展开"}全部`,
-				onClick: Ke
-			}, g(R.value ? "折叠堆栈" : "展开堆栈"), 11, pe)) : a("", !0),
-			s("button", {
+				class: m(["log__nav log__nav--text", { "log__nav--on": V.value }]),
+				title: `共 ${L.value.length} 处调用堆栈，点击${V.value ? "折叠" : "展开"}全部`,
+				onClick: Je
+			}, v(V.value ? "折叠堆栈" : "展开堆栈"), 11, he)) : c("", !0),
+			u("button", {
 				type: "button",
-				class: d(["log__nav log__nav--text", { "log__nav--on": V.value || Xe.value.length > 0 }]),
+				class: m(["log__nav log__nav--text", { "log__nav--on": U.value || $e.value.length > 0 }]),
 				title: "按规则给行上色",
-				onClick: i[5] ||= (e) => V.value = !V.value
+				onClick: n[5] ||= (e) => U.value = !U.value
 			}, " 上色 ", 2),
-			i[15] ||= s("span", { class: "log__spacer" }, null, -1),
-			x(s("input", {
-				"onUpdate:modelValue": i[6] ||= (e) => St.value = e,
+			n[15] ||= u("span", { class: "log__spacer" }, null, -1),
+			C(u("input", {
+				"onUpdate:modelValue": n[6] ||= (e) => wt.value = e,
 				class: "log__goto",
 				type: "text",
 				inputmode: "numeric",
 				placeholder: "行号",
 				"aria-label": "跳转到行",
-				onKeydown: te(Ct, ["enter"])
-			}, null, 544), [[y, St.value]]),
-			s("span", me, [c(g(D.value.length) + " 行", 1), F.value ? (m(), o(r, { key: 0 }, [c(" · " + g(P.value.length) + " 堆栈", 1)], 64)) : a("", !0)]),
-			V.value ? (m(), o("div", {
+				onKeydown: re(Tt, ["enter"])
+			}, null, 544), [[x, wt.value]]),
+			u("span", ge, [d(v(k.value.length) + " 行", 1), R.value ? (g(), l(o, { key: 0 }, [d(" · " + v(L.value.length) + " 堆栈", 1)], 64)) : c("", !0)]),
+			U.value ? (g(), l("div", {
 				key: 2,
 				class: "log__overlay",
-				onClick: i[7] ||= (e) => V.value = !1
-			})) : a("", !0),
-			V.value ? (m(), o("div", {
+				onClick: n[7] ||= (e) => U.value = !1
+			})) : c("", !0),
+			U.value ? (g(), l("div", {
 				key: 3,
 				class: "log__rules",
-				onClick: i[9] ||= ne(() => {}, ["stop"])
+				onClick: n[9] ||= ie(() => {}, ["stop"])
 			}, [
-				i[14] ||= s("div", { class: "log__rules-head" }, [s("span", { class: "log__rules-title" }, "行上色规则"), s("span", { class: "log__rules-hint" }, "从上到下，首个匹配生效")], -1),
-				_(B).length ? a("", !0) : (m(), o("p", he, [...i[10] ||= [
-					c(" 还没有规则。添加一条，用关键字或正则给匹配行上色（如 ", -1),
-					s("code", null, "ERROR", -1),
-					c(" 标红）。 ", -1)
+				n[14] ||= u("div", { class: "log__rules-head" }, [u("span", { class: "log__rules-title" }, "行上色规则"), u("span", { class: "log__rules-hint" }, "从上到下，首个匹配生效")], -1),
+				y(H).length ? c("", !0) : (g(), l("p", _e, [...n[10] ||= [
+					d(" 还没有规则。添加一条，用关键字或正则给匹配行上色（如 ", -1),
+					u("code", null, "ERROR", -1),
+					d(" 标红）。 ", -1)
 				]])),
-				(m(!0), o(r, null, ee(_(B), (e, n) => (m(), o("div", {
+				(g(!0), l(o, null, te(y(H), (e, t) => (g(), l("div", {
 					key: e.id,
 					class: "log__rule"
 				}, [
-					x(s("input", {
+					C(u("input", {
 						"onUpdate:modelValue": (t) => e.enabled = t,
 						type: "checkbox",
 						title: "启用该规则"
-					}, null, 8, ge), [[v, e.enabled]]),
-					x(s("input", {
+					}, null, 8, ve), [[b, e.enabled]]),
+					C(u("input", {
 						"onUpdate:modelValue": (t) => e.pattern = t,
-						class: d(["log__rule-pat", { "log__rule-pat--bad": Qe(e) }]),
+						class: m(["log__rule-pat", { "log__rule-pat--bad": tt(e) }]),
 						type: "text",
 						placeholder: "关键字或正则"
-					}, null, 10, _e), [[y, e.pattern]]),
-					s("button", {
+					}, null, 10, ye), [[x, e.pattern]]),
+					u("button", {
 						type: "button",
-						class: d(["log__rule-tog", { "log__rule-tog--on": e.regex }]),
+						class: m(["log__rule-tog", { "log__rule-tog--on": e.regex }]),
 						title: "按正则匹配",
 						onClick: (t) => e.regex = !e.regex
-					}, " .* ", 10, ve),
-					s("button", {
+					}, " .* ", 10, be),
+					u("button", {
 						type: "button",
-						class: d(["log__rule-tog", { "log__rule-tog--on": e.caseSensitive }]),
+						class: m(["log__rule-tog", { "log__rule-tog--on": e.caseSensitive }]),
 						title: "区分大小写",
 						onClick: (t) => e.caseSensitive = !e.caseSensitive
-					}, " Aa ", 10, ye),
-					s("label", be, [
-						x(s("input", {
+					}, " Aa ", 10, xe),
+					u("label", Se, [
+						C(u("input", {
 							"onUpdate:modelValue": (t) => e.bgOn = t,
 							type: "checkbox"
-						}, null, 8, xe), [[v, e.bgOn]]),
-						x(s("input", {
+						}, null, 8, Ce), [[b, e.bgOn]]),
+						C(u("input", {
 							"onUpdate:modelValue": (t) => e.bg = t,
 							type: "color",
 							disabled: !e.bgOn
-						}, null, 8, Se), [[y, e.bg]]),
-						i[11] ||= s("span", null, "底", -1)
+						}, null, 8, we), [[x, e.bg]]),
+						n[11] ||= u("span", null, "底", -1)
 					]),
-					s("label", Ce, [
-						x(s("input", {
+					u("label", Te, [
+						C(u("input", {
 							"onUpdate:modelValue": (t) => e.fgOn = t,
 							type: "checkbox"
-						}, null, 8, we), [[v, e.fgOn]]),
-						x(s("input", {
+						}, null, 8, Ee), [[b, e.fgOn]]),
+						C(u("input", {
 							"onUpdate:modelValue": (t) => e.fg = t,
 							type: "color",
 							disabled: !e.fgOn
-						}, null, 8, Te), [[y, e.fg]]),
-						i[12] ||= s("span", null, "字", -1)
+						}, null, 8, De), [[x, e.fg]]),
+						n[12] ||= u("span", null, "字", -1)
 					]),
-					s("button", {
+					u("button", {
 						type: "button",
 						class: "log__rule-ic",
 						title: "上移",
-						disabled: n === 0,
-						onClick: (t) => _(Ye)(e.id, -1)
-					}, [l(t, {
+						disabled: t === 0,
+						onClick: (t) => y(Qe)(e.id, -1)
+					}, [f(r, {
 						name: "arrowUp",
 						size: 12
-					})], 8, Ee),
-					s("button", {
+					})], 8, Oe),
+					u("button", {
 						type: "button",
 						class: "log__rule-ic",
 						title: "下移",
-						disabled: n === _(B).length - 1,
-						onClick: (t) => _(Ye)(e.id, 1)
-					}, [l(t, {
+						disabled: t === y(H).length - 1,
+						onClick: (t) => y(Qe)(e.id, 1)
+					}, [f(r, {
 						name: "arrowDown",
 						size: 12
-					})], 8, De),
-					s("button", {
+					})], 8, ke),
+					u("button", {
 						type: "button",
 						class: "log__rule-ic log__rule-del",
 						title: "删除",
-						onClick: (t) => _(Je)(e.id)
-					}, [l(t, {
+						onClick: (t) => y(Ze)(e.id)
+					}, [f(r, {
 						name: "trash",
 						size: 12
-					})], 8, Oe)
+					})], 8, Ae)
 				]))), 128)),
-				s("button", {
+				u("button", {
 					type: "button",
 					class: "log__rules-add",
-					onClick: i[8] ||= (...e) => _(qe) && _(qe)(...e)
-				}, [l(t, {
+					onClick: n[8] ||= (...e) => y(Xe) && y(Xe)(...e)
+				}, [f(r, {
 					name: "plus",
 					size: 12
-				}), i[13] ||= c(" 添加规则 ", -1)])
-			])) : a("", !0)
-		]), s("div", {
+				}), n[13] ||= d(" 添加规则 ", -1)])
+			])) : c("", !0)
+		]), u("div", {
 			ref_key: "scrollEl",
-			ref: O,
+			ref: j,
 			class: "log__scroll",
-			onScroll: wt
-		}, [s("div", {
+			onScroll: Et
+		}, [u("div", {
 			class: "log__sizer",
-			style: f({ height: dt.value * S + "px" })
-		}, [s("div", {
+			style: h({ height: mt.value * w + "px" })
+		}, [u("div", {
 			class: "log__rows",
-			style: f({ paddingTop: mt.value * S + "px" })
-		}, [(m(!0), o(r, null, ee(_t.value, (e) => (m(), o("div", {
+			style: h({ paddingTop: _t.value * w + "px" })
+		}, [(g(!0), l(o, null, te(bt.value, (e) => (g(), l("div", {
 			key: e.i,
-			class: d(["log__row", {
+			class: m(["log__row", {
 				log__gaprow: e.isGap,
-				"log__row--active": !e.isGap && e.n - 1 === nt.value,
+				"log__row--active": !e.isGap && e.n - 1 === at.value,
 				"log__row--header": !e.isGap && e.kind === "header",
 				"log__row--frame": !e.isGap && e.kind === "frame",
 				"log__row--context": e.context
 			}]),
-			style: f(!e.isGap && e.style && e.style.bg ? { background: e.style.bg } : void 0)
-		}, [e.isGap ? (m(), o(r, { key: 0 }, [
-			e.size > C ? (m(), o("button", {
+			style: h(!e.isGap && e.style && e.style.bg ? { background: e.style.bg } : void 0)
+		}, [e.isGap ? (g(), l(o, { key: 0 }, [
+			e.size > T ? (g(), l("button", {
 				key: 0,
 				type: "button",
 				class: "log__gapbtn",
 				title: `向下展开 ${e.step} 行（上方匹配之后）`,
-				onClick: (t) => X(e.top, e.bottom, "down")
-			}, [l(t, {
+				onClick: (t) => ft(e.top, e.bottom, "down")
+			}, [f(r, {
 				name: "chevronDown",
 				size: 12
-			})], 8, ke)) : a("", !0),
-			s("button", {
+			})], 8, je)) : c("", !0),
+			u("button", {
 				type: "button",
 				class: "log__gapmain",
 				title: `展开全部 ${e.size} 行`,
-				onClick: (t) => X(e.top, e.bottom, "all")
-			}, " ⋯ " + g(e.size) + " 行 ", 9, Ae),
-			e.size > C ? (m(), o("button", {
+				onClick: (t) => ft(e.top, e.bottom, "all")
+			}, " ⋯ " + v(e.size) + " 行 ", 9, Me),
+			e.size > T ? (g(), l("button", {
 				key: 1,
 				type: "button",
 				class: "log__gapbtn log__gapbtn--up",
 				title: `向上展开 ${e.step} 行（下方匹配之前）`,
-				onClick: (t) => X(e.top, e.bottom, "up")
-			}, [l(t, {
+				onClick: (t) => ft(e.top, e.bottom, "up")
+			}, [f(r, {
 				name: "chevronDown",
 				size: 12
-			})], 8, je)) : a("", !0)
-		], 64)) : (m(), o(r, { key: 1 }, [
-			s("span", Me, g(e.n), 1),
-			F.value ? (m(), o("span", Ne, [e.kind === "header" && !ut.value ? (m(), o("button", {
+			})], 8, Ne)) : c("", !0)
+		], 64)) : (g(), l(o, { key: 1 }, [
+			u("span", Pe, v(e.n), 1),
+			R.value ? (g(), l("span", Fe, [e.kind === "header" && !pt.value ? (g(), l("button", {
 				key: 0,
 				type: "button",
 				class: "log__fold",
 				title: e.collapsed ? "展开堆栈" : "折叠堆栈",
-				onClick: (t) => Ge(e.gid)
-			}, [l(t, {
+				onClick: (t) => qe(e.gid)
+			}, [f(r, {
 				name: "chevronRight",
 				size: 12,
-				class: d(["log__chev", { "log__chev--open": !e.collapsed }])
-			}, null, 8, ["class"])], 8, Pe)) : a("", !0)])) : a("", !0),
-			s("span", {
+				class: m(["log__chev", { "log__chev--open": !e.collapsed }])
+			}, null, 8, ["class"])], 8, Ie)) : c("", !0)])) : c("", !0),
+			u("span", {
 				class: "log__tx",
-				style: f(e.style && e.style.fg ? { color: e.style.fg } : void 0),
-				innerHTML: vt(e.text)
-			}, null, 12, Fe),
-			e.kind === "header" && e.collapsed && !ut.value ? (m(), o("button", {
+				style: h(e.style && e.style.fg ? { color: e.style.fg } : void 0)
+			}, [f(y(i), {
+				line: A.value?.lines[e.n - 1] ?? e.text,
+				query: G.value,
+				"mark-class": "log__hit"
+			}, null, 8, ["line", "query"])], 4),
+			e.kind === "header" && e.collapsed && !pt.value ? (g(), l("button", {
 				key: 1,
 				type: "button",
 				class: "log__badge",
 				title: "展开堆栈",
-				onClick: (t) => Ge(e.gid)
-			}, " ⋯ " + g(e.count) + " 帧 ", 9, Ie)) : a("", !0)
+				onClick: (t) => qe(e.gid)
+			}, " ⋯ " + v(e.count) + " 帧 ", 9, Le)) : c("", !0)
 		], 64))], 6))), 128))], 4)], 4)], 544)], 64))]));
 	}
 });
 //#endregion
-export { w as default };
+export { Ve as default };
 
 //# sourceMappingURL=LogViewer.vue_vue_type_script_setup_true_lang.js.map