@jc-times/business-ui 0.2.53 → 0.2.55

package/CHANGELOG.md

@@ -1,4 +1,11 @@
-# 0.2.53
+# 0.2.55
+
+- 修复 `SortableList` 空列表接收区缺少最小高度、空状态和根节点拖放高亮的问题。
+- 修复 PDFium 折叠搜索收起后残留旧结果，以及隐藏内置工具栏时无法打开搜索的问题；移动工具栏过宽时可横向滚动。
+- 文档查看器新增 `layoutMode="fill"`，统一弹窗、抽屉和 flex/grid 容器中的宽高与最小尺寸；PDFium 移动连续阅读模式由公共组件识别窄屏/触屏，并覆盖单页模式与文字选择，避免业务项目重复维护手机适配。
+- npm 自动发布流程统一改为 npmjs 公共仓库，并从 `publishConfig.access` 读取访问级别。
+
+# 0.2.53
 
 - 新增 `UserProfilePopover`：紧凑的人员标签和只读资料卡，支持姓名、编号、部门、身份标签、头像与受控打开状态；资料卡随视口在 300–560px 间缩放，并保留键盘关闭与焦点归还。
 
@@ -48,6 +55,10 @@
 
 # Changelog
 
+## 0.2.54
+
+- PDFium Headless 新增 `mobileMode="continuous-reader"`：手机/粗指针连续阅读时恢复原生纵向滚动，收起缩略图与分页底栏，并压缩工具栏；`searchMode="collapsible"` 统一提供搜索开关和手机图标布局。
+
 ## 0.2.48
 
 - Cascader：按可见视口处理多列展开的边缘碰撞，修复右侧表单区县列超出屏幕的问题。

package/README.md

@@ -21,18 +21,18 @@ React 等 peer dependencies 按所安装版本的 package.json 配置。应用
 
 | 文档 | 用途 |
 | --- | --- |
