@l1yp/file-viewer 0.1.0

package/dist/components/XlsxViewer.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,814 @@
+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";
+//#region src/components/XlsxViewer.vue?vue&type=script&setup=true&lang.ts
+var re = { class: "xv" }, ie = {
+	key: 0,
+	class: "xv__msg"
+}, ae = {
+	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 = [
+	"rowspan",
+	"colspan",
+	"onMousedown",
+	"onMouseenter",
+	"onDblclick"
+], ye = { class: "xv__charts" }, be = { class: "xv__status" }, xe = {
+	key: 0,
+	class: "xv__status-sel"
+}, Se = {
+	key: 1,
+	class: "xv__status-hint"
+}, Ce = { class: "xv__status-right" }, we = {
+	key: 0,
+	class: "xv__tabbar"
+}, Te = ["disabled"], Ee = ["title", "onClick"], De = ["disabled"], Oe = 42, ke = 22, Ae = 20, je = 24, Me = 14, Ne = 9, b = /*@__PURE__*/ d({
+	__name: "XlsxViewer",
+	props: {
+		url: {},
+		name: {},
+		size: {}
+	},
+	setup(d) {
+		let b = d, x = g("loading"), Pe = g(""), Fe = g(null), Ie = g(/* @__PURE__ */ new Map()), S = g(0), Le = a(() => Fe.value?.sheets ?? []), C = a(() => Le.value[S.value] ?? null), Re = {
+			colW: {},
+			rowH: {},
+			revealCol: {},
+			revealRow: {},
+			revealAll: !1
+		}, w = g({}), T = a(() => w.value[S.value] ?? Re);
+		function E() {
+			let e = w.value[S.value];
+			return e || (e = {
+				colW: {},
+				rowH: {},
+				revealCol: {},
+				revealRow: {},
+				revealAll: !1
+			}, w.value[S.value] = e), e;
+		}
+		let ze = a(() => {
+			let e = T.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 Be() {
+			w.value[S.value] = {
+				colW: {},
+				rowH: {},
+				revealCol: {},
+				revealRow: {},
+				revealAll: !1
+			}, L();
+		}
+		function Ve() {
+			E().revealAll = !T.value.revealAll, L();
+		}
+		let D = a(() => C.value?.colWidths.length ?? 0);
+		function O(e) {
+			return !!C.value?.colHidden[e - 1] && !T.value.revealAll && !T.value.revealCol[e];
+		}
+		function k(e) {
+			return !!C.value?.rows[e]?.hidden && !T.value.revealAll && !T.value.revealRow[e + 1];
+		}
+		function A(e) {
+			return O(e) ? 0 : T.value.colW[e] ?? C.value?.colWidths[e - 1] ?? 80;
+		}
+		function j(e) {
+			return k(e) ? 0 : T.value.rowH[e + 1] ?? C.value?.rows[e]?.height ?? Ae;
+		}
+		let He = a(() => {
+			let t = [];
+			for (let n = 1; n <= D.value; n++) t.push(e(n));
+			return t;
+		}), M = a(() => C.value?.frozenCols ?? 0), N = a(() => C.value?.frozenRows ?? 0), Ue = a(() => {
+			let e = [], t = Oe;
+			for (let n = 1; n <= D.value; n++) e[n] = t, t += A(n);
+			return e[D.value + 1] = t, e;
+		}), We = a(() => {
+			let e = C.value?.rows ?? [], t = [], n = ke;
+			for (let r = 0; r < e.length; r++) t[r + 1] = n, n += j(r);
+			return t[e.length + 1] = n, t;
+		}), Ge = g(null), P = g(null), F = g([]), I = g([]);
+		function Ke() {
+			let e = Ge.value;
+			if (!e) return;
+			let t = e.querySelectorAll("thead th"), n = [];
+			for (let e = 1; e <= D.value; e++) {
+				let r = t[e];
+				r && (n[e] = r.offsetLeft);
+			}
+			let r = t[D.value];
+			r && (n[D.value + 1] = r.offsetLeft + r.offsetWidth);
+			let i = e.querySelectorAll("tbody > tr > th.xv__rowhead"), a = [];
+			for (let e = 0; e < i.length; e++) a[e + 1] = i[e].offsetTop;
+			let o = i[i.length - 1];
+			o && (a[i.length + 1] = o.offsetTop + o.offsetHeight), F.value = n, I.value = a;
+		}
+		function L() {
+			f(Ke);
+		}
+		let R = (e) => F.value[e] ?? Ue.value[e], z = (e) => I.value[e] ?? We.value[e], qe = a(() => {
+			let e = /* @__PURE__ */ new Map();
+			if (!C.value) return e;
+			let t = 0;
+			for (let n = 1; n <= D.value; n++) O(n) ? t ||= n : (t && e.set(n, {
+				start: t,
+				end: n - 1,
+				count: n - t
+			}), t = 0);
+			return e;
+		}), Je = a(() => {
+			let e = /* @__PURE__ */ new Map(), t = C.value?.rows ?? [], n = 0;
+			for (let r = 0; r < t.length; r++) k(r) ? n ||= r + 1 : (n && e.set(r, {
+				start: n,
+				end: r,
+				count: r + 1 - n
+			}), n = 0);
+			return e;
+		});
+		function Ye(e) {
+			let t = E();
+			for (let n = e.start; n <= e.end; n++) t.revealCol[n] = !0;
+			L();
+		}
+		function Xe(e) {
+			let t = E();
+			for (let n = e.start; n <= e.end; n++) t.revealRow[n] = !0;
+			L();
+		}
+		let Ze;
+		function Qe(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;
+			}
+			Ze === void 0 && (Ze = document.createElement("canvas").getContext("2d"));
+			let r = Ze;
+			if (!r) {
+				let n = 0;
+				for (let r of e) n += r.codePointAt(0) > 11903 ? t : t * .6;
+				return n;
+			}
+			return r.font = `${n ? "700 " : ""}${t}px Calibri, 'Segoe UI', system-ui, sans-serif`, r.measureText(e).width;
+		}
+		let B = a(() => {
+			let e = /* @__PURE__ */ new Map(), t = C.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 || O(i.col) || i.colSpan > 1 || i.rowSpan > 1) continue;
+					let a = A(i.col), o = Qe(i.text, i.fontSize ?? 16, i.bold);
+					if (o <= a - Ne) continue;
+					let s = 0, c = i.col + i.colSpan;
+					for (let e = t + 1; e < r.length; e++) {
+						let t = r[e];
+						if (t.col !== c || t.text.trim() !== "") break;
+						c = t.col + t.colSpan, O(t.col) || (s += A(t.col));
+					}
+					let l = 0, u = i.col;
+					for (let e = t - 1; e >= 0; e--) {
+						let t = r[e];
+						if (t.col + t.colSpan !== u || t.text.trim() !== "") break;
+						u = t.col, O(t.col) || (l += A(t.col));
+					}
+					let d, f;
+					if (i.align === "right") d = Math.min(o, a + l), f = d - a;
+					else if (i.align === "center") {
+						d = Math.min(o, a + l + s);
+						let e = d - a;
+						f = Math.min(l, e - Math.min(s, e / 2));
+					} else d = Math.min(o, a + s), f = 0;
+					d > a + .5 && e.set(`${n}:${i.col}`, {
+						w: d,
+						left: f
+					});
+				}
+			}
+			return e;
+		});
+		function $e(e, t) {
+			let n = B.value.get(`${t}:${e.col}`);
+			if (n) return {
+				maxWidth: `${n.w}px`,
+				marginLeft: `${-n.left}px`,
+				textAlign: e.align ?? "left"
+			};
+		}
+		function et(e) {
+			return M.value > 0 && e === M.value;
+		}
+		function tt(e) {
+			return N.value > 0 && e + 1 === N.value;
+		}
+		function nt(e, t) {
+			let n = t + 1, r = e.col <= M.value, i = n <= N.value, a = {
+				color: e.color,
+				backgroundColor: e.bg,
+				textAlign: B.value.has(`${t}:${e.col}`) ? "left" : e.align,
+				verticalAlign: e.valign,
+				fontSize: e.fontSize ? `${e.fontSize}px` : void 0
+			};
+			return r && (a.left = `${R(e.col)}px`), i && (a.top = `${z(n)}px`), (r || i) && (a.backgroundColor = e.bg || "#fff"), a;
+		}
+		function rt(e) {
+			return e + 1 <= N.value ? { top: `${z(e + 1)}px` } : {};
+		}
+		function it(e) {
+			return e <= M.value ? { left: `${R(e)}px` } : {};
+		}
+		let V = null;
+		function at(e, t) {
+			V = {
+				kind: "col",
+				index: e,
+				startPos: t.clientX,
+				startSize: A(e)
+			}, document.body.style.cursor = "col-resize";
+		}
+		function ot(e, t) {
+			V = {
+				kind: "row",
+				index: e,
+				startPos: t.clientY,
+				startSize: j(e - 1)
+			}, document.body.style.cursor = "row-resize";
+		}
+		function st(e) {
+			if (!V) return;
+			let t = E();
+			V.kind === "col" ? t.colW[V.index] = Math.max(je, Math.round(V.startSize + (e.clientX - V.startPos))) : t.rowH[V.index] = Math.max(Me, Math.round(V.startSize + (e.clientY - V.startPos)));
+		}
+		function ct() {
+			V && (V = null, document.body.style.cursor = "", L());
+		}
+		let H = g([]), U = !1, W = "cell";
+		function G() {
+			return H.value[H.value.length - 1] ?? null;
+		}
+		function lt() {
+			return Math.max(0, (C.value?.rows.length ?? 1) - 1);
+		}
+		function ut() {
+			return Math.max(1, D.value);
+		}
+		let K = g(null);
+		function dt(e, t) {
+			return !!K.value && K.value.r === e && K.value.c === t;
+		}
+		function ft(e, t, n, r, i) {
+			if (K.value = null, e.shiftKey && H.value.length) {
+				let e = H.value.slice();
+				e[e.length - 1] = {
+					a: i,
+					f: r,
+					kind: t
+				}, H.value = e;
+			} else e.ctrlKey || e.metaKey ? H.value = [...H.value, {
+				a: n,
+				f: r,
+				kind: t
+			}] : H.value = [{
+				a: n,
+				f: r,
+				kind: t
+			}];
+			U = !0, W = t, P.value?.focus({ preventScroll: !0 });
+		}
+		function pt(e, t, n) {
+			if (n.button !== 0 || dt(e, t)) return;
+			let r = {
+				r: e,
+				c: t
+			};
+			ft(n, "cell", r, r, G()?.a ?? r);
+		}
+		function mt(e, t) {
+			K.value = {
+				r: e,
+				c: t
+			}, H.value = [{
+				a: {
+					r: e,
+					c: t
+				},
+				f: {
+					r: e,
+					c: t
+				},
+				kind: "cell"
+			}];
+		}
+		function ht(e, t) {
+			let n = H.value;
+			if (!n.length) return;
+			let r = n[n.length - 1], i;
+			i = W === "col" ? {
+				r: lt(),
+				c: t
+			} : W === "row" ? {
+				r: e,
+				c: ut()
+			} : {
+				r: e,
+				c: t
+			};
+			let a = n.slice();
+			a[a.length - 1] = {
+				a: r.a,
+				f: i,
+				kind: W
+			}, H.value = a;
+		}
+		function gt(e, t) {
+			U && ht(e, t);
+		}
+		function _t() {
+			U = !1;
+		}
+		function vt(e, t) {
+			t.button === 0 && ft(t, "col", {
+				r: 0,
+				c: e
+			}, {
+				r: lt(),
+				c: e
+			}, {
+				r: 0,
+				c: G()?.a.c ?? e
+			});
+		}
+		function yt(e) {
+			U && W === "col" && ht(0, e);
+		}
+		function bt(e, t) {
+			t.button === 0 && ft(t, "row", {
+				r: e,
+				c: 1
+			}, {
+				r: e,
+				c: ut()
+			}, {
+				r: G()?.a.r ?? e,
+				c: 1
+			});
+		}
+		function xt(e) {
+			U && W === "row" && ht(e, 1);
+		}
+		function St(e, t) {
+			let n = C.value?.rows.length ?? 0, r = e;
+			for (let i = 0; i < n; i++) {
+				if (r += t, r < 0 || r >= n) return e;
+				if (!k(r)) return r;
+			}
+			return e;
+		}
+		function Ct(e, t) {
+			let n = D.value, r = e;
+			for (let i = 0; i < n; i++) {
+				if (r += t, r < 1 || r > n) return e;
+				if (!O(r)) return r;
+			}
+			return e;
+		}
+		function q(e, t) {
+			f(() => {
+				let n = P.value;
+				if (!n) return;
+				let r = R(t), i = R(t + 1), a = z(e + 1), o = z(e + 2);
+				if (r == null || i == null || a == null || o == null) return;
+				let s = 0;
+				for (let e = 1; e <= M.value; e++) s += A(e);
+				let c = 0;
+				for (let e = 0; e < N.value; e++) c += j(e);
+				let l = Oe + s, u = ke + c;
+				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 wt(e) {
+			if (K.value) {
+				e.key === "Escape" && (K.value = null, e.preventDefault());
+				return;
+			}
+			let t = {
+				ArrowUp: [-1, 0],
+				ArrowDown: [1, 0],
+				ArrowLeft: [0, -1],
+				ArrowRight: [0, 1]
+			}, n = G();
+			if (e.key in t) {
+				if (e.preventDefault(), !n) {
+					H.value = [{
+						a: {
+							r: 0,
+							c: 1
+						},
+						f: {
+							r: 0,
+							c: 1
+						},
+						kind: "cell"
+					}], q(0, 1);
+					return;
+				}
+				let [r, i] = t[e.key], a = e.shiftKey ? n.f : n.a, o = r ? St(a.r, r) : a.r, s = i ? Ct(a.c, i) : a.c;
+				H.value = e.shiftKey ? [{
+					a: n.a,
+					f: {
+						r: o,
+						c: s
+					},
+					kind: "cell"
+				}] : [{
+					a: {
+						r: o,
+						c: s
+					},
+					f: {
+						r: o,
+						c: s
+					},
+					kind: "cell"
+				}], q(o, s);
+			} else if (e.key === "Enter") {
+				if (!n) return;
+				e.preventDefault();
+				let t = St(n.a.r, e.shiftKey ? -1 : 1);
+				H.value = [{
+					a: {
+						r: t,
+						c: n.a.c
+					},
+					f: {
+						r: t,
+						c: n.a.c
+					},
+					kind: "cell"
+				}], q(t, n.a.c);
+			} else if (e.key === "Tab") {
+				if (!n) return;
+				e.preventDefault();
+				let t = Ct(n.a.c, e.shiftKey ? -1 : 1);
+				H.value = [{
+					a: {
+						r: n.a.r,
+						c: t
+					},
+					f: {
+						r: n.a.r,
+						c: t
+					},
+					kind: "cell"
+				}], q(n.a.r, t);
+			} else e.key === "Escape" && (H.value = []);
+		}
+		let Tt = a(() => {
+			let e = [], t = C.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,
+				r1: n + r.rowSpan - 1,
+				c0: r.col,
+				c1: r.col + r.colSpan - 1
+			});
+			return e;
+		});
+		function Et(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 = Tt.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));
+					if (!a) break;
+				}
+			}
+			return {
+				minR: t,
+				maxR: n,
+				minC: r,
+				maxC: i
+			};
+		}
+		let J = a(() => H.value.map(Et)), Dt = a(() => {
+			let e = G();
+			return e ? Et(e) : null;
+		}), Ot = a(() => {
+			let e = [];
+			for (let t of J.value) {
+				let n = R(t.minC), r = R(t.maxC + 1), i = z(t.minR + 1), a = z(t.maxR + 2);
+				n == null || r == null || i == null || a == null || e.push({
+					left: `${n}px`,
+					top: `${i}px`,
+					width: `${r - n}px`,
+					height: `${a - i}px`
+				});
+			}
+			return e;
+		});
+		function kt(e, t) {
+			let n = t, r = t + e.rowSpan - 1, i = e.col, a = e.col + e.colSpan - 1;
+			for (let e of J.value) if (r >= e.minR && n <= e.maxR && a >= e.minC && i <= e.maxC) return !0;
+			return !1;
+		}
+		function At(e) {
+			if (!e) return null;
+			let t = Number(e.replace(/,/g, "").trim());
+			return Number.isFinite(t) ? t : null;
+		}
+		let Y = a(() => {
+			let t = C.value, n = Dt.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 (!kt(n, e)) continue;
+				let t = At(n.text);
+				t != null && (r += t, i++);
+			}
+			let a = (n.maxR - n.minR + 1) * (n.maxC - n.minC + 1);
+			return {
+				addr: `${e(n.minC)}${n.minR + 1}${a > 1 ? `:${e(n.maxC)}${n.maxR + 1}` : ""}`,
+				total: a,
+				numCount: i,
+				sum: r,
+				avg: i ? r / i : 0
+			};
+		});
+		function jt(e) {
+			return (Math.round(e * 1e3) / 1e3).toLocaleString("en-US");
+		}
+		function Mt(e) {
+			for (let t of J.value) if (e >= t.minC && e <= t.maxC) return !0;
+			return !1;
+		}
+		function Nt(e) {
+			for (let t of J.value) if (e >= t.minR && e <= t.maxR) return !0;
+			return !1;
+		}
+		function Pt(e, t) {
+			return C.value?.rows[e]?.cells.find((e) => e.col === t) ?? null;
+		}
+		let Ft = a(() => {
+			let t = G()?.a;
+			return t ? `${e(t.c)}${t.r + 1}` : "";
+		}), It = a(() => {
+			let e = G()?.a;
+			if (!e) return "";
+			let t = Pt(e.r, e.c);
+			return t ? t.formula ? `=${t.formula}` : t.text : "";
+		}), Lt = a(() => C.value ? Ie.value.get(C.value.name) ?? [] : []), Rt = a(() => Lt.value.map((e) => {
+			let t = e.anchor.fromCol + 1, n = e.anchor.fromRow + 1;
+			return {
+				chart: e,
+				left: (R(t) ?? R(D.value + 1) ?? Oe) + e.anchor.offX,
+				top: (z(n) ?? z((C.value?.rows.length ?? 0) + 1) ?? ke) + e.anchor.offY,
+				width: e.anchor.wPx,
+				height: e.anchor.hPx
+			};
+		})), X = g(null), Z = g(!1), zt = g(!0), Bt = g(!1);
+		function Q() {
+			let e = X.value;
+			if (!e) {
+				Z.value = !1;
+				return;
+			}
+			let t = e.scrollWidth - e.clientWidth;
+			Z.value = t > 1, zt.value = e.scrollLeft <= 1, Bt.value = e.scrollLeft >= t - 1;
+		}
+		function Vt(e) {
+			let t = X.value;
+			t && t.scrollBy({
+				left: e * Math.max(120, t.clientWidth * .7),
+				behavior: "smooth"
+			});
+		}
+		function Ht(e) {
+			let t = X.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(), Q());
+		}
+		function Ut() {
+			f(() => {
+				X.value?.querySelector(".xv__tab--on")?.scrollIntoView({
+					inline: "nearest",
+					block: "nearest"
+				}), Q();
+			});
+		}
+		let $ = null;
+		ne(X, (e) => {
+			$?.disconnect(), e && typeof ResizeObserver < "u" && ($ = new ResizeObserver(Q), $.observe(e), Q());
+		});
+		async function Wt() {
+			if (!b.url) return;
+			x.value = "loading", Pe.value = "", Fe.value = null, Ie.value = /* @__PURE__ */ new Map(), w.value = {}, H.value = [], K.value = null, S.value = 0, F.value = [], I.value = [];
+			let e = b.url;
+			try {
+				let r = await fetch(e);
+				if (!r.ok) throw Error(`HTTP ${r.status}`);
+				let i = await r.arrayBuffer();
+				if (b.url !== e) return;
+				let a = await t(i);
+				if (b.url !== e) return;
+				Fe.value = a, x.value = "ready", L();
+				try {
+					let t = await n(i);
+					b.url === e && (Ie.value = t, L());
+				} catch {}
+			} catch (e) {
+				Pe.value = e instanceof Error ? e.message : String(e), x.value = "error";
+			}
+		}
+		ne(S, () => {
+			H.value = [], K.value = null, F.value = [], I.value = [];
+			let e = P.value;
+			e && (e.scrollTop = 0, e.scrollLeft = 0), L(), Ut();
+		}), te(() => {
+			Wt(), window.addEventListener("mousemove", st), window.addEventListener("mouseup", Gt);
+		}), ee(() => {
+			window.removeEventListener("mousemove", st), window.removeEventListener("mouseup", Gt), $?.disconnect();
+		});
+		function Gt() {
+			ct(), _t();
+		}
+		return ne(() => b.url, Wt), (e, t) => (h(), s("div", re, [x.value === "loading" ? (h(), s("p", ie, "正在解析表格…")) : x.value === "error" ? (h(), s("div", ae, [c("p", null, "解析失败：" + v(Pe.value), 1), c("button", {
+			type: "button",
+			class: "xv__retry",
+			onClick: Wt
+		}, "重试")])) : x.value === "ready" && C.value ? (h(), s(i, { key: 2 }, [
+			c("div", oe, [c("span", se, v(Ft.value || "—"), 1), c("span", ce, v(It.value), 1)]),
+			c("div", {
+				ref_key: "scrollEl",
+				ref: P,
+				class: "xv__scroll",
+				tabindex: "0",
+				onKeydown: wt
+			}, [c("div", le, [
+				c("table", {
+					ref_key: "tableEl",
+					ref: Ge,
+					class: "xv__table",
+					style: m({ width: Ue.value[D.value + 1] + "px" })
+				}, [
+					c("colgroup", null, [t[4] ||= c("col", { class: "xv__rowhead-col" }, null, -1), (h(!0), s(i, null, _(D.value, (e) => (h(), s("col", {
+						key: e,
+						style: m({
+							width: A(e) + "px",
+							minWidth: A(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, _(He.value, (e, n) => (h(), s("th", {
+						key: n,
+						class: p(["xv__colhead", {
+							"xv__colhead--coll": O(n + 1),
+							"xv__colhead--frz": n + 1 <= M.value,
+							"xv__colhead--frzedge": et(n + 1),
+							"xv__colhead--sel": Mt(n + 1)
+						}]),
+						style: m(it(n + 1)),
+						title: "点击选中整列 · 拖动选多列 · Shift 连选 · Ctrl 多选",
+						onMousedown: (e) => vt(n + 1, e),
+						onMouseenter: (e) => yt(n + 1)
+					}, [
+						qe.value.get(n + 1) ? (h(), s("button", {
+							key: 0,
+							type: "button",
+							class: "xv__expander xv__expander--col",
+							title: `展开 ${qe.value.get(n + 1).count} 个隐藏列`,
+							onMousedown: t[0] ||= y(() => {}, ["stop"]),
+							onClick: y((e) => Ye(qe.value.get(n + 1)), ["stop"])
+						}, " ›‹ ", 40, de)) : o("", !0),
+						c("span", fe, v(e), 1),
+						c("span", {
+							class: "xv__col-resize",
+							title: "拖动调整列宽",
+							onMousedown: y((e) => at(n + 1, e), ["stop", "prevent"])
+						}, null, 40, pe)
+					], 46, ue))), 128))])]),
+					c("tbody", null, [(h(!0), s(i, null, _(C.value.rows, (e, n) => (h(), s("tr", {
+						key: n,
+						class: p({ "xv__row--coll": k(n) }),
+						style: m({ height: j(n) + "px" })
+					}, [c("th", {
+						class: p(["xv__rowhead", {
+							"xv__rowhead--frz": n + 1 <= N.value,
+							"xv__rowhead--frzedge": tt(n),
+							"xv__rowhead--sel": Nt(n)
+						}]),
+						style: m(rt(n)),
+						title: "点击选中整行 · 拖动选多行 · Shift 连选 · Ctrl 多选",
+						onMousedown: (e) => bt(n, e),
+						onMouseenter: (e) => xt(n)
+					}, [
+						Je.value.get(n) ? (h(), s("button", {
+							key: 0,
+							type: "button",
+							class: "xv__expander xv__expander--row",
+							title: `展开 ${Je.value.get(n).count} 个隐藏行`,
+							onMousedown: t[1] ||= y(() => {}, ["stop"]),
+							onClick: y((e) => Xe(Je.value.get(n)), ["stop"])
+						}, " ⌄ ", 40, he)) : o("", !0),
+						c("span", ge, v(e.num), 1),
+						c("span", {
+							class: "xv__row-resize",
+							title: "拖动调整行高",
+							onMousedown: y((t) => ot(e.num, t), ["stop", "prevent"])
+						}, null, 40, _e)
+					], 46, me), (h(!0), s(i, null, _(e.cells, (e) => (h(), s("td", {
+						key: e.col,
+						class: p(["xv__cell", {
+							"xv__cell--bold": e.bold,
+							"xv__cell--italic": e.italic,
+							"xv__cell--underline": e.underline,
+							"xv__cell--strike": e.strike,
+							"xv__cell--wrap": e.wrap,
+							"xv__cell--bt": e.bt,
+							"xv__cell--br": e.br,
+							"xv__cell--bb": e.bb,
+							"xv__cell--bl": e.bl,
+							"xv__cell--coll": O(e.col),
+							"xv__cell--frz-col": e.col <= M.value,
+							"xv__cell--frz-row": n + 1 <= N.value,
+							"xv__cell--frzedge-col": et(e.col),
+							"xv__cell--frzedge-row": tt(n),
+							"xv__cell--edit": dt(n, e.col),
+							"xv__cell--spill": B.value.has(`${n}:${e.col}`),
+							"xv__cell--sel": kt(e, n)
+						}]),
+						rowspan: e.rowSpan > 1 ? e.rowSpan : void 0,
+						colspan: e.colSpan > 1 ? e.colSpan : void 0,
+						style: m(nt(e, n)),
+						onMousedown: (t) => pt(n, e.col, t),
+						onMouseenter: (t) => gt(n, e.col),
+						onDblclick: (t) => mt(n, e.col)
+					}, [c("span", {
+						class: "xv__cellt",
+						style: m($e(e, n))
+					}, v(e.text), 5)], 46, ve))), 128))], 6))), 128))])
+				], 4),
+				(h(!0), s(i, null, _(Ot.value, (e, t) => (h(), s("div", {
+					key: t,
+					class: "xv__sel",
+					style: m(e)
+				}, null, 4))), 128)),
+				c("div", ye, [(h(!0), s(i, null, _(Rt.value, (e, t) => (h(), s("div", {
+					key: t,
+					class: "xv__chart",
+					style: m({
+						left: e.left + "px",
+						top: e.top + "px",
+						width: e.width + "px",
+						height: e.height + "px"
+					})
+				}, [u(r, { chart: e.chart }, null, 8, ["chart"])], 4))), 128))])
+			])], 544),
+			c("div", be, [Y.value ? (h(), s("span", xe, [l(v(Y.value.addr) + " ", 1), Y.value.numCount > 0 ? (h(), s(i, { key: 0 }, [l(" · 计数 " + v(Y.value.numCount) + " · 求和 " + v(jt(Y.value.sum)) + " ", 1), Y.value.numCount > 1 ? (h(), s(i, { key: 0 }, [l(" · 平均 " + v(jt(Y.value.avg)), 1)], 64)) : o("", !0)], 64)) : o("", !0)])) : (h(), s("span", Se, "拖动 / 方向键选择 · Shift 连选 · Ctrl 多选 · 点击或拖动行列头选整行/列 · 双击编辑文本 · 拖行列头边缘调尺寸")), c("span", Ce, [c("button", {
+				type: "button",
+				class: p(["xv__status-btn", { "xv__status-btn--on": T.value.revealAll }]),
+				onClick: Ve
+			}, v(T.value.revealAll ? "折叠隐藏行列" : "显示隐藏行列"), 3), ze.value ? (h(), s("button", {
+				key: 0,
+				type: "button",
+				class: "xv__status-btn",
+				onClick: Be
+			}, " 复位 ")) : o("", !0)])]),
+			Le.value.length > 1 ? (h(), s("div", we, [
+				Z.value ? (h(), s("button", {
+					key: 0,
+					type: "button",
+					class: "xv__tabscroll",
+					disabled: zt.value,
+					title: "向左滚动标签",
+					onClick: t[2] ||= (e) => Vt(-1)
+				}, " ‹ ", 8, Te)) : o("", !0),
+				c("div", {
+					ref_key: "tabsEl",
+					ref: X,
+					class: "xv__tabs",
+					onScroll: Q,
+					onWheel: Ht
+				}, [(h(!0), s(i, null, _(Le.value, (e, t) => (h(), s("button", {
+					key: t,
+					type: "button",
+					class: p(["xv__tab", { "xv__tab--on": t === S.value }]),
+					title: e.name,
+					onClick: (e) => S.value = t
+				}, v(e.name), 11, Ee))), 128))], 544),
+				Z.value ? (h(), s("button", {
+					key: 1,
+					type: "button",
+					class: "xv__tabscroll",
+					disabled: Bt.value,
+					title: "向右滚动标签",
+					onClick: t[3] ||= (e) => Vt(1)
+				}, " › ", 8, De)) : o("", !0)
+			])) : o("", !0)
+		], 64)) : o("", !0)]));
+	}
+});
+//#endregion
+export { b as default };