@xtctwins/tctwins-pdf-core 0.1.1 → 0.1.2

package/dist/pdf-core.js

@@ -4,12 +4,12 @@ import { Fragment as t, computed as n, createCommentVNode as r, createElementBlo
 function w(t) {
 	t && (e.GlobalWorkerOptions.workerSrc = t);
 }
-function T(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 E(t, n = {}) {
+async function T(t, n = {}) {
 	let r = t instanceof File ? await t.arrayBuffer() : t, i = r.slice(0);
 	n.workerSrc && w(n.workerSrc);
 	let a = await e.getDocument({ data: i }).promise;
@@ -20,8 +20,396 @@ async function E(t, n = {}) {
 	};
 }
 //#endregion
-//#region src/core/TileCache.ts
-var D = 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,20 +445,20 @@ var D = class e {
 	get size() {
 		return this.cache.size;
 	}
-}, O = () => typeof navigator < "u" && /Mobi|Android|iPhone|iPad/i.test(navigator.userAgent);
-function k(e) {
+}, 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 ee(e) {
+function N(e) {
 	return e ? 2048 : 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)";
+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 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 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",
@@ -99,14 +487,14 @@ async function M(e, t = {}) {
 		}).finally(() => {
 			v.delete(s), b--, S();
 		});
-	}, w = r ? "128px" : "256px", T = r ? 2 : 3, E = new IntersectionObserver((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 >= T && _.has(r)) {
+			} 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);
 			}
@@ -115,7 +503,7 @@ async function M(e, t = {}) {
 		root: null,
 		rootMargin: w,
 		threshold: 0
-	}), M = [];
+	}), 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;
@@ -127,7 +515,7 @@ async function M(e, t = {}) {
 			`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({
+		].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,
@@ -142,14 +530,14 @@ async function M(e, t = {}) {
 			container: g,
 			pageWidth: m,
 			pageHeight: h,
-			tiles: M
+			tiles: E
 		},
-		observer: E
+		observer: T
 	};
 }
 //#endregion
 //#region src/core/coords/CoordTransformer.ts
-var te = 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}`);
 	}
