@apollo-design/react-docx-preview 0.1.0 → 0.2.0

package/dist/index.js

@@ -17,14 +17,22 @@ function v(e) {
 	return e && typeof e == "object" && "message" in e ? String(e.message) : String(e);
 }
 function y(e) {
+	try {
+		let t = new URL(e, window.location.href).pathname.split("/").filter(Boolean).pop();
+		return t && decodeURIComponent(t) || "document.docx";
+	} catch {
+		return "document.docx";
+	}
+}
+function b(e) {
 	if (typeof e == "number" && isFinite(e) && e > 0) {
 		let t = e > 10 ? e / 100 : e;
 		return Math.max(f, Math.min(p, Math.round(t * 100) / 100));
 	}
 	return "fit";
 }
-function b(e, t = {}) {
-	let [a, o] = i(!1), [s, l] = i(null), [u, d] = i(!1), [b, x] = i(0), [S, C] = i(0), [w, T] = i(1), [E, D] = i(() => y(t.initialScale)), [O, k] = i(t.showThumbs !== !1), [A, j] = i(!1), M = r({
+function x(e, t = {}) {
+	let [a, o] = i(!1), [s, l] = i(null), [u, d] = i(!1), [x, S] = i(0), [C, w] = i(0), [T, E] = i(1), [D, O] = i(() => b(t.initialScale)), [k, A] = i(t.showThumbs !== !1), [j, M] = i(!1), N = r({
 		docName: "",
 		docBlob: null,
 		wrapperEl: null,
@@ -34,37 +42,37 @@ function b(e, t = {}) {
 		currentPage: 0,
 		pageObserver: null,
 		thumbPageSynced: -1
-	}), N = r({
+	}), P = r({
 		docLoaded: u,
-		currentPage: b,
-		scaleMode: E,
-		thumbsVisible: O,
-		currentScale: w
+		currentPage: x,
+		scaleMode: D,
+		thumbsVisible: k,
+		currentScale: T
 	});
-	N.current = {
+	P.current = {
 		docLoaded: u,
-		currentPage: b,
-		scaleMode: E,
-		thumbsVisible: O,
-		currentScale: w
+		currentPage: x,
+		scaleMode: D,
+		thumbsVisible: k,
+		currentScale: T
 	};
-	let P = r(t);
-	P.current = t;
-	let F = S > 1, I = O && S > 1 && u, L = u && b > 0, ee = u && b < S - 1, te = u && w > .100001, R = u && w < 3.999999, z = E === "fit" ? "适应宽度" : Math.round(E * 100) + "%";
-	function B() {
+	let F = r(t);
+	F.current = t;
+	let I = C > 1, L = k && C > 1 && u, R = u && x > 0, z = u && x < C - 1, B = u && T > .100001, V = u && T < 3.999999, H = D === "fit" ? "适应宽度" : Math.round(D * 100) + "%";
+	function U() {
 		let t = e.thumbs.current;
 		if (!t) return;
-		let n = t.children, r = M.current.currentPage;
+		let n = t.children, r = N.current.currentPage;
 		for (let e = 0; e < n.length; e++) n[e].classList.toggle("current", Number(n[e].getAttribute("data-page")) === r);
-		N.current.thumbsVisible && n.length > 1 && N.current.docLoaded && M.current.thumbPageSynced !== r && n[r] && (M.current.thumbPageSynced = r, n[r].scrollIntoView({ block: "nearest" }));
+		P.current.thumbsVisible && n.length > 1 && P.current.docLoaded && N.current.thumbPageSynced !== r && n[r] && (N.current.thumbPageSynced = r, n[r].scrollIntoView({ block: "nearest" }));
 	}
-	function V() {
+	function W() {
 		let t = e.thumbs.current;
 		if (!t) return;
-		t.innerHTML = "", M.current.thumbPageSynced = -1;
-		let n = M.current.sections;
-		if (n.length <= 1 || !M.current.naturalWidth) return;
-		let r = 94 / M.current.naturalWidth;
+		t.innerHTML = "", N.current.thumbPageSynced = -1;
+		let n = N.current.sections;
+		if (n.length <= 1 || !N.current.naturalWidth) return;
+		let r = 94 / N.current.naturalWidth;
 		for (let e = 0; e < n.length; e++) {
 			let i = document.createElement("div");
 			i.className = "thumb", i.setAttribute("data-page", String(e));
@@ -75,39 +83,39 @@ function b(e, t = {}) {
 			let s = document.createElement("div");
 			s.className = "thumb-label", s.textContent = String(e + 1), i.appendChild(a), i.appendChild(s), t.appendChild(i);
 		}
-		B();
+		U();
 	}
-	function H() {
+	function G() {
 		let t = e.stage.current;
-		if (!M.current.naturalWidth || !t) return 1;
+		if (!N.current.naturalWidth || !t) return 1;
 		let n = t.clientWidth - 48;
-		return Math.min(h, n / M.current.naturalWidth);
+		return Math.min(h, n / N.current.naturalWidth);
 	}
-	function U() {
-		let t = e.stage.current, n = e.docBox.current, r = M.current.wrapperEl, i = M.current.naturalWidth;
-		if (!N.current.docLoaded || !r || !i || !t || !n) return;
-		let a = t.scrollHeight - t.clientHeight, o = t.scrollWidth - t.clientWidth, s = a > 0 ? t.scrollTop / a : 0, c = o > 0 ? t.scrollLeft / o : 0, l = N.current.scaleMode, u = l === "fit" ? H() : l;
-		T(u), n.style.width = Math.ceil(i * u) + "px", n.style.height = Math.ceil(M.current.naturalHeight * u) + "px", r.style.width = i + "px", r.style.transform = "scale(" + u + ")", r.style.transformOrigin = "top left";
+	function K() {
+		let t = e.stage.current, n = e.docBox.current, r = N.current.wrapperEl, i = N.current.naturalWidth;
+		if (!P.current.docLoaded || !r || !i || !t || !n) return;
+		let a = t.scrollHeight - t.clientHeight, o = t.scrollWidth - t.clientWidth, s = a > 0 ? t.scrollTop / a : 0, c = o > 0 ? t.scrollLeft / o : 0, l = P.current.scaleMode, u = l === "fit" ? G() : l;
+		E(u), n.style.width = Math.ceil(i * u) + "px", n.style.height = Math.ceil(N.current.naturalHeight * u) + "px", r.style.width = i + "px", r.style.transform = "scale(" + u + ")", r.style.transformOrigin = "top left";
 		let d = t.scrollHeight - t.clientHeight, f = t.scrollWidth - t.clientWidth;
 		d > 0 && (t.scrollTop = s * d), f > 0 && (t.scrollLeft = c * f);
 	}
-	function W(e) {
-		let t = N.current.currentScale / m, n = Math.round(t);
+	function q(e) {
+		let t = P.current.currentScale / m, n = Math.round(t);
 		Math.abs(t - n) < .01 && (t = n);
 		let r = e > 0 ? (Math.floor(t) + 1) * m : (Math.ceil(t) - 1) * m;
-		G(Math.max(f, Math.min(p, Math.round(r * 100) / 100)));
+		J(Math.max(f, Math.min(p, Math.round(r * 100) / 100)));
 	}
-	function G(e) {
-		N.current.scaleMode = e, D(e), U();
+	function J(e) {
+		P.current.scaleMode = e, O(e), K();
 	}
-	function K(e) {
-		j(!1), G(e === "fit" ? "fit" : parseFloat(e));
+	function Y(e) {
+		M(!1), J(e === "fit" ? "fit" : parseFloat(e));
 	}
-	function q() {
-		let e = !N.current.thumbsVisible;
-		k(e), N.current.thumbsVisible = e, N.current.docLoaded && N.current.scaleMode === "fit" && U();
+	function ee() {
+		let e = !P.current.thumbsVisible;
+		A(e), P.current.thumbsVisible = e, P.current.docLoaded && P.current.scaleMode === "fit" && K();
 	}
-	function J(e) {
+	function te(e) {
 		let t = getComputedStyle(e), n = parseFloat(t.paddingTop) || 0, r = parseFloat(t.paddingRight) || 0, i = parseFloat(t.paddingBottom) || 0, a = parseFloat(t.paddingLeft) || 0, o = e.offsetWidth - r, s = e.offsetHeight - i, c = Math.max(4, Math.round(Math.min(n, r, i, a) * .25)), l = {
 			tl: {
 				left: a - c,
@@ -131,35 +139,35 @@ function b(e, t = {}) {
 			n.className = "page-corner " + t, n.setAttribute("aria-hidden", "true"), n.style.width = c + "px", n.style.height = c + "px", n.style.left = l[t].left + "px", n.style.top = l[t].top + "px", e.appendChild(n);
 		}
 	}
-	function Y(t) {
+	function ne(t) {
 		let n = e.stage.current;
 		if (!n) return;
 		let r = parseFloat(getComputedStyle(n).paddingTop) || 0;
 		n.scrollTop = n.scrollTop + (t.getBoundingClientRect().top - n.getBoundingClientRect().top) - r;
 	}
 	function X(e) {
-		let t = M.current.sections;
-		if (!N.current.docLoaded || t.length === 0) return;
+		let t = N.current.sections;
+		if (!P.current.docLoaded || t.length === 0) return;
 		let n = Math.max(0, Math.min(e, t.length - 1));
-		M.current.currentPage = n, x(n), Y(t[n]);
+		N.current.currentPage = n, S(n), ne(t[n]);
 	}
-	function Z(e) {
+	function re(e) {
 		let t = parseInt(e, 10);
 		Number.isNaN(t) || X(t - 1);
 	}
-	function ne() {
-		M.current.pageObserver && (M.current.pageObserver.disconnect(), M.current.pageObserver = null);
-		let t = e.stage.current, n = M.current.sections;
+	function ie() {
+		N.current.pageObserver && (N.current.pageObserver.disconnect(), N.current.pageObserver = null);
+		let t = e.stage.current, n = N.current.sections;
 		if (typeof window.IntersectionObserver != "function" || n.length <= 1 || !t) return;
 		let r = [];
-		M.current.pageObserver = new IntersectionObserver((e) => {
+		N.current.pageObserver = new IntersectionObserver((e) => {
 			for (let t of e) {
 				let e = Number(t.target.getAttribute("data-page"));
 				Number.isNaN(e) || (r[e] = t.intersectionRatio);
 			}
 			let t = -1, n = -1;
 			for (let e = 0; e < r.length; e++) r[e] > n && (n = r[e], t = e);
-			t >= 0 && n > 0 && (M.current.currentPage = t, x(t));
+			t >= 0 && n > 0 && (N.current.currentPage = t, S(t));
 		}, {
 			root: t,
 			threshold: [
@@ -170,56 +178,56 @@ function b(e, t = {}) {
 				1
 			]
 		});
-		for (let e of n) M.current.pageObserver.observe(e);
+		for (let e of n) N.current.pageObserver.observe(e);
 	}
-	function Q() {
-		M.current.pageObserver && (M.current.pageObserver.disconnect(), M.current.pageObserver = null);
+	function Z() {
+		N.current.pageObserver && (N.current.pageObserver.disconnect(), N.current.pageObserver = null);
 		let t = e.docBox.current, n = e.thumbs.current;
-		t && (t.innerHTML = "", t.style.width = "", t.style.height = ""), n && (n.innerHTML = ""), M.current.thumbPageSynced = -1, M.current.wrapperEl = null, M.current.sections = [], M.current.naturalWidth = 0, M.current.naturalHeight = 0, M.current.currentPage = 0, x(0), C(0), d(!1);
+		t && (t.innerHTML = "", t.style.width = "", t.style.height = ""), n && (n.innerHTML = ""), N.current.thumbPageSynced = -1, N.current.wrapperEl = null, N.current.sections = [], N.current.naturalWidth = 0, N.current.naturalHeight = 0, N.current.currentPage = 0, S(0), w(0), d(!1);
 	}
-	async function $(t, n) {
-		if (Q(), l(null), j(!1), o(!0), _(t)) {
+	async function Q(t, n) {
+		if (Z(), l(null), M(!1), o(!0), _(t)) {
 			o(!1);
 			let e = /* @__PURE__ */ Error("legacy binary document (.wps/.doc), not OOXML");
 			l({
 				title: "无法打开" + (n ? "「" + n + "」" : "文档"),
 				detail: "这是旧版二进制文档格式(.wps / .doc),不是 OOXML(.docx)。即使是新版 WPS Office,默认保存的 .wps 仍是二进制格式。请用 WPS 或 Word 将其另存为 .docx 后重试。"
-			}), P.current.onError?.(e);
+			}), F.current.onError?.(e);
 			return;
 		}
 		let r = {
 			hideWrapperOnPrint: !0,
 			paginate: !0,
 			experimental: !0,
-			...P.current.renderOptions
+			...F.current.renderOptions
 		};
 		try {
 			let n = e.docBox.current, i = e.stage.current;
 			if (!n || !i) throw Error("viewer is not mounted");
 			let a = await c(t, n, void 0, r), o = n.querySelector(".docx-wrapper") || n;
-			M.current.wrapperEl = o;
+			N.current.wrapperEl = o;
 			let s = o.querySelectorAll("section"), l = [];
 			for (let e = 0; e < s.length; e++) {
 				let t = s[e];
-				t.setAttribute("data-page", String(e)), J(t), l.push(t);
+				t.setAttribute("data-page", String(e)), te(t), l.push(t);
 			}
-			M.current.sections = l;
+			N.current.sections = l;
 			let u = 0;
 			for (let e of l) u = Math.max(u, e.offsetWidth);
-			u || (u = o.scrollWidth), M.current.naturalWidth = u, M.current.naturalHeight = o.offsetHeight, M.current.currentPage = 0, N.current.docLoaded = !0, d(!0), C(l.length), x(0), U(), V(), ne(), i.scrollTop = 0, i.scrollLeft = 0, P.current.onRendered?.(a);
+			u || (u = o.scrollWidth), N.current.naturalWidth = u, N.current.naturalHeight = o.offsetHeight, N.current.currentPage = 0, P.current.docLoaded = !0, d(!0), w(l.length), S(0), K(), W(), ie(), i.scrollTop = 0, i.scrollLeft = 0, F.current.onRendered?.(a);
 		} catch (e) {
-			console.error(e), Q(), l({
+			console.error(e), Z(), l({
 				title: "无法打开" + (n ? "「" + n + "」" : "文档"),
 				detail: v(e) + " —— 请确认这是有效且未加密的 .docx 文件。"
-			}), P.current.onError?.(e);
+			}), F.current.onError?.(e);
 		} finally {
 			o(!1);
 		}
 	}
-	async function re(e, t) {
+	async function $(e, t) {
 		if (!e) return;
 		let n = t || typeof File < "u" && e instanceof File && e.name || "document.docx";
-		if (M.current.docName = n, M.current.docBlob = e instanceof Blob ? e : new Blob([e]), e instanceof Blob) {
+		if (N.current.docName = n, N.current.docBlob = e instanceof Blob ? e : new Blob([e]), e instanceof Blob) {
 			let t;
 			try {
 				t = await new Promise((t, n) => {
@@ -230,75 +238,99 @@ function b(e, t = {}) {
 				l({
 					title: "读取文件失败",
 					detail: "浏览器无法读取「" + n + "」,请重试。"
-				}), P.current.onError?.(e);
+				}), F.current.onError?.(e);
 				return;
 			}
-			return $(t, n);
+			return Q(t, n);
 		}
-		return $(e, n);
+		return Q(e, n);
 	}
-	function ie() {
-		let e = M.current.docBlob;
+	async function ae(e, t, n) {
+		if (e) {
+			o(!0), l(null);
+			try {
+				let r;
+				if (t) r = await t(e);
+				else {
+					let t = await fetch(e);
+					if (!t.ok) throw Error("HTTP " + t.status + " " + t.statusText);
+					r = await t.blob();
+				}
+				if (!r) throw Error("文档数据为空");
+				return await $(r, n || y(e));
+			} catch (e) {
+				console.error(e), l({
+					title: "加载文档失败",
+					detail: v(e) + " —— 请确认地址可访问(如需鉴权请使用 customRequest)。"
+				}), F.current.onError?.(e);
+			} finally {
+				o(!1);
+			}
+		}
+	}
+	function oe() {
+		let e = N.current.docBlob;
 		if (!e) return;
 		let t = URL.createObjectURL(e), n = document.createElement("a");
-		n.href = t, n.download = M.current.docName || "document.docx", document.body.appendChild(n), n.click(), document.body.removeChild(n), setTimeout(() => URL.revokeObjectURL(t), 1e4);
+		n.href = t, n.download = N.current.docName || "document.docx", document.body.appendChild(n), n.click(), document.body.removeChild(n), setTimeout(() => URL.revokeObjectURL(t), 1e4);
 	}
 	return n(() => {
 		function t() {
-			N.current.docLoaded && N.current.scaleMode === "fit" && U();
+			P.current.docLoaded && P.current.scaleMode === "fit" && K();
 		}
 		function n(e) {
-			e.target.closest(".docx-viewer .scale-select") || j(!1);
+			e.target.closest(".docx-viewer .scale-select") || M(!1);
 		}
 		function r(t) {
-			t.key === "Escape" && j(!1);
+			t.key === "Escape" && M(!1);
 			let n = t.target && t.target.tagName;
-			n !== "INPUT" && n !== "TEXTAREA" && n !== "SELECT" && (!e.stage.current || !e.stage.current.contains(t.target) || (t.key === "ArrowLeft" || t.key === "ArrowUp" || t.key === "PageUp" ? (t.preventDefault(), X(N.current.currentPage - 1)) : t.key === "ArrowRight" || t.key === "ArrowDown" || t.key === "PageDown" || t.key === " " ? (t.preventDefault(), X(N.current.currentPage + 1)) : t.key === "Home" ? X(0) : t.key === "End" && X(M.current.sections.length - 1)));
+			n !== "INPUT" && n !== "TEXTAREA" && n !== "SELECT" && (!e.stage.current || !e.stage.current.contains(t.target) || (t.key === "ArrowLeft" || t.key === "ArrowUp" || t.key === "PageUp" ? (t.preventDefault(), X(P.current.currentPage - 1)) : t.key === "ArrowRight" || t.key === "ArrowDown" || t.key === "PageDown" || t.key === " " ? (t.preventDefault(), X(P.current.currentPage + 1)) : t.key === "Home" ? X(0) : t.key === "End" && X(N.current.sections.length - 1)));
 		}
 		return window.addEventListener("resize", t), document.addEventListener("click", n), document.addEventListener("keydown", r), () => {
-			window.removeEventListener("resize", t), document.removeEventListener("click", n), document.removeEventListener("keydown", r), M.current.pageObserver && (M.current.pageObserver.disconnect(), M.current.pageObserver = null);
+			window.removeEventListener("resize", t), document.removeEventListener("click", n), document.removeEventListener("keydown", r), N.current.pageObserver && (N.current.pageObserver.disconnect(), N.current.pageObserver = null);
 		};
 	}, []), n(() => {
-		B();
-	}, [b, I]), {
+		U();
+	}, [x, L]), {
 		...e,
 		loading: a,
 		error: s,
 		docLoaded: u,
-		currentPage: b,
-		pageCount: S,
-		currentScale: w,
-		scaleMode: E,
-		thumbsVisible: O,
-		dropdownOpen: A,
-		setDropdownOpen: j,
-		pagerShown: F,
-		thumbsShown: I,
-		canPrev: L,
-		canNext: ee,
-		canZoomOut: te,
-		canZoomIn: R,
-		scaleLabel: z,
-		open: re,
+		currentPage: x,
+		pageCount: C,
+		currentScale: T,
+		scaleMode: D,
+		thumbsVisible: k,
+		dropdownOpen: j,
+		setDropdownOpen: M,
+		pagerShown: I,
+		thumbsShown: L,
+		canPrev: R,
+		canNext: z,
+		canZoomOut: B,
+		canZoomIn: V,
+		scaleLabel: H,
+		open: $,
+		openUrl: ae,
 		goToPage: X,
-		jumpToPage: Z,
-		zoomStep: W,
-		setScale: K,
-		toggleThumbs: q,
-		download: ie
+		jumpToPage: re,
+		zoomStep: q,
+		setScale: Y,
+		toggleThumbs: ee,
+		download: oe
 	};
 }
 //#endregion
 //#region src/context.ts
-var x = e(null);
-function S() {
-	let e = t(x);
+var S = e(null);
+function C() {
+	let e = t(S);
 	if (!e) throw Error("DocxViewer components must be used inside <DocxViewer>");
 	return e;
 }
 //#endregion
 //#region src/components/icons/IconThumbs.tsx
-function C() {
+function w() {
 	return /* @__PURE__ */ u("svg", {
 		width: "16",
 		height: "16",
@@ -315,7 +347,7 @@ function C() {
 }
 //#endregion
 //#region src/components/icons/IconPrevPage.tsx
-function w() {
+function T() {
 	return /* @__PURE__ */ u("svg", {
 		width: "16",
 		height: "16",
@@ -333,7 +365,7 @@ function w() {
 }
 //#endregion
 //#region src/components/icons/IconNextPage.tsx
-function T() {
+function E() {
 	return /* @__PURE__ */ u("svg", {
 		width: "16",
 		height: "16",
@@ -351,7 +383,7 @@ function T() {
 }
 //#endregion
 //#region src/components/icons/IconZoomOut.tsx
-function E() {
+function D() {
 	return /* @__PURE__ */ d("svg", {
 		width: "16",
 		height: "16",
@@ -375,7 +407,7 @@ function E() {
 }
 //#endregion
 //#region src/components/icons/IconZoomIn.tsx
-function D() {
+function O() {
 	return /* @__PURE__ */ d("svg", {
 		width: "16",
 		height: "16",
@@ -399,7 +431,7 @@ function D() {
 }
 //#endregion
 //#region src/components/icons/IconChevronDown.tsx
-function O() {
+function k() {
 	return /* @__PURE__ */ u("svg", {
 		width: "10",
 		height: "10",
@@ -417,7 +449,7 @@ function O() {
 }
 //#endregion
 //#region src/components/icons/IconOpenFile.tsx
-function k() {
+function A() {
 	return /* @__PURE__ */ u("svg", {
 		width: "16",
 		height: "16",
@@ -434,7 +466,7 @@ function k() {
 }
 //#endregion
 //#region src/components/icons/IconDownload.tsx
-function A() {
+function j() {
 	return /* @__PURE__ */ u("svg", {
 		width: "16",
 		height: "16",
@@ -452,7 +484,7 @@ function A() {
 }
 //#endregion
 //#region src/components/Toolbar.tsx
-var j = [
+var M = [
 	"fit",
 	"0.5",
 	"0.75",
@@ -461,8 +493,8 @@ var j = [
 	"1.5",
 	"2"
 ];
-function M() {
-	let e = S(), t = r(null);
+function N() {
+	let e = C(), t = r(null);
 	function n(t) {
 		let n = t.currentTarget;
 		e.jumpToPage(n.value), n.blur();
@@ -484,7 +516,7 @@ function M() {
 						title: "缩略图",
 						disabled: !e.docLoaded || e.pageCount <= 1,
 						onClick: e.toggleThumbs,
-						children: /* @__PURE__ */ u(C, {})
+						children: /* @__PURE__ */ u(w, {})
 					}),
 					/* @__PURE__ */ u("span", { className: "toolbar-divider" }),
 					/* @__PURE__ */ d("span", {
@@ -497,7 +529,7 @@ function M() {
 								title: "上一页",
 								disabled: !e.canPrev,
 								onClick: () => e.goToPage(e.currentPage - 1),
-								children: /* @__PURE__ */ u(w, {})
+								children: /* @__PURE__ */ u(T, {})
 							}),
 							/* @__PURE__ */ d("span", {
 								className: "page-info",
@@ -523,7 +555,7 @@ function M() {
 								title: "下一页",
 								disabled: !e.canNext,
 								onClick: () => e.goToPage(e.currentPage + 1),
-								children: /* @__PURE__ */ u(T, {})
+								children: /* @__PURE__ */ u(E, {})
 							})
 						]
 					})
@@ -540,7 +572,7 @@ function M() {
 							title: "缩小",
 							disabled: !e.canZoomOut,
 							onClick: () => e.zoomStep(-1),
-							children: /* @__PURE__ */ u(E, {})
+							children: /* @__PURE__ */ u(D, {})
 						}),
 						/* @__PURE__ */ d("div", {
 							className: "scale-select",
@@ -550,11 +582,11 @@ function M() {
 								onClick: (t) => {
 									t.stopPropagation(), e.setDropdownOpen(!e.dropdownOpen);
 								},
-								children: [/* @__PURE__ */ u("span", { children: e.scaleLabel }), /* @__PURE__ */ u(O, {})]
+								children: [/* @__PURE__ */ u("span", { children: e.scaleLabel }), /* @__PURE__ */ u(k, {})]
 							}), /* @__PURE__ */ u("div", {
 								className: "dropdown",
 								hidden: !e.dropdownOpen,
-								children: j.map((t) => /* @__PURE__ */ u("button", {
+								children: M.map((t) => /* @__PURE__ */ u("button", {
 									type: "button",
 									className: e.scaleMode === "fit" && t === "fit" || String(e.scaleMode) === t ? "selected" : void 0,
 									onClick: () => e.setScale(t),
@@ -568,7 +600,7 @@ function M() {
 							title: "放大",
 							disabled: !e.canZoomIn,
 							onClick: () => e.zoomStep(1),
-							children: /* @__PURE__ */ u(D, {})
+							children: /* @__PURE__ */ u(O, {})
 						})
 					]
 				})
@@ -581,7 +613,7 @@ function M() {
 						type: "button",
 						title: "打开文档",
 						onClick: () => t.current?.click(),
-						children: /* @__PURE__ */ u(k, {})
+						children: /* @__PURE__ */ u(A, {})
 					}),
 					/* @__PURE__ */ u("button", {
 						className: "tbtn",
@@ -589,7 +621,7 @@ function M() {
 						title: "下载文档",
 						disabled: !e.docLoaded,
 						onClick: e.download,
-						children: /* @__PURE__ */ u(A, {})
+						children: /* @__PURE__ */ u(j, {})
 					}),
 					/* @__PURE__ */ u("input", {
 						ref: t,
@@ -605,8 +637,8 @@ function M() {
 }
 //#endregion
 //#region src/components/ErrorBanner.tsx
-function N() {
-	let e = S();
+function P() {
+	let e = C();
 	return /* @__PURE__ */ d("div", {
 		className: "error-banner",
 		hidden: !e.error,
@@ -615,8 +647,8 @@ function N() {
 }
 //#endregion
 //#region src/components/ThumbnailsSidebar.tsx
-function P() {
-	let e = S();
+function F() {
+	let e = C();
 	function t(t) {
 		let n = t.target.closest(".thumb");
 		n && e.goToPage(Number(n.getAttribute("data-page")));
@@ -631,8 +663,8 @@ function P() {
 }
 //#endregion
 //#region src/components/DocumentStage.tsx
-function F() {
-	let e = S();
+function I() {
+	let e = C();
 	return /* @__PURE__ */ d("main", {
 		ref: e.stage,
 		className: "stage",
@@ -648,37 +680,37 @@ function F() {
 }
 //#endregion
 //#region src/DocxViewer.tsx
-function I({ data: e, name: t, initialScale: i, showThumbs: a, renderOptions: o, className: s, style: c, onRendered: l, onError: f }) {
-	let p = b({
+function L({ url: e, customRequest: t, name: i, initialScale: a, showThumbs: o, renderOptions: s, className: c, style: l, onRendered: f, onError: p }) {
+	let m = x({
 		stage: r(null),
 		docBox: r(null),
 		thumbs: r(null)
 	}, {
-		initialScale: i,
-		showThumbs: a,
-		renderOptions: o,
-		onRendered: l,
-		onError: f
-	});
-	return n(() => {
-		e && p.open(e, t);
-	}, [e, t]), /* @__PURE__ */ u(x.Provider, {
-		value: p,
+		initialScale: a,
+		showThumbs: o,
+		renderOptions: s,
+		onRendered: f,
+		onError: p
+	}), h = r(t);
+	return h.current = t, n(() => {
+		e && m.openUrl(e, h.current, i);
+	}, [e, i]), /* @__PURE__ */ u(S.Provider, {
+		value: m,
 		children: /* @__PURE__ */ d("div", {
-			className: s ? `docx-viewer ${s}` : "docx-viewer",
-			style: c,
+			className: c ? `docx-viewer ${c}` : "docx-viewer",
+			style: l,
 			children: [
-				/* @__PURE__ */ u(M, {}),
 				/* @__PURE__ */ u(N, {}),
+				/* @__PURE__ */ u(P, {}),
 				/* @__PURE__ */ d("div", {
 					className: "body",
-					children: [/* @__PURE__ */ u(P, {}), /* @__PURE__ */ u(F, {})]
+					children: [/* @__PURE__ */ u(F, {}), /* @__PURE__ */ u(I, {})]
 				})
 			]
 		})
 	});
 }
 //#endregion
-export { I as DocxPreview, I as DocxViewer, I as default, a as defaultOptions, o as parseAsync, s as renderAsync, l as renderDocument, b as useDocViewer };
+export { L as DocxPreview, L as DocxViewer, L as default, a as defaultOptions, o as parseAsync, s as renderAsync, l as renderDocument, x as useDocViewer };
 
 //# sourceMappingURL=index.js.map