xiaoqidun/ofdgo
1
0 Fork 0
mirror of https://github.com/xiaoqidun/ofdgo.git synced 2026-10-29 16:44:23 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

feat(前端界面): 合并右侧分组，恢复连续滚动
build.yaml / build (push) Successful in 43s
Details

Browse Source
This commit is contained in:
xiaoqidun committed 2026-10-25 22:25:09 +08:00
1 parent 15c64ed6f2
commit 4573cb942b
3 files changed
+130 -183
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

assets/webui/ofdgo.js
+7 -42
View File
@@ -183,8 +183,6 @@ function createDocumentState() {
encryptionChanged: false,
showPages: !COMPACT_LAYOUT.matches,
showMeta: !COMPACT_LAYOUT.matches,
metaTab: "document",
metaScroll: {document: 0, fonts: 0, security: 0},
};
}
@@ -594,14 +592,6 @@ const el = {
searchNext: document.querySelector("#searchNext"),
searchResults: document.querySelector("#searchResults"),
metaPanel: document.querySelector(".meta-panel"),
metaTabs: document.querySelector("#metaTabs"),
metaContent: document.querySelector("#metaContent"),
documentMetaTab: document.querySelector("#documentMetaTab"),
fontsMetaTab: document.querySelector("#fontsMetaTab"),
securityMetaTab: document.querySelector("#securityMetaTab"),
metaDocumentPanel: document.querySelector("#metaDocumentPanel"),
metaFontsPanel: document.querySelector("#metaFontsPanel"),
metaSecurityPanel: document.querySelector("#metaSecurityPanel"),
renderVectorButton: document.querySelector("#renderVectorButton"),
renderRasterButton: document.querySelector("#renderRasterButton"),
refreshAppButton: document.querySelector("#refreshAppButton"),
@@ -1746,23 +1736,17 @@ document.querySelector("#objectActionsButton").addEventListener("click", async (
});
el.outlinesTab.addEventListener("click", () => showNavigation(el.outlinesTab));
el.searchTab.addEventListener("click", focusSearch);
el.documentMetaTab.addEventListener("click", () => showMetaSection(el.documentMetaTab));
el.fontsMetaTab.addEventListener("click", () => showMetaSection(el.fontsMetaTab));
el.securityMetaTab.addEventListener("click", () => showMetaSection(el.securityMetaTab));
for (const [container, buttons, show] of [
[el.navigationTabs, [el.pagesTab, el.outlinesTab, el.annotationsTab, el.searchTab], showNavigation],
[el.metaTabs, [el.documentMetaTab, el.fontsMetaTab, el.securityMetaTab], showMetaSection],
]) container.addEventListener("keydown", (event) => {
el.navigationTabs.addEventListener("keydown", (event) => {
if (event.isComposing || event.altKey || event.ctrlKey || event.metaKey || event.shiftKey) {
return;
}
if (["ArrowLeft", "ArrowRight", "Home", "End"].includes(event.key)) {
event.preventDefault();
const tabs = buttons.filter((tab) => !tab.hidden);
const tabs = [el.pagesTab, el.outlinesTab, el.annotationsTab, el.searchTab].filter((tab) => !tab.hidden);
const current = tabs.indexOf(event.target);
const index = event.key === "Home" ? 0 : event.key === "End" ? tabs.length - 1
: (current + (event.key === "ArrowRight" ? 1 : -1) + tabs.length) % tabs.length;
show(tabs[index]);
showNavigation(tabs[index]);
tabs[index].focus({ preventScroll: true });
}
});
@@ -2798,9 +2782,8 @@ function detachDocumentView() {
window.clearTimeout(wasmRecoveryTimer);
wasmRecoveryTimer = 0;
const selection = canvasEditor.selected;
state.metaScroll[state.metaTab] = el.metaContent.scrollTop;
tab.view = { anchor: state.doc ? scaleAnchor() : null, navigation: el.navigationTabs.querySelector('[data-selected="true"]'),
navigationTop: el.navigationContent.scrollTop, tool: canvasEditor.tool,
navigationTop: el.navigationContent.scrollTop, metaTop: el.metaPanel.scrollTop, tool: canvasEditor.tool,
selection: selection ? {index: selection.index, ids: (selection.items || [selection]).map(item => item.id)} : canvasEditor.pendingSelection,
richClipboard: canvasEditor.richClipboard, search: el.searchInput.value };
tab.view.searchStatus = state.searchRunning ? "搜索已暂停" : el.searchStatus.textContent;
@@ -2971,7 +2954,7 @@ async function mountDocumentTab(tab) {
}
renderFontList();
updateFontSummary();
renderMetaSections();
el.metaPanel.scrollTop = tab.view?.metaTop || 0;
updateControls();
tab.controlsPending = false;
setStatus(tab.status);
@@ -6535,10 +6518,8 @@ async function openDocument(options = {}) {
el.viewerPanel.scrollTop = 0;
el.navigationContent.scrollLeft = 0;
el.navigationContent.scrollTop = 0;
state.metaTab = "document";
state.metaScroll = {document: 0, fonts: 0, security: 0};
el.metaContent.scrollLeft = 0;
renderMetaSections();
el.metaPanel.scrollLeft = 0;
el.metaPanel.scrollTop = 0;
}
applyFit(false);
if (options.keepPreview) {
@@ -11638,22 +11619,6 @@ function focusSearch() {
el.searchInput.select();
}
function showMetaSection(selected) {
state.metaScroll[state.metaTab] = el.metaContent.scrollTop;
state.metaTab = selected === el.securityMetaTab ? "security" : selected === el.fontsMetaTab ? "fonts" : "document";
renderMetaSections();
}
function renderMetaSections() {
for (const [tab, panel, name] of [[el.documentMetaTab, el.metaDocumentPanel, "document"], [el.fontsMetaTab, el.metaFontsPanel, "fonts"], [el.securityMetaTab, el.metaSecurityPanel, "security"]]) {
const active = name === state.metaTab;
panel.hidden = !active;
tab.setAttribute("data-selected", String(active));
tab.tabIndex = active ? 0 : -1;
}
el.metaContent.scrollTop = state.metaScroll[state.metaTab];
}
function showNavigation(selected) {
const scrollTop = el.navigationContent.scrollTop;
for (const [tab, panel] of [[el.pagesTab, el.pageList], [el.outlinesTab, el.outlineList], [el.annotationsTab, el.annotationsPanel], [el.searchTab, el.searchPanel]]) {