@@ -195,7 +583,7 @@ var te = class {
 	get pageSize() {
 		return this.pageSizePt;
 	}
-}, N = [
+}, L = [
 	5,
 	10,
 	25,
@@ -216,12 +604,18 @@ var te = class {
 	1800,
 	2e3,
 	2200,
-	2800
+	2800,
+	3200,
+	4e3,
+	6e3,
+	8e3,
+	1e4,
+	12800
 ];
-function P(e, t) {
-	return t === "in" ? N.find((t) => t > e) ?? N[N.length - 1] : [...N].reverse().find((t) => t < e) ?? N[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 F = class {
+var z = class {
 	constructor() {
 		this.interaction = null, this.toolManager = null, this.drawCallback = null, this.domContainerId = null, this.zoomCtrl = null, this.initialScale = 1.5;
 	}
@@ -259,12 +653,12 @@ var F = class {
 	}
 	zoomIn() {
 		if (!this.zoomCtrl) return;
-		let e = this.zoomCtrl.getScale(), t = P(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 = P(Math.round(e * 100), "out");
+		let e = this.zoomCtrl.getScale(), t = R(Math.round(e * 100), "out");
 		this.zoomCtrl.setScale(t / 100);
 	}
 	setScale(e) {
@@ -325,7 +719,7 @@ var F = class {
 };
 //#endregion
 //#region src/annotations/utils.ts
-function I(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",
@@ -337,7 +731,7 @@ function I(e, t = 0, n = "px") {
 		createdAt: Date.now()
 	};
 }
-function L(e, t = "rectangle") {
+function V(e, t = "rectangle") {
 	return {
 		id: `shape-${Date.now()}-${Math.random().toString(36).slice(2, 8)}`,
 		kind: "shape",
@@ -348,12 +742,12 @@ function L(e, t = "rectangle") {
 		createdAt: Date.now()
 	};
 }
-function R(e) {
+function fe(e) {
 	return JSON.parse(JSON.stringify(e));
 }
 //#endregion
 //#region src/utils/EventTrigger.ts
-var z = class {
+var H = class {
 	constructor() {
 		this._events = /* @__PURE__ */ new Map();
 	}
@@ -391,107 +785,136 @@ var z = class {
 	destroy() {
 		this._events.clear();
 	}
-}, 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;
+};
+//#endregion
+//#region src/vue/usePdfCore.ts
+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 E(e);
-			n.value = t.doc, i.value = t.pageCount, a.value = 1, await S(), u.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, u.emit("error_occurred", { message: t });
+			d.value = t, f.emit("error_occurred", { message: t });
 		} finally {
-			c.value = !1;
+			u.value = !1;
 		}
-	}, S = async () => {
-		if (!n.value || !t.value) return;
-		let e = ++p;
-		if (!f) {
-			f = !0;
-			try {
-				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: d,
-					backgroundColor: s.value
-				});
-				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), u.emit("error_occurred", { message: e instanceof Error ? e.message : "Render failed" });
-			} finally {
-				f = !1, p > e && S();
-			}
+	}, 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 {
 		containerRef: t,
-		doc: n,
-		page: r,
-		pageCount: i,
-		currentPageNum: a,
-		currentScale: o,
-		backgroundColor: s,
-		isLoading: c,
-		error: l,
-		events: u,
-		loadFile: x,
-		renderCurrentPage: S,
-		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;
-				}
-				d.clear();
-				let r = o.value;
-				o.value = e, n.value && await S(), t?.(), u.emit("scale_changed", {
-					scale: e,
-					previousScale: r
-				});
-			}, g);
-		}),
-		setBackgroundColor: (e) => new Promise((t) => {
-			s.value = e, d.clear(), n.value ? S().then(() => t()) : t();
-		}),
+		renderer: n,
+		doc: r,
+		page: i,
+		pageCount: a,
+		currentPageNum: o,
+		currentScale: s,
+		backgroundColor: c,
+		isLoading: u,
+		error: d,
+		events: f,
+		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: () => {
-			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");
+			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 H() {
+function U() {
 	let e = h([]);
 	return {
 		annotations: e,
 		addMeasureAnnotation: (t, n = 0, r = "px") => {
-			e.value = [...e.value, I(t, n, r)];
+			e.value = [...e.value, B(t, n, r)];
 		},
 		addShapeAnnotation: (t, n = "rectangle") => {
-			e.value = [...e.value, L(t, n)];
+			e.value = [...e.value, V(t, n)];
 		},
 		removeAnnotation: (t) => {
 			e.value = e.value.filter((e) => e.id !== t);
@@ -500,13 +923,13 @@ function H() {
 			e.value = [];
 		},
 		replaceAnnotations: (t) => {
-			e.value = t.map(R);
+			e.value = t.map(fe);
 		}
 	};
 }
 //#endregion
 //#region src/vue/useMeasurement.ts
-function U() {
+function W() {
 	let e = h([]);
 	return {
 		points: e,
@@ -525,8 +948,8 @@ function U() {
 }
 //#endregion
 //#region src/vue/useInteraction.ts
-function W() {
-	let { annotations: e, addMeasureAnnotation: t, clearAnnotations: n } = H(), { points: r, addPoint: i, clearPoints: a, distance: o } = U(), s = h(!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,
@@ -547,7 +970,7 @@ function W() {
 }
 //#endregion
 //#region src/components/interaction.ts
-function G() {
+function he() {
 	let e = [], t = [], n = "none", r = null;
 	return {
 		get points() {
@@ -567,11 +990,11 @@ function G() {
 		},
 		addPoint(i) {
 			if (e = [...e, i], n === "measure" && e.length >= 2) {
-				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));
+				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 = L([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;
@@ -593,7 +1016,7 @@ function G() {
 }
 //#endregion
 //#region src/components/useAnnotationCanvas.ts
-function K(e) {
+function ge(e) {
 	let { annotationCanvas: t, rootRef: n, pdfLayerRef: r, interaction: i, previewPoint: a } = e, o = (e) => {
 		let t = e.currentTarget.getBoundingClientRect();
 		return {
@@ -657,7 +1080,7 @@ function K(e) {
 }
 //#endregion
 //#region src/components/usePointerInteraction.ts
-function ne(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) => {
@@ -722,158 +1145,110 @@ function ne(e) {
 }
 //#endregion
 //#region src/components/useViewerLayout.ts
-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
-}), 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;
-}, 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(() => ({
+function ve(e) {
+	let { viewerRef: t, renderer: r, zoomSpeed: i, theme: a, onViewChanged: o } = e, s = n(() => ({
 		width: "100%",
 		height: "100%",
-		background: c.value === "dark" ? "#1e1e1e" : "#ffffff",
+		background: a.value === "dark" ? "#000000" : "#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: S,
-		adjustLayout: x,
-		handleWheel: te,
-		handleTouchStart: (e) => {
-			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.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));
+	})), 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;
 			}
-		},
-		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);
-				}
-				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);
+			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;
 				}
-				z = !0, B = 0, W = null, G = 0, F = e.touches[0].clientX, I = e.touches[0].clientY, L = d, R = f;
+				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: s,
+		adjustLayout: c,
+		handleWheel: (e) => {
+			let t = r.value;
+			if (!t) return;
+			e.preventDefault();
+			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?.();
 		},
-		handleMouseDown: ee,
-		isMouseDragging: C,
-		cleanupMouseDrag: A
+		handlePointerDown: y,
+		handlePointerMove: b,
+		handlePointerUp: x,
+		handlePointerCancel: (e) => {
+			u.has(e.pointerId) ? x(e) : u.delete(e.pointerId);
+		},
+		isMouseDragging: l,
+		cleanupMouseDrag: () => {
+			u.clear(), d = null, v(), l.value = !1;
+		}
 	};
 }
 //#endregion
 //#region src/types/tools.ts
-var ie = {
+var ye = {
 	mode: "none",
 	measureSubType: "distance"
-}, Q = 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,
@@ -958,7 +1333,7 @@ var ie = {
 	destroy() {
 		this._measureList.clear(), this.resetState(), this._active = !1;
 	}
-}, ae = class extends Q {
+}, K = class extends G {
 	constructor(e) {
 		super(e), this.currentType = "distance", this._previewEnd = null;
 	}
@@ -1010,7 +1385,7 @@ var ie = {
 	interrupt() {
 		this._previewEnd = null, super.interrupt();
 	}
-}, oe = class extends Q {
+}, q = class extends G {
 	constructor(e) {
 		super(e), this.currentType = "angle", this._secondPoint = null, this._thirdPoint = null;
 	}
@@ -1040,7 +1415,7 @@ var ie = {
 		let u = Math.max(-1, Math.min(1, s / (c * l)));
 		return parseFloat((Math.acos(u) * 180 / Math.PI).toFixed(2));
 	}
-}, se = class extends Q {
+}, J = class extends G {
 	constructor(e) {
 		super(e), this.currentType = "area";
 	}
@@ -1068,7 +1443,7 @@ var ie = {
 		}
 		return Math.abs(t) / 2;
 	}
-}, $ = class {
+}, Y = class {
 	get currentType() {
 		return this._currentSubType;
 	}
@@ -1077,7 +1452,7 @@ var ie = {
 			this._isCreating = !0;
 		}, this._onMeasureCreated = (e) => {
 			this._isCreating = !1, this._resultList.set(e.result.id, e.result);
-		}, this.events = e.eventTrigger ?? new z();
+		}, this.events = e.eventTrigger ?? new H();
 		let t = {
 			coordProvider: e.coordProvider,
 			calibration: e.calibration ?? {
@@ -1087,7 +1462,7 @@ var ie = {
 			},
 			eventTrigger: this.events
 		};
-		this.distanceMeasure = new ae(t), this.angleMeasure = new oe(t), this.areaMeasure = new se(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]
@@ -1157,9 +1532,9 @@ var ie = {
 		for (let e of this._subTools.values()) e.destroy();
 		this._subTools.clear(), this._resultList.clear(), this._active = !1;
 	}
-}, ce = class {
+}, X = class {
 	constructor(e) {
-		this._activeTool = null, this._activeMode = "none", this._tools = /* @__PURE__ */ new Map(), this.events = new z(), this.measureTool = new $({
+		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
@@ -1207,8 +1582,8 @@ var ie = {
 };
 //#endregion
 //#region src/components/useViewerManager.ts
-function le(e) {
-	let { drawAnnotations: t, currentScale: n, setScale: r, viewerRef: i, adjustLayout: a, screenToScene: o, toggleTheme: s } = e, c = new ce({ coordProvider: {
+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,
@@ -1275,7 +1650,7 @@ function le(e) {
 				toggleTheme: () => {
 					s();
 				}
-			}, o = new F();
+			}, o = new z();
 			o.registerWithToolManager(c, t, e), window.pdfViewer = o;
 		},
 		unregisterManager: () => {
@@ -1285,10 +1660,10 @@ function le(e) {
 }
 //#endregion
 //#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 = {
+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"
-}, _e = /*@__PURE__*/ c({
+}, Ee = /*@__PURE__*/ c({
 	__name: "MobileConsole",
 	props: {
 		visible: {
@@ -1318,7 +1693,7 @@ var ue = { class: "mobile-console__title" }, de = { class: "mobile-console__coun
 		});
 		let w = () => {
 			s.value = [];
-		}, T = async () => {
+		}, ee = async () => {
 			let e = s.value.map((e) => `[${e.level.toUpperCase()}] ${e.message}`).join("\n");
 			if (e) try {
 				await navigator.clipboard.writeText(e);
@@ -1326,7 +1701,7 @@ var ue = { class: "mobile-console__title" }, de = { class: "mobile-console__coun
 				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 = () => {
+		}, T = () => {
 			c.value = !c.value, c.value || l(() => {
 				d.value && (d.value.scrollTop = d.value.scrollHeight);
 			});
@@ -1342,8 +1717,8 @@ var ue = { class: "mobile-console__title" }, de = { class: "mobile-console__coun
 			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, [
+			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: "清空",
@@ -1352,9 +1727,9 @@ var ue = { class: "mobile-console__title" }, de = { class: "mobile-console__coun
 			a("button", {
 				class: "mobile-console__btn",
 				title: "复制全部",
-				onClick: C(T, ["stop"])
+				onClick: C(ee, ["stop"])
 			}, "📋"),
-			a("span", pe, v(c.value ? "▲" : "▼"), 1)
+			a("span", Z, v(c.value ? "▲" : "▼"), 1)
 		])]), S(a("div", {
 			ref_key: "logListRef",
 			ref: d,
@@ -1362,13 +1737,13 @@ var ue = { class: "mobile-console__title" }, de = { class: "mobile-console__coun
 		}, [(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);
+		}, [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);
 	}
-}), ve = (e, t) => {
+}), $ = (e, t) => {
 	let n = e.__vccOpts || e;
 	for (let [e, r] of t) n[e] = r;
 	return n;
-}, ye = /*#__PURE__*/ ve(_e, [["__scopeId", "data-v-ef8b578a"]]), be = /*#__PURE__*/ ve(/* @__PURE__ */ c({
+}, De = /*#__PURE__*/ $(Ee, [["__scopeId", "data-v-ef8b578a"]]), Oe = /*#__PURE__*/ $(/* @__PURE__ */ c({
 	__name: "PdfViewer",
 	props: {
 		modelValue: { default: null },
@@ -1381,6 +1756,13 @@ var ue = { class: "mobile-console__title" }, de = { class: "mobile-console__coun
 			default: !1
 		},
 		zoomSpeed: { default: 1 },
+		invertDarkContent: {
+			type: Boolean,
+			default: !0
+		},
+		invertMode: { default: "unblend" },
+		invertThreshold: { default: 24 },
+		maxZoom: { default: 128 },
 		showConsole: {
 			type: Boolean,
 			default: !1
@@ -1392,118 +1774,140 @@ var ue = { class: "mobile-console__title" }, de = { class: "mobile-console__coun
 		"annotation-added"
 	],
 	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 = () => {
+		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: T, loadFile: E, doc: D, pageCount: O, currentPageNum: k, error: ee, currentScale: A, setScale: j, setBackgroundColor: M, reset: te, events: N } = V({
+		}, { 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: o.scale,
-			backgroundColor: S.value
-		}), P = G(), F = h(null), I = h(!1), { drawAnnotations: L, syncCanvasSize: R, getCanvasPoint: z, hitTestAnnotation: B } = K({
+			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,
-			pdfLayerRef: _,
-			interaction: P,
-			previewPoint: F
-		}), { containerStyle: H, adjustLayout: U, handleWheel: W, handleTouchStart: q, handleTouchMove: J, handleTouchEnd: Y, handleMouseDown: X, isMouseDragging: Z, cleanupMouseDrag: ie } = re({
+			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,
-			rootRef: g,
-			pdfLayerRef: _,
-			currentScale: A,
-			setScale: j,
+			renderer: T,
 			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,
+			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: U,
+			adjustLayout: B,
 			screenToScene: (e) => {
-				let t = z(e);
+				let t = L(e);
 				return {
 					x: t.x,
 					y: t.y
 				};
 			},
 			toggleTheme: w
-		}), { handlePointerDown: fe, handlePointerMove: pe, handlePointerUp: me, handleKeydown: he } = ne({
+		}), { handlePointerDown: Ce, handlePointerMove: Z, handlePointerUp: we, handleKeydown: Q } = _e({
 			annotationCanvas: v,
-			interaction: P,
-			previewPoint: F,
-			isRectangleDragging: I,
-			getCanvasPoint: z,
-			hitTestAnnotation: B,
-			drawAnnotations: L,
-			deleteSelectedAnnotation: $,
+			interaction: N,
+			previewPoint: P,
+			isRectangleDragging: de,
+			getCanvasPoint: L,
+			hitTestAnnotation: R,
+			drawAnnotations: F,
+			deleteSelectedAnnotation: Y,
 			emit: c
-		});
-		return N.on("loaded", (e) => {
+		}), Te = async (e) => {
+			await E(e);
+		}, Ee = () => {
+			k();
+		};
+		M.on("loaded", (e) => {
 			c("loaded", {
 				pageCount: e.pageCount,
 				currentPage: e.currentPage
 			});
-		}), N.on("error_occurred", (e) => {
+		}), M.on("error_occurred", (e) => {
 			c("error", { message: e.message });
-		}), x(() => P.annotations.length, () => {
-			L();
+		}), x(() => N.annotations.length, () => {
+			F();
 		}), x(() => o.scale, async (e) => {
-			e && e !== A.value && (await j(e), await l(), U());
+			e && e !== D.value && (await O(e), await l(), B());
 		}), x(() => o.modelValue, async (e) => {
-			e && (await E(e), await l(), U(!0));
+			e && (await E(e), await l(), B(!0));
 		}, {
 			immediate: !0,
 			flush: "post"
-		}), 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 }));
+		}), 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(() => {
-			window.removeEventListener("keydown", he), ie(), u.value && (u.value.removeEventListener("touchstart", q), u.value.removeEventListener("touchmove", J), u.value.removeEventListener("touchend", Y)), de();
+			$?.disconnect(), $ = null, window.removeEventListener("keydown", Q), ye(), Se(), j();
 		}), t({
-			load: async (e) => {
-				await E(e);
-			},
-			clear: () => {
-				te();
-			},
-			setMode: oe,
-			clearInteraction: se,
-			deleteSelectedAnnotation: $,
-			selectAnnotation: ce
+			load: Te,
+			clear: Ee,
+			setMode: q,
+			clearInteraction: J,
+			deleteSelectedAnnotation: Y,
+			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: u,
 			class: "pdf-core-viewer",
-			style: d(ae.value),
-			onWheel: n[3] ||= C((...e) => y(W) && y(W)(...e), ["prevent"]),
-			onMousedown: Q
+			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"
-		}, [a("div", {
-			ref_key: "pdfLayerRef",
+			class: "pdf-core-content"
+		}, [a("canvas", {
+			ref_key: "pageCanvas",
 			ref: _,
-			class: "pdf-core-pdf-layer"
+			class: "pdf-core-page-canvas"
 		}, 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));
+			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-58f287f7"]]);
+}), [["__scopeId", "data-v-dc25679e"]]);
 //#endregion
 //#region src/vue/plugin.ts
-function xe(e) {
-	e.component("PdfViewer", be);
+function ke(e) {
+	e.component("PdfViewer", Oe);
 }
 //#endregion
-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 };
+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 };