@hyebook/vue3-adapter 0.2.5 → 2.2.6

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":"AAEA,OAAO,KAAK,EACV,QAAQ,EAKR,kBAAkB,EAWnB,MAAM,gBAAgB,CAAC;AA8KxB,MAAM,WAAW,uBAAuB;IACtC,WAAW,EAAE,OAAO,CAAC;IACrB,KAAK,EAAE,OAAO,CAAC;IACf,KAAK,EAAE,OAAO,CAAC;IACf,OAAO,EAAE,OAAO,CAAC;IACjB,OAAO,EAAE,OAAO,CAAC;CAClB;AAED,MAAM,WAAW,sBAAsB;IACrC,UAAU,CAAC,EAAE,QAAQ,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC,uBAAuB,CAAC,CAAC;IAC5C,kBAAkB,CAAC,EAAE,uCAAuC,CAAC;IAC7D,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,4BAA4B,CAAC;IACtC,UAAU,CAAC,EAAE,gCAAgC,CAAC;IAC9C,gBAAgB,CAAC,EAAE,CAAC,GAAG,EAAE,QAAQ,KAAK,IAAI,CAAC;CAC5C;AAED,MAAM,WAAW,uCAAuC;IACtD,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,MAAM,WAAW,uCAAuC;IACtD,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,6BAA6B,CAAC,EAAE,OAAO,CAAC;IACxC,wBAAwB,CAAC,EAAE,YAAY,GAAG,OAAO,CAAC;IAClD,iBAAiB,CAAC,EAAE,uCAAuC,CAAC;CAC7D;AAED,MAAM,WAAW,gCAAgC;IAC/C,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,MAAM,MAAM,qBAAqB,GAAG,OAAO,GAAG,OAAO,CAAC;AAEtD,MAAM,WAAW,kBAAkB;IACjC,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,qBAAqB,CAAC;IAC7B,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,2BAA2B;IAC1C,UAAU,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,SAAS,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;CAC3D;AAED,MAAM,WAAW,wBAAyB,SAAQ,2BAA2B;CAAG;AAEhF,MAAM,WAAW,uBAAwB,SAAQ,2BAA2B;IAC1E,SAAS,EAAE,qBAAqB,CAAC;CAClC;AAED,MAAM,WAAW,4BAA4B;IAC3C,UAAU,CAAC,EAAE,CACX,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,uBAAuB,KAC7B,OAAO,CAAC,kBAAkB,CAAC,CAAC;IACjC,WAAW,CAAC,EAAE,CACZ,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,wBAAwB,KAC9B,OAAO,CAAC,kBAAkB,CAAC,CAAC;IACjC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,MAAM,WAAW,qBAAqB;IACpC,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,WAAW,EAAE,MAAM,QAAQ,CAAC;IAC5B,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,YAAY,EAAE,MAAM,MAAM,CAAC;IAC3B,UAAU,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAC1C,OAAO,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IAC9B,sBAAsB,EAAE,MAAM,kBAAkB,CAAC;IACjD,sBAAsB,EAAE,CACtB,WAAW,EAAE,kBAAkB,GAAG,IAAI,GAAG,SAAS,KAC/C,kBAAkB,CAAC;IACxB,WAAW,EAAE,MAAM,uBAAuB,CAAC;IAC3C,WAAW,EAAE,CAAC,QAAQ,EAAE,OAAO,CAAC,uBAAuB,CAAC,KAAK,IAAI,CAAC;CACnE;AAED,eAAO,MAAM,iCAAiC,EAAE,uBAM/C,CAAC;AAEF,KAAK,IAAI,GAAG,QAAQ,GAAG,SAAS,CAAC;AAoSjC,wBAAgB,8BAA8B,IAAI,QAAQ,CA6GzD;AAED,wBAAgB,oBAAoB,CAClC,SAAS,EAAE,WAAW,EACtB,OAAO,GAAE,sBAA2B,GACnC,qBAAqB,CAwjKvB"}
+{"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

@@ -144,6 +144,14 @@ const WORKBENCH_CSS = `
 .hyewb-upload-progress{height:8px;background:#e2e8f0;border-radius:999px;overflow:hidden}
 .hyewb-upload-progress > span{display:block;height:100%;width:0;background:#0b7285;transition:width .18s ease}
 .hyewb-upload-error{min-height:18px;font-size:12px;color:#b91c1c;margin:0}
+.hyewb-preview-note-backdrop{position:fixed;inset:0;display:none;align-items:center;justify-content:center;background:rgba(15,23,42,.45);z-index:10080;padding:16px}
+.hyewb-preview-note-backdrop.show{display:flex}
+.hyewb-preview-note-dialog{width:min(520px,100%);background:#fff;border:1px solid #cbd5e1;border-radius:12px;padding:14px;display:grid;gap:10px;box-shadow:0 16px 34px rgba(15,23,42,.28)}
+.hyewb-preview-note-title{margin:0;font-size:14px;font-weight:600;color:#0f172a}
+.hyewb-preview-note-input{width:100%;min-height:120px;resize:vertical;border:1px solid #94a3b8;border-radius:8px;padding:8px 10px;background:#fff;color:#0f172a;box-sizing:border-box;font-family:inherit;font-size:14px;line-height:1.5}
+.hyewb-preview-note-actions{display:flex;justify-content:flex-end;gap:8px}
+.hyewb-preview-note-btn{height:34px;padding:0 12px;border-radius:8px;border:1px solid #94a3b8;background:#fff;color:#0f172a;cursor:pointer}
+.hyewb-preview-note-btn.primary{border-color:#0b7285;background:#0b7285;color:#fff}
 .hyewb-preview-highlight-mark{background:var(--hyewb-highlight-color,#fff59d);color:inherit;padding:0 .08em;border-radius:.2em}
 .hyewb-preview-note-mark{background:rgba(14,116,144,.14);border-bottom:2px solid #0e7490;color:inherit;padding:0 .04em;border-radius:.2em}
 .hyewb-preview-annotation-panel{display:none;align-content:start;gap:10px;border:1px solid #d8e0ea;border-radius:10px;background:#ffffff;padding:12px;max-height:100%;overflow:auto}
@@ -779,6 +787,35 @@ export function mountEditorWorkbench(container, options = {}) {
     previewNoteBtn.setAttribute("aria-label", "创建笔记");
     previewNoteBtn.append(createIconPlaceholder("notebook-pen"));
     previewSelectionToolbar.append(previewHighlightBtn, previewNoteBtn);
+    const preservePreviewSelectionOnToolbarPointerDown = (event) => {
+        // Keep native text selection active while clicking toolbar actions.
+        event.preventDefault();
+        event.stopPropagation();
+    };
+    previewSelectionToolbar.addEventListener("mousedown", preservePreviewSelectionOnToolbarPointerDown);
+    const previewNoteBackdrop = document.createElement("div");
+    previewNoteBackdrop.className = "hyewb-preview-note-backdrop";
+    const previewNoteDialog = document.createElement("div");
+    previewNoteDialog.className = "hyewb-preview-note-dialog";
+    const previewNoteTitle = document.createElement("h4");
+    previewNoteTitle.className = "hyewb-preview-note-title";
+    previewNoteTitle.textContent = "新增笔记";
+    const previewNoteInput = document.createElement("textarea");
+    previewNoteInput.className = "hyewb-preview-note-input";
+    previewNoteInput.placeholder = "请输入笔记内容";
+    const previewNoteActions = document.createElement("div");
+    previewNoteActions.className = "hyewb-preview-note-actions";
+    const previewNoteCancelBtn = document.createElement("button");
+    previewNoteCancelBtn.type = "button";
+    previewNoteCancelBtn.className = "hyewb-preview-note-btn";
+    previewNoteCancelBtn.textContent = "取消";
+    const previewNoteConfirmBtn = document.createElement("button");
+    previewNoteConfirmBtn.type = "button";
+    previewNoteConfirmBtn.className = "hyewb-preview-note-btn primary";
+    previewNoteConfirmBtn.textContent = "保存";
+    previewNoteActions.append(previewNoteCancelBtn, previewNoteConfirmBtn);
+    previewNoteDialog.append(previewNoteTitle, previewNoteInput, previewNoteActions);
+    previewNoteBackdrop.append(previewNoteDialog);
     const floatingToolbar = document.createElement("div");
     floatingToolbar.className = "hyewb-float";
     const floatBoldBtn = createButton("bold");
@@ -853,7 +890,7 @@ export function mountEditorWorkbench(container, options = {}) {
     const colorGrid = document.createElement("div");
     colorGrid.className = "hyewb-color-grid";
     colorPalette.append(colorGrid);
-    root.append(header, toolbar, pageRow, previewLayout, status, colorPalette, tablePicker, tableTools, tableRowDeleteBtn, tableMoveHandle, tableScaleHandle, tableColEdgeLayer, tableRowEdgeLayer, tableRowGapInsertBtn, tableColGapInsertBtn, tableDropIndicator, tableContextMenu, uploadBackdrop, docxInput, previewSelectionToolbar);
+    root.append(header, toolbar, pageRow, previewLayout, status, colorPalette, tablePicker, tableTools, tableRowDeleteBtn, tableMoveHandle, tableScaleHandle, tableColEdgeLayer, tableRowEdgeLayer, tableRowGapInsertBtn, tableColGapInsertBtn, tableDropIndicator, tableContextMenu, uploadBackdrop, previewNoteBackdrop, docxInput, previewSelectionToolbar);
     container.innerHTML = "";
     root.append(floatingToolbar);
     container.append(root);
@@ -882,6 +919,7 @@ export function mountEditorWorkbench(container, options = {}) {
     let selectedTableColIndex = null;
     let annotationActiveTab = previewAnnotationOptions.annotationListDefaultTab;
     let previewSelectionDraft = null;
+    let previewNoteDialogDraft = null;
     const isTableGapInsertTarget = (node) => {
         if (!node) {
             return false;
@@ -1029,6 +1067,48 @@ export function mountEditorWorkbench(container, options = {}) {
         uploadProgressBar.style.width = `${formatUploadProgress(uploadState.progress)}%`;
         uploadError.textContent = uploadState.error || "";
     };
+    const closePreviewNoteDialog = () => {
+        previewNoteDialogDraft = null;
+        previewNoteInput.value = "";
+        previewNoteBackdrop.classList.remove("show");
+        previewNoteInput.blur();
+    };
+    const openPreviewNoteDialog = (draft) => {
+        previewNoteDialogDraft = { ...draft };
+        previewNoteInput.value = draft.text || "";
+        previewNoteBackdrop.classList.add("show");
+        window.setTimeout(() => {
+            previewNoteInput.focus();
+            previewNoteInput.select();
+        }, 0);
+    };
+    const savePreviewNoteFromDialog = () => {
+        if (!previewNoteDialogDraft) {
+            return;
+        }
+        const noteText = previewNoteInput.value.trim();
+        if (!noteText) {
+            status.textContent = "请输入笔记内容";
+            previewNoteInput.focus();
+            return;
+        }
+        const current = normalizePreviewAnnotations(state.doc.meta.previewAnnotations);
+        current.notes = mergeNoteRecords(current.notes, {
+            id: `note-${Date.now()}-${Math.round(Math.random() * 10000)}`,
+            pageId: previewNoteDialogDraft.pageId,
+            start: previewNoteDialogDraft.start,
+            end: previewNoteDialogDraft.end,
+            text: noteText,
+            selectedText: previewNoteDialogDraft.text,
+            color: "#0e7490",
+            createdAt: new Date().toISOString(),
+        });
+        annotationActiveTab = "notes";
+        savePreviewAnnotations(current);
+        window.getSelection()?.removeAllRanges();
+        closePreviewNoteDialog();
+        hidePreviewSelectionToolbar();
+    };
     const closeUploadDialog = () => {
         if (uploadState.uploading) {
             return;
@@ -3735,26 +3815,25 @@ export function mountEditorWorkbench(container, options = {}) {
         if (!previewSelectionDraft) {
             return;
         }
-        const text = window.prompt("请输入笔记内容", previewSelectionDraft.text || "") || "";
-        const noteText = text.trim();
-        if (!noteText) {
-            return;
+        openPreviewNoteDialog(previewSelectionDraft);
+    });
+    previewNoteConfirmBtn.addEventListener("click", () => {
+        savePreviewNoteFromDialog();
+    });
+    previewNoteCancelBtn.addEventListener("click", () => {
+        closePreviewNoteDialog();
+    });
+    previewNoteBackdrop.addEventListener("click", () => {
+        closePreviewNoteDialog();
+    });
+    previewNoteDialog.addEventListener("click", (event) => {
+        event.stopPropagation();
+    });
+    previewNoteInput.addEventListener("keydown", (event) => {
+        if ((event.ctrlKey || event.metaKey) && event.key === "Enter") {
+            event.preventDefault();
+            savePreviewNoteFromDialog();
         }
-        const current = normalizePreviewAnnotations(state.doc.meta.previewAnnotations);
-        current.notes = mergeNoteRecords(current.notes, {
-            id: `note-${Date.now()}-${Math.round(Math.random() * 10000)}`,
-            pageId: previewSelectionDraft.pageId,
-            start: previewSelectionDraft.start,
-            end: previewSelectionDraft.end,
-            text: noteText,
-            selectedText: previewSelectionDraft.text,
-            color: "#0e7490",
-            createdAt: new Date().toISOString(),
-        });
-        annotationActiveTab = "notes";
-        savePreviewAnnotations(current);
-        window.getSelection()?.removeAllRanges();
-        hidePreviewSelectionToolbar();
     });
     floatLeftBtn.addEventListener("click", () => updateAlign("left"));
     floatCenterBtn.addEventListener("click", () => updateAlign("center"));
@@ -4526,6 +4605,9 @@ export function mountEditorWorkbench(container, options = {}) {
     const handleDocumentKeyDown = (event) => {
         if (event.key === "Escape") {
             hideTableContextMenu();
+            if (previewNoteBackdrop.classList.contains("show")) {
+                closePreviewNoteDialog();
+            }
         }
     };
     document.addEventListener("pointerdown", handleDocumentPointerDownForPalette);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hyebook/vue3-adapter",
-  "version": "0.2.5",
+  "version": "2.2.6",
   "description": "Vue3 adapter for hy-ebook core",
   "repository": {
     "type": "git",
@@ -17,11 +17,11 @@
     "dist"
   ],
   "dependencies": {
-    "@hyebook/core": "^0.2.5"
+    "@hyebook/core": "^2.2.6"
   },
   "scripts": {
     "build": "tsc -p tsconfig.json",
     "typecheck": "tsc -p tsconfig.json --noEmit",
     "lint": "echo 'No lint configured for @hyebook/vue3-adapter'"
   }
-}
+}