@jc-times/business-ui 0.2.43

package/dist/data-table.js

@@ -0,0 +1,257 @@
+import { EmptyState as e } from "./EmptyState.js";
+import { Skeleton as t } from "./Skeleton.js";
+import { DataTableTheme as n } from "./DataTableTheme.js";
+import { icons as r } from "./DataTableIcons.js";
+import { DataTableHorizontalScrollbar as i } from "./DataTableHorizontalScrollbar.js";
+import { DataTableMergedRows as a } from "./DataTableMergedRows.js";
+import { ArrowDown as o, ArrowUp as s, ChevronsUpDown as c } from "lucide-react";
+import { memo as l, useCallback as u, useMemo as d, useRef as f, useState as p } from "react";
+import { jsx as m, jsxs as h } from "react/jsx-runtime";
+import { MRT_Table as g, MaterialReactTable as _, useMaterialReactTable as v } from "material-react-table";
+import { MRT_Localization_ZH_HANS as y } from "material-react-table/locales/zh-Hans";
+//#region src/DataTable.tsx
+var b = new Intl.Collator("zh-CN", {
+	numeric: !0,
+	sensitivity: "base"
+});
+function x(e) {
+	return v({
+		localization: y,
+		icons: r,
+		...e
+	});
+}
+function S({ table: e, stickyHorizontalScrollbar: t = !1, horizontalScrollbarLabel: r }) {
+	return /* @__PURE__ */ m(n, { children: /* @__PURE__ */ m(i, {
+		enabled: t,
+		label: r,
+		children: /* @__PURE__ */ m(_, { table: e })
+	}) });
+}
+function C(e) {
+	return "options" in e ? /* @__PURE__ */ m(w, { ...e }) : /* @__PURE__ */ m(n, { children: /* @__PURE__ */ m(T, { ...e }) });
+}
+function w({ options: e, stickyHorizontalScrollbar: t, horizontalScrollbarLabel: n }) {
+	let r = x(e);
+	return /* @__PURE__ */ m(S, {
+		table: r,
+		stickyHorizontalScrollbar: t,
+		horizontalScrollbarLabel: n
+	});
+}
+function T({ rows: n, columns: r, getRowId: a, caption: o, sort: s, defaultSort: c = null, onSortChange: l, sortMode: _ = "client", selectionSummary: y = !0, selectPageLabel: b = "选择本页全部", renderSelectionActions: x, hiddenColumnIds: S, selectedRowIds: C, onSelectedRowIdsChange: w, getRowDisabled: T, loading: D = !1, loadingRows: O = 4, emptyTitle: j = "暂无数据", emptyDescription: M, emptyAction: N, mobileLayout: P = "scroll", className: F = "", stickyHorizontalScrollbar: I = !1, horizontalScrollbarLabel: L, rootRef: R, rootProps: z, tableRef: B, tableProps: V }) {
+	let [H, U] = p(c), W = s === void 0 ? H : s, G = d(() => _ === "server" ? n : E(n, r, W), [
+		n,
+		r,
+		W,
+		_
+	]), K = d(() => r.filter((e) => !S?.has(e.id)), [r, S]), q = d(() => G.map((e) => ({
+		row: e,
+		id: a(e),
+		disabled: T?.(e) ?? !1
+	})), [
+		G,
+		a,
+		T
+	]), J = d(() => q.filter((e) => !e.disabled), [q]), Y = d(() => {
+		let e = 0;
+		for (let t of J) C?.has(t.id) && (e += 1);
+		return e;
+	}, [J, C]), X = J.length > 0 && Y === J.length, Z = Y > 0 && !X;
+	function te(e) {
+		if (!(e.sortValue || _ === "server" && e.sortable)) return;
+		let t = W?.columnId === e.id ? W.direction === "ascending" ? {
+			columnId: e.id,
+			direction: "descending"
+		} : null : {
+			columnId: e.id,
+			direction: "ascending"
+		};
+		U(t), l?.(t);
+	}
+	let Q = f({
+		selectedRowIds: C,
+		onSelectedRowIdsChange: w
+	});
+	Q.current = {
+		selectedRowIds: C,
+		onSelectedRowIdsChange: w
+	};
+	let ne = u((e) => {
+		let t = Q.current;
+		if (!t.onSelectedRowIdsChange) return;
+		let n = new Set(t.selectedRowIds ?? []);
+		n.has(e) ? n.delete(e) : n.add(e), t.onSelectedRowIdsChange(n);
+	}, []);
+	function re() {
+		if (!w) return;
+		let e = new Set(C ?? []);
+		for (let t of J) X ? e.delete(t.id) : e.add(t.id);
+		w(e);
+	}
+	let $ = !!(C && w), ie = d(() => [...$ ? [{
+		id: "__selection",
+		header: "",
+		size: 44,
+		Header: () => /* @__PURE__ */ m(A, {
+			checked: X,
+			indeterminate: Z,
+			"aria-label": b,
+			disabled: D || !J.length,
+			onChange: re
+		})
+	}] : [], ...K.map((e) => ({
+		id: e.id,
+		header: typeof e.header == "string" ? e.header : e.mobileLabel ?? e.id,
+		Header: () => {
+			let t = W?.columnId === e.id ? W.direction : void 0;
+			return e.sortValue || _ === "server" && e.sortable ? /* @__PURE__ */ h("button", {
+				type: "button",
+				className: "ui-table-sort",
+				onClick: () => te(e),
+				children: [e.header, /* @__PURE__ */ m(k, { direction: t })]
+			}) : e.header;
+		},
+		muiTableHeadCellProps: {
+			style: { width: e.width },
+			"data-align": e.align ?? "start",
+			"aria-sort": W?.columnId === e.id ? W.direction : e.sortValue || _ === "server" && e.sortable ? "none" : void 0
+		}
+	}))], [
+		K,
+		$,
+		X,
+		Z,
+		C,
+		D,
+		W,
+		_,
+		J,
+		b,
+		l,
+		w
+	]), ae = v({
+		columns: ie,
+		data: G,
+		getRowId: (e) => a(e),
+		enableSorting: !1,
+		enableColumnActions: !1,
+		enableColumnFilters: !1,
+		enableGlobalFilter: !1,
+		enablePagination: !1,
+		enableTopToolbar: !1,
+		enableBottomToolbar: !1,
+		enableTableFooter: !1,
+		layoutMode: "semantic",
+		renderCaption: o === void 0 ? void 0 : () => o,
+		muiTableProps: {
+			...V,
+			ref: B,
+			className: "ui-data-table",
+			"aria-busy": D || void 0
+		},
+		muiTableBodyProps: { children: D ? Array.from({ length: Math.max(1, O) }, (e, n) => /* @__PURE__ */ h("tr", { children: [$ && /* @__PURE__ */ m("td", {
+			className: "ui-table-selection",
+			children: /* @__PURE__ */ m(t, {
+				width: 18,
+				height: 18
+			})
+		}), K.map((e) => /* @__PURE__ */ m("td", { children: /* @__PURE__ */ m(t, { width: n % 2 ? "68%" : "86%" }) }, e.id))] }, `loading-${n}`)) : q.map(({ row: e, id: t, disabled: n }) => /* @__PURE__ */ m(ee, {
+			row: e,
+			id: t,
+			disabled: n,
+			columns: K,
+			selectable: $,
+			selected: C?.has(t) ?? !1,
+			onToggle: ne
+		}, t)) }
+	});
+	return /* @__PURE__ */ h("div", {
+		...z,
+		ref: R,
+		"data-mobile-layout": P,
+		className: `ui-data-table-wrap ${F}`.trim(),
+		children: [
+			$ && C && C.size > 0 && (y || x) && /* @__PURE__ */ h("div", {
+				className: "ui-table-selection-summary",
+				children: [y && /* @__PURE__ */ h("span", {
+					role: "status",
+					children: [
+						"已选择 ",
+						C.size,
+						" 项（本页 ",
+						Y,
+						" 项）"
+					]
+				}), x?.(C)]
+			}),
+			/* @__PURE__ */ m(i, {
+				enabled: I,
+				label: L,
+				children: /* @__PURE__ */ m(g, { table: ae })
+			}),
+			!D && G.length === 0 && /* @__PURE__ */ m(e, {
+				compact: !0,
+				title: j,
+				description: M,
+				action: N
+			})
+		]
+	});
+}
+function E(e, t, n) {
+	if (!n) return [...e];
+	let r = t.find((e) => e.id === n.columnId);
+	if (!r?.sortValue) return [...e];
+	let i = n.direction === "ascending" ? 1 : -1;
+	return e.map((e, t) => ({
+		row: e,
+		index: t,
+		value: r.sortValue(e)
+	})).sort((e, t) => {
+		let n = O(e.value, t.value);
+		return n === 0 ? e.index - t.index : n * i;
+	}).map(({ row: e }) => e);
+}
+function D({ row: e, id: t, disabled: n, columns: r, selectable: i, selected: a, onToggle: o }) {
+	return /* @__PURE__ */ h("tr", {
+		"aria-selected": a || void 0,
+		"data-disabled": n || void 0,
+		children: [i && /* @__PURE__ */ m("td", {
+			className: "ui-table-selection",
+			children: /* @__PURE__ */ m("input", {
+				type: "checkbox",
+				"aria-label": `选择 ${t}`,
+				checked: a,
+				disabled: n,
+				onChange: () => o(t)
+			})
+		}), r.map((t) => /* @__PURE__ */ m("td", {
+			"data-align": t.align ?? "start",
+			"data-label": t.mobileLabel ?? (typeof t.header == "string" ? t.header : void 0),
+			children: t.cell(e)
+		}, t.id))]
+	});
+}
+var ee = l(D);
+function O(e, t) {
+	if (e == null && t == null) return 0;
+	if (e == null) return 1;
+	if (t == null) return -1;
+	let n = e instanceof Date ? e.getTime() : e, r = t instanceof Date ? t.getTime() : t;
+	return typeof n == "number" && typeof r == "number" ? n - r : b.compare(String(n), String(r));
+}
+function k({ direction: e }) {
+	return m(e === "ascending" ? s : e === "descending" ? o : c, { size: 14 });
+}
+function A({ indeterminate: e, ...t }) {
+	return /* @__PURE__ */ m("input", {
+		...t,
+		type: "checkbox",
+		ref: (t) => {
+			t && (t.indeterminate = e);
+		}
+	});
+}
+//#endregion
+export { C as DataTable, a as DataTableMergedRows, n as DataTableTheme, S as DataTableView, E as sortRows, x as useDataTable };