-| [Agent 使用指南](docs/agent-guide.md) | 场景选型、组件组合、边界和接入检查 |
-| [依赖维护](docs/dependencies.md) | 稳定版本核查、兼容例外、消费迁移要求 |
-| [公共 API](docs/api.md) | 公共行为、参数说明、数字输入与装饰示例；完整签名见安装包类型声明 |
-| [DataTable 与 MRT 迁移](docs/data-table.md) | 公共表格替代、旧参数兼容、完整配置、独立入口与合并明细；0.2.31起提供 |
-| [表格能力与 MRT 样例](docs/mrt-poc.md) | DataTable边界、筛选/列管理、产品行合并/展开、配置及性能；包含业务样例与公共API边界 |
+| [Agent 使用指南](docs/agent-guide.md) | 场景选型、组件组合、边界和接入检查 |
+| [依赖维护](docs/dependencies.md) | 稳定版本核查、兼容例外、消费迁移要求 |
+| [公共 API](docs/api.md) | 公共行为、参数说明、数字输入与装饰示例；完整签名见安装包类型声明 |
+| [DataTable 与 MRT 迁移](docs/data-table.md) | 公共表格替代、旧参数兼容、完整配置、独立入口与合并明细；0.2.31起提供 |
+| [表格能力与 MRT 样例](docs/mrt-poc.md) | DataTable边界、筛选/列管理、产品行合并/展开、配置及性能；包含业务样例与公共API边界 |
 | [分段控制器](docs/api.md#分段控制器-segmentedcontrol) | 少量互斥选项、浅底/图标/纵向示例、兼容边界 |
 | [组件设计策略](docs/component-strategy.md) | 设计依据、公共能力范围和交互内核策略 |
 | [弹窗迁移](docs/modal-shell-migration.md) | header/content/footer 稳定插槽与历史写法迁移 |
 | [成熟度迁移](docs/maturity-migration.md) | 日期、多选、目录缓存、表格、文件限制及 Toast 行为 |
 | [上传前处理](docs/file-preparation.md) | 文件异步前处理、整批提交与取消 |
 | [文档查看器](docs/document-viewer.md) | PDF.js 与图片查看入口 |
-| [文档与图片查看器 V2](docs/document-viewer-v2.md) | PDFium/WASM、原生页面叠层、图片及 V1 兼容入口与迁移边界 |
+| [文档与图片查看器 V2](docs/document-viewer-v2.md) | PDFium/WASM、原生页面叠层、图片及 V1 兼容入口与迁移边界 |
 | [多视口验收](docs/viewport-qa.md) | 桌面、移动与交互验证 |
 | [发布流程](docs/release.md) | registry、版本、制品与发布检查 |
 | [变更记录](CHANGELOG.md) | 按版本查看变化 |
@@ -52,4 +52,4 @@ React 等 peer dependencies 按所安装版本的 package.json 配置。应用
 
 仓库通过 `v<package.version>` 标签触发受控发布。公共包本地验证、正式发布、消费应用升级和生产部署是不同状态，应分别验证和记录。
 
-- [通用级联选择与部门/地址适配](docs/cascader.md)
+- [通用级联选择与部门/地址适配](docs/cascader.md)

package/THIRD_PARTY_NOTICES.md

@@ -2,16 +2,16 @@
 
 `@jc-times/business-ui` 使用以下固定版本开源依赖。依赖源码未复制到本仓库；最终安装包由包管理器连同各自许可证一并解析。
 
-| Package | Version | License | Project |
-| --- | --- | --- | --- |
-| `lucide-react` | 1.45.0（开发验证版本） | ISC | https://github.com/lucide-icons/lucide |
-| `pdfjs-dist` | 6.3.289 | Apache-2.0 | https://github.com/mozilla/pdf.js |
-| `material-react-table` | 3.2.1 | MIT | https://github.com/KevinVandy/material-react-table |
-| `@mui/material`, `@mui/icons-material` | 7.3.11 | MIT | https://github.com/mui/material-ui |
-| `@mui/x-date-pickers` | 9.13.0 | MIT | https://github.com/mui/mui-x |
-| `@emotion/react`, `@emotion/styled` | 11.14.0 / 11.14.1 | MIT | https://github.com/emotion-js/emotion |
-| `@embedpdf/react-pdf-viewer` | 2.15.0 | MIT | https://github.com/embedpdf/embed-pdf-viewer |
-| `@embedpdf/core`, `@embedpdf/engines`, `@embedpdf/plugin-document-manager`, `@embedpdf/plugin-viewport`, `@embedpdf/plugin-scroll`, `@embedpdf/plugin-render`, `@embedpdf/plugin-zoom`, `@embedpdf/plugin-rotate`, `@embedpdf/plugin-thumbnail` | 2.15.0 | MIT | https://github.com/embedpdf/embed-pdf-viewer |
+| Package | Version | License | Project |
+| --- | --- | --- | --- |
+| `lucide-react` | 1.45.0（开发验证版本） | ISC | https://github.com/lucide-icons/lucide |
+| `pdfjs-dist` | 6.3.289 | Apache-2.0 | https://github.com/mozilla/pdf.js |
+| `material-react-table` | 3.2.1 | MIT | https://github.com/KevinVandy/material-react-table |
+| `@mui/material`, `@mui/icons-material` | 7.3.11 | MIT | https://github.com/mui/material-ui |
+| `@mui/x-date-pickers` | 9.13.0 | MIT | https://github.com/mui/mui-x |
+| `@emotion/react`, `@emotion/styled` | 11.14.0 / 11.14.1 | MIT | https://github.com/emotion-js/emotion |
+| `@embedpdf/react-pdf-viewer` | 2.15.0 | MIT | https://github.com/embedpdf/embed-pdf-viewer |
+| `@embedpdf/core`, `@embedpdf/engines`, `@embedpdf/plugin-document-manager`, `@embedpdf/plugin-viewport`, `@embedpdf/plugin-scroll`, `@embedpdf/plugin-render`, `@embedpdf/plugin-zoom`, `@embedpdf/plugin-rotate`, `@embedpdf/plugin-thumbnail` | 2.15.0 | MIT | https://github.com/embedpdf/embed-pdf-viewer |
 | PDFium（由 `@embedpdf/pdfium` 随查看器分发） | 2.15.0 | BSD-3-Clause / Apache-2.0 等，详见依赖内 `LICENSE.pdfium` | https://pdfium.googlesource.com/pdfium/ |
 | `@radix-ui/react-popover` | 1.1.23 | MIT | https://github.com/radix-ui/primitives |
 | `@radix-ui/react-dialog` | 1.1.23 | MIT | https://github.com/radix-ui/primitives |
@@ -26,6 +26,6 @@
 
 ## @rc-component/cascader 1.25.0
 
-MIT, Copyright (c) 2019-present react-component. Source: https://github.com/react-component/cascader. Used as the external Cascader interaction dependency; license reproduced in licenses/rc-cascader-MIT.txt. Transitive dependencies retain their own notices in their installed packages.
-
-0.2.46 additionally bundles the React gesture entry of @embedpdf/plugin-zoom@2.15.0 with a pinned bounds/precision patch. Original MIT license: licenses/embedpdf-MIT.txt; patch: patches/@embedpdf__plugin-zoom@2.15.0.patch. Engine and core plugin implementations remain external.
+MIT, Copyright (c) 2019-present react-component. Source: https://github.com/react-component/cascader. Used as the external Cascader interaction dependency; license reproduced in licenses/rc-cascader-MIT.txt. Transitive dependencies retain their own notices in their installed packages.
+
+0.2.46 additionally bundles the React gesture entry of @embedpdf/plugin-zoom@2.15.0 with a pinned bounds/precision patch. Original MIT license: licenses/embedpdf-MIT.txt; patch: patches/@embedpdf__plugin-zoom@2.15.0.patch. Engine and core plugin implementations remain external.

package/dist/SortableList.js

@@ -1,118 +1,155 @@
-import { activeSortableTransfer as e, beginSortableTransfer as t, consumeSortableTransfer as n, endSortableTransfer as r, registerSortableTarget as i, routeSortableTarget as a, useSortableTransferScope as o } from "./sortable-transfer-scope.js";
-import { GripVertical as s } from "lucide-react";
-import { useEffect as c, useLayoutEffect as l, useMemo as u, useRef as d } from "react";
-import { jsx as f, jsxs as p } from "react/jsx-runtime";
-import { Button as m, GridList as h, GridListItem as g, useDragAndDrop as _ } from "react-aria-components";
+import { activeSortableTransfer as e, beginSortableTransfer as t, consumeSortableTransfer as n, endSortableTransfer as r, hasUniqueSortableTarget as i, registerSortableTarget as a, routeSortableTarget as o, useSortableTransferScope as s } from "./sortable-transfer-scope.js";
+import { GripVertical as c } from "lucide-react";
+import { useEffect as l, useLayoutEffect as u, useMemo as d, useRef as f } from "react";
+import { jsx as p, jsxs as m } from "react/jsx-runtime";
+import { Button as h, GridList as g, GridListItem as _, useDragAndDrop as v } from "react-aria-components";
 //#region src/SortableList.tsx
-function v(o) {
-	let v = d(/* @__PURE__ */ new Set()), b = d({ mime: `application/x-ui-sortable-${Math.random().toString(36).slice(2)}` }).current, x = o.transferScope?.mime ?? b.mime, S = d(o);
-	S.current = o, c(() => () => {
-		r(o.transferScope, b);
-	}, [o.transferScope, b]), c(() => {
-		o.disabled && (v.current.clear(), r(o.transferScope, b));
+function y(s) {
+	let y = f(/* @__PURE__ */ new Set()), x = f({ mime: `application/x-ui-sortable-${Math.random().toString(36).slice(2)}` }).current, S = s.transferScope?.mime ?? x.mime, C = f(s);
+	C.current = s, l(() => () => {
+		r(s.transferScope, x);
+	}, [s.transferScope, x]), l(() => {
+		s.disabled && (y.current.clear(), r(s.transferScope, x));
 	}, [
-		o.disabled,
-		o.transferScope,
-		b
+		s.disabled,
+		s.transferScope,
+		x
 	]);
-	let C = u(() => o.items.map((e, t) => ({
+	let w = d(() => s.items.map((e, t) => ({
 		item: e,
 		index: t,
-		key: o.getKey(e)
-	})), [o.items, o.getKey]);
-	function w() {
-		let t = e(o.transferScope), n = t?.keys ?? v.current;
+		key: s.getKey(e)
+	})), [s.items, s.getKey]), T = d(() => {
+		let e = /* @__PURE__ */ new Map(), t = /* @__PURE__ */ new Set();
+		for (let n of w) e.has(n.key) && t.add(n.key), e.set(n.key, n);
+		return {
+			index: e,
+			duplicates: t
+		};
+	}, [w]), E = f(T);
+	E.current = T;
+	function D(e) {
+		let t = [...e].map((e) => E.current.duplicates.has(e) ? void 0 : E.current.index.get(e));
+		return t.some((e) => !e) ? [] : t.sort((e, t) => e.index - t.index).map((e) => e.item);
+	}
+	function O() {
+		let t = e(s.transferScope), n = t?.keys ?? y.current;
 		return {
 			keys: n,
-			moving: t ? t.consumed ? [] : t.resolve() : o.items.filter((e) => n.has(o.getKey(e))),
-			external: !!(t && t.source !== b)
+			moving: t ? t.consumed ? [] : t.resolve() : s.transferScope ? [] : D(n),
+			external: !!(t && t.source !== x)
 		};
 	}
-	function T(e, t) {
-		let { keys: n, moving: r, external: i } = w(), a = o.items.find((t) => o.getKey(t) === e);
-		if (o.disabled || !a || !r.length || r.length !== n.size || n.has(e)) return null;
+	function k() {
+		let t = e(s.transferScope);
+		return {
+			sourceListId: t ? t.sourceListId : s.listId,
+			targetListId: s.listId
+		};
+	}
+	function A() {
+		let e = O();
+		return !s.disabled && s.transferScope?.targets.has(x) && e.external && e.moving.length > 0 && e.moving.length === e.keys.size && ![...e.keys].some((e) => T.index.has(e)) && s.onDropOnList && (!s.canDropOnList || s.canDropOnList(e.moving)) ? e : null;
+	}
+	function j(e, t) {
+		let { keys: n, moving: r, external: a } = O(), o = T.index.get(e)?.item;
+		if (s.disabled || s.transferScope && !s.transferScope.targets.has(x) || o === void 0 || T.duplicates.has(e) || !i(s.transferScope, e) || !r.length || r.length !== n.size || n.has(e)) return null;
 		if (t === "on") {
-			if (!o.onDropOnItem || o.canDropOnItem && !o.canDropOnItem(r, a)) return null;
-		} else if (i && (!o.onDropBetweenItems || o.canDropBetweenItems && !o.canDropBetweenItems(r, a, t))) return null;
+			if (!s.onDropOnItem || s.canDropOnItem && !s.canDropOnItem(r, o)) return null;
+		} else if (a && (!s.onDropBetweenItems || s.canDropBetweenItems && !s.canDropBetweenItems(r, o, t))) return null;
 		return {
 			moving: r,
-			target: a,
+			target: o,
 			keys: n,
-			external: i
+			external: a
 		};
 	}
-	let E = d(D);
-	E.current = D, l(() => i(o.transferScope, b, {
-		accepts: (e) => S.current.items.some((t) => S.current.getKey(t) === e),
-		commit: (e, t) => E.current(e, t)
-	}), [o.transferScope, b]);
-	function D(e, t) {
-		let r = T(e, t);
+	let M = f(N);
+	M.current = N, u(() => a(s.transferScope, x, {
+		accepts: (e) => E.current.index.has(e),
+		commit: (e, t) => M.current(e, t)
+	}), [s.transferScope, x]);
+	function N(e, t) {
+		let r = j(e, t);
 		if (!r) {
-			o.items.some((t) => o.getKey(t) === e) || a(o.transferScope, b, e, t);
+			T.index.has(e) || o(s.transferScope, x, e, t);
 			return;
 		}
-		n(o.transferScope), t === "on" ? o.onDropOnItem?.(r.moving, r.target) : r.external ? o.onDropBetweenItems?.(r.moving, r.target, t) : o.onReorder(y(o.items, r.keys, e, t, o.getKey));
+		n(s.transferScope), t === "on" ? s.onDropOnItem?.(r.moving, r.target, k()) : r.external ? s.onDropBetweenItems?.(r.moving, r.target, t, k()) : s.onReorder(b(s.items, r.keys, e, t, s.getKey));
 	}
-	function O(e) {
+	function P(e) {
 		let n = new Set(e);
-		v.current = n, t(o.transferScope, {
-			source: b,
+		y.current = n;
+		let r = s.transferScope;
+		t(r, {
+			source: x,
+			sourceListId: s.listId,
 			keys: n,
-			resolve: () => S.current.disabled ? [] : S.current.items.filter((e) => n.has(S.current.getKey(e)))
+			resolve: () => C.current.disabled || C.current.transferScope !== r || [...n].some((e) => !i(r, e)) ? [] : D(n)
 		});
 	}
-	let { dragAndDropHooks: k } = _({
-		isDisabled: o.disabled,
-		getItems: (e) => (O(e), [...e].map((e) => ({
+	let { dragAndDropHooks: F } = v({
+		isDisabled: s.disabled,
+		getItems: (e) => (P(e), [...e].map((e) => ({
 			"text/plain": String(e),
-			[x]: String(e)
+			[S]: String(e)
 		}))),
 		getAllowedDropOperations: () => ["move"],
-		onDragStart: (e) => O(e.keys),
+		onDragStart: (e) => P(e.keys),
 		onDragEnd: () => {
-			v.current.clear(), r(o.transferScope, b);
+			y.current.clear(), r(s.transferScope, x);
 		},
-		shouldAcceptItemDrop: (e, t) => t.has(x) && !!T(e.key, "on"),
-		getDropOperation: (e, t) => t.has(x) && e.type === "item" && T(e.key, e.dropPosition) ? "move" : "cancel",
-		onMove: (e) => D(e.target.key, e.target.dropPosition),
-		onInsert: o.transferScope && o.onDropBetweenItems ? (e) => D(e.target.key, e.target.dropPosition) : void 0,
-		onItemDrop: o.transferScope && o.onDropOnItem ? (e) => D(e.target.key, "on") : void 0
+		shouldAcceptItemDrop: (e, t) => t.has(S) && !!j(e.key, "on"),
+		getDropOperation: (e, t) => t.has(S) && (e.type === "root" ? A() : j(e.key, e.dropPosition)) ? "move" : "cancel",
+		onRootDrop: () => {
+			let e = A();
+			e && (n(s.transferScope), s.onDropOnList?.(e.moving, k()));
+		},
+		onMove: (e) => N(e.target.key, e.target.dropPosition),
+		onInsert: s.transferScope && s.onDropBetweenItems ? (e) => N(e.target.key, e.target.dropPosition) : void 0,
+		onItemDrop: s.transferScope && s.onDropOnItem ? (e) => N(e.target.key, "on") : void 0
 	});
-	return /* @__PURE__ */ f(h, {
-		"aria-label": o["aria-label"],
-		items: C,
+	return /* @__PURE__ */ p(g, {
+		"aria-label": s["aria-label"],
+		items: w,
+		renderEmptyState: s.renderEmptyState ?? (() => /* @__PURE__ */ p("span", {
+			className: "ui-sortable-empty",
+			children: s.onDropOnList && !s.disabled ? "拖动项目到此处" : "暂无项目"
+		})),
 		selectionMode: "none",
-		dragAndDropHooks: o.disabled ? void 0 : k,
-		className: ["ui-sortable-list", o.className].filter(Boolean).join(" "),
-		children: ({ item: e, index: t, key: n }) => /* @__PURE__ */ p(g, {
+		dragAndDropHooks: F,
+		className: ["ui-sortable-list", s.className].filter(Boolean).join(" "),
+		children: ({ item: e, index: t, key: n }) => /* @__PURE__ */ m(_, {
 			id: n,
-			textValue: o.getTextValue(e, t),
+			textValue: s.getTextValue(e, t),
 			className: "ui-sortable-item",
 			children: [
-				!o.disabled && /* @__PURE__ */ f("span", {
+				!s.disabled && /* @__PURE__ */ p("span", {
 					className: "ui-sortable-placeholder",
 					"aria-hidden": "true",
-					children: o.draggingLabel ?? "原位置保留，松开后移动"
+					children: s.draggingLabel ?? "原位置保留，松开后移动"
 				}),
-				!o.disabled && /* @__PURE__ */ f(m, {
+				/* @__PURE__ */ p(h, {
 					slot: "drag",
 					className: "ui-sortable-handle",
-					"aria-label": o.dragLabel?.(e, t) ?? `拖动第 ${t + 1} 项排序`,
-					children: /* @__PURE__ */ f(s, {
+					isDisabled: s.disabled,
+					style: s.disabled ? { display: "none" } : void 0,
+					"aria-label": s.dragLabel?.(e, t) ?? `拖动第 ${t + 1} 项排序`,
+					children: /* @__PURE__ */ p(c, {
 						"aria-hidden": "true",
 						size: 18
 					})
 				}),
-				/* @__PURE__ */ f("div", {
+				/* @__PURE__ */ p("div", {
 					className: "ui-sortable-content",
-					children: o.renderItem(e, t)
+					style: s.disabled ? { gridColumn: "1 / -1" } : void 0,
+					children: s.renderItem(e, t)
 				})
 			]
 		})
-	}, o.disabled ? "static" : "sortable");
+	});
 }
-function y(e, t, n, r, i) {
+function b(e, t, n, r, i) {
 	let a = e.filter((e) => t.has(i(e)));
 	if (!a.length || r === "on") return e;
 	let o = e.filter((e) => !t.has(i(e))), s = o.findIndex((e) => i(e) === n);
@@ -125,4 +162,4 @@ function y(e, t, n, r, i) {
 	];
 }
 //#endregion
-export { v as SortableList, y as moveSortableItems, o as useSortableTransferScope };
+export { y as SortableList, b as moveSortableItems, s as useSortableTransferScope };

package/dist/document-viewer/DocumentViewer.js

@@ -12,17 +12,17 @@ import { jsx as u, jsxs as d } from "react/jsx-runtime";
 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);
+function p({ source: f, title: p, className: m = "", style: h, layoutMode: g = "standalone", ariaLabel: _ = "文档查看器", toolbar: v, footer: y, currentPage: b, onCurrentPageChange: x, pageMode: S = "continuous", renderPage: C }) {
+	let w = s(f.id), [T, E] = l(1), D = f.kind === "pdf" ? f.document.numPages : f.images.length, O = Math.max(1, Math.min(D, b ?? T)), k = c(() => Array.from({ length: D }, (e, t) => t + 1), [D]), A = (e) => {
+		E(e), x?.(e);
 	};
 	return /* @__PURE__ */ u("section", {
-		ref: C.containerRef,
-		"aria-label": g,
+		ref: w.containerRef,
+		"aria-label": _,
 		style: h,
-		className: `ui-document-viewer ${C.fullscreen ? "ui-viewer-fullscreen" : ""} ${m}`,
+		className: `ui-document-viewer ${g === "fill" ? "ui-viewer-fill" : ""} ${w.fullscreen ? "ui-viewer-fullscreen" : ""} ${m}`,
 		children: /* @__PURE__ */ d(t.Provider, {
-			value: C.containerRef.current,
+			value: w.containerRef.current,
 			children: [
 				/* @__PURE__ */ d("div", {
 					className: "ui-viewer-toolbar",
@@ -31,37 +31,37 @@ function p({ source: f, title: p, className: m = "", style: h, ariaLabel: g = "
 							className: "ui-viewer-title",
 							children: p
 						}),
-						_,
+						v,
 						/* @__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
+							zoom: w.zoom,
+							disabled: !D,
+							fullscreen: w.fullscreen,
+							canZoomIn: w.canZoomIn,
+							canZoomOut: w.canZoomOut,
+							onZoomIn: w.zoomIn,
+							onZoomOut: w.zoomOut,
+							onRotate: w.rotate,
+							onToggleFullscreen: w.toggleFullscreen
 						})
 					]
 				}),
-				E ? f.kind === "pdf" ? /* @__PURE__ */ u(r, {
+				D ? f.kind === "pdf" ? /* @__PURE__ */ u(r, {
 					document: f.document,
-					pages: O,
-					pageMode: x,
-					currentPage: D,
-					onCurrentPageChange: k,
-					zoom: C.zoom,
-					rotation: C.rotation,
+					pages: k,
+					pageMode: S,
+					currentPage: O,
+					onCurrentPageChange: A,
+					zoom: w.zoom,
+					rotation: w.rotation,
 					rail: /* @__PURE__ */ u(a, {
 						document: f.document,
-						currentPage: D,
-						onCurrentPageChange: k
+						currentPage: O,
+						onCurrentPageChange: A
 					}),
-					renderPage: S ? (e) => S({
+					renderPage: C ? (e) => C({
 						page: e,
-						zoom: C.zoom,
-						rotation: C.rotation
+						zoom: w.zoom,
+						rotation: w.rotation
 					}) : void 0
 				}) : /* @__PURE__ */ u(n, {
 					rail: /* @__PURE__ */ u("div", {
@@ -69,8 +69,8 @@ function p({ source: f, title: p, className: m = "", style: h, ariaLabel: g = "
 						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),
+							"aria-current": O === n + 1 ? "page" : void 0,
+							onClick: () => A(n + 1),
 							children: [/* @__PURE__ */ u("img", {
 								src: t.src,
 								alt: "",
@@ -79,10 +79,10 @@ function p({ source: f, title: p, className: m = "", style: h, ariaLabel: g = "
 						}, `${n}:${t.src}`))
 					}),
 					children: /* @__PURE__ */ u(i, {
-						image: f.images[D - 1],
-						zoom: C.zoom,
-						rotation: C.rotation
-					}, f.images[D - 1].src)
+						image: f.images[O - 1],
+						zoom: w.zoom,
+						rotation: w.rotation
+					}, f.images[O - 1].src)
 				}) : /* @__PURE__ */ u("div", {
 					role: "status",
 					children: "没有可预览的页面"
@@ -93,26 +93,26 @@ function p({ source: f, title: p, className: m = "", style: h, ariaLabel: g = "
 						/* @__PURE__ */ u(e, {
 							variant: "ghost",
 							size: "compact",
-							disabled: D <= 1,
-							onClick: () => k(D - 1),
+							disabled: O <= 1,
+							onClick: () => A(O - 1),
 							children: "上一页"
 						}),
 						/* @__PURE__ */ d("span", {
 							"aria-live": "polite",
 							children: [
-								E ? D : 0,
+								D ? O : 0,
 								" / ",
-								E
+								D
 							]
 						}),
 						/* @__PURE__ */ u(e, {
 							variant: "ghost",
 							size: "compact",
-							disabled: D >= E,
-							onClick: () => k(D + 1),
+							disabled: O >= D,
+							onClick: () => A(O + 1),
 							children: "下一页"
 						}),
-						v
+						y
 					]
 				})
 			]

package/dist/document-viewer-v2/DocumentViewerV2.js

@@ -132,21 +132,25 @@ function g(n) {
 function _(e) {
 	return e.source.kind === "url" || e.source.kind === "buffer";
 }
-function v({ source: e, config: n, className: c, style: l, ariaLabel: u = "PDF 文档查看器", onInit: d, onReady: p, title: m, toolbar: g, footer: _ }) {
-	let v = i(() => h(e, n), [e, n]), y = r((e) => {
-		f(e), d?.(e);
-	}, [d]);
+function v({ source: e, config: n, className: c, style: l, layoutMode: u = "standalone", ariaLabel: d = "PDF 文档查看器", onInit: p, onReady: m, title: g, toolbar: _, footer: v }) {
+	let y = i(() => h(e, n), [e, n]), b = r((e) => {
+		f(e), p?.(e);
+	}, [p]);
 	return /* @__PURE__ */ o("section", {
-		className: ["ui-document-viewer-v2", c].filter(Boolean).join(" "),
+		className: [
+			"ui-document-viewer-v2",
+			u === "fill" && "ui-viewer-fill",
+			c
+		].filter(Boolean).join(" "),
 		style: l,
-		"aria-label": u,
+		"aria-label": d,
 		children: [
-			(m !== void 0 || g !== void 0) && /* @__PURE__ */ o("div", {
+			(g !== void 0 || _ !== void 0) && /* @__PURE__ */ o("div", {
 				className: "ui-viewer-toolbar",
-				children: [m !== void 0 && /* @__PURE__ */ a("div", {
+				children: [g !== void 0 && /* @__PURE__ */ a("div", {
 					className: "ui-viewer-title",
-					children: m
-				}), g]
+					children: g
+				}), _]
 			}),
 			/* @__PURE__ */ a(t, {
 				fallback: /* @__PURE__ */ a("div", {
@@ -155,14 +159,14 @@ function v({ source: e, config: n, className: c, style: l, ariaLabel: u = "PDF
 				}),
 				children: /* @__PURE__ */ a(s, {
 					className: "ui-document-viewer-v2-engine",
-					config: v,
-					onInit: y,
-					onReady: p
+					config: y,
+					onInit: b,
+					onReady: m
 				}, e.id)
 			}),
-			_ !== void 0 && /* @__PURE__ */ a("div", {
+			v !== void 0 && /* @__PURE__ */ a("div", {
 				className: "ui-viewer-footer",
-				children: _
+				children: v
 			})
 		]
 	});