@xtctwins/tctwins-pdf-core 0.1.0 → 0.1.1

package/dist/pdf-core.js

@@ -1,17 +1,17 @@
 import * as e from "pdfjs-dist";
-import { computed as t, createElementBlock as n, createElementVNode as r, defineComponent as i, nextTick as a, normalizeStyle as o, onBeforeUnmount as s, onMounted as c, openBlock as l, ref as u, shallowRef as d, unref as f, watch as p } from "vue";
+import { Fragment as t, computed as n, createCommentVNode as r, createElementBlock as i, createElementVNode as a, createTextVNode as o, createVNode as s, defineComponent as c, nextTick as l, normalizeClass as u, normalizeStyle as d, onBeforeUnmount as f, onMounted as p, openBlock as m, ref as h, renderList as g, shallowRef as _, toDisplayString as v, unref as y, vShow as b, watch as x, withDirectives as S, withModifiers as C } from "vue";
 //#region src/core/PDFLoader.ts
-function m(t) {
+function w(t) {
 	t && (e.GlobalWorkerOptions.workerSrc = t);
 }
-function h(t = "/pdf.worker.min.mjs") {
+function T(t = "/pdf.worker.min.mjs") {
 	e.GlobalWorkerOptions.workerSrc = t, fetch(t, { method: "HEAD" }).catch(() => {
 		e.GlobalWorkerOptions.workerSrc = "https://unpkg.com/pdfjs-dist@5.7.284/legacy/build/pdf.worker.min.mjs";
 	});
 }
-async function g(t, n = {}) {
+async function E(t, n = {}) {
 	let r = t instanceof File ? await t.arrayBuffer() : t, i = r.slice(0);
-	n.workerSrc && m(n.workerSrc);
+	n.workerSrc && w(n.workerSrc);
 	let a = await e.getDocument({ data: i }).promise;
 	return {
 		arrayBuffer: r,
@@ -21,7 +21,7 @@ async function g(t, n = {}) {
 }
 //#endregion
 //#region src/core/TileCache.ts
-var _ = class e {
+var D = class e {
 	constructor(e = 100) {
 		this.cache = /* @__PURE__ */ new Map(), this.capacity = e;
 	}
@@ -57,82 +57,99 @@ var _ = class e {
 	get size() {
 		return this.cache.size;
 	}
-};
-//#endregion
-//#region src/core/TileRenderer.ts
-function v(e) {
-	return e >= 32 ? 1 : e >= 8 ? Math.min(window.devicePixelRatio, 1.5) : window.devicePixelRatio;
+}, O = () => typeof navigator < "u" && /Mobi|Android|iPhone|iPad/i.test(navigator.userAgent);
+function k(e) {
+	let t = window.devicePixelRatio ?? 1;
+	return e >= 32 ? 1 : e >= 16 ? Math.min(t, 2) : t;
+}
+function ee(e) {
+	return e ? 2048 : 4096;
 }
-var y = 16384, b = 256;
-async function x(e, t = {}) {
-	let n = t.scale ?? 1.5, r = t.tileSize ?? 4096;
+var A = 4096, j = 128;
+async function M(e, t = {}) {
+	let n = t.scale ?? 1.5, r = O(), i = t.backgroundColor ?? "rgb(255,255,255)";
 	t.cache;
-	let i = t.backgroundColor ?? "rgb(255,255,255)", a = v(n), o = e.getViewport({ scale: n * a }), s = o.width, c = o.height, l = Math.ceil(s / r), u = Math.ceil(c / r), d = l * u;
-	d > b && console.warn(`[PDF-CORE] 缩放比例较大 (scale=${n})，共 ${d} 个 tile（${l}×${u}），IntersectionObserver 将仅渲染可见区域。建议降低缩放比例以获得更好体验。`);
-	let f = Math.round(Math.min(r, Math.max(s, c)));
-	if (f > y) {
-		console.warn(`[PDF-CORE] 缩放比例过大 (scale=${n})，单个 tile canvas 将达到 ${f}px，超过浏览器安全上限 ${y}px。已自动将 tileSize 缩小至安全范围。`);
-		let i = Math.min(r, Math.floor(y * .9));
-		return x(e, {
-			...t,
-			tileSize: i
+	let a = k(n), o = e.getViewport({ scale: n * a }), s = o.width, c = o.height, l = ee(r), u = Math.min(l, A, Math.max(s, c)), d = Math.ceil(s / u), f = Math.ceil(c / u), p = d * f;
+	p > j && console.warn(`[PDF-CORE] scale=${n} dpr=${a}, tile=${p} (${d}×${f}), tileSize=${u}px (physical). IntersectionObserver 将按需渲染。`);
+	let m = s / a, h = c / a, g = document.createElement("div");
+	g.style.cssText = [
+		"position:relative",
+		`width:${m}px`,
+		`height:${h}px`,
+		"overflow:hidden",
+		`background:${i}`
+	].join(";");
+	let _ = /* @__PURE__ */ new Set(), v = /* @__PURE__ */ new Set(), y = r ? 2 : 4, b = 0, x = [], S = () => {
+		for (; x.length > 0 && b < y;) x.shift()();
+	}, C = (t, r, o) => {
+		let s = t.dataset.tileKey;
+		if (_.has(s) || v.has(s)) return;
+		v.add(s), b++;
+		let c = t.getContext("2d", { alpha: !1 });
+		c.setTransform(1, 0, 0, 1, 0, 0), c.fillStyle = i, c.fillRect(0, 0, t.width, t.height);
+		let l = r * u, d = o * u, f = e.getViewport({ scale: n * a });
+		c.translate(-l, -d), e.render({
+			canvas: t,
+			canvasContext: c,
+			viewport: f
+		}).promise.then(() => {
+			_.add(s);
+		}).catch(() => {
+			c.setTransform(1, 0, 0, 1, 0, 0), c.fillStyle = i, c.fillRect(0, 0, t.width, t.height);
+		}).finally(() => {
+			v.delete(s), b--, S();
 		});
-	}
-	let p = document.createElement("div");
-	p.style.cssText = `position:relative; width:${s / a}px; height:${c / a}px; overflow:hidden; background:${i};`;
-	let m = /* @__PURE__ */ new Set(), h = /* @__PURE__ */ new Set(), g = new IntersectionObserver((t) => {
-		t.forEach((t) => {
-			let o = t.target;
-			if (t.isIntersecting) {
-				let t = o.dataset.tileKey;
-				if (m.has(t) || h.has(t)) return;
-				h.add(t);
-				let [s, c] = t.split(",").map(Number), l = s * r, u = c * r, d = e.getViewport({ scale: n * a }), f = o.getContext("2d");
-				f.setTransform(1, 0, 0, 1, 0, 0), f.translate(-l, -u), e.render({
-					canvas: o,
-					canvasContext: f,
-					viewport: d,
-					background: i
-				}).promise.then(() => {
-					m.add(t), h.delete(t);
-				}).catch(() => {
-					h.delete(t);
-				});
-			} else {
-				let e = o.dataset.tileKey;
-				n > 8 && m.has(e) && (o.getContext("2d").clearRect(0, 0, o.width, o.height), m.delete(e));
+	}, w = r ? "128px" : "256px", T = r ? 2 : 3, E = new IntersectionObserver((e) => {
+		e.forEach((e) => {
+			let t = e.target, r = t.dataset.tileKey, [a, o] = (t.dataset.tilePos ?? "0,0").split(",").map(Number);
+			if (e.isIntersecting) {
+				if (_.has(r) || v.has(r)) return;
+				let e = () => C(t, a, o);
+				b >= y ? x.push(e) : e();
+			} else if (n >= T && _.has(r)) {
+				let e = t.getContext("2d", { alpha: !1 });
+				e.setTransform(1, 0, 0, 1, 0, 0), e.fillStyle = i, e.fillRect(0, 0, t.width, t.height), _.delete(r);
 			}
 		});
 	}, {
 		root: null,
-		rootMargin: "512px",
+		rootMargin: w,
 		threshold: 0
-	}), _ = [];
-	for (let e = 0; e < u; e++) for (let t = 0; t < l; t++) {
-		let n = t * r, o = e * r, l = Math.min(r, s - n), u = Math.min(r, c - o), d = document.createElement("canvas");
-		d.width = Math.round(l), d.height = Math.round(u), d.style.cssText = `position:absolute; left:${n / a}px; top:${o / a}px; width:${l / a}px; height:${u / a}px; background:${i};`, d.dataset.tileKey = `${t},${e}`, p.appendChild(d), g.observe(d), _.push({
-			canvas: d,
-			col: t,
-			row: e,
-			x: n,
-			y: o,
-			cssWidth: l,
-			cssHeight: u
+	}), M = [];
+	for (let t = 0; t < f; t++) for (let r = 0; r < d; r++) {
+		let o = r * u, l = t * u, d = Math.round(Math.min(u, s - o)), f = Math.round(Math.min(u, c - l)), p = o / a, m = l / a, h = d / a, _ = f / a, v = document.createElement("canvas");
+		v.width = d, v.height = f;
+		let y = v.getContext("2d", { alpha: !1 });
+		y.fillStyle = i, y.fillRect(0, 0, d, f), v.style.cssText = [
+			"position:absolute",
+			`left:${p}px`,
+			`top:${m}px`,
+			`width:${h}px`,
+			`height:${_}px`,
+			`background:${i}`
+		].join(";"), v.dataset.tileKey = D.makeKey(e.pageNumber, n, r, t), v.dataset.tilePos = `${r},${t}`, g.appendChild(v), E.observe(v), M.push({
+			canvas: v,
+			col: r,
+			row: t,
+			x: o,
+			y: l,
+			cssWidth: h,
+			cssHeight: _
 		});
 	}
 	return {
 		tiledPage: {
-			container: p,
-			pageWidth: s / a,
-			pageHeight: c / a,
-			tiles: _
+			container: g,
+			pageWidth: m,
+			pageHeight: h,
+			tiles: M
 		},
-		observer: g
+		observer: E
 	};
 }
 //#endregion
 //#region src/core/coords/CoordTransformer.ts
-var S = class {
+var te = class {
 	constructor(e, t, n) {
 		if (this.viewport = e, this.scale = t, this.pageSizePt = n, t <= 0) throw RangeError(`scale 必须大于 0，收到: ${t}`);
 	}
@@ -178,7 +195,7 @@ var S = class {
 	get pageSize() {
 		return this.pageSizePt;
 	}
-}, C = [
+}, N = [
 	5,
 	10,
 	25,
@@ -196,13 +213,15 @@ var S = class {
 	800,
 	1200,
 	1600,
-	2400,
-	3200
+	1800,
+	2e3,
+	2200,
+	2800
 ];
-function w(e, t) {
-	return t === "in" ? C.find((t) => t > e) ?? C[C.length - 1] : [...C].reverse().find((t) => t < e) ?? C[0];
+function P(e, t) {
+	return t === "in" ? N.find((t) => t > e) ?? N[N.length - 1] : [...N].reverse().find((t) => t < e) ?? N[0];
 }
-var T = class {
+var F = class {
 	constructor() {
 		this.interaction = null, this.toolManager = null, this.drawCallback = null, this.domContainerId = null, this.zoomCtrl = null, this.initialScale = 1.5;
 	}
@@ -240,12 +259,12 @@ var T = class {
 	}
 	zoomIn() {
 		if (!this.zoomCtrl) return;
-		let e = this.zoomCtrl.getScale(), t = w(Math.round(e * 100), "in");
+		let e = this.zoomCtrl.getScale(), t = P(Math.round(e * 100), "in");
 		this.zoomCtrl.setScale(t / 100);
 	}
 	zoomOut() {
 		if (!this.zoomCtrl) return;
-		let e = this.zoomCtrl.getScale(), t = w(Math.round(e * 100), "out");
+		let e = this.zoomCtrl.getScale(), t = P(Math.round(e * 100), "out");
 		this.zoomCtrl.setScale(t / 100);
 	}
 	setScale(e) {
@@ -257,10 +276,11 @@ var T = class {
 	getScalePercent() {
 		return Math.round((this.zoomCtrl?.getScale() ?? 1) * 100);
 	}
-	resetView() {
-		this.zoomCtrl && this.zoomCtrl.setScale(this.initialScale);
-		let e = this.zoomCtrl?.getContainerEl();
-		e && (e.scrollTop = 0, e.scrollLeft = 0);
+	async resetView() {
+		this.zoomCtrl && await this.zoomCtrl.setScale(this.initialScale), this.zoomCtrl?.resetPosition();
+	}
+	toggleTheme() {
+		this.zoomCtrl?.toggleTheme();
 	}
 	getAnnotations() {
 		return this.toolManager ? this.toolManager.measureTool.getResults().map((e) => ({
@@ -305,7 +325,7 @@ var T = class {
 };
 //#endregion
 //#region src/annotations/utils.ts
-function E(e, t = 0, n = "px") {
+function I(e, t = 0, n = "px") {
 	return {
 		id: `measure-${Date.now()}-${Math.random().toString(36).slice(2, 8)}`,
 		kind: "measure",
@@ -317,7 +337,7 @@ function E(e, t = 0, n = "px") {
 		createdAt: Date.now()
 	};
 }
-function D(e, t = "rectangle") {
+function L(e, t = "rectangle") {
 	return {
 		id: `shape-${Date.now()}-${Math.random().toString(36).slice(2, 8)}`,
 		kind: "shape",
@@ -328,12 +348,12 @@ function D(e, t = "rectangle") {
 		createdAt: Date.now()
 	};
 }
-function O(e) {
+function R(e) {
 	return JSON.parse(JSON.stringify(e));
 }
 //#endregion
 //#region src/utils/EventTrigger.ts
-var k = class {
+var z = class {
 	constructor() {
 		this._events = /* @__PURE__ */ new Map();
 	}
@@ -371,59 +391,68 @@ var k = class {
 	destroy() {
 		this._events.clear();
 	}
-};
-//#endregion
-//#region src/vue/usePdfCore.ts
-function A(e = {}) {
-	let t = u(null), n = d(null), r = d(null), i = u(0), a = u(1), o = u(e.scale ?? 1.5), s = e.backgroundColor ?? "rgb(255,255,255)", c = u(!1), l = u(null), f = new k(), p = new _(100), m = !1, h = null, v = null, y = null, b = null, S = async (e) => {
+}, B = () => typeof navigator < "u" && /Mobi|Android|iPhone|iPad/i.test(navigator.userAgent);
+function V(e = {}) {
+	let t = h(null), n = _(null), r = _(null), i = h(0), a = h(1), o = h(e.scale ?? 1.5), s = h(e.backgroundColor ?? "rgb(255,255,255)"), c = h(!1), l = h(null), u = new z(), d = new D(B() ? 30 : 100), f = !1, p = 0, m = null, g = B() ? 200 : 60, v = null, y = null, b = null, x = async (e) => {
 		c.value = !0, l.value = null;
 		try {
-			let t = await g(e);
-			n.value = t.doc, i.value = t.pageCount, a.value = 1, await C(), f.emit("loaded", {
+			let t = await E(e);
+			n.value = t.doc, i.value = t.pageCount, a.value = 1, await S(), u.emit("loaded", {
 				pageCount: t.pageCount,
 				currentPage: 1
 			});
 		} catch (e) {
 			let t = e instanceof Error ? e.message : "Failed to load PDF";
-			l.value = t, f.emit("error_occurred", { message: t });
+			l.value = t, u.emit("error_occurred", { message: t });
 		} finally {
 			c.value = !1;
 		}
-	}, C = async () => {
-		if (!(!n.value || !t.value) && !m) {
-			m = !0;
+	}, S = async () => {
+		if (!n.value || !t.value) return;
+		let e = ++p;
+		if (!f) {
+			f = !0;
 			try {
-				h &&= (h.disconnect(), null);
-				let e = await n.value.getPage(a.value);
-				r.value = e;
-				let { tiledPage: i, observer: c } = await x(e, {
+				m &&= (m.disconnect(), null);
+				let i = await n.value.getPage(a.value);
+				if (e !== p) {
+					f = !1;
+					return;
+				}
+				r.value = i;
+				let { tiledPage: c, observer: l } = await M(i, {
 					scale: o.value,
-					cache: p,
-					backgroundColor: s
+					cache: d,
+					backgroundColor: s.value
 				});
-				h = c, t.value.replaceChildren(i.container), f.emit("render_complete", {
+				if (e !== p) {
+					l.disconnect(), f = !1;
+					return;
+				}
+				m = l, t.value.replaceChildren(c.container), u.emit("render_complete", {
 					pageNum: a.value,
 					scale: o.value
 				});
 			} catch (e) {
-				console.error("[PDF-CORE] renderCurrentPage failed:", e), f.emit("error_occurred", { message: e instanceof Error ? e.message : "Render failed" });
+				console.error("[PDF-CORE] renderCurrentPage failed:", e), u.emit("error_occurred", { message: e instanceof Error ? e.message : "Render failed" });
 			} finally {
-				m = !1;
+				f = !1, p > e && S();
 			}
 		}
 	};
-	return e.autoLoad, {
+	return {
 		containerRef: t,
 		doc: n,
 		page: r,
 		pageCount: i,
 		currentPageNum: a,
 		currentScale: o,
+		backgroundColor: s,
 		isLoading: c,
 		error: l,
-		events: f,
-		loadFile: S,
-		renderCurrentPage: C,
+		events: u,
+		loadFile: x,
+		renderCurrentPage: S,
 		setScale: (e) => new Promise((t) => {
 			if (e <= 0) {
 				t();
@@ -436,28 +465,33 @@ function A(e = {}) {
 					t?.();
 					return;
 				}
-				o.value = e, n.value && await C(), t?.(), f.emit("scale_changed", {
+				d.clear();
+				let r = o.value;
+				o.value = e, n.value && await S(), t?.(), u.emit("scale_changed", {
 					scale: e,
-					previousScale: o.value
+					previousScale: r
 				});
-			}, 60);
+			}, g);
+		}),
+		setBackgroundColor: (e) => new Promise((t) => {
+			s.value = e, d.clear(), n.value ? S().then(() => t()) : t();
 		}),
 		reset: () => {
-			n.value = null, r.value = null, i.value = 0, a.value = 1, l.value = null, c.value = !1, t.value && t.value.replaceChildren(), f.emit("cleared");
+			m &&= (m.disconnect(), null), v !== null && (clearTimeout(v), v = null), b?.(), y = null, b = null, d.clear(), n.value = null, r.value = null, i.value = 0, a.value = 1, l.value = null, c.value = !1, f = !1, t.value && t.value.replaceChildren(), u.emit("cleared");
 		}
 	};
 }
 //#endregion
 //#region src/vue/useAnnotations.ts
-function j() {
-	let e = u([]);
+function H() {
+	let e = h([]);
 	return {
 		annotations: e,
 		addMeasureAnnotation: (t, n = 0, r = "px") => {
-			e.value = [...e.value, E(t, n, r)];
+			e.value = [...e.value, I(t, n, r)];
 		},
 		addShapeAnnotation: (t, n = "rectangle") => {
-			e.value = [...e.value, D(t, n)];
+			e.value = [...e.value, L(t, n)];
 		},
 		removeAnnotation: (t) => {
 			e.value = e.value.filter((e) => e.id !== t);
@@ -466,14 +500,14 @@ function j() {
 			e.value = [];
 		},
 		replaceAnnotations: (t) => {
-			e.value = t.map(O);
+			e.value = t.map(R);
 		}
 	};
 }
 //#endregion
 //#region src/vue/useMeasurement.ts
-function M() {
-	let e = u([]);
+function U() {
+	let e = h([]);
 	return {
 		points: e,
 		addPoint: (t) => {
@@ -482,7 +516,7 @@ function M() {
 		clearPoints: () => {
 			e.value = [];
 		},
-		distance: t(() => {
+		distance: n(() => {
 			if (e.value.length < 2) return 0;
 			let [t, n] = e.value.slice(-2);
 			return Math.hypot(n.x - t.x, n.y - t.y);
@@ -491,8 +525,8 @@ function M() {
 }
 //#endregion
 //#region src/vue/useInteraction.ts
-function N() {
-	let { annotations: e, addMeasureAnnotation: t, clearAnnotations: n } = j(), { points: r, addPoint: i, clearPoints: a, distance: o } = M(), s = u(!1);
+function W() {
+	let { annotations: e, addMeasureAnnotation: t, clearAnnotations: n } = H(), { points: r, addPoint: i, clearPoints: a, distance: o } = U(), s = h(!1);
 	return {
 		points: r,
 		annotations: e,
@@ -513,7 +547,7 @@ function N() {
 }
 //#endregion
 //#region src/components/interaction.ts
-function P() {
+function G() {
 	let e = [], t = [], n = "none", r = null;
 	return {
 		get points() {
@@ -533,11 +567,11 @@ function P() {
 		},
 		addPoint(i) {
 			if (e = [...e, i], n === "measure" && e.length >= 2) {
-				let n = E([e[e.length - 2], e[e.length - 1]], Math.hypot(e[e.length - 1].x - e[e.length - 2].x, e[e.length - 1].y - e[e.length - 2].y));
+				let n = I([e[e.length - 2], e[e.length - 1]], Math.hypot(e[e.length - 1].x - e[e.length - 2].x, e[e.length - 1].y - e[e.length - 2].y));
 				return t = [...t, n], r = n.id, e = [], n;
 			}
 			if (n === "rectangle" && e.length >= 2) {
-				let n = D([e[e.length - 2], e[e.length - 1]], "rectangle");
+				let n = L([e[e.length - 2], e[e.length - 1]], "rectangle");
 				return t = [...t, n], r = n.id, e = [], n;
 			}
 			return null;
@@ -559,67 +593,71 @@ function P() {
 }
 //#endregion
 //#region src/components/useAnnotationCanvas.ts
-function F(e) {
-	let { annotationCanvas: t, rootRef: n, interaction: r, previewPoint: i } = e, a = (e) => {
+function K(e) {
+	let { annotationCanvas: t, rootRef: n, pdfLayerRef: r, interaction: i, previewPoint: a } = e, o = (e) => {
 		let t = e.currentTarget.getBoundingClientRect();
 		return {
 			x: e.clientX - t.left,
 			y: e.clientY - t.top
 		};
-	}, o = (e, t, n) => {
+	}, s = (e, t, n) => {
 		let r = n.x - t.x, i = n.y - t.y, a = r * r + i * i;
 		if (a === 0) return Math.hypot(e.x - t.x, e.y - t.y);
-		let o = Math.max(0, Math.min(1, ((e.x - t.x) * r + (e.y - t.y) * i) / a)), s = t.x + o * r, c = t.y + o * i;
-		return Math.hypot(e.x - s, e.y - c);
-	}, s = (e, t) => {
+		let o = Math.max(0, Math.min(1, ((e.x - t.x) * r + (e.y - t.y) * i) / a));
+		return Math.hypot(e.x - (t.x + o * r), e.y - (t.y + o * i));
+	}, c = (e, t) => {
 		if (t.kind === "measure") {
 			let [n, r] = t.points;
-			return o(e, n, r) <= 8;
+			return s(e, n, r) <= 8;
 		}
 		if (t.kind === "shape" && t.shapeType === "rectangle") {
 			let [n, r] = t.points, i = Math.min(n.x, r.x), a = Math.min(n.y, r.y), o = Math.abs(n.x - r.x), s = Math.abs(n.y - r.y);
 			return e.x >= i - 4 && e.x <= i + o + 4 && e.y >= a - 4 && e.y <= a + s + 4;
 		}
 		return !1;
-	}, c = () => {
+	}, l = () => {
 		if (!t.value) return;
 		let e = t.value.getContext("2d");
-		e && (e.clearRect(0, 0, t.value.width, t.value.height), r.annotations.forEach((t) => {
-			let n = t.id === r.selectedAnnotationId, i = t.color ?? (t.kind === "measure" ? "#10b981" : "#3b82f6"), a = (t.strokeWidth ?? 2) + (n ? 2 : 0);
-			t.kind === "measure" && l(e, t, n, i, a), t.kind === "shape" && t.shapeType === "rectangle" && u(e, t, n, i, a);
-		}), i.value && r.points.length === 1 && d(e));
-	}, l = (e, t, n, r, i) => {
+		e && (e.clearRect(0, 0, t.value.width, t.value.height), i.annotations.forEach((t) => {
+			let n = t.id === i.selectedAnnotationId, r = t.color ?? (t.kind === "measure" ? "#10b981" : "#3b82f6"), a = (t.strokeWidth ?? 2) + (n ? 2 : 0);
+			t.kind === "measure" && u(e, t, n, r, a), t.kind === "shape" && t.shapeType === "rectangle" && d(e, t, n, r, a);
+		}), a.value && i.points.length === 1 && f(e));
+	}, u = (e, t, n, r, i) => {
 		let [a, o] = t.points;
 		e.save(), e.strokeStyle = n ? "#ef4444" : r, e.lineWidth = i, e.setLineDash(n ? [6, 4] : []), e.beginPath(), e.moveTo(a.x, a.y), e.lineTo(o.x, o.y), e.stroke(), e.setLineDash([]), e.fillStyle = n ? "#ef4444" : r, e.beginPath(), e.arc(a.x, a.y, n ? 4 : 3, 0, Math.PI * 2), e.arc(o.x, o.y, n ? 4 : 3, 0, Math.PI * 2), e.fill(), e.font = "12px sans-serif", e.fillText(t.label ?? `${t.value?.toFixed(1) ?? 0}`, o.x + 6, o.y - 6), e.restore();
-	}, u = (e, t, n, r, i) => {
+	}, d = (e, t, n, r, i) => {
 		let [a, o] = t.points, s = Math.min(a.x, o.x), c = Math.min(a.y, o.y), l = Math.abs(a.x - o.x), u = Math.abs(a.y - o.y);
 		e.save(), e.strokeStyle = n ? "#ef4444" : r, e.lineWidth = i, e.setLineDash(n ? [6, 4] : []), e.strokeRect(s, c, l, u), e.fillStyle = n ? "rgba(239, 68, 68, 0.12)" : "rgba(59, 130, 246, 0.12)", e.fillRect(s, c, l, u), e.setLineDash([]), e.fillStyle = n ? "#ef4444" : r, e.font = "12px sans-serif", e.fillText(t.label ?? "", s + 6, c + 16), e.restore();
-	}, d = (e) => {
-		let t = r.points[0], n = i.value;
-		if (e.save(), e.strokeStyle = r.mode === "measure" ? "#8b5cf6" : "#2563eb", e.lineWidth = 2, e.setLineDash([6, 4]), r.mode === "measure") e.beginPath(), e.moveTo(t.x, t.y), e.lineTo(n.x, n.y), e.stroke(), e.beginPath(), e.arc(t.x, t.y, 3, 0, Math.PI * 2), e.arc(n.x, n.y, 3, 0, Math.PI * 2), e.fillStyle = "#8b5cf6", e.fill();
-		else if (r.mode === "rectangle") {
-			let r = Math.min(t.x, n.x), i = Math.min(t.y, n.y), a = Math.abs(t.x - n.x), o = Math.abs(t.y - n.y);
-			e.strokeRect(r, i, a, o);
+	}, f = (e) => {
+		let t = i.points[0], n = a.value;
+		if (e.save(), e.strokeStyle = i.mode === "measure" ? "#8b5cf6" : "#2563eb", e.lineWidth = 2, e.setLineDash([6, 4]), i.mode === "measure") e.beginPath(), e.moveTo(t.x, t.y), e.lineTo(n.x, n.y), e.stroke(), e.beginPath(), e.arc(t.x, t.y, 3, 0, Math.PI * 2), e.arc(n.x, n.y, 3, 0, Math.PI * 2), e.fillStyle = "#8b5cf6", e.fill();
+		else if (i.mode === "rectangle") {
+			let r = Math.min(t.x, n.x), i = Math.min(t.y, n.y);
+			e.strokeRect(r, i, Math.abs(t.x - n.x), Math.abs(t.y - n.y));
 		}
 		e.restore();
 	};
 	return {
-		getCanvasPoint: a,
-		getDistanceToSegment: o,
-		hitTestAnnotation: s,
-		drawAnnotations: c,
+		getCanvasPoint: o,
+		getDistanceToSegment: s,
+		hitTestAnnotation: c,
+		drawAnnotations: l,
 		syncCanvasSize: () => {
-			if (!n.value || !t.value) return;
-			let e = n.value.getBoundingClientRect(), r = t.value;
-			r.width = e.width * window.devicePixelRatio, r.height = e.height * window.devicePixelRatio, r.style.width = `${e.width}px`, r.style.height = `${e.height}px`;
-			let i = r.getContext("2d");
-			i && i.setTransform(window.devicePixelRatio, 0, 0, window.devicePixelRatio, 0, 0);
+			if (!t.value) return;
+			let e = r?.value ?? n.value;
+			if (!e) return;
+			let i = e.scrollWidth || e.offsetWidth, a = e.scrollHeight || e.offsetHeight;
+			if (i === 0 || a === 0) return;
+			let o = t.value, s = window.devicePixelRatio || 1;
+			(o.width !== Math.round(i * s) || o.height !== Math.round(a * s)) && (o.width = Math.round(i * s), o.height = Math.round(a * s)), o.style.width = `${i}px`, o.style.height = `${a}px`;
+			let c = o.getContext("2d");
+			c && c.setTransform(s, 0, 0, s, 0, 0);
 		}
 	};
 }
 //#endregion
 //#region src/components/usePointerInteraction.ts
-function I(e) {
+function ne(e) {
 	let { annotationCanvas: t, interaction: n, previewPoint: r, isRectangleDragging: i, getCanvasPoint: a, hitTestAnnotation: o, drawAnnotations: s, deleteSelectedAnnotation: c, emit: l } = e;
 	return {
 		handlePointerDown: (e) => {
@@ -684,88 +722,158 @@ function I(e) {
 }
 //#endregion
 //#region src/components/useViewerLayout.ts
-var L = (e) => {
-	if (e.length < 2) return 0;
-	let t = e[0].clientX - e[1].clientX, n = e[0].clientY - e[1].clientY;
-	return Math.hypot(t, n);
-}, R = (e) => ({
+var q = (e, t, n) => Math.max(t, Math.min(n, e)), J = (e) => Math.hypot(e[0].clientX - e[1].clientX, e[0].clientY - e[1].clientY), Y = (e) => ({
 	x: (e[0].clientX + e[1].clientX) / 2,
 	y: (e[0].clientY + e[1].clientY) / 2
-}), z = (e) => {
-	let t = C[0], n = Math.abs(e - t);
-	for (let r = 1; r < C.length; r++) {
-		let i = Math.abs(e - C[r]);
-		i < n && (n = i, t = C[r]);
+}), X = (e) => {
+	let t = N[0], n = Math.abs(e - t);
+	for (let r = 1; r < N.length; r++) {
+		let i = Math.abs(e - N[r]);
+		i < n && (n = i, t = N[r]);
 	}
 	return t;
-};
-function B(e) {
-	let { viewerRef: n, rootRef: r, pdfLayerRef: i, currentScale: a, setScale: o, zoomSpeed: s, theme: c, syncCanvasSize: l, drawAnnotations: u } = e, d = 0, f = 1, p = null, m = 0;
+}, Z = () => typeof navigator < "u" && /Mobi|Android|iPhone|iPad/i.test(navigator.userAgent);
+function re(e) {
+	let { viewerRef: t, rootRef: r, pdfLayerRef: i, currentScale: a, setScale: o, zoomSpeed: s, theme: c, syncCanvasSize: l, drawAnnotations: u } = e, d = 0, f = 0, p = a.value, m = 1, g = null, _ = () => {
+		let e = r.value;
+		e && (e.style.transformOrigin = "0 0", m === 1 ? e.style.transform = `translate(${d}px, ${f}px)` : e.style.transform = `translate(${d}px, ${f}px) scale(${m})`);
+	}, v = () => {
+		let e = i.value;
+		return e ? {
+			w: e.scrollWidth || e.offsetWidth,
+			h: e.scrollHeight || e.offsetHeight
+		} : {
+			w: 0,
+			h: 0
+		};
+	}, y = (e, n) => {
+		let r = t.value;
+		if (!r) return {
+			ntx: e,
+			nty: n
+		};
+		let i = r.clientWidth, a = r.clientHeight, { w: o, h: s } = v(), c = o * m, l = s * m;
+		return {
+			ntx: q(e, -(c - 80), i - 80),
+			nty: q(n, -(l - 80), a - 80)
+		};
+	}, b = () => {
+		let e = t.value;
+		if (!e) return;
+		let { w: n, h: r } = v(), i = n * m, a = r * m;
+		d = Math.max(0, (e.clientWidth - i) / 2), f = Math.max(0, (e.clientHeight - a) / 2), _();
+	}, x = (e = !1) => {
+		let t = r.value;
+		t && (t.style.position = "absolute", t.style.top = "0", t.style.left = "0", t.style.width = "auto", t.style.height = "auto"), e ? requestAnimationFrame(() => requestAnimationFrame(() => {
+			b(), l(), u();
+		})) : (_(), l(), u());
+	}, S = n(() => ({
+		width: "100%",
+		height: "100%",
+		background: c.value === "dark" ? "#1e1e1e" : "#ffffff",
+		overflow: "hidden",
+		borderRadius: "8px",
+		border: c.value === "dark" ? "1px solid #374151" : "1px solid #e2e8f0",
+		position: "relative",
+		touchAction: "none",
+		display: "block"
+	})), C = h(!1), w = 0, T = 0, E = 0, D = 0, O = null, k = null, ee = (e) => {
+		e.button === 0 && (C.value = !0, w = e.clientX, T = e.clientY, E = d, D = f, O = (e) => {
+			if (!C.value) return;
+			let { ntx: t, nty: n } = y(E + e.clientX - w, D + e.clientY - T);
+			d = t, f = n, _();
+		}, k = () => {
+			C.value = !1, window.removeEventListener("mousemove", O), window.removeEventListener("mouseup", k), O = null, k = null;
+		}, window.addEventListener("mousemove", O), window.addEventListener("mouseup", k), e.preventDefault());
+	}, A = () => {
+		C.value = !1, O &&= (window.removeEventListener("mousemove", O), null), k &&= (window.removeEventListener("mouseup", k), null);
+	}, j = (e, t) => {
+		g = e;
+		let n = m, r = d, i = f, { w: a, h: s } = v();
+		o(t).then(() => {
+			if (g !== e) return;
+			g = null;
+			let o = e / t, { w: c, h } = v(), b = a * n, x = s * n, S = c * o, C = h * o;
+			d = r + (b - S) / 2, f = i + (x - C) / 2, p = t, m = o;
+			let { ntx: w, nty: T } = y(d, f);
+			d = w, f = T, _(), l(), u();
+		});
+	}, M = null, te = (e) => {
+		e.preventDefault();
+		let n = t.value;
+		if (!n) return;
+		let r = e.deltaY < 0 ? "in" : "out", i = Math.max(1, s ?? 1), a = p * m, o = Math.round(a * 100);
+		for (let e = 0; e < i; e++) {
+			let e = P(o, r);
+			if (e === o) break;
+			o = e;
+		}
+		let c = o / 100;
+		if (Math.abs(c - a) < .001) return;
+		let l = n.getBoundingClientRect(), u = e.clientX - l.left, h = e.clientY - l.top, g = c / a;
+		d = u - (u - d) * g, f = h - (h - f) * g, m = c / p;
+		let { ntx: v, nty: b } = y(d, f);
+		d = v, f = b, _(), M !== null && cancelAnimationFrame(M), M = requestAnimationFrame(() => {
+			M = null;
+			let e = Z() ? Math.min(c, 8) : c;
+			j(c, e);
+		});
+	}, F = 0, I = 0, L = 0, R = 0, z = !1, B = 0, V = 0, H = 0, U = 0, W = null, G = 0, K = null;
 	return {
-		containerStyle: t(() => ({
-			width: "100%",
-			height: "100%",
-			background: c === "dark" ? "#1e1e1e" : "#ffffff",
-			overflow: "auto",
-			borderRadius: "8px",
-			border: c === "dark" ? "1px solid #374151" : "1px solid #e2e8f0",
-			position: "relative",
-			touchAction: "pan-x pan-y",
-			display: "flex"
-		})),
-		adjustLayout: (e = !1) => {
-			let t = n.value, a = r.value, o = i.value;
-			if (!t || !a || !o) return;
-			let s = t.clientWidth, c = t.clientHeight, d = o.scrollWidth || s, f = o.scrollHeight || c, p = Math.max(d, s * 1.5), m = Math.max(f, c * 1.5);
-			a.style.width = `${p}px`, a.style.height = `${m}px`, e && (t.scrollLeft = p - s, t.scrollTop = (m - c) / 2), l(), u();
-		},
-		handleWheel: (e) => {
-			e.preventDefault();
-			let t = n.value, c = r.value, l = i.value;
-			if (!t || !c || !l) return;
-			let u = e.deltaY < 0 ? "in" : "out", d = Math.max(1, s ?? 1), f = Math.round(a.value * 100);
-			for (let e = 0; e < d; e++) {
-				let e = w(f, u);
-				if (e === f) break;
-				f = e;
-			}
-			let p = f / 100;
-			if (p === a.value) return;
-			let m = a.value, h = p / m, g = t.getBoundingClientRect(), _ = e.clientX - g.left, v = e.clientY - g.top, y = _ + t.scrollLeft, b = v + t.scrollTop, x = l.scrollWidth, S = l.scrollHeight, C = x / m, T = S / m, E = C * p, D = T * p, O = t.clientWidth, k = t.clientHeight, A = y * h - _, j = b * h - v;
-			c.style.width = `${Math.max(E, A + O, O * 1.5)}px`, c.style.height = `${Math.max(D, j + k, k * 1.5)}px`, c.offsetWidth, t.scrollLeft = A, t.scrollTop = j, o(p);
-		},
+		containerStyle: S,
+		adjustLayout: x,
+		handleWheel: te,
 		handleTouchStart: (e) => {
-			e.touches.length === 2 && (d = L(e.touches), f = a.value, p = R(e.touches), m = a.value);
+			e.touches.length === 1 ? (z = !0, F = e.touches[0].clientX, I = e.touches[0].clientY, L = d, R = f, B = 0, W = null) : e.touches.length === 2 && (z = !1, K !== null && (clearTimeout(K), K = null), B = J(e.touches), V = p * m, W = Y(e.touches), H = d, U = f, G = V);
 		},
 		handleTouchMove: (e) => {
-			if (e.touches.length !== 2 || d === 0) return;
-			e.preventDefault();
-			let t = L(e.touches);
-			if (Math.abs(t - d) < 5) return;
-			let s = t / d, c = f * s, l = z(Math.round(Math.max(.05, Math.min(128, c)) * 100)) / 100;
-			if (l === m) return;
-			m = l;
-			let u = n.value;
-			if (u && p) {
-				let e = u.getBoundingClientRect(), t = p.x - e.left, n = p.y - e.top, s = t + u.scrollLeft, c = n + u.scrollTop, d = l / a.value, f = r.value, m = i.value;
-				if (f && m) {
-					let e = u.clientWidth, r = u.clientHeight, i = a.value, o = m.scrollWidth / i, p = m.scrollHeight / i, h = o * l, g = p * l, _ = s * d - t, v = c * d - n;
-					f.style.width = `${Math.max(h, _ + e, e * 1.5)}px`, f.style.height = `${Math.max(g, v + r, r * 1.5)}px`, f.offsetWidth;
+			if (e.preventDefault(), e.touches.length === 1 && z) {
+				let t = e.touches[0].clientX - F, n = e.touches[0].clientY - I, { ntx: r, nty: i } = y(L + t, R + n);
+				d = r, f = i, _();
+			} else if (e.touches.length === 2 && B > 0 && W) {
+				let n = t.value;
+				if (!n) return;
+				let r = J(e.touches), i = Y(e.touches);
+				if (Math.abs(r - B) < 1) return;
+				let a = q(r / B * V, N[0] / 100, N[N.length - 1] / 100);
+				G = a;
+				let o = n.getBoundingClientRect(), s = W.x - o.left, c = W.y - o.top, l = a / V, u = i.x - W.x, h = i.y - W.y, g = s - (s - H) * l + u, v = c - (c - U) * l + h;
+				m = a / p;
+				let { ntx: b, nty: x } = y(g, v);
+				d = b, f = x, _(), Z() || (K !== null && clearTimeout(K), K = setTimeout(() => {
+					K = null;
+					let e = X(Math.round(G * 100)) / 100;
+					j(e, e);
+				}, 300));
+			}
+		},
+		handleTouchEnd: (e) => {
+			let t = e.touches.length;
+			if (t === 0) {
+				if (B > 0 && G > 0) {
+					let e = X(Math.round(G * 100)) / 100, t = Z() ? Math.min(e, 8) : e;
+					K !== null && (clearTimeout(K), K = null), j(e, t);
 				}
-				u.scrollLeft = s * d - t, u.scrollTop = c * d - n, o(l);
+				z = !1, B = 0, W = null, G = 0;
+			} else if (t === 1) {
+				if (B > 0 && G > 0) {
+					let e = X(Math.round(G * 100)) / 100, t = Z() ? Math.min(e, 8) : e;
+					K !== null && (clearTimeout(K), K = null), j(e, t);
+				}
+				z = !0, B = 0, W = null, G = 0, F = e.touches[0].clientX, I = e.touches[0].clientY, L = d, R = f;
 			}
 		},
-		handleTouchEnd: () => {
-			d = 0, p = null, m = 0;
-		}
+		handleMouseDown: ee,
+		isMouseDragging: C,
+		cleanupMouseDrag: A
 	};
 }
 //#endregion
 //#region src/types/tools.ts
-var V = {
+var ie = {
 	mode: "none",
 	measureSubType: "distance"
-}, H = class {
+}, Q = class {
 	constructor(e) {
 		this.TOOLNAME = "measure", this._active = !1, this._isStart = !1, this._isEnd = !1, this._isMeasuring = !1, this._isDragging = !1, this._startPoint = null, this._endPoint = null, this._points = [], this._measureList = /* @__PURE__ */ new Map(), this._dragStart = null, this._dragThreshold = 3, this.coordProvider = e.coordProvider, this.calibration = e.calibration ?? {
 			scale: 1,
@@ -850,7 +958,7 @@ var V = {
 	destroy() {
 		this._measureList.clear(), this.resetState(), this._active = !1;
 	}
-}, U = class extends H {
+}, ae = class extends Q {
 	constructor(e) {
 		super(e), this.currentType = "distance", this._previewEnd = null;
 	}
@@ -902,7 +1010,7 @@ var V = {
 	interrupt() {
 		this._previewEnd = null, super.interrupt();
 	}
-}, W = class extends H {
+}, oe = class extends Q {
 	constructor(e) {
 		super(e), this.currentType = "angle", this._secondPoint = null, this._thirdPoint = null;
 	}
@@ -932,7 +1040,7 @@ var V = {
 		let u = Math.max(-1, Math.min(1, s / (c * l)));
 		return parseFloat((Math.acos(u) * 180 / Math.PI).toFixed(2));
 	}
-}, G = class extends H {
+}, se = class extends Q {
 	constructor(e) {
 		super(e), this.currentType = "area";
 	}
@@ -960,7 +1068,7 @@ var V = {
 		}
 		return Math.abs(t) / 2;
 	}
-}, K = class {
+}, $ = class {
 	get currentType() {
 		return this._currentSubType;
 	}
@@ -969,7 +1077,7 @@ var V = {
 			this._isCreating = !0;
 		}, this._onMeasureCreated = (e) => {
 			this._isCreating = !1, this._resultList.set(e.result.id, e.result);
-		}, this.events = e.eventTrigger ?? new k();
+		}, this.events = e.eventTrigger ?? new z();
 		let t = {
 			coordProvider: e.coordProvider,
 			calibration: e.calibration ?? {
@@ -979,7 +1087,7 @@ var V = {
 			},
 			eventTrigger: this.events
 		};
-		this.distanceMeasure = new U(t), this.angleMeasure = new W(t), this.areaMeasure = new G(t), this._subTools = /* @__PURE__ */ new Map([
+		this.distanceMeasure = new ae(t), this.angleMeasure = new oe(t), this.areaMeasure = new se(t), this._subTools = /* @__PURE__ */ new Map([
 			["distance", this.distanceMeasure],
 			["angle", this.angleMeasure],
 			["area", this.areaMeasure]
@@ -1049,9 +1157,9 @@ var V = {
 		for (let e of this._subTools.values()) e.destroy();
 		this._subTools.clear(), this._resultList.clear(), this._active = !1;
 	}
-}, q = class {
+}, ce = class {
 	constructor(e) {
-		this._activeTool = null, this._activeMode = "none", this._tools = /* @__PURE__ */ new Map(), this.events = new k(), this.measureTool = new K({
+		this._activeTool = null, this._activeMode = "none", this._tools = /* @__PURE__ */ new Map(), this.events = new z(), this.measureTool = new $({
 			coordProvider: e.coordProvider,
 			calibration: e.calibration,
 			eventTrigger: this.events
@@ -1099,14 +1207,14 @@ var V = {
 };
 //#endregion
 //#region src/components/useViewerManager.ts
-function ee(e) {
-	let { drawAnnotations: t, currentScale: n, setScale: r, viewerRef: i, adjustLayout: o, screenToScene: s } = e, c = new q({ coordProvider: {
-		screenToScene: s,
+function le(e) {
+	let { drawAnnotations: t, currentScale: n, setScale: r, viewerRef: i, adjustLayout: a, screenToScene: o, toggleTheme: s } = e, c = new ce({ coordProvider: {
+		screenToScene: o,
 		sceneToScreen: (e) => ({
 			x: 0,
 			y: 0
 		})
-	} }), l = d([]), u = d(null), f = () => {
+	} }), u = _([]), d = _(null), f = () => {
 		let e = c.measureTool.getResults().map((e) => ({
 			id: e.id,
 			kind: "measure",
@@ -1121,19 +1229,19 @@ function ee(e) {
 			strokeWidth: 2,
 			createdAt: e.createdAt
 		}));
-		l.value = e, t();
+		u.value = e, t();
 	};
 	c.events.on("measure_created", (e) => {
 		f();
 	}), c.events.on("measure_cancel", () => {
 		t();
 	});
-	let p = d("none");
+	let p = _("none");
 	return {
 		toolManager: c,
 		mode: p,
-		annotations: l,
-		selectedAnnotationId: u,
+		annotations: u,
+		selectedAnnotationId: d,
 		setMode: (e) => {
 			let n = {
 				measure: "measure",
@@ -1146,23 +1254,29 @@ function ee(e) {
 			c.measureTool.setSubType(e);
 		},
 		clearInteraction: () => {
-			c.interrupt(), c.measureTool.clearResults(), l.value = [], u.value = null, t();
+			c.interrupt(), c.measureTool.clearResults(), u.value = [], d.value = null, t();
 		},
 		deleteSelectedAnnotation: () => {
-			u.value && (c.measureTool.removeResult(u.value), u.value = null, f());
+			d.value && (c.measureTool.removeResult(d.value), d.value = null, f());
 		},
 		selectAnnotation: (e) => {
-			u.value = e, t();
+			d.value = e, t();
 		},
 		registerManager: () => {
 			let e = {
 				setScale: async (e) => {
-					await r(e), await a(), o(!1);
+					await r(e), await l(), a(!1);
 				},
 				getScale: () => n.value,
-				getContainerEl: () => i.value
-			}, s = new T();
-			s.registerWithToolManager(c, t, e), window.pdfViewer = s;
+				getContainerEl: () => i.value,
+				resetPosition: () => {
+					a(!0);
+				},
+				toggleTheme: () => {
+					s();
+				}
+			}, o = new F();
+			o.registerWithToolManager(c, t, e), window.pdfViewer = o;
 		},
 		unregisterManager: () => {
 			window.pdfViewer?.unregister(), window.pdfViewer = null, c.destroy();
@@ -1170,12 +1284,91 @@ function ee(e) {
 	};
 }
 //#endregion
-//#region src/components/PdfViewer.vue
-var J = /*#__PURE__*/ ((e, t) => {
+//#region src/components/MobileConsole.vue?vue&type=script&setup=true&lang.ts
+var ue = { class: "mobile-console__title" }, de = { class: "mobile-console__count" }, fe = { class: "mobile-console__actions" }, pe = { class: "mobile-console__toggle" }, me = { class: "mobile-console__level" }, he = { class: "mobile-console__msg" }, ge = {
+	key: 0,
+	class: "mobile-console__empty"
+}, _e = /*@__PURE__*/ c({
+	__name: "MobileConsole",
+	props: {
+		visible: {
+			type: Boolean,
+			default: !1
+		},
+		maxLogs: { default: 200 }
+	},
+	setup(e) {
+		let n = e, s = h([]), c = h(!1), d = h(null), _ = console.log.bind(console), y = (e, t) => {
+			if (!n.visible) return;
+			let r = t.map((e) => {
+				if (typeof e == "string") return e;
+				try {
+					return JSON.stringify(e);
+				} catch {
+					return String(e);
+				}
+			}).join(" ");
+			s.value.push({
+				level: e,
+				message: r
+			}), s.value.length > n.maxLogs && s.value.splice(0, s.value.length - n.maxLogs);
+		};
+		x(() => s.value.length, async () => {
+			await l(), d.value && !c.value && (d.value.scrollTop = d.value.scrollHeight);
+		});
+		let w = () => {
+			s.value = [];
+		}, T = async () => {
+			let e = s.value.map((e) => `[${e.level.toUpperCase()}] ${e.message}`).join("\n");
+			if (e) try {
+				await navigator.clipboard.writeText(e);
+			} catch {
+				let t = document.createElement("textarea");
+				t.value = e, t.style.position = "fixed", t.style.left = "-9999px", document.body.appendChild(t), t.select(), document.execCommand("copy"), document.body.removeChild(t);
+			}
+		}, E = () => {
+			c.value = !c.value, c.value || l(() => {
+				d.value && (d.value.scrollTop = d.value.scrollHeight);
+			});
+		};
+		return p(() => {
+			n.visible && (console.log = (...e) => {
+				y("log", e), _(...e);
+			});
+		}), f(() => {
+			console.log = _;
+		}), (n, l) => e.visible ? (m(), i("div", {
+			key: 0,
+			class: u(["mobile-console", { collapsed: c.value }])
+		}, [a("div", {
+			class: "mobile-console__header",
+			onClick: E
+		}, [a("span", ue, [l[0] ||= o(" 📟 Console ", -1), a("span", de, v(s.value.length), 1)]), a("span", fe, [
+			a("button", {
+				class: "mobile-console__btn",
+				title: "清空",
+				onClick: C(w, ["stop"])
+			}, "🗑"),
+			a("button", {
+				class: "mobile-console__btn",
+				title: "复制全部",
+				onClick: C(T, ["stop"])
+			}, "📋"),
+			a("span", pe, v(c.value ? "▲" : "▼"), 1)
+		])]), S(a("div", {
+			ref_key: "logListRef",
+			ref: d,
+			class: "mobile-console__list"
+		}, [(m(!0), i(t, null, g(s.value, (e, t) => (m(), i("div", {
+			key: t,
+			class: u(["mobile-console__entry", "mobile-console__entry--" + e.level])
+		}, [a("span", me, v(e.level.toUpperCase()), 1), a("span", he, v(e.message), 1)], 2))), 128)), s.value.length === 0 ? (m(), i("div", ge, "暂无日志")) : r("", !0)], 512), [[b, !c.value]])], 2)) : r("", !0);
+	}
+}), ve = (e, t) => {
 	let n = e.__vccOpts || e;
 	for (let [e, r] of t) n[e] = r;
 	return n;
-})(/* @__PURE__ */ i({
+}, ye = /*#__PURE__*/ ve(_e, [["__scopeId", "data-v-ef8b578a"]]), be = /*#__PURE__*/ ve(/* @__PURE__ */ c({
 	__name: "PdfViewer",
 	props: {
 		modelValue: { default: null },
@@ -1187,122 +1380,130 @@ var J = /*#__PURE__*/ ((e, t) => {
 			type: Boolean,
 			default: !1
 		},
-		zoomSpeed: { default: 1 }
+		zoomSpeed: { default: 1 },
+		showConsole: {
+			type: Boolean,
+			default: !1
+		}
 	},
 	emits: [
 		"loaded",
 		"error",
 		"annotation-added"
 	],
-	setup(e, { expose: t, emit: i }) {
-		let d = e, m = i, h = u(null), g = u(null), _ = u(null), v = u(null), { containerRef: y, loadFile: b, doc: x, pageCount: S, currentPageNum: C, error: w, currentScale: T, setScale: E, reset: D, events: O } = A({
+	setup(e, { expose: t, emit: r }) {
+		let o = e, c = r, u = h(null), g = h(null), _ = h(null), v = h(null), b = h(o.theme), S = n(() => b.value === "dark" ? "#1e1e1e" : "rgb(255,255,255)"), w = () => {
+			b.value = b.value === "light" ? "dark" : "light";
+		}, { containerRef: T, loadFile: E, doc: D, pageCount: O, currentPageNum: k, error: ee, currentScale: A, setScale: j, setBackgroundColor: M, reset: te, events: N } = V({
 			autoLoad: !1,
-			scale: d.scale,
-			backgroundColor: d.theme === "dark" ? "#1e1e1e" : "rgb(255,255,255)"
-		}), k = P(), j = u(null), M = u(!1), { drawAnnotations: N, syncCanvasSize: L, getCanvasPoint: R, hitTestAnnotation: z } = F({
+			scale: o.scale,
+			backgroundColor: S.value
+		}), P = G(), F = h(null), I = h(!1), { drawAnnotations: L, syncCanvasSize: R, getCanvasPoint: z, hitTestAnnotation: B } = K({
 			annotationCanvas: v,
 			rootRef: g,
-			interaction: k,
-			previewPoint: j
-		}), { containerStyle: V, adjustLayout: H, handleWheel: U, handleTouchStart: W, handleTouchMove: G, handleTouchEnd: K } = B({
-			viewerRef: h,
+			pdfLayerRef: _,
+			interaction: P,
+			previewPoint: F
+		}), { containerStyle: H, adjustLayout: U, handleWheel: W, handleTouchStart: q, handleTouchMove: J, handleTouchEnd: Y, handleMouseDown: X, isMouseDragging: Z, cleanupMouseDrag: ie } = re({
+			viewerRef: u,
 			rootRef: g,
 			pdfLayerRef: _,
-			currentScale: T,
-			setScale: E,
-			zoomSpeed: d.zoomSpeed ?? 1,
-			theme: d.theme,
-			syncCanvasSize: L,
-			drawAnnotations: N
-		}), { setMode: q, clearInteraction: J, deleteSelectedAnnotation: Y, selectAnnotation: te, registerManager: ne, unregisterManager: re } = ee({
-			drawAnnotations: N,
-			currentScale: T,
-			setScale: E,
-			viewerRef: h,
-			adjustLayout: H,
+			currentScale: A,
+			setScale: j,
+			zoomSpeed: o.zoomSpeed ?? 1,
+			theme: b,
+			syncCanvasSize: R,
+			drawAnnotations: L
+		}), Q = (e) => {
+			P.mode === "none" && X(e);
+		}, ae = n(() => ({
+			...H.value,
+			cursor: Z.value ? "grabbing" : "grab"
+		})), { setMode: oe, clearInteraction: se, deleteSelectedAnnotation: $, selectAnnotation: ce, registerManager: ue, unregisterManager: de } = le({
+			drawAnnotations: L,
+			currentScale: A,
+			setScale: j,
+			viewerRef: u,
+			adjustLayout: U,
 			screenToScene: (e) => {
-				let t = R(e);
+				let t = z(e);
 				return {
 					x: t.x,
 					y: t.y
 				};
-			}
-		}), { handlePointerDown: X, handlePointerMove: Z, handlePointerUp: Q, handleKeydown: $ } = I({
+			},
+			toggleTheme: w
+		}), { handlePointerDown: fe, handlePointerMove: pe, handlePointerUp: me, handleKeydown: he } = ne({
 			annotationCanvas: v,
-			interaction: k,
-			previewPoint: j,
-			isRectangleDragging: M,
-			getCanvasPoint: R,
-			hitTestAnnotation: z,
-			drawAnnotations: N,
-			deleteSelectedAnnotation: Y,
-			emit: m
+			interaction: P,
+			previewPoint: F,
+			isRectangleDragging: I,
+			getCanvasPoint: z,
+			hitTestAnnotation: B,
+			drawAnnotations: L,
+			deleteSelectedAnnotation: $,
+			emit: c
 		});
-		return O.on("loaded", (e) => {
-			m("loaded", {
+		return N.on("loaded", (e) => {
+			c("loaded", {
 				pageCount: e.pageCount,
 				currentPage: e.currentPage
 			});
-		}), O.on("error_occurred", (e) => {
-			m("error", { message: e.message });
-		}), p(() => k.annotations.length, () => {
-			N();
-		}), p(() => d.scale, async (e) => {
-			e && e !== T.value && (await E(e), await a(), H());
-		}), p(() => d.modelValue, async (e) => {
-			e && (await b(e), await a(), H(!0));
+		}), N.on("error_occurred", (e) => {
+			c("error", { message: e.message });
+		}), x(() => P.annotations.length, () => {
+			L();
+		}), x(() => o.scale, async (e) => {
+			e && e !== A.value && (await j(e), await l(), U());
+		}), x(() => o.modelValue, async (e) => {
+			e && (await E(e), await l(), U(!0));
 		}, {
 			immediate: !0,
 			flush: "post"
-		}), c(() => {
-			y.value = _.value, L(), N(), window.addEventListener("keydown", $), ne(), h.value && (h.value.addEventListener("touchstart", W, { passive: !0 }), h.value.addEventListener("touchmove", G, { passive: !1 }), h.value.addEventListener("touchend", K));
-		}), s(() => {
-			window.removeEventListener("keydown", $), h.value && (h.value.removeEventListener("touchstart", W), h.value.removeEventListener("touchmove", G), h.value.removeEventListener("touchend", K)), re();
+		}), x(b, async (e) => {
+			await M(e === "dark" ? "#1e1e1e" : "rgb(255,255,255)");
+		}), p(() => {
+			T.value = _.value, g.value && (g.value.style.position = "absolute", g.value.style.top = "0", g.value.style.left = "0"), R(), L(), window.addEventListener("keydown", he), ue(), u.value && (u.value.addEventListener("touchstart", q, { passive: !1 }), u.value.addEventListener("touchmove", J, { passive: !1 }), u.value.addEventListener("touchend", Y, { passive: !1 }));
+		}), f(() => {
+			window.removeEventListener("keydown", he), ie(), u.value && (u.value.removeEventListener("touchstart", q), u.value.removeEventListener("touchmove", J), u.value.removeEventListener("touchend", Y)), de();
 		}), t({
 			load: async (e) => {
-				await b(e);
+				await E(e);
 			},
 			clear: () => {
-				D();
+				te();
 			},
-			setMode: q,
-			clearInteraction: J,
-			deleteSelectedAnnotation: Y,
-			selectAnnotation: te
-		}), (e, t) => (l(), n("div", {
+			setMode: oe,
+			clearInteraction: se,
+			deleteSelectedAnnotation: $,
+			selectAnnotation: ce
+		}), (t, n) => (m(), i("div", {
 			ref_key: "viewerRef",
-			ref: h,
+			ref: u,
 			class: "pdf-core-viewer",
-			style: o(f(V)),
-			onWheel: t[3] ||= (...e) => f(U) && f(U)(...e)
-		}, [r("div", {
+			style: d(ae.value),
+			onWheel: n[3] ||= C((...e) => y(W) && y(W)(...e), ["prevent"]),
+			onMousedown: Q
+		}, [a("div", {
 			ref_key: "rootRef",
 			ref: g,
 			class: "pdf-core-canvas-wrapper"
-		}, [
-			r("div", {
-				ref_key: "pdfLayerRef",
-				ref: _,
-				class: "pdf-core-pdf-layer"
-			}, null, 512),
-			r("canvas", {
-				ref_key: "annotationCanvas",
-				ref: v,
-				class: "pdf-core-annotation-canvas"
-			}, null, 512),
-			r("div", {
-				class: "pdf-core-overlay",
-				onPointerdown: t[0] ||= (...e) => f(X) && f(X)(...e),
-				onPointerup: t[1] ||= (...e) => f(Q) && f(Q)(...e),
-				onPointermove: t[2] ||= (...e) => f(Z) && f(Z)(...e)
-			}, null, 32)
-		], 512)], 36));
-	}
-}), [["__scopeId", "data-v-0e4941dc"]]);
+		}, [a("div", {
+			ref_key: "pdfLayerRef",
+			ref: _,
+			class: "pdf-core-pdf-layer"
+		}, null, 512), a("div", {
+			class: "pdf-core-overlay",
+			onPointerdown: n[0] ||= (...e) => y(fe) && y(fe)(...e),
+			onPointerup: n[1] ||= (...e) => y(me) && y(me)(...e),
+			onPointermove: n[2] ||= (...e) => y(pe) && y(pe)(...e)
+		}, null, 32)], 512), s(ye, { visible: e.showConsole }, null, 8, ["visible"])], 36));
+	}
+}), [["__scopeId", "data-v-58f287f7"]]);
 //#endregion
 //#region src/vue/plugin.ts
-function Y(e) {
-	e.component("PdfViewer", J);
+function xe(e) {
+	e.component("PdfViewer", be);
 }
 //#endregion
-export { W as AngleMeasure, G as AreaMeasure, S as CoordTransformer, V as DEFAULT_TOOL_STATE, U as DistanceMeasure, k as EventTrigger, H as MeasureBase, K as MeasureTool, J as PdfViewer, T as PdfViewerCore, _ as TileLRUCache, q as ToolManager, C as ZOOM_LEVELS, E as createMeasureAnnotation, D as createShapeAnnotation, w as getNextZoom, Y as installPdfCore, g as loadPDF, x as renderPageTiledVirtual, m as setPDFWorkerSrc, j as useAnnotations, h as useDefaultWorker, N as useInteraction, M as useMeasurement, A as usePdfCore };
+export { oe as AngleMeasure, se as AreaMeasure, te as CoordTransformer, ie as DEFAULT_TOOL_STATE, ae as DistanceMeasure, z as EventTrigger, Q as MeasureBase, $ as MeasureTool, be as PdfViewer, F as PdfViewerCore, D as TileLRUCache, ce as ToolManager, N as ZOOM_LEVELS, I as createMeasureAnnotation, L as createShapeAnnotation, P as getNextZoom, xe as installPdfCore, E as loadPDF, M as renderPageTiledVirtual, w as setPDFWorkerSrc, H as useAnnotations, T as useDefaultWorker, W as useInteraction, U as useMeasurement, V as usePdfCore };