package/dist/document-render-budget.js

@@ -0,0 +1,22 @@
+//#region src/DocumentRenderBudget.ts
+function e(e, t) {
+	return t || e <= 900 ? {
+		maxDevicePixelRatio: 1,
+		maxCanvasPixels: 12e5,
+		overscanPixels: 80,
+		neighboringPages: 0,
+		preloadOffsets: [1]
+	} : {
+		maxDevicePixelRatio: 1.75,
+		maxCanvasPixels: 4e6,
+		overscanPixels: 520,
+		neighboringPages: 1,
+		preloadOffsets: [-1, 1]
+	};
+}
+function t(e, t, n, r) {
+	let i = Math.sqrt(r.maxCanvasPixels / Math.max(1, e * t)) * .999;
+	return Math.max(.1, Math.min(n || 1, r.maxDevicePixelRatio, i));
+}
+//#endregion
+export { t as constrainedPixelRatio, e as getPdfRenderBudget };

package/dist/document-viewer/ContinuousPdfViewer.js

@@ -0,0 +1,145 @@
+import { pdfRenderBudgetForWindow as e } from "./pdf-render-budget.js";
+import { PdfCanvasPage as t } from "./PdfCanvasPage.js";
+import { useEffect as n, useRef as r, useState as i } from "react";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+//#region src/document-viewer/ContinuousPdfViewer.tsx
+var s = /* @__PURE__ */ new WeakMap();
+function c({ document: s, pages: c, currentPage: d, onCurrentPageChange: f, zoom: p = 1, rotation: m = 0, focusTarget: h, renderPage: g }) {
+	let _ = r(null), v = r(/* @__PURE__ */ new Map()), y = r(0), b = r(""), x = r(0), S = r(0), C = r(d), w = r({
+		currentPage: d,
+		onCurrentPageChange: f
+	});
+	w.current = {
+		currentPage: d,
+		onCurrentPageChange: f
+	};
+	let T = `${p}:${m}`, E = r(T), D = r(null);
+	C.current = d, E.current !== T && (E.current = T, D.current = d);
+	let [O, k] = i(() => /* @__PURE__ */ new Set([d, d + 1]));
+	n(() => {
+		k(new Set([C.current, C.current + 1].filter((e) => e <= s.numPages)));
+	}, [s]), n(() => {
+		let e = requestAnimationFrame(A);
+		return () => cancelAnimationFrame(e);
+	}, [s, c]), n(() => {
+		let e = _.current;
+		if (!e || typeof ResizeObserver > "u") return;
+		let t = new ResizeObserver(j);
+		return t.observe(e), () => t.disconnect();
+	}, [s]), n(() => {
+		let e = h?.page === d && h.token !== b.current ? h : null;
+		if (y.current === d && !e) {
+			y.current = 0;
+			return;
+		}
+		k((e) => /* @__PURE__ */ new Set([...e, d]));
+		let t = _.current, n = v.current.get(d);
+		if (!t || !n) return;
+		let r = t.getBoundingClientRect(), i = n.querySelector(".pdf-page")?.getBoundingClientRect() ?? n.getBoundingClientRect(), a = i.top - r.top + t.scrollTop, o = e ? a + i.height * e.y - t.clientHeight / 2 : a;
+		e && (b.current = e.token), t.scrollTo({
+			top: Math.max(0, Math.min(o, t.scrollHeight - t.clientHeight)),
+			behavior: "auto"
+		});
+	}, [
+		s,
+		d,
+		h
+	]), n(() => {
+		let e = D.current;
+		if (e === null) return;
+		D.current = null, S.current = performance.now() + 350;
+		let t = globalThis.setTimeout(() => {
+			if (C.current !== e) return;
+			let t = _.current, n = v.current.get(e);
+			if (!t || !n) return;
+			let r = t.getBoundingClientRect(), i = n.getBoundingClientRect();
+			t.scrollTo({
+				top: i.top - r.top + t.scrollTop,
+				behavior: "auto"
+			});
+		}, 100);
+		return () => globalThis.clearTimeout(t);
+	}, [
+		s,
+		p,
+		m
+	]), n(() => u(s, e().preloadOffsets.map((e) => d + e)), [s, d]), n(() => () => {
+		x.current && cancelAnimationFrame(x.current);
+	}, []);
+	function A() {
+		if (performance.now() < S.current) return;
+		let t = _.current;
+		if (!t) return;
+		let n = t.getBoundingClientRect(), r = n.top + 26, i = e(), a = w.current.currentPage, o = Infinity, u = /* @__PURE__ */ new Set();
+		for (let [e, t] of v.current) {
+			let s = t.getBoundingClientRect();
+			s.bottom >= n.top - i.overscanPixels && s.top <= n.bottom + i.overscanPixels && u.add(e);
+			let c = Math.abs(s.top - r);
+			c < o && (o = c, a = e);
+		}
+		t.scrollTop > 0 && t.scrollHeight - t.clientHeight - t.scrollTop < 2 && (a = c[c.length - 1] ?? a);
+		for (let e = -i.neighboringPages; e <= i.neighboringPages; e += 1) {
+			let t = a + e;
+			t >= 1 && t <= s.numPages && u.add(t);
+		}
+		k((e) => l(e, u) ? e : u), a !== w.current.currentPage && (y.current = a, w.current.onCurrentPageChange(a));
+	}
+	function j() {
+		x.current && cancelAnimationFrame(x.current), x.current = requestAnimationFrame(A);
+	}
+	return /* @__PURE__ */ a("div", {
+		ref: _,
+		className: "ui-continuous-scroll",
+		onScroll: j,
+		children: c.map((e) => /* @__PURE__ */ o("div", {
+			"data-page": e,
+			ref: (t) => {
+				t ? v.current.set(e, t) : v.current.delete(e);
+			},
+			className: "ui-continuous-page",
+			style: { width: `min(${760 * p}px, ${p * 100}%)` },
+			children: [/* @__PURE__ */ o("span", { children: [
+				"第 ",
+				e,
+				" 页"
+			] }), O.has(e) ? g?.(e) ?? /* @__PURE__ */ a(t, {
+				document: s,
+				page: e,
+				renderWidth: 760 * p,
+				rotation: m
+			}) : /* @__PURE__ */ a("div", {
+				className: "ui-page-placeholder",
+				style: { aspectRatio: m % 180 ? "1.414 / 1" : "1 / 1.414" }
+			})]
+		}, e))
+	});
+}
+function l(e, t) {
+	return e.size === t.size && [...e].every((e) => t.has(e));
+}
+function u(e, t) {
+	let n = !1, r = d(() => {
+		(async () => {
+			for (let r of t) {
+				if (n) return;
+				if (r < 1 || r > e.numPages) continue;
+				let t = s.get(e);
+				t || (t = /* @__PURE__ */ new Map(), s.set(e, t)), t.has(r) || t.set(r, e.getPage(r).then((e) => e.getOperatorList()).then(() => void 0).catch(() => void 0)), await t.get(r);
+			}
+		})();
+	});
+	return () => {
+		n = !0, r();
+	};
+}
+function d(e, t = 1200) {
+	let n = window;
+	if (typeof n.requestIdleCallback == "function") {
+		let r = n.requestIdleCallback(e, { timeout: t });
+		return () => n.cancelIdleCallback?.(r);
+	}
+	let r = globalThis.setTimeout(e, 180);
+	return () => globalThis.clearTimeout(r);
+}
+//#endregion
+export { c as ContinuousPdfViewer };

