@hyebook/vue3-adapter 0.2.2 → 0.2.4

package/dist/core/src/workbench/editor-workbench.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"editor-workbench.d.ts","sourceRoot":"","sources":["../../../../../core/src/workbench/editor-workbench.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"editor-workbench.d.ts","sourceRoot":"","sources":["../../../../../core/src/workbench/editor-workbench.ts"],"names":[],"mappings":"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"}

package/dist/core/src/workbench/editor-workbench.js

@@ -1,11 +1,14 @@
 import { addPageCommand } from "../editor/commands";
 import { EditorEngine } from "../editor/engine";
 const WORKBENCH_STYLE_ID = "hy-ebook-workbench-style";
+const WORKBENCH_STYLE_VERSION = "0.2.3";
 const WORKBENCH_CSS = `
-.hyewb-root{font-family:"Noto Sans SC","PingFang SC","Microsoft YaHei",sans-serif;color:#0f172a;background:#f8fbff;border:1px solid #d8e0ea;border-radius:12px;padding:12px;display:grid;gap:10px}
+.hyewb-root{font-family:"Noto Sans SC","PingFang SC","Microsoft YaHei",sans-serif;color:#0f172a;background:#f8fbff;border:1px solid #d8e0ea;border-radius:12px;padding:12px;display:grid;gap:10px;position:relative;--hyewb-top-shield-height:0px}
+.hyewb-root::before{content:"";position:absolute;left:0;right:0;top:0;height:var(--hyewb-top-shield-height);background:#f8fbff;z-index:119500;pointer-events:none}
 .hyewb-header{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap}
 .hyewb-title{font-size:14px;font-weight:600}
 .hyewb-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
+.hyewb-top-control{position:relative;z-index:120000;background:#f8fbff;isolation:isolate}
 .hyewb-btn{border:1px solid #94a3b8;background:#fff;color:#0f172a;border-radius:8px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;padding:0;width:34px;height:34px;flex:0 0 auto}
 .hyewb-btn.active{border-color:#0b7285;background:#0b7285;color:#fff}
 .hyewb-btn:disabled{cursor:not-allowed;opacity:.55}
@@ -437,14 +440,14 @@ export function mountEditorWorkbench(container, options = {}) {
     const root = document.createElement("section");
     root.className = "hyewb-root";
     const header = document.createElement("header");
-    header.className = "hyewb-header";
+    header.className = "hyewb-header hyewb-top-control";
     const title = document.createElement("div");
     title.className = "hyewb-title";
     title.textContent = options.title ?? "hy-ebook Editor Workbench";
     const fullscreenBtn = createButton("fullscreen");
     header.append(title);
     const toolbar = document.createElement("div");
-    toolbar.className = "hyewb-row";
+    toolbar.className = "hyewb-row hyewb-top-control";
     const boldBtn = createButton("bold");
     const italicBtn = createButton("italic");
     const underlineBtn = createButton("underline");
@@ -705,7 +708,7 @@ export function mountEditorWorkbench(container, options = {}) {
     const ctxStyleBorder = createTableContextItem("行/列边框样式");
     tableContextMenu.append(ctxInsertRowUp, ctxInsertRowDown, ctxDeleteRow, ctxInsertColLeft, ctxInsertColRight, ctxDeleteCol, ctxSetRowHeight, ctxSetColWidth, ctxSelectRow, ctxSelectCol, ctxStyleBg, ctxStyleColor, ctxStyleAlign, ctxStyleBoldItalic, ctxStyleBorder);
     const pageRow = document.createElement("div");
-    pageRow.className = "hyewb-row";
+    pageRow.className = "hyewb-row hyewb-top-control";
     const prevPageBtn = createButton("prevPage");
     const nextPageBtn = createButton("nextPage");
     const addPageBtn = createButton("addPage");
@@ -743,7 +746,7 @@ export function mountEditorWorkbench(container, options = {}) {
     annotationPanel.className = "hyewb-preview-annotation-panel";
     const annotationTitle = document.createElement("h3");
     annotationTitle.className = "hyewb-preview-annotation-title";
-    annotationTitle.textContent = "预览标注";
+    annotationTitle.textContent = "我的笔记";
     const annotationTabs = document.createElement("div");
     annotationTabs.className = "hyewb-preview-annotation-tabs";
     const annotationHighlightTab = document.createElement("button");
@@ -921,6 +924,28 @@ export function mountEditorWorkbench(container, options = {}) {
         const nextHeight = Math.max(320, Math.floor(viewportHeight - top - bottomPadding));
         shell.style.maxHeight = `${nextHeight}px`;
     };
+    const updateTopControlShieldHeight = () => {
+        const rootRect = root.getBoundingClientRect();
+        const controls = [header, toolbar, pageRow];
+        let maxBottom = 0;
+        controls.forEach((control) => {
+            if (control.style.display === "none") {
+                return;
+            }
+            const rect = control.getBoundingClientRect();
+            const relativeBottom = rect.bottom - rootRect.top;
+            maxBottom = Math.max(maxBottom, relativeBottom);
+        });
+        root.style.setProperty("--hyewb-top-shield-height", `${Math.max(0, Math.ceil(maxBottom + 6))}px`);
+    };
+    const clampFloatingTop = (top) => {
+        return Math.round(top);
+    };
+    const clampFloatingTopWithHeight = (top, elementHeight) => {
+        const maxTop = Math.round(window.innerHeight - elementHeight - 8);
+        const rounded = Math.round(top);
+        return Math.min(rounded, maxTop);
+    };
     const requestWorkbenchFullscreen = async () => {
         const target = root;
         if (typeof target.requestFullscreen === "function") {
@@ -1639,7 +1664,7 @@ export function mountEditorWorkbench(container, options = {}) {
             text: selection.toString().trim(),
         };
         previewSelectionToolbar.style.left = `${Math.round(rect.left + rect.width / 2)}px`;
-        previewSelectionToolbar.style.top = `${Math.round(rect.top - 8)}px`;
+        previewSelectionToolbar.style.top = `${clampFloatingTop(rect.top - 8)}px`;
         previewSelectionToolbar.classList.add("show");
     };
     const hideFloatingToolbar = () => {
@@ -1696,7 +1721,7 @@ export function mountEditorWorkbench(container, options = {}) {
         const nextLeft = Math.max(8, Math.min(buttonRect.left, window.innerWidth - pickerRect.width - 8));
         const nextTop = Math.min(window.innerHeight - pickerRect.height - 8, buttonRect.bottom + 8);
         tablePicker.style.left = `${Math.round(nextLeft)}px`;
-        tablePicker.style.top = `${Math.max(8, Math.round(nextTop))}px`;
+        tablePicker.style.top = `${clampFloatingTopWithHeight(Math.max(8, Math.round(nextTop)), pickerRect.height)}px`;
     };
     const hideTableTools = () => {
         if (tableToolsHideTimer !== null) {
@@ -1801,18 +1826,18 @@ export function mountEditorWorkbench(container, options = {}) {
         cancelTableToolsHide();
         const tableRect = activeTableElement.getBoundingClientRect();
         tableMoveHandle.style.left = `${Math.round(tableRect.left - 14)}px`;
-        tableMoveHandle.style.top = `${Math.round(tableRect.top - 14)}px`;
+        tableMoveHandle.style.top = `${clampFloatingTop(tableRect.top - 14)}px`;
         tableMoveHandle.classList.add("show");
         tableScaleHandle.style.left = `${Math.round(tableRect.right - 10)}px`;
-        tableScaleHandle.style.top = `${Math.round(tableRect.bottom - 10)}px`;
+        tableScaleHandle.style.top = `${clampFloatingTop(tableRect.bottom - 10)}px`;
         tableScaleHandle.classList.add("show");
         tableColEdgeLayer.style.left = `${Math.round(tableRect.left)}px`;
-        tableColEdgeLayer.style.top = `${Math.round(tableRect.top - 12)}px`;
+        tableColEdgeLayer.style.top = `${clampFloatingTop(tableRect.top - 12)}px`;
         tableColEdgeLayer.style.width = `${Math.max(0, Math.round(tableRect.width))}px`;
         tableColEdgeLayer.style.height = "14px";
         tableColEdgeLayer.classList.add("show");
         tableRowEdgeLayer.style.left = `${Math.round(tableRect.left - 12)}px`;
-        tableRowEdgeLayer.style.top = `${Math.round(tableRect.top)}px`;
+        tableRowEdgeLayer.style.top = `${clampFloatingTop(tableRect.top)}px`;
         tableRowEdgeLayer.style.width = "14px";
         tableRowEdgeLayer.style.height = `${Math.max(0, Math.round(tableRect.height))}px`;
         tableRowEdgeLayer.classList.add("show");
@@ -1820,7 +1845,7 @@ export function mountEditorWorkbench(container, options = {}) {
         if (activeTableRowElement) {
             const rowRect = activeTableRowElement.getBoundingClientRect();
             tableRowDeleteBtn.style.left = `${Math.round(rowRect.right - 2)}px`;
-            tableRowDeleteBtn.style.top = `${Math.round(rowRect.top + rowRect.height / 2 - 10)}px`;
+            tableRowDeleteBtn.style.top = `${clampFloatingTop(rowRect.top + rowRect.height / 2 - 10)}px`;
             tableRowDeleteBtn.classList.add("show");
         }
         else {
@@ -2085,7 +2110,7 @@ export function mountEditorWorkbench(container, options = {}) {
                 ? Math.round(targetRow.top)
                 : Math.round(tableRect.bottom);
             tableDropIndicator.style.left = `${Math.round(tableRect.left)}px`;
-            tableDropIndicator.style.top = `${y - 1}px`;
+            tableDropIndicator.style.top = `${clampFloatingTop(y - 1)}px`;
             tableDropIndicator.style.width = `${Math.max(0, Math.round(tableRect.width))}px`;
             tableDropIndicator.style.height = "2px";
         }
@@ -2096,7 +2121,7 @@ export function mountEditorWorkbench(container, options = {}) {
                 ? Math.round(targetCol.left)
                 : Math.round(tableRect.right);
             tableDropIndicator.style.left = `${x - 1}px`;
-            tableDropIndicator.style.top = `${Math.round(tableRect.top)}px`;
+            tableDropIndicator.style.top = `${clampFloatingTop(tableRect.top)}px`;
             tableDropIndicator.style.width = "2px";
             tableDropIndicator.style.height = `${Math.max(0, Math.round(tableRect.height))}px`;
         }
@@ -2179,14 +2204,14 @@ export function mountEditorWorkbench(container, options = {}) {
             tableColGapInsertBtn.classList.remove("show");
             // Row button offset is managed independently.
             tableRowGapInsertBtn.style.left = `${Math.round(hover.x + rowGapOffset.x)}px`;
-            tableRowGapInsertBtn.style.top = `${Math.round(hover.y + rowGapOffset.y)}px`;
+            tableRowGapInsertBtn.style.top = `${clampFloatingTop(hover.y + rowGapOffset.y)}px`;
             tableRowGapInsertBtn.classList.add("show");
             return;
         }
         tableRowGapInsertBtn.classList.remove("show");
         // Column button offset is managed independently.
         tableColGapInsertBtn.style.left = `${Math.round(hover.x + colGapOffset.x)}px`;
-        tableColGapInsertBtn.style.top = `${Math.round(hover.y + colGapOffset.y)}px`;
+        tableColGapInsertBtn.style.top = `${clampFloatingTop(hover.y + colGapOffset.y)}px`;
         tableColGapInsertBtn.classList.add("show");
     };
     const resolveRowDropIndex = (table, clientY) => {
@@ -2367,7 +2392,7 @@ export function mountEditorWorkbench(container, options = {}) {
         const left = Math.max(8, Math.min(clientX, window.innerWidth - rect.width - 8));
         const top = Math.max(8, Math.min(clientY, window.innerHeight - rect.height - 8));
         tableContextMenu.style.left = `${Math.round(left)}px`;
-        tableContextMenu.style.top = `${Math.round(top)}px`;
+        tableContextMenu.style.top = `${clampFloatingTopWithHeight(top, rect.height)}px`;
     };
     const openColorPalette = (anchor, target) => {
         activeColorTarget = target;
@@ -2676,18 +2701,34 @@ export function mountEditorWorkbench(container, options = {}) {
     const updateFloatingToolbarBySelection = () => {
         const activeElement = document.activeElement;
         const isToolbarFocused = Boolean(activeElement && floatingToolbar.contains(activeElement));
-        const keepToolbarVisible = keepSelectionOnToolbar || isToolbarFocused;
+        const liveSelection = window.getSelection();
+        if (liveSelection && liveSelection.rangeCount > 0) {
+            const liveRange = liveSelection.getRangeAt(0);
+            const insideEditor = editorArea.contains(liveRange.startContainer) &&
+                editorArea.contains(liveRange.endContainer);
+            if (insideEditor && liveSelection.isCollapsed) {
+                lastSelection = null;
+            }
+        }
+        const hasExpandedSnapshot = () => {
+            const snapshotRange = lastSelection?.range || rememberedRange;
+            return Boolean(snapshotRange && !snapshotRange.collapsed);
+        };
+        const keepToolbarVisible = (keepSelectionOnToolbar || isToolbarFocused) && hasExpandedSnapshot();
         const restoreFloatingToolbarFromSnapshot = () => {
             const snapshotRange = lastSelection?.range || rememberedRange;
             if (!snapshotRange) {
                 return false;
             }
+            if (snapshotRange.collapsed) {
+                return false;
+            }
             try {
                 const rect = snapshotRange.getBoundingClientRect();
                 if (!rect.width && !rect.height) {
                     return false;
                 }
-                const top = Math.max(8, rect.top - 52);
+                const top = clampFloatingTop(rect.top - 52);
                 const left = rect.left + rect.width / 2;
                 floatingToolbar.style.top = `${top}px`;
                 floatingToolbar.style.left = `${left}px`;
@@ -2739,7 +2780,7 @@ export function mountEditorWorkbench(container, options = {}) {
             range: range.cloneRange(),
             rect,
         };
-        const top = Math.max(8, rect.top - 52);
+        const top = clampFloatingTop(rect.top - 52);
         const left = rect.left + rect.width / 2;
         floatingToolbar.style.top = `${top}px`;
         floatingToolbar.style.left = `${left}px`;
@@ -2750,7 +2791,9 @@ export function mountEditorWorkbench(container, options = {}) {
     const shouldKeepFloatingToolbarVisible = () => {
         const activeElement = document.activeElement;
         const isToolbarFocused = Boolean(activeElement && floatingToolbar.contains(activeElement));
-        return keepSelectionOnToolbar || isToolbarFocused;
+        const snapshotRange = lastSelection?.range || rememberedRange;
+        const hasExpandedSnapshot = Boolean(snapshotRange && !snapshotRange.collapsed);
+        return (keepSelectionOnToolbar || isToolbarFocused) && hasExpandedSnapshot;
     };
     const withSelectionCommand = (action, successMessage) => {
         if (state.mode !== "editor") {
@@ -3358,6 +3401,8 @@ export function mountEditorWorkbench(container, options = {}) {
         toolbar.style.display =
             showEditorControls && state.features.textToolbar ? "flex" : "none";
         pageRow.style.display = state.features.pageNav ? "flex" : "none";
+        addPageBtn.style.display =
+            showEditorControls && state.features.pageNav ? "inline-flex" : "none";
         videoAddBtn.style.display = state.features.video ? "inline-block" : "none";
         imageUploadBtn.style.display = "inline-block";
         status.style.display = showEditorControls ? "block" : "none";
@@ -3372,6 +3417,7 @@ export function mountEditorWorkbench(container, options = {}) {
             hideTablePicker();
             hideTableTools();
         }
+        updateTopControlShieldHeight();
         prevPageBtn.disabled = state.pageIndex <= 0;
         nextPageBtn.disabled = state.pageIndex >= state.doc.pages.length - 1;
         pageInfo.textContent = `当前页 ${state.pageIndex + 1} / ${state.doc.pages.length}`;
@@ -4346,6 +4392,7 @@ export function mountEditorWorkbench(container, options = {}) {
     };
     const handleWindowResize = () => {
         updateShellViewportHeight();
+        updateTopControlShieldHeight();
         updateInlineResizeOverlay();
         syncTableToolsPosition();
         syncFocusedTableControls();
@@ -4356,6 +4403,7 @@ export function mountEditorWorkbench(container, options = {}) {
     };
     const handleWindowScroll = () => {
         updateShellViewportHeight();
+        updateTopControlShieldHeight();
         updateInlineResizeOverlay();
         updateFloatingToolbarBySelection();
         syncTableToolsPosition();
@@ -4380,6 +4428,7 @@ export function mountEditorWorkbench(container, options = {}) {
         window.requestAnimationFrame(() => {
             updateFullscreenButtonState();
             updateShellViewportHeight();
+            updateTopControlShieldHeight();
             updateInlineResizeOverlay();
             syncTableToolsPosition();
             syncFocusedTableControls();
@@ -4578,12 +4627,22 @@ export function mountEditorWorkbench(container, options = {}) {
     };
 }
 function ensureWorkbenchStyles() {
-    if (document.getElementById(WORKBENCH_STYLE_ID)) {
+    const existing = document.getElementById(WORKBENCH_STYLE_ID);
+    if (existing instanceof HTMLStyleElement) {
+        if (existing.dataset.hyewbVersion !== WORKBENCH_STYLE_VERSION ||
+            existing.textContent !== WORKBENCH_CSS) {
+            existing.textContent = WORKBENCH_CSS;
+            existing.dataset.hyewbVersion = WORKBENCH_STYLE_VERSION;
+        }
         return;
     }
+    if (existing) {
+        existing.remove();
+    }
     const style = document.createElement("style");
     style.id = WORKBENCH_STYLE_ID;
     style.textContent = WORKBENCH_CSS;
+    style.dataset.hyewbVersion = WORKBENCH_STYLE_VERSION;
     document.head.append(style);
 }
 function resolveFeatures(next, base = DEFAULT_EDITOR_WORKBENCH_FEATURES) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hyebook/vue3-adapter",
-  "version": "0.2.2",
+  "version": "0.2.4",
   "description": "Vue3 adapter for hy-ebook core",
   "repository": {
     "type": "git",
@@ -17,7 +17,7 @@
     "dist"
   ],
   "dependencies": {
-    "@hyebook/core": "^0.2.2"
+    "@hyebook/core": "^0.2.4"
   },
   "scripts": {
     "build": "tsc -p tsconfig.json",