@l1yp/file-viewer 0.1.4 → 0.1.6

package/dist/components/XlsxViewer.vue_vue_type_script_setup_true_lang.js

@@ -1,44 +1,46 @@
 import { numToCol as e, parseXlsx as t } from "../lib/xlsx.js";
 import { parseXlsxCharts as n } from "../lib/xlsxCharts.js";
 import r from "./XlsxChart.js";
-import { Fragment as i, computed as a, createCommentVNode as o, createElementBlock as s, createElementVNode as c, createTextVNode as l, createVNode as u, defineComponent as d, nextTick as f, normalizeClass as p, normalizeStyle as m, onBeforeUnmount as ee, onMounted as te, openBlock as h, ref as g, renderList as _, toDisplayString as v, watch as ne, withModifiers as y } from "vue";
+import { parseXlsxImages as i } from "../lib/xlsxImages.js";
+import a from "./XlsxImageLayer.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 ee, nextTick as te, normalizeClass as p, normalizeStyle as m, onBeforeUnmount as ne, onMounted as re, openBlock as h, ref as g, renderList as _, shallowRef as ie, toDisplayString as v, watch as ae, withModifiers as y } from "vue";
 //#region src/components/XlsxViewer.vue?vue&type=script&setup=true&lang.ts
-var re = { class: "xv" }, ie = {
+var oe = { class: "xv" }, se = {
 	key: 0,
 	class: "xv__msg"
-}, ae = {
+}, ce = {
 	key: 1,
 	class: "xv__msg xv__msg--error"
-}, oe = { class: "xv__formulabar" }, se = { class: "xv__fb-addr" }, ce = { class: "xv__fb-content" }, le = { class: "xv__grid" }, ue = ["onMousedown", "onMouseenter"], de = ["title", "onClick"], fe = { class: "xv__colhead-text" }, pe = ["onMousedown"], me = ["onMousedown", "onMouseenter"], he = ["title", "onClick"], ge = { class: "xv__rowhead-text" }, _e = ["onMousedown"], ve = [
+}, le = { class: "xv__formulabar" }, ue = { class: "xv__fb-addr" }, de = { class: "xv__fb-content" }, fe = { class: "xv__grid" }, pe = ["onMousedown", "onMouseenter"], me = ["title", "onClick"], he = { class: "xv__colhead-text" }, ge = ["onMousedown"], _e = ["onMousedown", "onMouseenter"], ve = ["title", "onClick"], ye = { class: "xv__rowhead-text" }, be = ["onMousedown"], xe = [
 	"rowspan",
 	"colspan",
 	"onMousedown",
 	"onMouseenter",
 	"onDblclick"
-], ye = { class: "xv__charts" }, be = { class: "xv__status" }, xe = {
+], Se = { class: "xv__charts" }, Ce = { class: "xv__status" }, we = {
 	key: 0,
 	class: "xv__status-sel"
-}, Se = {
+}, Te = {
 	key: 1,
 	class: "xv__status-hint"
-}, Ce = { class: "xv__status-right" }, we = {
+}, Ee = { class: "xv__status-right" }, De = {
 	key: 0,
 	class: "xv__tabbar"
-}, Te = ["disabled"], Ee = ["title", "onClick"], De = ["disabled"], b = 42, x = 22, Oe = 20, ke = 24, Ae = 14, je = 9, S = /*@__PURE__*/ d({
+}, Oe = ["disabled"], ke = ["title", "onClick"], Ae = ["disabled"], b = 42, x = 22, je = 20, Me = 24, Ne = 14, Pe = 9, S = /*@__PURE__*/ ee({
 	__name: "XlsxViewer",
 	props: {
 		url: {},
 		name: {},
 		size: {}
 	},
-	setup(d) {
-		let S = d, C = g("loading"), Me = g(""), Ne = g(null), Pe = g(/* @__PURE__ */ new Map()), w = g(0), Fe = a(() => Ne.value?.sheets ?? []), T = a(() => Fe.value[w.value] ?? null), Ie = {
+	setup(ee) {
+		let S = ee, C = g("loading"), Fe = g(""), Ie = g(null), Le = g(/* @__PURE__ */ new Map()), Re = ie(/* @__PURE__ */ new Map()), ze = s(() => T.value ? Re.value.get(T.value.name) ?? [] : []), Be = s(() => Array.from({ length: k.value + 1 }, (e, t) => B(t + 1))), Ve = s(() => Array.from({ length: (T.value?.rows.length ?? 0) + 1 }, (e, t) => V(t + 1))), w = g(0), He = s(() => Ie.value?.sheets ?? []), T = s(() => He.value[w.value] ?? null), Ue = {
 			colW: {},
 			rowH: {},
 			revealCol: {},
 			revealRow: {},
 			revealAll: !1
-		}, E = g({}), D = a(() => E.value[w.value] ?? Ie);
+		}, E = g({}), D = s(() => E.value[w.value] ?? Ue);
 		function O() {
 			let e = E.value[w.value];
 			return e || (e = {
@@ -49,11 +51,11 @@ var re = { class: "xv" }, ie = {
 				revealAll: !1
 			}, E.value[w.value] = e), e;
 		}
-		let Le = a(() => {
+		let We = s(() => {
 			let e = D.value;
 			return e.revealAll || Object.keys(e.colW).length > 0 || Object.keys(e.rowH).length > 0 || Object.keys(e.revealCol).length > 0 || Object.keys(e.revealRow).length > 0;
 		});
-		function Re() {
+		function Ge() {
 			E.value[w.value] = {
 				colW: {},
 				rowH: {},
@@ -62,10 +64,10 @@ var re = { class: "xv" }, ie = {
 				revealAll: !1
 			}, z();
 		}
-		function ze() {
+		function Ke() {
 			O().revealAll = !D.value.revealAll, z();
 		}
-		let k = a(() => T.value?.colWidths.length ?? 0);
+		let k = s(() => T.value?.colWidths.length ?? 0);
 		function A(e) {
 			return !!T.value?.colHidden[e - 1] && !D.value.revealAll && !D.value.revealCol[e];
 		}
@@ -76,23 +78,23 @@ var re = { class: "xv" }, ie = {
 			return A(e) ? 0 : D.value.colW[e] ?? T.value?.colWidths[e - 1] ?? 80;
 		}
 		function N(e) {
-			return j(e) ? 0 : D.value.rowH[e + 1] ?? T.value?.rows[e]?.height ?? Oe;
+			return j(e) ? 0 : D.value.rowH[e + 1] ?? T.value?.rows[e]?.height ?? je;
 		}
-		let Be = a(() => {
+		let qe = s(() => {
 			let t = [];
 			for (let n = 1; n <= k.value; n++) t.push(e(n));
 			return t;
-		}), P = a(() => T.value?.frozenCols ?? 0), F = a(() => T.value?.frozenRows ?? 0), Ve = a(() => {
+		}), P = s(() => T.value?.frozenCols ?? 0), F = s(() => T.value?.frozenRows ?? 0), Je = s(() => {
 			let e = [], t = b;
 			for (let n = 1; n <= k.value; n++) e[n] = t, t += M(n);
 			return e[k.value + 1] = t, e;
-		}), He = a(() => {
+		}), Ye = s(() => {
 			let e = T.value?.rows ?? [], t = [], n = x;
 			for (let r = 0; r < e.length; r++) t[r + 1] = n, n += N(r);
 			return t[e.length + 1] = n, t;
-		}), Ue = g(null), I = g(null), L = g([]), R = g([]);
-		function We() {
-			let e = Ue.value;
+		}), Xe = g(null), I = g(null), L = g([]), R = g([]);
+		function Ze() {
+			let e = Xe.value;
 			if (!e) return;
 			let t = e.tHead?.rows[0], n = t?.cells, r = [], i = n?.[0]?.getBoundingClientRect().width ?? b;
 			for (let e = 1; e <= k.value; e++) r[e] = i, i += n?.[e]?.getBoundingClientRect().width ?? M(e);
@@ -102,9 +104,9 @@ var re = { class: "xv" }, ie = {
 			o[c + 1] = s, L.value = r, R.value = o;
 		}
 		function z() {
-			L.value = [], R.value = [], f(We);
+			L.value = [], R.value = [], te(Ze);
 		}
-		let B = (e) => L.value[e] ?? Ve.value[e], V = (e) => R.value[e] ?? He.value[e], Ge = a(() => {
+		let B = (e) => L.value[e] ?? Je.value[e], V = (e) => R.value[e] ?? Ye.value[e], Qe = s(() => {
 			let e = /* @__PURE__ */ new Map();
 			if (!T.value) return e;
 			let t = 0;
@@ -114,7 +116,7 @@ var re = { class: "xv" }, ie = {
 				count: n - t
 			}), t = 0);
 			return e;
-		}), Ke = a(() => {
+		}), $e = s(() => {
 			let e = /* @__PURE__ */ new Map(), t = T.value?.rows ?? [], n = 0;
 			for (let r = 0; r < t.length; r++) j(r) ? n ||= r + 1 : (n && e.set(r, {
 				start: n,
@@ -123,25 +125,25 @@ var re = { class: "xv" }, ie = {
 			}), n = 0);
 			return e;
 		});
-		function qe(e) {
+		function et(e) {
 			let t = O();
 			for (let n = e.start; n <= e.end; n++) t.revealCol[n] = !0;
 			z();
 		}
-		function Je(e) {
+		function tt(e) {
 			let t = O();
 			for (let n = e.start; n <= e.end; n++) t.revealRow[n] = !0;
 			z();
 		}
-		let Ye;
-		function Xe(e, t, n) {
+		let nt;
+		function rt(e, t, n) {
 			if (typeof document > "u") {
 				let n = 0;
 				for (let r of e) n += r.codePointAt(0) > 11903 ? t : t * .6;
 				return n;
 			}
-			Ye === void 0 && (Ye = document.createElement("canvas").getContext("2d"));
-			let r = Ye;
+			nt === void 0 && (nt = document.createElement("canvas").getContext("2d"));
+			let r = nt;
 			if (!r) {
 				let n = 0;
 				for (let r of e) n += r.codePointAt(0) > 11903 ? t : t * .6;
@@ -149,15 +151,15 @@ var re = { class: "xv" }, ie = {
 			}
 			return r.font = `${n ? "700 " : ""}${t}px Calibri, 'Segoe UI', system-ui, sans-serif`, r.measureText(e).width;
 		}
-		let Ze = a(() => {
+		let it = s(() => {
 			let e = /* @__PURE__ */ new Map(), t = T.value?.rows ?? [];
 			for (let n = 0; n < t.length; n++) {
 				let r = t[n].cells;
 				for (let t = 0; t < r.length; t++) {
 					let i = r[t];
 					if (!i.text.trim() || i.wrap || A(i.col) || i.colSpan > 1 || i.rowSpan > 1) continue;
-					let a = M(i.col), o = Xe(i.text, i.fontSize ?? 16, i.bold);
-					if (o <= a - je) continue;
+					let a = M(i.col), o = rt(i.text, i.fontSize ?? 16, i.bold);
+					if (o <= a - Pe) continue;
 					let s = 0, c = i.col + i.colSpan;
 					for (let e = t + 1; e < r.length; e++) {
 						let t = r[e];
@@ -185,38 +187,38 @@ var re = { class: "xv" }, ie = {
 			}
 			return e;
 		});
-		function Qe(e, t) {
-			let n = Ze.value.get(`${t}:${e.col}`);
+		function at(e, t) {
+			let n = it.value.get(`${t}:${e.col}`);
 			if (n) return {
 				maxWidth: `${n.w}px`,
 				marginLeft: `${-n.left}px`,
 				textAlign: e.align ?? "left"
 			};
 		}
-		function $e(e) {
+		function ot(e) {
 			return P.value > 0 && e === P.value;
 		}
-		function et(e) {
+		function st(e) {
 			return F.value > 0 && e + 1 === F.value;
 		}
-		function tt(e, t) {
+		function ct(e, t) {
 			let n = t + 1, r = e.col <= P.value, i = n <= F.value, a = {
-				color: e.color,
-				backgroundColor: e.bg,
-				textAlign: Ze.value.has(`${t}:${e.col}`) ? "left" : e.align,
+				color: e.color ?? (e.bg ? "#1a1a1a" : void 0),
+				backgroundColor: e.bg ?? (e.color ? "#fff" : void 0),
+				textAlign: it.value.has(`${t}:${e.col}`) ? "left" : e.align,
 				verticalAlign: e.valign,
 				fontSize: e.fontSize ? `${e.fontSize}px` : void 0
 			};
-			return r && (a.left = `${B(e.col)}px`), i && (a.top = `${V(n)}px`), (r || i) && (a.backgroundColor = e.bg || "#fff"), a;
+			return r && (a.left = `${B(e.col)}px`), i && (a.top = `${V(n)}px`), (r || i) && (a.backgroundColor ??= "var(--surface)"), a;
 		}
-		function nt(e) {
+		function lt(e) {
 			return e + 1 <= F.value ? { top: `${V(e + 1)}px` } : {};
 		}
-		function rt(e) {
+		function ut(e) {
 			return e <= P.value ? { left: `${B(e)}px` } : {};
 		}
 		let H = null;
-		function it(e, t) {
+		function dt(e, t) {
 			H = {
 				kind: "col",
 				index: e,
@@ -224,7 +226,7 @@ var re = { class: "xv" }, ie = {
 				startSize: M(e)
 			}, document.body.style.cursor = "col-resize";
 		}
-		function at(e, t) {
+		function ft(e, t) {
 			H = {
 				kind: "row",
 				index: e,
@@ -232,29 +234,29 @@ var re = { class: "xv" }, ie = {
 				startSize: N(e - 1)
 			}, document.body.style.cursor = "row-resize";
 		}
-		function ot(e) {
+		function pt(e) {
 			if (!H) return;
 			let t = O();
-			H.kind === "col" ? t.colW[H.index] = Math.max(ke, Math.round(H.startSize + (e.clientX - H.startPos))) : t.rowH[H.index] = Math.max(Ae, Math.round(H.startSize + (e.clientY - H.startPos)));
+			H.kind === "col" ? t.colW[H.index] = Math.max(Me, Math.round(H.startSize + (e.clientX - H.startPos))) : t.rowH[H.index] = Math.max(Ne, Math.round(H.startSize + (e.clientY - H.startPos)));
 		}
-		function st() {
+		function mt() {
 			H && (H = null, document.body.style.cursor = "", z());
 		}
 		let U = g([]), W = !1, G = "cell";
 		function K() {
 			return U.value[U.value.length - 1] ?? null;
 		}
-		function ct() {
+		function ht() {
 			return Math.max(0, (T.value?.rows.length ?? 1) - 1);
 		}
-		function lt() {
+		function gt() {
 			return Math.max(1, k.value);
 		}
 		let q = g(null);
-		function ut(e, t) {
+		function _t(e, t) {
 			return !!q.value && q.value.r === e && q.value.c === t;
 		}
-		function dt(e, t, n, r, i) {
+		function vt(e, t, n, r, i) {
 			if (q.value = null, e.shiftKey && U.value.length) {
 				let e = U.value.slice();
 				e[e.length - 1] = {
@@ -273,15 +275,15 @@ var re = { class: "xv" }, ie = {
 			}];
 			W = !0, G = t, I.value?.focus({ preventScroll: !0 });
 		}
-		function ft(e, t, n) {
-			if (n.button !== 0 || ut(e, t)) return;
+		function yt(e, t, n) {
+			if (n.button !== 0 || _t(e, t)) return;
 			let r = {
 				r: e,
 				c: t
 			};
-			dt(n, "cell", r, r, K()?.a ?? r);
+			vt(n, "cell", r, r, K()?.a ?? r);
 		}
-		function pt(e, t) {
+		function bt(e, t) {
 			q.value = {
 				r: e,
 				c: t
@@ -297,16 +299,16 @@ var re = { class: "xv" }, ie = {
 				kind: "cell"
 			}];
 		}
-		function mt(e, t) {
+		function xt(e, t) {
 			let n = U.value;
 			if (!n.length) return;
 			let r = n[n.length - 1], i;
 			i = G === "col" ? {
-				r: ct(),
+				r: ht(),
 				c: t
 			} : G === "row" ? {
 				r: e,
-				c: lt()
+				c: gt()
 			} : {
 				r: e,
 				c: t
@@ -318,43 +320,43 @@ var re = { class: "xv" }, ie = {
 				kind: G
 			}, U.value = a;
 		}
-		function ht(e, t) {
-			W && mt(e, t);
+		function St(e, t) {
+			W && xt(e, t);
 		}
-		function gt() {
+		function Ct() {
 			W = !1;
 		}
-		function _t(e, t) {
-			t.button === 0 && dt(t, "col", {
+		function wt(e, t) {
+			t.button === 0 && vt(t, "col", {
 				r: 0,
 				c: e
 			}, {
-				r: ct(),
+				r: ht(),
 				c: e
 			}, {
 				r: 0,
 				c: K()?.a.c ?? e
 			});
 		}
-		function vt(e) {
-			W && G === "col" && mt(0, e);
+		function Tt(e) {
+			W && G === "col" && xt(0, e);
 		}
-		function yt(e, t) {
-			t.button === 0 && dt(t, "row", {
+		function Et(e, t) {
+			t.button === 0 && vt(t, "row", {
 				r: e,
 				c: 1
 			}, {
 				r: e,
-				c: lt()
+				c: gt()
 			}, {
 				r: K()?.a.r ?? e,
 				c: 1
 			});
 		}
-		function bt(e) {
-			W && G === "row" && mt(e, 1);
+		function Dt(e) {
+			W && G === "row" && xt(e, 1);
 		}
-		function xt(e, t) {
+		function Ot(e, t) {
 			let n = T.value?.rows.length ?? 0, r = e;
 			for (let i = 0; i < n; i++) {
 				if (r += t, r < 0 || r >= n) return e;
@@ -362,7 +364,7 @@ var re = { class: "xv" }, ie = {
 			}
 			return e;
 		}
-		function St(e, t) {
+		function kt(e, t) {
 			let n = k.value, r = e;
 			for (let i = 0; i < n; i++) {
 				if (r += t, r < 1 || r > n) return e;
@@ -371,7 +373,7 @@ var re = { class: "xv" }, ie = {
 			return e;
 		}
 		function J(e, t) {
-			f(() => {
+			te(() => {
 				let n = I.value;
 				if (!n) return;
 				let r = B(t), i = B(t + 1), a = V(e + 1), o = V(e + 2);
@@ -384,7 +386,7 @@ var re = { class: "xv" }, ie = {
 				r - l < n.scrollLeft ? n.scrollLeft = r - l : i > n.scrollLeft + n.clientWidth && (n.scrollLeft = i - n.clientWidth), a - u < n.scrollTop ? n.scrollTop = a - u : o > n.scrollTop + n.clientHeight && (n.scrollTop = o - n.clientHeight);
 			});
 		}
-		function Ct(e) {
+		function At(e) {
 			if (q.value) {
 				e.key === "Escape" && (q.value = null, e.preventDefault());
 				return;
@@ -410,7 +412,7 @@ var re = { class: "xv" }, ie = {
 					}], J(0, 1);
 					return;
 				}
-				let [r, i] = t[e.key], a = e.shiftKey ? n.f : n.a, o = r ? xt(a.r, r) : a.r, s = i ? St(a.c, i) : a.c;
+				let [r, i] = t[e.key], a = e.shiftKey ? n.f : n.a, o = r ? Ot(a.r, r) : a.r, s = i ? kt(a.c, i) : a.c;
 				U.value = e.shiftKey ? [{
 					a: n.a,
 					f: {
@@ -432,7 +434,7 @@ var re = { class: "xv" }, ie = {
 			} else if (e.key === "Enter") {
 				if (!n) return;
 				e.preventDefault();
-				let t = xt(n.a.r, e.shiftKey ? -1 : 1);
+				let t = Ot(n.a.r, e.shiftKey ? -1 : 1);
 				U.value = [{
 					a: {
 						r: t,
@@ -447,7 +449,7 @@ var re = { class: "xv" }, ie = {
 			} else if (e.key === "Tab") {
 				if (!n) return;
 				e.preventDefault();
-				let t = St(n.a.c, e.shiftKey ? -1 : 1);
+				let t = kt(n.a.c, e.shiftKey ? -1 : 1);
 				U.value = [{
 					a: {
 						r: n.a.r,
@@ -461,7 +463,7 @@ var re = { class: "xv" }, ie = {
 				}], J(n.a.r, t);
 			} else e.key === "Escape" && (U.value = []);
 		}
-		let wt = a(() => {
+		let jt = s(() => {
 			let e = [], t = T.value?.rows ?? [];
 			for (let n = 0; n < t.length; n++) for (let r of t[n].cells) (r.colSpan > 1 || r.rowSpan > 1) && e.push({
 				r0: n,
@@ -471,10 +473,10 @@ var re = { class: "xv" }, ie = {
 			});
 			return e;
 		});
-		function Tt(e) {
+		function Mt(e) {
 			let t = Math.min(e.a.r, e.f.r), n = Math.max(e.a.r, e.f.r), r = Math.min(e.a.c, e.f.c), i = Math.max(e.a.c, e.f.c);
 			if (e.kind === "cell") {
-				let e = wt.value;
+				let e = jt.value;
 				for (let a = 0; a <= e.length; a++) {
 					let a = !1;
 					for (let o of e) o.r0 > n || o.r1 < t || o.c0 > i || o.c1 < r || (o.r0 < t && (t = o.r0, a = !0), o.r1 > n && (n = o.r1, a = !0), o.c0 < r && (r = o.c0, a = !0), o.c1 > i && (i = o.c1, a = !0));
@@ -488,10 +490,10 @@ var re = { class: "xv" }, ie = {
 				maxC: i
 			};
 		}
-		let Y = a(() => U.value.map(Tt)), Et = a(() => {
+		let Y = s(() => U.value.map(Mt)), Nt = s(() => {
 			let e = K();
-			return e ? Tt(e) : null;
-		}), Dt = a(() => {
+			return e ? Mt(e) : null;
+		}), Pt = s(() => {
 			let e = [];
 			for (let t of Y.value) {
 				let n = B(t.minC), r = B(t.maxC + 1), i = V(t.minR + 1), a = V(t.maxR + 2);
@@ -504,23 +506,23 @@ var re = { class: "xv" }, ie = {
 			}
 			return e;
 		});
-		function Ot(e, t) {
+		function Ft(e, t) {
 			let n = t, r = t + e.rowSpan - 1, i = e.col, a = e.col + e.colSpan - 1;
 			for (let e of Y.value) if (r >= e.minR && n <= e.maxR && a >= e.minC && i <= e.maxC) return !0;
 			return !1;
 		}
-		function kt(e) {
+		function It(e) {
 			if (!e) return null;
 			let t = Number(e.replace(/,/g, "").trim());
 			return Number.isFinite(t) ? t : null;
 		}
-		let X = a(() => {
-			let t = T.value, n = Et.value;
+		let X = s(() => {
+			let t = T.value, n = Nt.value;
 			if (!t || !n) return null;
 			let r = 0, i = 0;
 			for (let e = 0; e < t.rows.length; e++) for (let n of t.rows[e].cells) {
-				if (!Ot(n, e)) continue;
-				let t = kt(n.text);
+				if (!Ft(n, e)) continue;
+				let t = It(n.text);
 				t != null && (r += t, i++);
 			}
 			let a = (n.maxR - n.minR + 1) * (n.maxC - n.minC + 1);
@@ -532,29 +534,29 @@ var re = { class: "xv" }, ie = {
 				avg: i ? r / i : 0
 			};
 		});
-		function At(e) {
+		function Lt(e) {
 			return (Math.round(e * 1e3) / 1e3).toLocaleString("en-US");
 		}
-		function jt(e) {
+		function Rt(e) {
 			for (let t of Y.value) if (e >= t.minC && e <= t.maxC) return !0;
 			return !1;
 		}
-		function Mt(e) {
+		function zt(e) {
 			for (let t of Y.value) if (e >= t.minR && e <= t.maxR) return !0;
 			return !1;
 		}
-		function Nt(e, t) {
+		function Bt(e, t) {
 			return T.value?.rows[e]?.cells.find((e) => e.col === t) ?? null;
 		}
-		let Pt = a(() => {
+		let Vt = s(() => {
 			let t = K()?.a;
 			return t ? `${e(t.c)}${t.r + 1}` : "";
-		}), Ft = a(() => {
+		}), Ht = s(() => {
 			let e = K()?.a;
 			if (!e) return "";
-			let t = Nt(e.r, e.c);
+			let t = Bt(e.r, e.c);
 			return t ? t.formula ? `=${t.formula}` : t.text : "";
-		}), It = a(() => T.value ? Pe.value.get(T.value.name) ?? [] : []), Lt = a(() => It.value.map((e) => {
+		}), Ut = s(() => T.value ? Le.value.get(T.value.name) ?? [] : []), Wt = s(() => Ut.value.map((e) => {
 			let t = e.anchor.fromCol + 1, n = e.anchor.fromRow + 1;
 			return {
 				chart: e,
@@ -563,157 +565,160 @@ var re = { class: "xv" }, ie = {
 				width: e.anchor.wPx,
 				height: e.anchor.hPx
 			};
-		})), Z = g(null), Q = g(!1), Rt = g(!0), zt = g(!1);
-		function $() {
+		})), Z = g(null), Gt = g(!1), Kt = g(!0), qt = g(!1);
+		function Q() {
 			let e = Z.value;
 			if (!e) {
-				Q.value = !1;
+				Gt.value = !1;
 				return;
 			}
 			let t = e.scrollWidth - e.clientWidth;
-			Q.value = t > 1, Rt.value = e.scrollLeft <= 1, zt.value = e.scrollLeft >= t - 1;
+			Gt.value = t > 1, Kt.value = e.scrollLeft <= 1, qt.value = e.scrollLeft >= t - 1;
 		}
-		function Bt(e) {
+		function Jt(e) {
 			let t = Z.value;
 			t && t.scrollBy({
 				left: e * Math.max(120, t.clientWidth * .7),
 				behavior: "smooth"
 			});
 		}
-		function Vt(e) {
+		function Yt(e) {
 			let t = Z.value;
 			if (!t || t.scrollWidth <= t.clientWidth) return;
 			let n = Math.abs(e.deltaY) > Math.abs(e.deltaX) ? e.deltaY : e.deltaX;
-			n && (t.scrollLeft += n, e.preventDefault(), $());
+			n && (t.scrollLeft += n, e.preventDefault(), Q());
 		}
-		function Ht() {
-			f(() => {
+		function Xt() {
+			te(() => {
 				Z.value?.querySelector(".xv__tab--on")?.scrollIntoView({
 					inline: "nearest",
 					block: "nearest"
-				}), $();
+				}), Q();
 			});
 		}
-		let Ut = null;
-		ne(Z, (e) => {
-			Ut?.disconnect(), e && typeof ResizeObserver < "u" && (Ut = new ResizeObserver($), Ut.observe(e), $());
+		let Zt = null;
+		ae(Z, (e) => {
+			Zt?.disconnect(), e && typeof ResizeObserver < "u" && (Zt = new ResizeObserver(Q), Zt.observe(e), Q());
 		});
-		async function Wt() {
+		let $ = 0;
+		async function Qt() {
+			let e = ++$;
 			if (!S.url) return;
-			C.value = "loading", Me.value = "", Ne.value = null, Pe.value = /* @__PURE__ */ new Map(), E.value = {}, U.value = [], q.value = null, w.value = 0, L.value = [], R.value = [];
-			let e = S.url;
+			C.value = "loading", Fe.value = "", Ie.value = null, Le.value = /* @__PURE__ */ new Map(), Re.value = /* @__PURE__ */ new Map(), E.value = {}, U.value = [], q.value = null, w.value = 0, L.value = [], R.value = [];
+			let r = S.url;
 			try {
-				let r = await fetch(e);
-				if (!r.ok) throw Error(`HTTP ${r.status}`);
-				let i = await r.arrayBuffer();
-				if (S.url !== e) return;
-				let a = await t(i);
-				if (S.url !== e) return;
-				Ne.value = a, C.value = "ready", z();
-				try {
-					let t = await n(i);
-					S.url === e && (Pe.value = t, z());
-				} catch {}
-			} catch (e) {
-				Me.value = e instanceof Error ? e.message : String(e), C.value = "error";
+				let a = await fetch(r);
+				if (!a.ok) throw Error(`HTTP ${a.status}`);
+				let o = await a.arrayBuffer();
+				if (e !== $) return;
+				let s = await t(o);
+				if (e !== $) return;
+				Ie.value = s, C.value = "ready", z(), await Promise.allSettled([n(o).then((t) => {
+					e === $ && (Le.value = t);
+				}), i(o).then((t) => {
+					e === $ && (Re.value = t);
+				})]);
+			} catch (t) {
+				if (e !== $) return;
+				Fe.value = t instanceof Error ? t.message : String(t), C.value = "error";
 			}
 		}
-		ne(w, () => {
+		ae(w, () => {
 			U.value = [], q.value = null, L.value = [], R.value = [];
 			let e = I.value;
-			e && (e.scrollTop = 0, e.scrollLeft = 0), z(), Ht();
-		}), te(() => {
-			Wt(), window.addEventListener("mousemove", ot), window.addEventListener("mouseup", Gt);
-		}), ee(() => {
-			window.removeEventListener("mousemove", ot), window.removeEventListener("mouseup", Gt), Ut?.disconnect();
+			e && (e.scrollTop = 0, e.scrollLeft = 0), z(), Xt();
+		}), re(() => {
+			Qt(), window.addEventListener("mousemove", pt), window.addEventListener("mouseup", $t);
+		}), ne(() => {
+			$++, window.removeEventListener("mousemove", pt), window.removeEventListener("mouseup", $t), Zt?.disconnect();
 		});
-		function Gt() {
-			st(), gt();
+		function $t() {
+			mt(), Ct();
 		}
-		return ne(() => S.url, Wt), (e, t) => (h(), s("div", re, [C.value === "loading" ? (h(), s("p", ie, "正在解析表格…")) : C.value === "error" ? (h(), s("div", ae, [c("p", null, "解析失败：" + v(Me.value), 1), c("button", {
+		return ae(() => S.url, Qt), (e, t) => (h(), l("div", oe, [C.value === "loading" ? (h(), l("p", se, "正在解析表格…")) : C.value === "error" ? (h(), l("div", ce, [u("p", null, "解析失败：" + v(Fe.value), 1), u("button", {
 			type: "button",
 			class: "xv__retry",
-			onClick: Wt
-		}, "重试")])) : C.value === "ready" && T.value ? (h(), s(i, { key: 2 }, [
-			c("div", oe, [c("span", se, v(Pt.value || "—"), 1), c("span", ce, v(Ft.value), 1)]),
-			c("div", {
+			onClick: Qt
+		}, "重试")])) : C.value === "ready" && T.value ? (h(), l(o, { key: 2 }, [
+			u("div", le, [u("span", ue, v(Vt.value || "—"), 1), u("span", de, v(Ht.value), 1)]),
+			u("div", {
 				ref_key: "scrollEl",
 				ref: I,
 				class: "xv__scroll",
 				tabindex: "0",
-				onKeydown: Ct
-			}, [c("div", le, [
-				c("table", {
+				onKeydown: At
+			}, [u("div", fe, [
+				u("table", {
 					ref_key: "tableEl",
-					ref: Ue,
+					ref: Xe,
 					class: "xv__table",
-					style: m({ width: Ve.value[k.value + 1] + "px" })
+					style: m({ width: Je.value[k.value + 1] + "px" })
 				}, [
-					c("colgroup", null, [t[4] ||= c("col", { class: "xv__rowhead-col" }, null, -1), (h(!0), s(i, null, _(k.value, (e) => (h(), s("col", {
+					u("colgroup", null, [t[4] ||= u("col", { class: "xv__rowhead-col" }, null, -1), (h(!0), l(o, null, _(k.value, (e) => (h(), l("col", {
 						key: e,
 						style: m({
 							width: M(e) + "px",
 							minWidth: M(e) + "px"
 						})
 					}, null, 4))), 128))]),
-					c("thead", null, [c("tr", null, [t[5] ||= c("th", { class: "xv__corner" }, null, -1), (h(!0), s(i, null, _(Be.value, (e, n) => (h(), s("th", {
+					u("thead", null, [u("tr", null, [t[5] ||= u("th", { class: "xv__corner" }, null, -1), (h(!0), l(o, null, _(qe.value, (e, n) => (h(), l("th", {
 						key: n,
 						class: p(["xv__colhead", {
 							"xv__colhead--coll": A(n + 1),
 							"xv__colhead--frz": n + 1 <= P.value,
-							"xv__colhead--frzedge": $e(n + 1),
-							"xv__colhead--sel": jt(n + 1)
+							"xv__colhead--frzedge": ot(n + 1),
+							"xv__colhead--sel": Rt(n + 1)
 						}]),
-						style: m(rt(n + 1)),
+						style: m(ut(n + 1)),
 						title: "点击选中整列 · 拖动选多列 · Shift 连选 · Ctrl 多选",
-						onMousedown: (e) => _t(n + 1, e),
-						onMouseenter: (e) => vt(n + 1)
+						onMousedown: (e) => wt(n + 1, e),
+						onMouseenter: (e) => Tt(n + 1)
 					}, [
-						Ge.value.get(n + 1) ? (h(), s("button", {
+						Qe.value.get(n + 1) ? (h(), l("button", {
 							key: 0,
 							type: "button",
 							class: "xv__expander xv__expander--col",
-							title: `展开 ${Ge.value.get(n + 1).count} 个隐藏列`,
+							title: `展开 ${Qe.value.get(n + 1).count} 个隐藏列`,
 							onMousedown: t[0] ||= y(() => {}, ["stop"]),
-							onClick: y((e) => qe(Ge.value.get(n + 1)), ["stop"])
-						}, " ›‹ ", 40, de)) : o("", !0),
-						c("span", fe, v(e), 1),
-						c("span", {
+							onClick: y((e) => et(Qe.value.get(n + 1)), ["stop"])
+						}, " ›‹ ", 40, me)) : c("", !0),
+						u("span", he, v(e), 1),
+						u("span", {
 							class: "xv__col-resize",
 							title: "拖动调整列宽",
-							onMousedown: y((e) => it(n + 1, e), ["stop", "prevent"])
-						}, null, 40, pe)
-					], 46, ue))), 128))])]),
-					c("tbody", null, [(h(!0), s(i, null, _(T.value.rows, (e, n) => (h(), s("tr", {
+							onMousedown: y((e) => dt(n + 1, e), ["stop", "prevent"])
+						}, null, 40, ge)
+					], 46, pe))), 128))])]),
+					u("tbody", null, [(h(!0), l(o, null, _(T.value.rows, (e, n) => (h(), l("tr", {
 						key: n,
 						class: p({ "xv__row--coll": j(n) }),
 						style: m({ height: N(n) + "px" })
-					}, [c("th", {
+					}, [u("th", {
 						class: p(["xv__rowhead", {
 							"xv__rowhead--frz": n + 1 <= F.value,
-							"xv__rowhead--frzedge": et(n),
-							"xv__rowhead--sel": Mt(n)
+							"xv__rowhead--frzedge": st(n),
+							"xv__rowhead--sel": zt(n)
 						}]),
-						style: m(nt(n)),
+						style: m(lt(n)),
 						title: "点击选中整行 · 拖动选多行 · Shift 连选 · Ctrl 多选",
-						onMousedown: (e) => yt(n, e),
-						onMouseenter: (e) => bt(n)
+						onMousedown: (e) => Et(n, e),
+						onMouseenter: (e) => Dt(n)
 					}, [
-						Ke.value.get(n) ? (h(), s("button", {
+						$e.value.get(n) ? (h(), l("button", {
 							key: 0,
 							type: "button",
 							class: "xv__expander xv__expander--row",
-							title: `展开 ${Ke.value.get(n).count} 个隐藏行`,
+							title: `展开 ${$e.value.get(n).count} 个隐藏行`,
 							onMousedown: t[1] ||= y(() => {}, ["stop"]),
-							onClick: y((e) => Je(Ke.value.get(n)), ["stop"])
-						}, " ⌄ ", 40, he)) : o("", !0),
-						c("span", ge, v(e.num), 1),
-						c("span", {
+							onClick: y((e) => tt($e.value.get(n)), ["stop"])
+						}, " ⌄ ", 40, ve)) : c("", !0),
+						u("span", ye, v(e.num), 1),
+						u("span", {
 							class: "xv__row-resize",
 							title: "拖动调整行高",
-							onMousedown: y((t) => at(e.num, t), ["stop", "prevent"])
-						}, null, 40, _e)
-					], 46, me), (h(!0), s(i, null, _(e.cells, (e) => (h(), s("td", {
+							onMousedown: y((t) => ft(e.num, t), ["stop", "prevent"])
+						}, null, 40, be)
+					], 46, _e), (h(!0), l(o, null, _(e.cells, (e) => (h(), l("td", {
 						key: e.col,
 						class: p(["xv__cell", {
 							"xv__cell--bold": e.bold,
@@ -728,29 +733,38 @@ var re = { class: "xv" }, ie = {
 							"xv__cell--coll": A(e.col),
 							"xv__cell--frz-col": e.col <= P.value,
 							"xv__cell--frz-row": n + 1 <= F.value,
-							"xv__cell--frzedge-col": $e(e.col),
-							"xv__cell--frzedge-row": et(n),
-							"xv__cell--edit": ut(n, e.col),
-							"xv__cell--spill": Ze.value.has(`${n}:${e.col}`),
-							"xv__cell--sel": Ot(e, n)
+							"xv__cell--frzedge-col": ot(e.col),
+							"xv__cell--frzedge-row": st(n),
+							"xv__cell--edit": _t(n, e.col),
+							"xv__cell--spill": it.value.has(`${n}:${e.col}`),
+							"xv__cell--sel": Ft(e, n)
 						}]),
 						rowspan: e.rowSpan > 1 ? e.rowSpan : void 0,
 						colspan: e.colSpan > 1 ? e.colSpan : void 0,
-						style: m(tt(e, n)),
-						onMousedown: (t) => ft(n, e.col, t),
-						onMouseenter: (t) => ht(n, e.col),
-						onDblclick: (t) => pt(n, e.col)
-					}, [c("span", {
+						style: m(ct(e, n)),
+						onMousedown: (t) => yt(n, e.col, t),
+						onMouseenter: (t) => St(n, e.col),
+						onDblclick: (t) => bt(n, e.col)
+					}, [u("span", {
 						class: "xv__cellt",
-						style: m(Qe(e, n))
-					}, v(e.text), 5)], 46, ve))), 128))], 6))), 128))])
+						style: m(at(e, n))
+					}, v(e.text), 5)], 46, xe))), 128))], 6))), 128))])
 				], 4),
-				(h(!0), s(i, null, _(Dt.value, (e, t) => (h(), s("div", {
+				(h(!0), l(o, null, _(Pt.value, (e, t) => (h(), l("div", {
 					key: t,
 					class: "xv__sel",
 					style: m(e)
 				}, null, 4))), 128)),
-				c("div", ye, [(h(!0), s(i, null, _(Lt.value, (e, t) => (h(), s("div", {
+				f(a, {
+					images: ze.value,
+					"column-edges": Be.value,
+					"row-edges": Ve.value
+				}, null, 8, [
+					"images",
+					"column-edges",
+					"row-edges"
+				]),
+				u("div", Se, [(h(!0), l(o, null, _(Wt.value, (e, t) => (h(), l("div", {
 					key: t,
 					class: "xv__chart",
 					style: m({
@@ -759,50 +773,50 @@ var re = { class: "xv" }, ie = {
 						width: e.width + "px",
 						height: e.height + "px"
 					})
-				}, [u(r, { chart: e.chart }, null, 8, ["chart"])], 4))), 128))])
+				}, [f(r, { chart: e.chart }, null, 8, ["chart"])], 4))), 128))])
 			])], 544),
-			c("div", be, [X.value ? (h(), s("span", xe, [l(v(X.value.addr) + " ", 1), X.value.numCount > 0 ? (h(), s(i, { key: 0 }, [l(" · 计数 " + v(X.value.numCount) + " · 求和 " + v(At(X.value.sum)) + " ", 1), X.value.numCount > 1 ? (h(), s(i, { key: 0 }, [l(" · 平均 " + v(At(X.value.avg)), 1)], 64)) : o("", !0)], 64)) : o("", !0)])) : (h(), s("span", Se, "拖动 / 方向键选择 · Shift 连选 · Ctrl 多选 · 点击或拖动行列头选整行/列 · 双击编辑文本 · 拖行列头边缘调尺寸")), c("span", Ce, [c("button", {
+			u("div", Ce, [X.value ? (h(), l("span", we, [d(v(X.value.addr) + " ", 1), X.value.numCount > 0 ? (h(), l(o, { key: 0 }, [d(" · 计数 " + v(X.value.numCount) + " · 求和 " + v(Lt(X.value.sum)) + " ", 1), X.value.numCount > 1 ? (h(), l(o, { key: 0 }, [d(" · 平均 " + v(Lt(X.value.avg)), 1)], 64)) : c("", !0)], 64)) : c("", !0)])) : (h(), l("span", Te, "拖动 / 方向键选择 · Shift 连选 · Ctrl 多选 · 点击或拖动行列头选整行/列 · 双击编辑文本 · 拖行列头边缘调尺寸")), u("span", Ee, [u("button", {
 				type: "button",
 				class: p(["xv__status-btn", { "xv__status-btn--on": D.value.revealAll }]),
-				onClick: ze
-			}, v(D.value.revealAll ? "折叠隐藏行列" : "显示隐藏行列"), 3), Le.value ? (h(), s("button", {
+				onClick: Ke
+			}, v(D.value.revealAll ? "折叠隐藏行列" : "显示隐藏行列"), 3), We.value ? (h(), l("button", {
 				key: 0,
 				type: "button",
 				class: "xv__status-btn",
-				onClick: Re
-			}, " 复位 ")) : o("", !0)])]),
-			Fe.value.length > 1 ? (h(), s("div", we, [
-				Q.value ? (h(), s("button", {
+				onClick: Ge
+			}, " 复位 ")) : c("", !0)])]),
+			He.value.length > 1 ? (h(), l("div", De, [
+				Gt.value ? (h(), l("button", {
 					key: 0,
 					type: "button",
 					class: "xv__tabscroll",
-					disabled: Rt.value,
+					disabled: Kt.value,
 					title: "向左滚动标签",
-					onClick: t[2] ||= (e) => Bt(-1)
-				}, " ‹ ", 8, Te)) : o("", !0),
-				c("div", {
+					onClick: t[2] ||= (e) => Jt(-1)
+				}, " ‹ ", 8, Oe)) : c("", !0),
+				u("div", {
 					ref_key: "tabsEl",
 					ref: Z,
 					class: "xv__tabs",
-					onScroll: $,
-					onWheel: Vt
-				}, [(h(!0), s(i, null, _(Fe.value, (e, t) => (h(), s("button", {
+					onScroll: Q,
+					onWheel: Yt
+				}, [(h(!0), l(o, null, _(He.value, (e, t) => (h(), l("button", {
 					key: t,
 					type: "button",
 					class: p(["xv__tab", { "xv__tab--on": t === w.value }]),
 					title: e.name,
 					onClick: (e) => w.value = t
-				}, v(e.name), 11, Ee))), 128))], 544),
-				Q.value ? (h(), s("button", {
+				}, v(e.name), 11, ke))), 128))], 544),
+				Gt.value ? (h(), l("button", {
 					key: 1,
 					type: "button",
 					class: "xv__tabscroll",
-					disabled: zt.value,
+					disabled: qt.value,
 					title: "向右滚动标签",
-					onClick: t[3] ||= (e) => Bt(1)
-				}, " › ", 8, De)) : o("", !0)
-			])) : o("", !0)
-		], 64)) : o("", !0)]));
+					onClick: t[3] ||= (e) => Jt(1)
+				}, " › ", 8, Ae)) : c("", !0)
+			])) : c("", !0)
+		], 64)) : c("", !0)]));
 	}
 });
 //#endregion