xiaoqidun/ofdgo
1
0
Fork 0
mirror of https://github.com/xiaoqidun/ofdgo.git synced 2026-08-30 12:12:40 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

feat(前端界面): 优化前端体验
build.yaml / build (push) Successful in 32s
Details

Browse Source
This commit is contained in:
xiaoqidun
2026-07-09 15:48:54 +08:00
parent 1c1173e1b7
commit ba1da58992
1 changed files with 22 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
assets/webui/ofdgo.js
+22 -3
View File
@@ -1415,8 +1415,6 @@ function layoutPages() {
function layoutPageShell(shell, page) {
const width = Math.max(1, page.width * MM_TO_PX);
const height = Math.max(1, page.height * MM_TO_PX);
shell.style.setProperty("--page-width", `${width}px`);
shell.style.setProperty("--page-height", `${height}px`);
shell.style.width = `${width * state.scale}px`;
shell.style.height = `${height * state.scale}px`;
const surface = shell.querySelector(".page-surface");
@@ -1982,8 +1980,12 @@ function fitWidth(updateStatus = true) {
return;
}
const space = pageSpace();
const available = Math.max(1, el.viewerPanel.clientWidth - space * 2);
const width = Math.max(1, page.width * MM_TO_PX);
const height = Math.max(1, page.height * MM_TO_PX);
let available = Math.max(1, el.viewerPanel.clientWidth - space * 2);
if (!viewerHasVerticalScrollbar() && height * (available / width) > Math.max(1, el.viewerPanel.clientHeight - space * 2)) {
available = Math.max(1, available - scrollbarWidth());
}
setScale(available / width, updateStatus, "width");
if (updateStatus) {
scrollToPage(state.pageIndex);
@@ -2077,6 +2079,23 @@ function pageBlockSpace() {
return Number.parseFloat(getComputedStyle(el.pageFrame).paddingTop) || pageSpace();
}
function viewerHasVerticalScrollbar() {
return el.viewerPanel.scrollHeight > el.viewerPanel.clientHeight;
}
function scrollbarWidth() {
const probe = document.createElement("div");
probe.style.position = "absolute";
probe.style.width = "100px";
probe.style.height = "100px";
probe.style.overflow = "scroll";
probe.style.left = "-9999px";
document.body.append(probe);
const width = probe.offsetWidth - probe.clientWidth;
probe.remove();
return width;
}
function updateFitSpace() {
const page = currentPageInfo();
if (!page || state.fitMode === "free") {