package/dist/document-viewer/DocumentViewer.js

@@ -0,0 +1,123 @@
+import { Button as e } from "../Button.js";
+import { OverlayContainerContext as t } from "../OverlayContainer.js";
+import { PdfWorkspace as n } from "./PdfWorkspace.js";
+import { DocumentViewerViewport as r } from "./DocumentViewerViewport.js";
+import { ImagePage as i } from "./ImagePage.js";
+import { PdfThumbnailRail as a } from "./PdfThumbnailRail.js";
+import { PdfToolbar as o } from "./PdfToolbar.js";
+import { usePdfViewport as s } from "./usePdfViewport.js";
+import { useMemo as c, useState as l } from "react";
+import { jsx as u, jsxs as d } from "react/jsx-runtime";
+//#region src/document-viewer/DocumentViewer.tsx
+function f(e) {
+	return /* @__PURE__ */ u(p, { ...e }, `${e.source.kind}:${e.source.id}`);
+}
+function p({ source: f, title: p, className: m = "", style: h, ariaLabel: g = "文档查看器", toolbar: _, footer: v, currentPage: y, onCurrentPageChange: b, pageMode: x = "continuous", renderPage: S }) {
+	let C = s(f.id), [w, T] = l(1), E = f.kind === "pdf" ? f.document.numPages : f.images.length, D = Math.max(1, Math.min(E, y ?? w)), O = c(() => Array.from({ length: E }, (e, t) => t + 1), [E]), k = (e) => {
+		T(e), b?.(e);
+	};
+	return /* @__PURE__ */ u("section", {
+		ref: C.containerRef,
+		"aria-label": g,
+		style: h,
+		className: `ui-document-viewer ${C.fullscreen ? "ui-viewer-fullscreen" : ""} ${m}`,
+		children: /* @__PURE__ */ d(t.Provider, {
+			value: C.containerRef.current,
+			children: [
+				/* @__PURE__ */ d("div", {
+					className: "ui-viewer-toolbar",
+					children: [
+						p !== void 0 && /* @__PURE__ */ u("div", {
+							className: "ui-viewer-title",
+							children: p
+						}),
+						_,
+						/* @__PURE__ */ u(o, {
+							zoom: C.zoom,
+							disabled: !E,
+							fullscreen: C.fullscreen,
+							canZoomIn: C.canZoomIn,
+							canZoomOut: C.canZoomOut,
+							onZoomIn: C.zoomIn,
+							onZoomOut: C.zoomOut,
+							onRotate: C.rotate,
+							onToggleFullscreen: C.toggleFullscreen
+						})
+					]
+				}),
+				E ? f.kind === "pdf" ? /* @__PURE__ */ u(r, {
+					document: f.document,
+					pages: O,
+					pageMode: x,
+					currentPage: D,
+					onCurrentPageChange: k,
+					zoom: C.zoom,
+					rotation: C.rotation,
+					rail: /* @__PURE__ */ u(a, {
+						document: f.document,
+						currentPage: D,
+						onCurrentPageChange: k
+					}),
+					renderPage: S ? (e) => S({
+						page: e,
+						zoom: C.zoom,
+						rotation: C.rotation
+					}) : void 0
+				}) : /* @__PURE__ */ u(n, {
+					rail: /* @__PURE__ */ u("div", {
+						className: "ui-thumbnail-list",
+						children: f.images.map((t, n) => /* @__PURE__ */ d(e, {
+							variant: "ghost",
+							className: "ui-page-thumbnail",
+							"aria-current": D === n + 1 ? "page" : void 0,
+							onClick: () => k(n + 1),
+							children: [/* @__PURE__ */ u("img", {
+								src: t.src,
+								alt: "",
+								loading: "lazy"
+							}), /* @__PURE__ */ u("span", { children: t.alt || `图片 ${n + 1}` })]
+						}, `${n}:${t.src}`))
+					}),
+					children: /* @__PURE__ */ u(i, {
+						image: f.images[D - 1],
+						zoom: C.zoom,
+						rotation: C.rotation
+					}, f.images[D - 1].src)
+				}) : /* @__PURE__ */ u("div", {
+					role: "status",
+					children: "没有可预览的页面"
+				}),
+				/* @__PURE__ */ d("div", {
+					className: "ui-viewer-footer",
+					children: [
+						/* @__PURE__ */ u(e, {
+							variant: "ghost",
+							size: "compact",
+							disabled: D <= 1,
+							onClick: () => k(D - 1),
+							children: "上一页"
+						}),
+						/* @__PURE__ */ d("span", {
+							"aria-live": "polite",
+							children: [
+								E ? D : 0,
+								" / ",
+								E
+							]
+						}),
+						/* @__PURE__ */ u(e, {
+							variant: "ghost",
+							size: "compact",
+							disabled: D >= E,
+							onClick: () => k(D + 1),
+							children: "下一页"
+						}),
+						v
+					]
+				})
+			]
+		})
+	});
+}
+//#endregion
+export { f as DocumentViewer };

