@xtctwins/tctwins-pdf-core 0.1.0 → 0.1.2

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 ee(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 T(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,
@@ -20,8 +20,396 @@ async function g(t, n = {}) {
 	};
 }
 //#endregion
-//#region src/core/TileCache.ts
-var _ = class e {
+//#region src/core/ColorInverter.ts
+var E = "invert(1)", te = "invert(1) hue-rotate(180deg)", ne = 24, re = "\nattribute vec2 aPos;\nvarying vec2 vUv;\nvoid main() {\n  vUv = aPos * 0.5 + 0.5;\n  gl_Position = vec4(aPos, 0.0, 1.0);\n}", ie = "\nprecision mediump float;\nuniform sampler2D uTex;\nuniform float uThreshold;\nuniform float uUnblend;\nvarying vec2 vUv;\nvoid main() {\n  vec4 c = texture2D(uTex, vUv);\n  float mx = max(c.r, max(c.g, c.b));\n  float mn = min(c.r, min(c.g, c.b));\n  float chroma = mx - mn;\n  float luma = dot(c.rgb, vec3(0.299, 0.587, 0.114));\n  if (chroma <= uThreshold) {\n    // 灰度（含抗锯齿灰阶）：按亮度反色 → 纸白→纸黑、黑线→白线，斜坡平滑\n    gl_FragColor = vec4(vec3(1.0 - luma), 1.0);\n  } else if (uUnblend > 0.5) {\n    // 彩色 + 覆盖度反解：像素 - min(通道) = 原墨色 × 覆盖度（新纸色为黑）\n    gl_FragColor = vec4(c.rgb - mn, 1.0);\n  } else {\n    // 彩色原样保留（\"achromatic\" 模式；代价是边缘会有一圈亮边）\n    gl_FragColor = vec4(c.rgb, 1.0);\n  }\n}", D = (e, t, n) => Math.max(t, Math.min(n, e)), O = class {
+	constructor() {
+		this.glCanvas = null, this.gl = null, this.program = null, this.texture = null, this.thresholdLoc = null, this.unblendLoc = null, this.webglReady = null, this.loggedPath = !1;
+	}
+	get usingWebGL() {
+		return this.webglReady === !0;
+	}
+	presentPerPixel(e, t, n, r, i, a = "unblend", o = 24) {
+		if (r <= 0 || i <= 0) return !1;
+		if (this.ensureWebGL()) try {
+			return this.drawWithGL(e, n, r, i, a, o), this.loggedPath || (this.loggedPath = !0, console.debug("[PDF-CORE] 智能反色：WebGL 着色器快路径")), !0;
+		} catch {
+			this.disableWebGL();
+		}
+		return this.loggedPath || (this.loggedPath = !0, console.debug("[PDF-CORE] 智能反色：WebGL 不可用，降级为逐像素处理（较慢）")), this.invertPixels(t, n, r, i, a, o), !1;
+	}
+	presentAchromatic(e, t, n, r, i, a = 24) {
+		return this.presentPerPixel(e, t, n, r, i, "achromatic", a);
+	}
+	dispose() {
+		this.disableWebGL(), this.webglReady = !1;
+	}
+	ensureWebGL() {
+		if (this.webglReady === !1) return !1;
+		if (this.webglReady === !0) return !0;
+		try {
+			let e = document.createElement("canvas"), t = e.getContext("webgl", {
+				alpha: !1,
+				antialias: !1,
+				depth: !1,
+				stencil: !1,
+				premultipliedAlpha: !1,
+				preserveDrawingBuffer: !0
+			});
+			if (!t) throw Error("WebGL 不可用");
+			let n = this.buildProgram(t), r = t.createTexture(), i = t.createBuffer();
+			if (!r || !i) throw Error("WebGL 资源创建失败");
+			t.useProgram(n), t.bindBuffer(t.ARRAY_BUFFER, i), t.bufferData(t.ARRAY_BUFFER, new Float32Array([
+				-1,
+				-1,
+				1,
+				-1,
+				-1,
+				1,
+				1,
+				1
+			]), t.STATIC_DRAW);
+			let a = t.getAttribLocation(n, "aPos");
+			return t.enableVertexAttribArray(a), t.vertexAttribPointer(a, 2, t.FLOAT, !1, 0, 0), t.bindTexture(t.TEXTURE_2D, r), t.texParameteri(t.TEXTURE_2D, t.TEXTURE_MIN_FILTER, t.LINEAR), t.texParameteri(t.TEXTURE_2D, t.TEXTURE_MAG_FILTER, t.LINEAR), t.texParameteri(t.TEXTURE_2D, t.TEXTURE_WRAP_S, t.CLAMP_TO_EDGE), t.texParameteri(t.TEXTURE_2D, t.TEXTURE_WRAP_T, t.CLAMP_TO_EDGE), t.uniform1i(t.getUniformLocation(n, "uTex"), 0), e.addEventListener("webglcontextlost", (e) => {
+				e.preventDefault(), this.disableWebGL();
+			}), this.glCanvas = e, this.gl = t, this.program = n, this.texture = r, this.thresholdLoc = t.getUniformLocation(n, "uThreshold"), this.unblendLoc = t.getUniformLocation(n, "uUnblend"), this.webglReady = !0, !0;
+		} catch {
+			return this.webglReady = !1, !1;
+		}
+	}
+	buildProgram(e) {
+		let t = e.createShader(e.VERTEX_SHADER), n = e.createShader(e.FRAGMENT_SHADER);
+		if (!t || !n) throw Error("shader 创建失败");
+		if (e.shaderSource(t, re), e.compileShader(t), e.shaderSource(n, ie), e.compileShader(n), !e.getShaderParameter(t, e.COMPILE_STATUS) || !e.getShaderParameter(n, e.COMPILE_STATUS)) throw Error("shader 编译失败");
+		let r = e.createProgram();
+		if (!r) throw Error("program 创建失败");
+		if (e.attachShader(r, t), e.attachShader(r, n), e.linkProgram(r), !e.getProgramParameter(r, e.LINK_STATUS)) throw Error("program 链接失败");
+		return e.deleteShader(t), e.deleteShader(n), r;
+	}
+	drawWithGL(e, t, n, r, i, a) {
+		let o = this.gl, s = this.glCanvas;
+		if (!o || !s || !this.texture) throw Error("WebGL 未就绪");
+		(s.width !== n || s.height !== r) && (s.width = n, s.height = r), o.viewport(0, 0, n, r), o.useProgram(this.program), o.activeTexture(o.TEXTURE0), o.bindTexture(o.TEXTURE_2D, this.texture), o.pixelStorei(o.UNPACK_FLIP_Y_WEBGL, 1), o.texImage2D(o.TEXTURE_2D, 0, o.RGBA, o.RGBA, o.UNSIGNED_BYTE, e), this.thresholdLoc && o.uniform1f(this.thresholdLoc, D(a, 0, 255) / 255), this.unblendLoc && o.uniform1f(this.unblendLoc, +(i === "unblend")), o.drawArrays(o.TRIANGLE_STRIP, 0, 4), t.setTransform(1, 0, 0, 1, 0, 0), t.drawImage(s, 0, 0);
+	}
+	disableWebGL() {
+		let e = this.gl;
+		e && (this.texture && e.deleteTexture(this.texture), this.program && e.deleteProgram(this.program), e.getExtension("WEBGL_lose_context")?.loseContext()), this.glCanvas = null, this.gl = null, this.program = null, this.texture = null, this.thresholdLoc = null, this.unblendLoc = null, this.webglReady = !1;
+	}
+	invertPixels(e, t, n, r, i, a) {
+		let o = e.getImageData(0, 0, n, r), s = o.data;
+		for (let e = 0; e < s.length; e += 4) {
+			let t = s[e], n = s[e + 1], r = s[e + 2], o = t > n ? t > r ? t : r : n > r ? n : r, c = t < n ? t < r ? t : r : n < r ? n : r;
+			if (o - c <= a) {
+				let i = 255 - ((t * 299 + n * 587 + r * 114) / 1e3 | 0);
+				s[e] = i, s[e + 1] = i, s[e + 2] = i;
+			} else i === "unblend" && (s[e] = t - c, s[e + 1] = n - c, s[e + 2] = r - c);
+		}
+		t.setTransform(1, 0, 0, 1, 0, 0), t.putImageData(o, 0, 0);
+	}
+}, ae = 8192, oe = 1.25, se = .05, ce = 128, k = (e, t, n) => Math.max(t, Math.min(n, e)), le = (() => {
+	try {
+		let e = document.createElement("canvas").getContext("2d");
+		return e ? (e.filter = "invert(1)", e.filter === "invert(1)") : !1;
+	} catch {
+		return !1;
+	}
+})(), A = class {
+	constructor(e) {
+		this.doc = null, this.page = null, this.pageW = 0, this.pageH = 0, this.inkCenter = {
+			x: 0,
+			y: 0
+		}, this.zoomValue = 1, this.centerValue = {
+			x: 0,
+			y: 0
+		}, this.presentedValue = {
+			zoom: 1,
+			center: {
+				x: 0,
+				y: 0
+			},
+			region: {
+				x: 0,
+				y: 0,
+				w: 0,
+				h: 0,
+				tiled: !1
+			},
+			offset: {
+				x: 0,
+				y: 0
+			}
+		}, this.unpresented = {
+			x: 0,
+			y: 0
+		}, this.dragExtra = {
+			x: 0,
+			y: 0
+		}, this.seq = 0, this.task = null, this.rafId = null, this.backgroundColor = "rgb(255,255,255)", this.invertColorsValue = !1, this.invertModeValue = "unblend", this.invertThresholdValue = 24, this.inverter = new O(), this.destroyed = !1, this.stageBox = {
+			left: 0,
+			top: 0,
+			w: 0,
+			h: 0
+		}, this.canvas = e.canvas, this.stage = e.stage, this.wrap = e.wrap ?? null, this.dprOf = e.dpr ?? (() => window.devicePixelRatio || 1), this.maxSide = e.maxSide ?? ae, this.prefetch = e.prefetch ?? oe, this.minZoom = e.minZoom ?? se, this.maxZoomValue = e.maxZoom ?? ce, this.onPresented = e.onPresented ?? null, this.backgroundColor = e.backgroundColor ?? "rgb(255,255,255)", this.invertColorsValue = e.invertColors ?? !1, this.invertModeValue = e.invertMode ?? "unblend", this.invertThresholdValue = e.invertThreshold ?? 24;
+		let t = this.canvas.getContext("2d");
+		if (!t) throw Error("[PDF-CORE] 2d context 不可用");
+		this.ctx = t, this.off = document.createElement("canvas");
+		let n = this.off.getContext("2d");
+		if (!n) throw Error("[PDF-CORE] 离屏 2d context 不可用");
+		this.offCtx = n, this.canvas.style.position = "absolute", this.canvas.style.display = "block", this.canvas.style.transformOrigin = "0 0";
+	}
+	get zoom() {
+		return this.zoomValue;
+	}
+	get center() {
+		return { ...this.centerValue };
+	}
+	get size() {
+		return {
+			wPt: this.pageW,
+			hPt: this.pageH
+		};
+	}
+	get presented() {
+		return this.presentedValue;
+	}
+	get pageRef() {
+		return this.page;
+	}
+	async open(e) {
+		this.doc = e, this.page = await e.getPage(1);
+		let t = this.page.getViewport({ scale: 1 });
+		return this.pageW = t.width, this.pageH = t.height, this.inkCenter = await this.detectInkCenter(this.page), this.centerValue = { ...this.inkCenter }, {
+			wPt: this.pageW,
+			hPt: this.pageH
+		};
+	}
+	async detectInkCenter(e) {
+		let t = {
+			x: this.pageW / 2,
+			y: this.pageH / 2
+		};
+		try {
+			let n = e.getViewport({ scale: 1 }), r = 220 / Math.max(n.width, n.height), i = e.getViewport({ scale: r }), a = document.createElement("canvas");
+			a.width = Math.max(1, Math.floor(i.width)), a.height = Math.max(1, Math.floor(i.height));
+			let o = a.getContext("2d", { willReadFrequently: !0 });
+			if (!o) return t;
+			await e.render({
+				canvas: a,
+				canvasContext: o,
+				viewport: i
+			}).promise;
+			let s = o.getImageData(0, 0, a.width, a.height).data, c = Infinity, l = Infinity, u = -1, d = -1;
+			for (let e = 0; e < a.height; e += 3) for (let t = 0; t < a.width; t += 3) {
+				let n = (e * a.width + t) * 4;
+				(s[n] < 250 || s[n + 1] < 250 || s[n + 2] < 250) && (t < c && (c = t), e < l && (l = e), t > u && (u = t), e > d && (d = e));
+			}
+			return a.width = 0, a.height = 0, u < 0 ? t : {
+				x: (c + u) / 2 / r,
+				y: (l + d) / 2 / r
+			};
+		} catch {
+			return t;
+		}
+	}
+	destroy() {
+		this.destroyed = !0, this.cancel(), this.rafId !== null && (cancelAnimationFrame(this.rafId), this.rafId = null), this.doc = null, this.page = null, this.canvas.width = 0, this.canvas.height = 0, this.canvas.style.filter = "", this.inverter.dispose(), this.off.width = 0, this.off.height = 0;
+	}
+	unload() {
+		this.cancel(), this.seq++, this.doc = null, this.page = null, this.pageW = 0, this.pageH = 0, this.canvas.width = 0, this.canvas.height = 0, this.canvas.style.transform = "", this.unpresented = {
+			x: 0,
+			y: 0
+		}, this.dragExtra = {
+			x: 0,
+			y: 0
+		}, this.wrap && (this.wrap.style.width = "0px", this.wrap.style.height = "0px");
+	}
+	cancel() {
+		if (this.task) {
+			try {
+				this.task.cancel();
+			} catch {}
+			this.task = null;
+		}
+	}
+	setBackgroundColor(e) {
+		this.backgroundColor = e, this.canvas.style.background = e, this.requestRender();
+	}
+	get invertColors() {
+		return this.invertColorsValue;
+	}
+	get invertMode() {
+		return this.invertModeValue;
+	}
+	setInvertColors(e) {
+		e !== this.invertColorsValue && (this.invertColorsValue = e, this.requestRender());
+	}
+	setInvertMode(e, t) {
+		let n = t ?? this.invertThresholdValue;
+		e === this.invertModeValue && n === this.invertThresholdValue || (this.invertModeValue = e, this.invertThresholdValue = n, this.requestRender());
+	}
+	get usingWebGLInvert() {
+		return this.inverter.usingWebGL;
+	}
+	get maxZoom() {
+		return this.maxZoomValue;
+	}
+	setMaxZoom(e) {
+		!(e > 0) || e === this.maxZoomValue || (this.maxZoomValue = e, this.zoomValue > e && (this.zoomValue = e, this.requestRender()));
+	}
+	setZoom(e) {
+		let t = k(e, this.minZoom, this.maxZoomValue);
+		t !== this.zoomValue && (this.zoomValue = t, this.requestRender());
+	}
+	anchorAt(e, t, n, r) {
+		let i = k(r, this.minZoom, this.maxZoomValue);
+		this.zoomValue = i;
+		let a = this.stageCenterOnScreen();
+		this.centerValue = {
+			x: n.x - (e - a.x) / i,
+			y: n.y - (t - a.y) / i
+		}, this.requestRender();
+	}
+	zoomAt(e, t, n) {
+		let r = k(this.zoomValue * n, this.minZoom, this.maxZoomValue);
+		if (r === this.zoomValue) return !1;
+		let i = this.screenToPt(e, t);
+		return this.anchorAt(e, t, i, r), !0;
+	}
+	setDragOffset(e, t) {
+		this.dragExtra = {
+			x: e,
+			y: t
+		}, this.applyBitmapOffset();
+	}
+	commitDrag(e, t) {
+		let n = this.presentedValue.zoom || 1;
+		this.centerValue = {
+			x: this.centerValue.x - e / n,
+			y: this.centerValue.y - t / n
+		}, this.unpresented = {
+			x: this.unpresented.x + e,
+			y: this.unpresented.y + t
+		}, this.dragExtra = {
+			x: 0,
+			y: 0
+		}, this.requestRender();
+	}
+	centerOnContent() {
+		this.centerValue = { ...this.inkCenter }, this.requestRender();
+	}
+	applyBitmapOffset() {
+		let e = this.unpresented.x + this.dragExtra.x, t = this.unpresented.y + this.dragExtra.y;
+		this.canvas.style.transform = e === 0 && t === 0 ? "" : `translate(${e}px, ${t}px)`;
+	}
+	screenToPt(e, t) {
+		let n = this.presentedValue, r = n.zoom || 1, i = this.stageCenterOnScreen(), a = {
+			x: this.unpresented.x + this.dragExtra.x,
+			y: this.unpresented.y + this.dragExtra.y
+		};
+		return {
+			x: n.center.x + (e - i.x - a.x) / r,
+			y: n.center.y + (t - i.y - a.y) / r
+		};
+	}
+	ptToScreen(e) {
+		let t = this.presentedValue, n = t.zoom || 1, r = this.stageCenterOnScreen(), i = {
+			x: this.unpresented.x + this.dragExtra.x,
+			y: this.unpresented.y + this.dragExtra.y
+		};
+		return {
+			x: r.x + (e.x - t.center.x) * n + i.x,
+			y: r.y + (e.y - t.center.y) * n + i.y
+		};
+	}
+	refreshStageBox() {
+		let e = this.stage.getBoundingClientRect(), t = this.stage.clientWidth || e.width, n = this.stage.clientHeight || e.height;
+		this.stageBox = {
+			left: e.left + (e.width - t) / 2,
+			top: e.top + (e.height - n) / 2,
+			w: t,
+			h: n
+		};
+	}
+	stageCenterOnScreen() {
+		return {
+			x: this.stageBox.left + this.stageBox.w / 2,
+			y: this.stageBox.top + this.stageBox.h / 2
+		};
+	}
+	computeRegion() {
+		let e = this.zoomValue * this.dprOf();
+		if (Math.max(this.pageW * e, this.pageH * e) <= this.maxSide) return null;
+		let t = (this.stageBox.w || 1) / this.zoomValue * this.prefetch, n = (this.stageBox.h || 1) / this.zoomValue * this.prefetch, r = Math.min(t, this.pageW), i = Math.min(n, this.pageH), a = k(this.centerValue.x - r / 2, 0, Math.max(this.pageW - r, 0)), o = k(this.centerValue.y - i / 2, 0, Math.max(this.pageH - i, 0)), s = {
+			x: a,
+			y: o,
+			w: r,
+			h: i,
+			tiled: !0
+		};
+		return this.centerValue = {
+			x: a + r / 2,
+			y: o + i / 2
+		}, s;
+	}
+	layout(e) {
+		let t = this.zoomValue;
+		this.wrap && (this.wrap.style.position = "absolute", this.wrap.style.left = "0", this.wrap.style.top = "0", this.wrap.style.width = `${Math.round(this.pageW * t)}px`, this.wrap.style.height = `${Math.round(this.pageH * t)}px`, this.wrap.style.transformOrigin = "0 0", this.wrap.style.transform = `translate(${this.stageBox.w / 2 - this.centerValue.x * t}px, ${this.stageBox.h / 2 - this.centerValue.y * t}px)`);
+		let n = this.wrap ? 0 : this.stageBox.w / 2 - this.centerValue.x * t, r = this.wrap ? 0 : this.stageBox.h / 2 - this.centerValue.y * t;
+		this.canvas.style.left = `${n + e.x * t}px`, this.canvas.style.top = `${r + e.y * t}px`, this.canvas.style.width = `${Math.round(e.w * t)}px`, this.canvas.style.height = `${Math.round(e.h * t)}px`, this.unpresented = {
+			x: 0,
+			y: 0
+		}, this.dragExtra = {
+			x: 0,
+			y: 0
+		}, this.canvas.style.transform = "";
+	}
+	requestRender() {
+		this.destroyed || this.rafId !== null || (this.rafId = requestAnimationFrame(() => {
+			this.rafId = null, this.render();
+		}));
+	}
+	async render() {
+		if (this.destroyed || !this.page || this.pageW <= 0) return;
+		let e = ++this.seq;
+		this.cancel(), this.refreshStageBox();
+		let t = this.zoomValue * this.dprOf(), n = this.computeRegion(), r = n ?? {
+			x: 0,
+			y: 0,
+			w: this.pageW,
+			h: this.pageH,
+			tiled: !1
+		}, i = this.page.getViewport({ scale: t });
+		n && (i = i.clone({
+			offsetX: -n.x * t,
+			offsetY: -n.y * t
+		}));
+		let a = Math.max(1, Math.floor(r.w * t)), o = Math.max(1, Math.floor(r.h * t));
+		this.off.width = a, this.off.height = o, this.offCtx.setTransform(1, 0, 0, 1, 0, 0), this.offCtx.fillStyle = this.invertColorsValue ? "#ffffff" : this.backgroundColor, this.offCtx.fillRect(0, 0, a, o);
+		let s = null;
+		try {
+			s = this.page.render({
+				canvas: this.off,
+				canvasContext: this.offCtx,
+				viewport: i
+			}), this.task = s, await s.promise;
+		} catch (t) {
+			if (e !== this.seq || (t?.name ?? "") === "RenderingCancelledException") return;
+			throw t;
+		} finally {
+			this.task === s && (this.task = null);
+		}
+		if (e !== this.seq) return;
+		let c = this.invertColorsValue, l = this.invertModeValue, u = c && (l === "unblend" || l === "achromatic"), d = l === "all" ? E : te, f = c && !u && le;
+		this.canvas.width = a, this.canvas.height = o, u ? this.inverter.presentPerPixel(this.off, this.offCtx, this.ctx, a, o, l, this.invertThresholdValue) : (this.ctx.setTransform(1, 0, 0, 1, 0, 0), f && (this.ctx.filter = d), this.ctx.drawImage(this.off, 0, 0), f && (this.ctx.filter = "none")), this.canvas.style.filter = c && !u && !f ? d : "", this.canvas.style.background = this.backgroundColor, this.presentedValue = {
+			zoom: this.zoomValue,
+			center: { ...this.centerValue },
+			region: r,
+			offset: {
+				x: 0,
+				y: 0
+			}
+		}, this.layout(r), this.onPresented?.(this.presentedValue);
+	}
+}, j = class e {
 	constructor(e = 100) {
 		this.cache = /* @__PURE__ */ new Map(), this.capacity = e;
 	}
@@ -57,82 +445,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;
+}, M = () => typeof navigator < "u" && /Mobi|Android|iPhone|iPad/i.test(navigator.userAgent);
+function ue(e) {
+	let t = window.devicePixelRatio ?? 1;
+	return e >= 32 ? 1 : e >= 16 ? Math.min(t, 2) : t;
+}
+function N(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 P = 4096, de = 128;
+async function F(e, t = {}) {
+	let n = t.scale ?? 1.5, r = M(), 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 = ue(n), o = e.getViewport({ scale: n * a }), s = o.width, c = o.height, l = N(r), u = Math.min(l, P, Math.max(s, c)), d = Math.ceil(s / u), f = Math.ceil(c / u), p = d * f;
+	p > de && 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", ee = r ? 2 : 3, T = 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 >= ee && _.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
+	}), E = [];
+	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 = j.makeKey(e.pageNumber, n, r, t), v.dataset.tilePos = `${r},${t}`, g.appendChild(v), T.observe(v), E.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: E
 		},
-		observer: g
+		observer: T
 	};
 }
 //#endregion
 //#region src/core/coords/CoordTransformer.ts
