-
-
-
-
-
+
+
+
+
+
-
-
-
-
-
-
-
-
- 文件
- - -
-
-
-
- 标题
- - -
-
-
-
- 作者
- - -
-
-
-
- 主题
-
-
-
-
- 摘要
-
-
-
-
- 关键词
-
-
-
-
文档属性
-
-
-
- 标识
-
-
-
-
- 用途
-
-
-
-
- 封面
-
-
-
-
- 创建
-
-
-
-
- 修改
-
-
-
-
- 软件
-
-
-
-
- 版本
-
-
-
-
-
扩展字段
-
格式信息
-
-
-
- 类型
- - -
-
-
-
- 版本
- - -
-
-
-
- 签名
- - 0
-
-
-
- 字体
- - 0
-
-
-
-
-
- 提示
-
-
-
-
-
-
-
-
-
可用字体
-
- 0
-
-
-
-
-
系统字体未授权
-
-
diff --git a/assets/webui/ofdgo.css b/assets/webui/ofdgo.css
index d250943..baac20e 100644
--- a/assets/webui/ofdgo.css
+++ b/assets/webui/ofdgo.css
@@ -1843,7 +1843,7 @@ body[data-hide-meta] .meta-panel {
.search-results,
.editor-toolbar,
.document-list,
-.meta-panel {
+.meta-content {
scrollbar-width: thin;
scrollbar-color: var(--line-strong) transparent;
}
@@ -1859,13 +1859,15 @@ body[data-hide-meta] .meta-panel {
line-height: 1.5;
}
-.page-list-panel {
+.page-list-panel,
+.meta-panel {
display: flex;
flex-direction: column;
overflow: hidden;
}
-.navigation-content {
+.navigation-content,
+.meta-content {
flex: 1;
min-height: 0;
overflow: auto;
@@ -1889,6 +1891,17 @@ body[data-hide-meta] .meta-panel {
border-left: 1px solid var(--line);
}
+.meta-document-actions {
+ justify-content: flex-start;
+ margin-bottom: 12px;
+}
+
+#metaFontsPanel > .doc-font-panel {
+ margin-top: 0;
+ padding-top: 0;
+ border-top: 0;
+}
+
.meta-panel .panel-row {
display: grid;
grid-template-columns: auto minmax(0, 1fr);
@@ -4568,7 +4581,7 @@ audio.page-media {
}
body[data-hide-meta] .meta-panel {
- display: block;
+ display: flex;
}
body[data-hide-pages] .page-list-panel {
diff --git a/assets/webui/ofdgo.js b/assets/webui/ofdgo.js
index a2c45ea..9e9dcc7 100644
--- a/assets/webui/ofdgo.js
+++ b/assets/webui/ofdgo.js
@@ -183,6 +183,8 @@ function createDocumentState() {
encryptionChanged: false,
showPages: !COMPACT_LAYOUT.matches,
showMeta: !COMPACT_LAYOUT.matches,
+ metaTab: "document",
+ metaScroll: {document: 0, fonts: 0},
};
}
@@ -592,6 +594,12 @@ 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"),
+ metaDocumentPanel: document.querySelector("#metaDocumentPanel"),
+ metaFontsPanel: document.querySelector("#metaFontsPanel"),
renderVectorButton: document.querySelector("#renderVectorButton"),
renderRasterButton: document.querySelector("#renderRasterButton"),
refreshAppButton: document.querySelector("#refreshAppButton"),
@@ -1735,17 +1743,22 @@ document.querySelector("#objectActionsButton").addEventListener("click", async (
});
el.outlinesTab.addEventListener("click", () => showNavigation(el.outlinesTab));
el.searchTab.addEventListener("click", focusSearch);
-el.navigationTabs.addEventListener("keydown", (event) => {
+el.documentMetaTab.addEventListener("click", () => showMetaSection(el.documentMetaTab));
+el.fontsMetaTab.addEventListener("click", () => showMetaSection(el.fontsMetaTab));
+for (const [container, buttons, show] of [
+ [el.navigationTabs, [el.pagesTab, el.outlinesTab, el.annotationsTab, el.searchTab], showNavigation],
+ [el.metaTabs, [el.documentMetaTab, el.fontsMetaTab], showMetaSection],
+]) container.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 = [el.pagesTab, el.outlinesTab, el.annotationsTab, el.searchTab].filter((tab) => !tab.hidden);
+ const tabs = buttons.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;
- showNavigation(tabs[index]);
+ show(tabs[index]);
tabs[index].focus({ preventScroll: true });
}
});
@@ -2781,8 +2794,9 @@ 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, metaTop: el.metaPanel.scrollTop, tool: canvasEditor.tool,
+ navigationTop: el.navigationContent.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;
@@ -2943,7 +2957,6 @@ async function mountDocumentTab(tab) {
if (view?.anchor) restoreScaleAnchor(view.anchor);
showNavigation(view?.navigation || el.pagesTab);
el.navigationContent.scrollTop = view?.navigationTop || 0;
- el.metaPanel.scrollTop = view?.metaTop || 0;
canvasEditor.setTool(view?.tool || "");
} else {
renderPageList();
@@ -2954,6 +2967,7 @@ async function mountDocumentTab(tab) {
}
renderFontList();
updateFontSummary();
+ renderMetaSections();
updateControls();
tab.controlsPending = false;
setStatus(tab.status);
@@ -6517,8 +6531,10 @@ async function openDocument(options = {}) {
el.viewerPanel.scrollTop = 0;
el.navigationContent.scrollLeft = 0;
el.navigationContent.scrollTop = 0;
- el.metaPanel.scrollLeft = 0;
- el.metaPanel.scrollTop = 0;
+ state.metaTab = "document";
+ state.metaScroll = {document: 0, fonts: 0};
+ el.metaContent.scrollLeft = 0;
+ renderMetaSections();
}
applyFit(false);
if (options.keepPreview) {
@@ -11618,6 +11634,22 @@ function focusSearch() {
el.searchInput.select();
}
+function showMetaSection(selected) {
+ state.metaScroll[state.metaTab] = el.metaContent.scrollTop;
+ state.metaTab = selected === el.fontsMetaTab ? "fonts" : "document";
+ renderMetaSections();
+}
+
+function renderMetaSections() {
+ for (const [tab, panel, name] of [[el.documentMetaTab, el.metaDocumentPanel, "document"], [el.fontsMetaTab, el.metaFontsPanel, "fonts"]]) {
+ 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]]) {