package/dist/document-viewer/DocumentViewerViewport.js

@@ -0,0 +1,36 @@
+import { PdfCanvasPage as e } from "./PdfCanvasPage.js";
+import { ContinuousPdfViewer as t } from "./ContinuousPdfViewer.js";
+import { PdfWorkspace as n } from "./PdfWorkspace.js";
+import { Fragment as r, jsx as i, jsxs as a } from "react/jsx-runtime";
+//#region src/document-viewer/DocumentViewerViewport.tsx
+function o({ document: o, pageMode: s, pages: c, currentPage: l, onCurrentPageChange: u, zoom: d = 1, rotation: f = 0, rail: p, overlay: m, className: h = "", workspaceClassName: g = "", workspaceProps: _, focusTarget: v, renderPage: y }) {
+	let b = /* @__PURE__ */ a(r, { children: [m, s === "continuous" ? /* @__PURE__ */ i(t, {
+		document: o,
+		pages: c,
+		currentPage: l,
+		onCurrentPageChange: u,
+		zoom: d,
+		rotation: f,
+		focusTarget: v,
+		renderPage: y
+	}) : /* @__PURE__ */ i("div", {
+		className: "ui-single-page",
+		children: y?.(l) ?? /* @__PURE__ */ i(e, {
+			document: o,
+			page: l,
+			renderWidth: 760 * d,
+			rotation: f
+		})
+	})] });
+	return p === void 0 ? /* @__PURE__ */ i("div", {
+		className: `ui-document-viewport ${h}`,
+		children: b
+	}) : /* @__PURE__ */ i(n, {
+		..._,
+		rail: p,
+		className: `${g} ${h}`,
+		children: b
+	});
+}
+//#endregion
+export { o as DocumentViewerViewport };