-var S = class {
+var I = class {
 	constructor(e, t, n) {
 		if (this.viewport = e, this.scale = t, this.pageSizePt = n, t <= 0) throw RangeError(`scale 必须大于 0，收到: ${t}`);
 	}
@@ -178,7 +583,7 @@ var S = class {
 	get pageSize() {
 		return this.pageSizePt;
 	}
-}, C = [
+}, L = [
 	5,
 	10,
 	25,
@@ -196,13 +601,21 @@ var S = class {
 	800,
 	1200,
 	1600,
-	2400,
-	3200
+	1800,
+	2e3,
+	2200,
+	2800,
+	3200,
+	4e3,
+	6e3,
+	8e3,
+	1e4,
+	12800
 ];
-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 R(e, t) {
+	return t === "in" ? L.find((t) => t > e) ?? L[L.length - 1] : [...L].reverse().find((t) => t < e) ?? L[0];
 }
-var T = class {
+var z = class {
 	constructor() {
 		this.interaction = null, this.toolManager = null, this.drawCallback = null, this.domContainerId = null, this.zoomCtrl = null, this.initialScale = 1.5;
 	}
@@ -240,12 +653,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 = R(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 = R(Math.round(e * 100), "out");
 		this.zoomCtrl.setScale(t / 100);
 	}
 	setScale(e) {
@@ -257,10 +670,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 +719,7 @@ var T = class {
 };
 //#endregion
 //#region src/annotations/utils.ts
-function E(e, t = 0, n = "px") {
+function B(e, t = 0, n = "px") {
 	return {
 		id: `measure-${Date.now()}-${Math.random().toString(36).slice(2, 8)}`,
 		kind: "measure",
@@ -317,7 +731,7 @@ function E(e, t = 0, n = "px") {
 		createdAt: Date.now()
 	};
 }
-function D(e, t = "rectangle") {
+function V(e, t = "rectangle") {
 	return {
 		id: `shape-${Date.now()}-${Math.random().toString(36).slice(2, 8)}`,
 		kind: "shape",
@@ -328,12 +742,12 @@ function D(e, t = "rectangle") {
 		createdAt: Date.now()
 	};
 }
-function O(e) {
+function fe(e) {
 	return JSON.parse(JSON.stringify(e));
 }
 //#endregion
 //#region src/utils/EventTrigger.ts
-var k = class {
+var H = class {
 	constructor() {
 		this._events = /* @__PURE__ */ new Map();
 	}
@@ -374,90 +788,133 @@ var k = class {
 };
 //#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) => {
-		c.value = !0, l.value = null;
+function pe(e = {}) {
+	let t = h(null), n = _(null), r = _(null), i = _(null), a = h(0), o = h(1), s = h(e.scale ?? 1), c = h(e.backgroundColor ?? "rgb(255,255,255)"), l = h(e.invertColors ?? !1), u = h(!1), d = h(null), f = new H(), p = (i) => {
+		let { canvas: a, stage: u, wrap: d } = i;
+		if (!a || !u) return null;
+		n.value && n.value.destroy();
+		let p = new A({
+			canvas: a,
+			stage: u,
+			wrap: d ?? null,
+			maxSide: e.maxSide,
+			maxZoom: e.maxZoom,
+			backgroundColor: c.value,
+			invertColors: l.value,
+			invertMode: e.invertMode,
+			invertThreshold: e.invertThreshold ?? 24,
+			onPresented: (t) => {
+				s.value = t.zoom, f.emit("render_complete", {
+					pageNum: o.value,
+					scale: t.zoom
+				}), e.onPresented?.({
+					zoom: t.zoom,
+					pageNum: o.value,
+					tiled: t.region.tiled
+				});
+			}
+		});
+		p.refreshStageBox(), n.value = p, t.value = u;
+		let m = r.value;
+		return m && m.destroyed !== !0 && (async () => {
+			try {
+				if (n.value !== p || (await p.open(m), p.setZoom(s.value), n.value !== p)) return;
+				await p.render();
+			} catch (e) {
+				console.error("[PDF-CORE] 重新挂载后恢复渲染失败:", e);
+			}
+		})(), p;
+	}, m = () => {
+		n.value?.destroy(), n.value = null;
+	}, g = async (e) => {
+		u.value = !0, d.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 T(e);
+			r.value = t.doc, a.value = t.pageCount, o.value = 1;
+			let c = n.value;
+			if (c) {
+				let e = await c.open(t.doc);
+				c.setZoom(s.value), c.refreshStageBox(), e.wPt > 0 && (i.value = c.pageRef);
+			}
+			await v(), f.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 });
+			d.value = t, f.emit("error_occurred", { message: t });
 		} finally {
-			c.value = !1;
+			u.value = !1;
 		}
-	}, C = async () => {
-		if (!(!n.value || !t.value) && !m) {
-			m = !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, {
-					scale: o.value,
-					cache: p,
-					backgroundColor: s
-				});
-				h = c, t.value.replaceChildren(i.container), f.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" });
-			} finally {
-				m = !1;
-			}
+	}, v = async () => {
+		let e = n.value;
+		if (!(!e || !r.value)) try {
+			await e.render();
+		} catch (e) {
+			console.error("[PDF-CORE] render failed:", e), f.emit("error_occurred", { message: e instanceof Error ? e.message : "Render failed" });
 		}
 	};
-	return e.autoLoad, {
+	return {
 		containerRef: t,
-		doc: n,
-		page: r,
-		pageCount: i,
-		currentPageNum: a,
-		currentScale: o,
-		isLoading: c,
-		error: l,
+		renderer: n,
+		doc: r,
+		page: i,
+		pageCount: a,
+		currentPageNum: o,
+		currentScale: s,
+		backgroundColor: c,
+		isLoading: u,
+		error: d,
 		events: f,
-		loadFile: S,
-		renderCurrentPage: C,
-		setScale: (e) => new Promise((t) => {
-			if (e <= 0) {
-				t();
-				return;
-			}
-			y = e, v !== null && (clearTimeout(v), b?.()), b = t, v = setTimeout(async () => {
-				v = null;
-				let e = y, t = b;
-				if (y = null, b = null, e === null || e === o.value) {
-					t?.();
-					return;
-				}
-				o.value = e, n.value && await C(), t?.(), f.emit("scale_changed", {
-					scale: e,
-					previousScale: o.value
-				});
-			}, 60);
-		}),
+		attach: p,
+		detach: m,
+		loadFile: g,
+		renderCurrentPage: v,
+		setScale: async (e) => {
+			let t = n.value;
+			if (!t || e <= 0) return;
+			let r = t.zoom;
+			t.setZoom(e), await t.render(), r !== t.zoom && f.emit("scale_changed", {
+				scale: t.zoom,
+				previousScale: r
+			});
+		},
+		setBackgroundColor: async (e) => {
+			c.value = e;
+			let t = n.value;
+			t && (t.setBackgroundColor(e), t.pageRef && await t.render());
+		},
+		setInvertColors: (e) => {
+			l.value = e;
+			let t = n.value;
+			t && (t.setInvertColors(e), t.pageRef && t.render());
+		},
+		setInvertMode: (e, t) => {
+			n.value?.setInvertMode(e, t);
+		},
+		setMaxZoom: (e) => {
+			n.value?.setMaxZoom(e);
+		},
+		invertColors: l,
+		resetView: () => {
+			n.value?.centerOnContent(), n.value?.requestRender();
+		},
 		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");
+			n.value?.unload(), r.value = null, i.value = null, a.value = 0, o.value = 1, d.value = null, u.value = !1, f.emit("cleared");
 		}
 	};
 }
 //#endregion
 //#region src/vue/useAnnotations.ts
-function j() {
-	let e = u([]);
+function U() {
+	let e = h([]);
 	return {
 		annotations: e,
 		addMeasureAnnotation: (t, n = 0, r = "px") => {
-			e.value = [...e.value, E(t, n, r)];
+			e.value = [...e.value, B(t, n, r)];
 		},
 		addShapeAnnotation: (t, n = "rectangle") => {
-			e.value = [...e.value, D(t, n)];
+			e.value = [...e.value, V(t, n)];
 		},
 		removeAnnotation: (t) => {
 			e.value = e.value.filter((e) => e.id !== t);
@@ -466,14 +923,14 @@ function j() {
 			e.value = [];
 		},
 		replaceAnnotations: (t) => {
-			e.value = t.map(O);
+			e.value = t.map(fe);
 		}
 	};
 }
 //#endregion
 //#region src/vue/useMeasurement.ts
-function M() {
-	let e = u([]);
+function W() {
+	let e = h([]);
 	return {
 		points: e,
 		addPoint: (t) => {
@@ -482,7 +939,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 +948,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 me() {
+	let { annotations: e, addMeasureAnnotation: t, clearAnnotations: n } = U(), { points: r, addPoint: i, clearPoints: a, distance: o } = W(), s = h(!1);
 	return {
 		points: r,
 		annotations: e,
@@ -513,7 +970,7 @@ function N() {
 }
 //#endregion
 //#region src/components/interaction.ts
-function P() {
+function he() {
 	let e = [], t = [], n = "none", r = null;
 	return {
 		get points() {
@@ -533,11 +990,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 = B([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 = V([e[e.length - 2], e[e.length - 1]], "rectangle");
 				return t = [...t, n], r = n.id, e = [], n;
 			}
 			return null;
@@ -559,67 +1016,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 ge(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 _e(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 +1145,110 @@ 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) => ({
-	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]);
-	}
-	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;
+function ve(e) {
+	let { viewerRef: t, renderer: r, zoomSpeed: i, theme: a, onViewChanged: o } = e, s = n(() => ({
+		width: "100%",
+		height: "100%",
+		background: a.value === "dark" ? "#000000" : "#ffffff",
+		overflow: "hidden",
+		position: "relative",
+		touchAction: "none",
+		display: "block"
+	})), c = (e = !1) => {
+		let t = r.value;
+		t && (t.refreshStageBox(), e && t.centerOnContent(), t.requestRender(), o?.());
+	}, l = h(!1), u = /* @__PURE__ */ new Map(), d = null, f = null, p = (e, t) => Math.hypot(e.x - t.x, e.y - t.y), m = (e, t) => ({
+		x: (e.x + t.x) / 2,
+		y: (e.y + t.y) / 2
+	}), g = (e) => {
+		try {
+			t.value?.setPointerCapture?.(e);
+		} catch {}
+	}, _ = (e) => {
+		try {
+			t.value?.releasePointerCapture?.(e);
+		} catch {}
+	}, v = () => {
+		f = null;
+	}, y = (e) => {
+		let t = r.value;
+		if (t && !(e.pointerType === "mouse" && e.button !== 0)) {
+			if (u.set(e.pointerId, {
+				x: e.clientX,
+				y: e.clientY
+			}), g(e.pointerId), u.size === 1) {
+				d = {
+					id: e.pointerId,
+					sx: e.clientX,
+					sy: e.clientY
+				}, l.value = !0, e.preventDefault();
+				return;
+			}
+			if (u.size === 2) {
+				if (d) {
+					let e = u.get(d.id);
+					e && t.commitDrag(e.x - d.sx, e.y - d.sy), d = null, l.value = !1;
+				}
+				let [n, r] = [...u.values()], i = m(n, r);
+				f = {
+					dist: Math.max(1, p(n, r)),
+					zoom: t.zoom,
+					pt: t.screenToPt(i.x, i.y)
+				}, e.preventDefault();
+			}
+		}
+	}, b = (e) => {
+		let t = r.value;
+		if (!(!t || !u.has(e.pointerId))) {
+			if (u.set(e.pointerId, {
+				x: e.clientX,
+				y: e.clientY
+			}), u.size >= 2 && f) {
+				let [n, r] = [...u.values()], i = m(n, r), a = f.zoom * p(n, r) / f.dist;
+				t.anchorAt(i.x, i.y, f.pt, a), e.preventDefault();
+				return;
+			}
+			d && e.pointerId === d.id && (t.setDragOffset(e.clientX - d.sx, e.clientY - d.sy), e.preventDefault());
+		}
+	}, x = (e) => {
+		let t = r.value;
+		if (u.delete(e.pointerId), _(e.pointerId), t && (f && u.size < 2 && v(), d && e.pointerId === d.id && (t.commitDrag(e.clientX - d.sx, e.clientY - d.sy), d = null, l.value = !1, o?.()), !d && u.size === 1)) {
+			let [e, t] = [...u.entries()][0];
+			d = {
+				id: e,
+				sx: t.x,
+				sy: t.y
+			}, l.value = !0;
+		}
+	};
 	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();
-		},
+		containerStyle: s,
+		adjustLayout: c,
 		handleWheel: (e) => {
+			let t = r.value;
+			if (!t) return;
 			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);
-		},
-		handleTouchStart: (e) => {
-			e.touches.length === 2 && (d = L(e.touches), f = a.value, p = R(e.touches), m = a.value);
+			let n = Math.max(1, Math.round(i || 1)), a = (e.deltaY < 0 ? 1.12 : 1 / 1.12) ** n;
+			t.zoomAt(e.clientX, e.clientY, a), o?.();
 		},
-		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;
-				}
-				u.scrollLeft = s * d - t, u.scrollTop = c * d - n, o(l);
-			}
+		handlePointerDown: y,
+		handlePointerMove: b,
+		handlePointerUp: x,
+		handlePointerCancel: (e) => {
+			u.has(e.pointerId) ? x(e) : u.delete(e.pointerId);
 		},
-		handleTouchEnd: () => {
-			d = 0, p = null, m = 0;
+		isMouseDragging: l,
+		cleanupMouseDrag: () => {
+			u.clear(), d = null, v(), l.value = !1;
 		}
 	};
 }
 //#endregion
 //#region src/types/tools.ts
-var V = {
+var ye = {
 	mode: "none",
 	measureSubType: "distance"
-}, H = class {
+}, G = 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 +1333,7 @@ var V = {
 	destroy() {
 		this._measureList.clear(), this.resetState(), this._active = !1;
 	}
-}, U = class extends H {
+}, K = class extends G {
 	constructor(e) {
 		super(e), this.currentType = "distance", this._previewEnd = null;
 	}
@@ -902,7 +1385,7 @@ var V = {
 	interrupt() {
 		this._previewEnd = null, super.interrupt();
 	}
-}, W = class extends H {
+}, q = class extends G {
 	constructor(e) {
 		super(e), this.currentType = "angle", this._secondPoint = null, this._thirdPoint = null;
 	}
@@ -932,7 +1415,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 {
+}, J = class extends G {
 	constructor(e) {
 		super(e), this.currentType = "area";
 	}
@@ -960,7 +1443,7 @@ var V = {
 		}
 		return Math.abs(t) / 2;
 	}
-}, K = class {
+}, Y = class {
 	get currentType() {
 		return this._currentSubType;
 	}
@@ -969,7 +1452,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 H();
 		let t = {
 			coordProvider: e.coordProvider,
 			calibration: e.calibration ?? {
@@ -979,7 +1462,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 K(t), this.angleMeasure = new q(t), this.areaMeasure = new J(t), this._subTools = /* @__PURE__ */ new Map([
 			["distance", this.distanceMeasure],
 			["angle", this.angleMeasure],
 			["area", this.areaMeasure]
@@ -1049,9 +1532,9 @@ var V = {
 		for (let e of this._subTools.values()) e.destroy();
 		this._subTools.clear(), this._resultList.clear(), this._active = !1;
 	}
-}, q = class {
+}, X = 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 H(), this.measureTool = new Y({
 			coordProvider: e.coordProvider,
 			calibration: e.calibration,
 			eventTrigger: this.events
@@ -1099,14 +1582,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 be(e) {
+	let { drawAnnotations: t, currentScale: n, setScale: r, viewerRef: i, adjustLayout: a, screenToScene: o, toggleTheme: s } = e, c = new X({ 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 +1604,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 +1629,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 z();
+			o.registerWithToolManager(c, t, e), window.pdfViewer = o;
 		},
 		unregisterManager: () => {
 			window.pdfViewer?.unregister(), window.pdfViewer = null, c.destroy();
@@ -1170,12 +1659,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 xe = { class: "mobile-console__title" }, Se = { class: "mobile-console__count" }, Ce = { class: "mobile-console__actions" }, Z = { class: "mobile-console__toggle" }, we = { class: "mobile-console__level" }, Q = { class: "mobile-console__msg" }, Te = {
+	key: 0,
+	class: "mobile-console__empty"
+}, Ee = /*@__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 = [];
+		}, ee = 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);
+			}
+		}, T = () => {
+			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: T
+		}, [a("span", xe, [l[0] ||= o(" 📟 Console ", -1), a("span", Se, v(s.value.length), 1)]), a("span", Ce, [
+			a("button", {
+				class: "mobile-console__btn",
+				title: "清空",
+				onClick: C(w, ["stop"])
+			}, "🗑"),
+			a("button", {
+				class: "mobile-console__btn",
+				title: "复制全部",
+				onClick: C(ee, ["stop"])
+			}, "📋"),
+			a("span", Z, 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", we, v(e.level.toUpperCase()), 1), a("span", Q, v(e.message), 1)], 2))), 128)), s.value.length === 0 ? (m(), i("div", Te, "暂无日志")) : r("", !0)], 512), [[b, !c.value]])], 2)) : r("", !0);
+	}
+}), $ = (e, t) => {
 	let n = e.__vccOpts || e;
 	for (let [e, r] of t) n[e] = r;
 	return n;
-})(/* @__PURE__ */ i({
+}, De = /*#__PURE__*/ $(Ee, [["__scopeId", "data-v-ef8b578a"]]), Oe = /*#__PURE__*/ $(/* @__PURE__ */ c({
 	__name: "PdfViewer",
 	props: {
 		modelValue: { default: null },
@@ -1187,122 +1755,159 @@ var J = /*#__PURE__*/ ((e, t) => {
 			type: Boolean,
 			default: !1
 		},
-		zoomSpeed: { default: 1 }
+		zoomSpeed: { default: 1 },
+		invertDarkContent: {
+			type: Boolean,
+			default: !0
+		},
+		invertMode: { default: "unblend" },
+		invertThreshold: { default: 24 },
+		maxZoom: { default: 128 },
+		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" ? "#000000" : "rgb(255,255,255)"), C = n(() => b.value === "dark" && o.invertDarkContent !== !1), w = () => {
+			b.value = b.value === "light" ? "dark" : "light";
+		}, { containerRef: ee, renderer: T, loadFile: E, doc: te, pageCount: ne, currentPageNum: re, error: ie, currentScale: D, setScale: O, setBackgroundColor: ae, setInvertColors: oe, setInvertMode: se, setMaxZoom: ce, reset: k, resetView: le, attach: A, detach: j, events: M } = pe({
 			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,
+			invertColors: C.value,
+			invertMode: o.invertMode,
+			invertThreshold: o.invertThreshold,
+			maxZoom: o.maxZoom,
+			onPresented: () => ue()
+		});
+		function ue() {
+			I(), F();
+		}
+		let N = he(), P = h(null), de = h(!1), { drawAnnotations: F, syncCanvasSize: I, getCanvasPoint: L, hitTestAnnotation: R } = ge({
 			annotationCanvas: v,
 			rootRef: g,
-			interaction: k,
-			previewPoint: j
-		}), { containerStyle: V, adjustLayout: H, handleWheel: U, handleTouchStart: W, handleTouchMove: G, handleTouchEnd: K } = B({
-			viewerRef: h,
-			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,
+			pdfLayerRef: g,
+			interaction: N,
+			previewPoint: P
+		}), { containerStyle: z, adjustLayout: B, handleWheel: V, handlePointerDown: fe, handlePointerMove: H, handlePointerUp: U, handlePointerCancel: W, isMouseDragging: me, cleanupMouseDrag: ye } = ve({
+			viewerRef: u,
+			renderer: T,
+			zoomSpeed: o.zoomSpeed ?? 1,
+			theme: b
+		}), G = (e) => {
+			N.mode === "none" && fe(e);
+		}, K = n(() => ({
+			...z.value,
+			cursor: me.value ? "grabbing" : "grab"
+		})), { setMode: q, clearInteraction: J, deleteSelectedAnnotation: Y, selectAnnotation: X, registerManager: xe, unregisterManager: Se } = be({
+			drawAnnotations: F,
+			currentScale: D,
+			setScale: O,
+			viewerRef: u,
+			adjustLayout: B,
 			screenToScene: (e) => {
-				let t = R(e);
+				let t = L(e);
 				return {
 					x: t.x,
 					y: t.y
 				};
-			}
-		}), { handlePointerDown: X, handlePointerMove: Z, handlePointerUp: Q, handleKeydown: $ } = I({
+			},
+			toggleTheme: w
+		}), { handlePointerDown: Ce, handlePointerMove: Z, handlePointerUp: we, handleKeydown: Q } = _e({
 			annotationCanvas: v,
-			interaction: k,
-			previewPoint: j,
-			isRectangleDragging: M,
-			getCanvasPoint: R,
-			hitTestAnnotation: z,
-			drawAnnotations: N,
+			interaction: N,
+			previewPoint: P,
+			isRectangleDragging: de,
+			getCanvasPoint: L,
+			hitTestAnnotation: R,
+			drawAnnotations: F,
 			deleteSelectedAnnotation: Y,
-			emit: m
-		});
-		return O.on("loaded", (e) => {
-			m("loaded", {
+			emit: c
+		}), Te = async (e) => {
+			await E(e);
+		}, Ee = () => {
+			k();
+		};
+		M.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));
+		}), M.on("error_occurred", (e) => {
+			c("error", { message: e.message });
+		}), x(() => N.annotations.length, () => {
+			F();
+		}), x(() => o.scale, async (e) => {
+			e && e !== D.value && (await O(e), await l(), B());
+		}), x(() => o.modelValue, async (e) => {
+			e && (await E(e), await l(), B(!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, C], async () => {
+			oe(C.value), await ae(S.value);
+		}), x([() => o.invertMode, () => o.invertThreshold], () => {
+			se(o.invertMode ?? "unblend", o.invertThreshold);
+		}), x(() => o.maxZoom, (e) => {
+			e && e > 0 && ce(e);
+		});
+		let $ = null;
+		return p(() => {
+			A({
+				canvas: _.value,
+				stage: u.value,
+				wrap: g.value
+			}), I(), F(), window.addEventListener("keydown", Q), xe(), $ = new ResizeObserver(() => {
+				T.value?.refreshStageBox(), T.value?.requestRender();
+			}), u.value && $.observe(u.value);
+		}), f(() => {
+			$?.disconnect(), $ = null, window.removeEventListener("keydown", Q), ye(), Se(), j();
 		}), t({
-			load: async (e) => {
-				await b(e);
-			},
-			clear: () => {
-				D();
-			},
+			load: Te,
+			clear: Ee,
 			setMode: q,
 			clearInteraction: J,
 			deleteSelectedAnnotation: Y,
-			selectAnnotation: te
-		}), (e, t) => (l(), n("div", {
+			selectAnnotation: X,
+			resetView: le,
+			zoomIn: () => O(T.value ? T.value.zoom * 1.25 : D.value),
+			zoomOut: () => O(T.value ? T.value.zoom / 1.25 : D.value)
+		}), (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(K.value),
+			onWheel: n[3] ||= (...e) => y(V) && y(V)(...e),
+			onPointerdown: G,
+			onPointermove: n[4] ||= (...e) => y(H) && y(H)(...e),
+			onPointerup: n[5] ||= (...e) => y(U) && y(U)(...e),
+			onPointercancel: n[6] ||= (...e) => y(W) && y(W)(...e)
+		}, [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"]]);
+			class: "pdf-core-content"
+		}, [a("canvas", {
+			ref_key: "pageCanvas",
+			ref: _,
+			class: "pdf-core-page-canvas"
+		}, null, 512), a("div", {
+			class: "pdf-core-overlay",
+			onPointerdown: n[0] ||= (...e) => y(Ce) && y(Ce)(...e),
+			onPointerup: n[1] ||= (...e) => y(we) && y(we)(...e),
+			onPointermove: n[2] ||= (...e) => y(Z) && y(Z)(...e)
+		}, null, 32)], 512), s(De, { visible: e.showConsole }, null, 8, ["visible"])], 36));
+	}
+}), [["__scopeId", "data-v-dc25679e"]]);
 //#endregion
 //#region src/vue/plugin.ts
-function Y(e) {
-	e.component("PdfViewer", J);
+function ke(e) {
+	e.component("PdfViewer", Oe);
 }
 //#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 { q as AngleMeasure, J as AreaMeasure, O as ColorInverter, I as CoordTransformer, ne as DEFAULT_ACHROMATIC_THRESHOLD, ye as DEFAULT_TOOL_STATE, K as DistanceMeasure, H as EventTrigger, E as INVERT_FILTER_ALL, te as INVERT_FILTER_HUE, G as MeasureBase, Y as MeasureTool, A as PageCanvasRenderer, Oe as PdfViewer, z as PdfViewerCore, j as TileLRUCache, X as ToolManager, L as ZOOM_LEVELS, B as createMeasureAnnotation, V as createShapeAnnotation, R as getNextZoom, ke as installPdfCore, T as loadPDF, F as renderPageTiledVirtual, w as setPDFWorkerSrc, U as useAnnotations, ee as useDefaultWorker, me as useInteraction, W as useMeasurement, pe as usePdfCore };