package/dist/document-viewer/ImagePage.js

@@ -0,0 +1,39 @@
+import { useState as e } from "react";
+import { jsx as t } from "react/jsx-runtime";
+//#region src/document-viewer/ImagePage.tsx
+function n({ image: n, zoom: r, rotation: i }) {
+	let [a, o] = e({
+		width: 760,
+		height: 560
+	}), [s, c] = e(!1), l = i % 180 != 0, u = l ? a.height : a.width, d = l ? a.width : a.height;
+	return /* @__PURE__ */ t("div", {
+		className: "ui-image-scroll",
+		children: s ? /* @__PURE__ */ t("div", {
+			role: "alert",
+			children: "图片加载失败，请检查文件是否可用。"
+		}) : /* @__PURE__ */ t("div", {
+			className: "ui-image-frame",
+			style: {
+				width: `min(${Math.min(u, 1e3) * r}px, ${100 * r}%)`,
+				aspectRatio: `${u} / ${d}`
+			},
+			children: /* @__PURE__ */ t("img", {
+				src: n.src,
+				alt: n.alt,
+				draggable: !1,
+				decoding: "async",
+				style: {
+					width: l ? `${a.width / a.height * 100}%` : "100%",
+					transform: `translate(-50%, -50%) rotate(${i}deg)`
+				},
+				onLoad: (e) => o({
+					width: e.currentTarget.naturalWidth,
+					height: e.currentTarget.naturalHeight
+				}),
+				onError: () => c(!0)
+			})
+		})
+	});
+}
+//#endregion
+export { n as ImagePage };

package/dist/document-viewer/PdfCanvasPage.js

@@ -0,0 +1,26 @@
+import { usePdfCanvas as e } from "./usePdfCanvas.js";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+//#region src/document-viewer/PdfCanvasPage.tsx
+function r({ document: r, page: i, renderWidth: a = 760, rotation: o = 0 }) {
+	let { canvasRef: s, ratio: c, error: l } = e({
+		kind: "page",
+		document: r,
+		page: i,
+		renderWidth: a,
+		rotation: o,
+		zoom: 1
+	});
+	return /* @__PURE__ */ n("div", {
+		className: "ui-pdf-page",
+		style: { aspectRatio: `${1 / c}` },
+		children: [/* @__PURE__ */ t("canvas", {
+			ref: s,
+			"aria-label": `第 ${i} 页`
+		}), l && /* @__PURE__ */ t("div", {
+			role: "alert",
+			children: l
+		})]
+	});
+}
+//#endregion
+export { r as PdfCanvasPage };