@jvs-milkdown/crepe 1.2.10 → 1.2.12

package/lib/cjs/index.js

@@ -1198,7 +1198,7 @@ const MilkdownAttachmentBlock = vue.defineComponent({
     return () => {
       var _a;
       if (!((_a = src.value) == null ? void 0 : _a.length)) {
-        return /* @__PURE__ */ h(
+        return /* @__PURE__ */ vue.h(
           "div",
           {
             class: [
@@ -1206,7 +1206,7 @@ const MilkdownAttachmentBlock = vue.defineComponent({
               props.selected.value ? "selected" : ""
             ]
           },
-          /* @__PURE__ */ h("div", { class: "milkdown-attachment-uploader", onClick: triggerUpload }, /* @__PURE__ */ h(component.Icon, { icon: fileLinkIcon }), /* @__PURE__ */ h("span", { class: "milkdown-attachment-upload-text" }, isUploading.value ? "Uploading..." : props.config.uploadButton), /* @__PURE__ */ h(
+          /* @__PURE__ */ vue.h("div", { class: "milkdown-attachment-uploader", onClick: triggerUpload }, /* @__PURE__ */ vue.h(component.Icon, { icon: fileLinkIcon }), /* @__PURE__ */ vue.h("span", { class: "milkdown-attachment-upload-text" }, isUploading.value ? "Uploading..." : props.config.uploadButton), /* @__PURE__ */ vue.h(
             "input",
             {
               type: "file",
@@ -1220,7 +1220,7 @@ const MilkdownAttachmentBlock = vue.defineComponent({
       if (isVideo.value) {
         const savedWidth = videoWidth.value;
         const widthStyle = isResizing.value && currentWidth.value > 0 ? `${currentWidth.value}px` : savedWidth && savedWidth > 0 ? `${savedWidth}px` : "100%";
-        return /* @__PURE__ */ h(
+        return /* @__PURE__ */ vue.h(
           "div",
           {
             ref: videoWrapperRef,
@@ -1234,7 +1234,7 @@ const MilkdownAttachmentBlock = vue.defineComponent({
               position: "relative"
             }
           },
-          /* @__PURE__ */ h(
+          /* @__PURE__ */ vue.h(
             "video",
             {
               src: src.value,
@@ -1243,28 +1243,28 @@ const MilkdownAttachmentBlock = vue.defineComponent({
               onMousedown: (e) => e.stopPropagation()
             }
           ),
-          /* @__PURE__ */ h(
+          /* @__PURE__ */ vue.h(
             "div",
             {
               class: "video-resize-handle top-left",
               onPointerdown: (e) => onResizePointerDown(e, "top-left")
             }
           ),
-          /* @__PURE__ */ h(
+          /* @__PURE__ */ vue.h(
             "div",
             {
               class: "video-resize-handle top-right",
               onPointerdown: (e) => onResizePointerDown(e, "top-right")
             }
           ),
-          /* @__PURE__ */ h(
+          /* @__PURE__ */ vue.h(
             "div",
             {
               class: "video-resize-handle bottom-left",
               onPointerdown: (e) => onResizePointerDown(e, "bottom-left")
             }
           ),
-          /* @__PURE__ */ h(
+          /* @__PURE__ */ vue.h(
             "div",
             {
               class: "video-resize-handle bottom-right",
@@ -1273,7 +1273,7 @@ const MilkdownAttachmentBlock = vue.defineComponent({
           )
         );
       }
-      return /* @__PURE__ */ h(
+      return /* @__PURE__ */ vue.h(
         "div",
         {
           class: [
@@ -1281,16 +1281,16 @@ const MilkdownAttachmentBlock = vue.defineComponent({
             props.selected.value ? "selected" : ""
           ]
         },
-        /* @__PURE__ */ h("div", { class: "milkdown-attachment-icon-wrapper" }, /* @__PURE__ */ h("div", { class: "milkdown-attachment-raw-icon-bg" }, /* @__PURE__ */ h(component.Icon, { icon: fileLinkIcon }))),
-        /* @__PURE__ */ h("div", { class: "milkdown-attachment-info" }, /* @__PURE__ */ h("div", { class: "milkdown-attachment-name" }, name.value), /* @__PURE__ */ h("div", { class: "milkdown-attachment-size" }, (size.value || 0) > 0 ? formatBytes(size.value) : "")),
-        /* @__PURE__ */ h(
+        /* @__PURE__ */ vue.h("div", { class: "milkdown-attachment-icon-wrapper" }, /* @__PURE__ */ vue.h("div", { class: "milkdown-attachment-raw-icon-bg" }, /* @__PURE__ */ vue.h(component.Icon, { icon: fileLinkIcon }))),
+        /* @__PURE__ */ vue.h("div", { class: "milkdown-attachment-info" }, /* @__PURE__ */ vue.h("div", { class: "milkdown-attachment-name" }, name.value), /* @__PURE__ */ vue.h("div", { class: "milkdown-attachment-size" }, (size.value || 0) > 0 ? formatBytes(size.value) : "")),
+        /* @__PURE__ */ vue.h(
           "div",
           {
             class: "milkdown-attachment-action",
             onClick: openLink,
             title: props.config.downloadText
           },
-          /* @__PURE__ */ h(component.Icon, { icon: downloadIcon })
+          /* @__PURE__ */ vue.h(component.Icon, { icon: downloadIcon })
         )
       );
     };
@@ -3677,6 +3677,7 @@ class MenuView {
     this.hide = () => {
       __privateSet$5(this, _programmaticallyPos, null);
       __privateSet$5(this, _mode, null);
+      __privateGet$5(this, _content$4).removeAttribute("data-mode");
       this.cancelHide();
       __privateGet$5(this, _slashProvider).hide();
     };
@@ -6220,7 +6221,11 @@ const Toolbar = vue.defineComponent({
         }
       });
       const nonHeadingGroups = toolbarGroupInfo.value.filter(
-        (group) => group.key !== "heading"
+        (group) => {
+          if (group.key === "heading") return false;
+          if (props.isFixed && group.key === "function") return false;
+          return true;
+        }
       );
       const isSectionOverflowed = (idx) => idx >= overflowVisibleCount.value;
       const hasOverflow = overflowVisibleCount.value < totalSectionCount.value;
@@ -7531,7 +7536,7 @@ const ToggleSwitch = vue.defineComponent({
   },
   emits: ["update:modelValue"],
   setup(props, { emit }) {
-    return () => /* @__PURE__ */ h(
+    return () => /* @__PURE__ */ vue.h(
       "div",
       {
         onClick: (e) => {
@@ -7548,7 +7553,7 @@ const ToggleSwitch = vue.defineComponent({
           transition: "background-color 0.2s"
         }
       },
-      /* @__PURE__ */ h(
+      /* @__PURE__ */ vue.h(
         "div",
         {
           style: {
@@ -7634,7 +7639,7 @@ const MenuBar = vue.defineComponent({
     const hasSubmenu = (key) => key === "view";
     return () => {
       const state = viewState.value;
-      return /* @__PURE__ */ h(
+      return /* @__PURE__ */ vue.h(
         "div",
         {
           class: "milkdown-menu-bar",
@@ -7646,7 +7651,7 @@ const MenuBar = vue.defineComponent({
             position: "relative"
           }
         },
-        /* @__PURE__ */ h(
+        /* @__PURE__ */ vue.h(
           "div",
           {
             ref: buttonRef,
@@ -7669,7 +7674,7 @@ const MenuBar = vue.defineComponent({
                 e.currentTarget.style.backgroundColor = "transparent";
             }
           },
-          /* @__PURE__ */ h(
+          /* @__PURE__ */ vue.h(
             "span",
             {
               style: {
@@ -7680,9 +7685,9 @@ const MenuBar = vue.defineComponent({
                 justifyContent: "center"
               }
             },
-            /* @__PURE__ */ h(component.Icon, { icon: menuIcon })
+            /* @__PURE__ */ vue.h(component.Icon, { icon: menuIcon })
           ),
-          /* @__PURE__ */ h(
+          /* @__PURE__ */ vue.h(
             "span",
             {
               style: {
@@ -7695,7 +7700,7 @@ const MenuBar = vue.defineComponent({
             "\u83DC\u5355"
           )
         ),
-        showMenu.value ? /* @__PURE__ */ h(
+        showMenu.value ? /* @__PURE__ */ vue.h(
           "div",
           {
             ref: mainRef,
@@ -7722,7 +7727,7 @@ const MenuBar = vue.defineComponent({
           menuKeys.map((menuKey) => {
             const isHovered = activeSubmenu.value === menuKey;
             const label = i18n(props.ctx, `menuBar.${menuKey}`) || menuKey;
-            return /* @__PURE__ */ h(
+            return /* @__PURE__ */ vue.h(
               "div",
               {
                 key: menuKey,
@@ -7744,7 +7749,7 @@ const MenuBar = vue.defineComponent({
                   backgroundColor: isHovered ? "var(--crepe-color-hover, #f5f5f5)" : "transparent"
                 }
               },
-              /* @__PURE__ */ h(
+              /* @__PURE__ */ vue.h(
                 "span",
                 {
                   style: {
@@ -7754,7 +7759,7 @@ const MenuBar = vue.defineComponent({
                 },
                 label
               ),
-              hasSubmenu(menuKey) ? /* @__PURE__ */ h(
+              hasSubmenu(menuKey) ? /* @__PURE__ */ vue.h(
                 "span",
                 {
                   style: {
@@ -7763,7 +7768,7 @@ const MenuBar = vue.defineComponent({
                     display: "flex"
                   }
                 },
-                /* @__PURE__ */ h(
+                /* @__PURE__ */ vue.h(
                   "svg",
                   {
                     width: "12",
@@ -7775,10 +7780,10 @@ const MenuBar = vue.defineComponent({
                     "stroke-linecap": "round",
                     "stroke-linejoin": "round"
                   },
-                  /* @__PURE__ */ h("polyline", { points: "9 18 15 12 9 6" })
+                  /* @__PURE__ */ vue.h("polyline", { points: "9 18 15 12 9 6" })
                 )
               ) : null,
-              menuKey === "view" && isHovered ? /* @__PURE__ */ h(
+              menuKey === "view" && isHovered ? /* @__PURE__ */ vue.h(
                 "div",
                 {
                   style: {
@@ -7796,7 +7801,7 @@ const MenuBar = vue.defineComponent({
                     cursor: "default"
                   }
                 },
-                /* @__PURE__ */ h(
+                /* @__PURE__ */ vue.h(
                   "div",
                   {
                     style: {
@@ -7806,7 +7811,7 @@ const MenuBar = vue.defineComponent({
                       alignItems: "center"
                     }
                   },
-                  /* @__PURE__ */ h(
+                  /* @__PURE__ */ vue.h(
                     "span",
                     {
                       style: {
@@ -7816,7 +7821,7 @@ const MenuBar = vue.defineComponent({
                     },
                     i18n(props.ctx, "view.title") || "\u6807\u9898"
                   ),
-                  /* @__PURE__ */ h(
+                  /* @__PURE__ */ vue.h(
                     ToggleSwitch,
                     {
                       modelValue: state.showTitle,
@@ -7824,7 +7829,7 @@ const MenuBar = vue.defineComponent({
                     }
                   )
                 ),
-                /* @__PURE__ */ h(
+                /* @__PURE__ */ vue.h(
                   "div",
                   {
                     style: {
@@ -7834,7 +7839,7 @@ const MenuBar = vue.defineComponent({
                       alignItems: "center"
                     }
                   },
-                  /* @__PURE__ */ h(
+                  /* @__PURE__ */ vue.h(
                     "span",
                     {
                       style: {
@@ -7844,7 +7849,7 @@ const MenuBar = vue.defineComponent({
                     },
                     i18n(props.ctx, "view.outline") || "\u5927\u7EB2"
                   ),
-                  /* @__PURE__ */ h(
+                  /* @__PURE__ */ vue.h(
                     ToggleSwitch,
                     {
                       modelValue: state.outlineVisible,
@@ -7852,7 +7857,7 @@ const MenuBar = vue.defineComponent({
                     }
                   )
                 ),
-                /* @__PURE__ */ h(
+                /* @__PURE__ */ vue.h(
                   "div",
                   {
                     style: {
@@ -7862,7 +7867,7 @@ const MenuBar = vue.defineComponent({
                       alignItems: "center"
                     }
                   },
-                  /* @__PURE__ */ h(
+                  /* @__PURE__ */ vue.h(
                     "span",
                     {
                       style: {
@@ -7872,7 +7877,7 @@ const MenuBar = vue.defineComponent({
                     },
                     i18n(props.ctx, "view.cover") || "\u5C01\u9762"
                   ),
-                  /* @__PURE__ */ h(
+                  /* @__PURE__ */ vue.h(
                     ToggleSwitch,
                     {
                       modelValue: state.showCover,
@@ -7888,7 +7893,7 @@ const MenuBar = vue.defineComponent({
                     }
                   )
                 ),
-                /* @__PURE__ */ h(
+                /* @__PURE__ */ vue.h(
                   "div",
                   {
                     style: {
@@ -7898,7 +7903,7 @@ const MenuBar = vue.defineComponent({
                     }
                   }
                 ),
-                /* @__PURE__ */ h(
+                /* @__PURE__ */ vue.h(
                   "div",
                   {
                     style: {
@@ -7908,7 +7913,7 @@ const MenuBar = vue.defineComponent({
                       alignItems: "center"
                     }
                   },
-                  /* @__PURE__ */ h(
+                  /* @__PURE__ */ vue.h(
                     "span",
                     {
                       style: {
@@ -7919,7 +7924,7 @@ const MenuBar = vue.defineComponent({
                     i18n(props.ctx, "view.docBackground") || "\u6587\u6863\u80CC\u666F"
                   )
                 ),
-                /* @__PURE__ */ h(
+                /* @__PURE__ */ vue.h(
                   "div",
                   {
                     style: {
@@ -7929,7 +7934,7 @@ const MenuBar = vue.defineComponent({
                       gap: "6px"
                     }
                   },
-                  bgColors.map((bg) => /* @__PURE__ */ h(
+                  bgColors.map((bg) => /* @__PURE__ */ vue.h(
                     "div",
                     {
                       key: bg.value || "default",
@@ -7951,7 +7956,7 @@ const MenuBar = vue.defineComponent({
                         justifyContent: "center"
                       }
                     },
-                    bg.value === null ? /* @__PURE__ */ h(
+                    bg.value === null ? /* @__PURE__ */ vue.h(
                       "div",
                       {
                         style: {
@@ -7964,7 +7969,7 @@ const MenuBar = vue.defineComponent({
                           borderRadius: "3px"
                         }
                       },
-                      /* @__PURE__ */ h(
+                      /* @__PURE__ */ vue.h(
                         "div",
                         {
                           style: {
@@ -7982,7 +7987,7 @@ const MenuBar = vue.defineComponent({
                     ) : null
                   ))
                 ),
-                /* @__PURE__ */ h(
+                /* @__PURE__ */ vue.h(
                   "div",
                   {
                     style: {
@@ -7992,7 +7997,7 @@ const MenuBar = vue.defineComponent({
                     }
                   }
                 ),
-                /* @__PURE__ */ h(
+                /* @__PURE__ */ vue.h(
                   "div",
                   {
                     style: {
@@ -8002,7 +8007,7 @@ const MenuBar = vue.defineComponent({
                       alignItems: "center"
                     }
                   },
-                  /* @__PURE__ */ h(
+                  /* @__PURE__ */ vue.h(
                     "span",
                     {
                       style: {
@@ -8013,7 +8018,7 @@ const MenuBar = vue.defineComponent({
                     i18n(props.ctx, "view.editorWidth") || "\u5185\u5BB9\u5BBD\u5EA6"
                   )
                 ),
-                /* @__PURE__ */ h(
+                /* @__PURE__ */ vue.h(
                   "div",
                   {
                     style: {
@@ -8035,7 +8040,7 @@ const MenuBar = vue.defineComponent({
                       key: "full",
                       labelKey: "view.widthFull"
                     }
-                  ].map(({ key, labelKey }) => /* @__PURE__ */ h(
+                  ].map(({ key, labelKey }) => /* @__PURE__ */ vue.h(
                     "button",
                     {
                       key,
@@ -8262,7 +8267,7 @@ const FixedToolbarComponent = vue.defineComponent({
   },
   setup(props) {
     const showShortcuts = vue.ref(false);
-    return () => /* @__PURE__ */ h(
+    return () => /* @__PURE__ */ vue.h(
       "div",
       {
         style: {
@@ -8273,8 +8278,8 @@ const FixedToolbarComponent = vue.defineComponent({
           gap: "0px"
         }
       },
-      /* @__PURE__ */ h(MenuBar, { ctx: props.ctx, config: props.config }),
-      /* @__PURE__ */ h(
+      /* @__PURE__ */ vue.h(MenuBar, { ctx: props.ctx, config: props.config }),
+      /* @__PURE__ */ vue.h(
         "div",
         {
           style: {
@@ -8285,7 +8290,7 @@ const FixedToolbarComponent = vue.defineComponent({
           }
         }
       ),
-      /* @__PURE__ */ h(
+      /* @__PURE__ */ vue.h(
         Toolbar,
         {
           ctx: props.ctx,
@@ -8296,7 +8301,7 @@ const FixedToolbarComponent = vue.defineComponent({
           isFixed: true
         }
       ),
-      /* @__PURE__ */ h(
+      /* @__PURE__ */ vue.h(
         "div",
         {
           style: {
@@ -8308,7 +8313,7 @@ const FixedToolbarComponent = vue.defineComponent({
           }
         }
       ),
-      /* @__PURE__ */ h(
+      /* @__PURE__ */ vue.h(
         "button",
         {
           type: "button",
@@ -8318,9 +8323,9 @@ const FixedToolbarComponent = vue.defineComponent({
             showShortcuts.value = true;
           }
         },
-        /* @__PURE__ */ h(component.Icon, { icon: keyboardIcon })
+        /* @__PURE__ */ vue.h(component.Icon, { icon: keyboardIcon })
       ),
-      showShortcuts.value && /* @__PURE__ */ h(ShortcutHelpModal, { ctx: props.ctx, visible: showShortcuts })
+      showShortcuts.value && /* @__PURE__ */ vue.h(ShortcutHelpModal, { ctx: props.ctx, visible: showShortcuts })
     );
   }
 });
@@ -8750,6 +8755,7 @@ function buildDefaultFixedToolbar(builder, _config, ctx) {
   return builder.build();
 }
 
+keepAlive(vue.h);
 const DocumentHeader = vue.defineComponent({
   props: {
     ctx: { type: Object, required: true },
@@ -8826,13 +8832,13 @@ const DocumentHeader = vue.defineComponent({
       var _a, _b;
       const state = viewState.value;
       if (!state.showTitle && !state.showCover) return null;
-      return /* @__PURE__ */ h(
+      return /* @__PURE__ */ vue.h(
         "div",
         {
           class: "milkdown-document-header",
           style: { width: "100%", display: "flex", flexDirection: "column" }
         },
-        state.showCover ? /* @__PURE__ */ h(
+        state.showCover ? /* @__PURE__ */ vue.h(
           "div",
           {
             class: "milkdown-document-cover",
@@ -8850,7 +8856,7 @@ const DocumentHeader = vue.defineComponent({
               overflow: "hidden"
             }
           },
-          /* @__PURE__ */ h(
+          /* @__PURE__ */ vue.h(
             "img",
             {
               src: state.coverUrl,
@@ -8863,7 +8869,7 @@ const DocumentHeader = vue.defineComponent({
               }
             }
           ),
-          /* @__PURE__ */ h(
+          /* @__PURE__ */ vue.h(
             "div",
             {
               style: {
@@ -8880,7 +8886,7 @@ const DocumentHeader = vue.defineComponent({
                 background: "linear-gradient(transparent, rgba(0,0,0,0.7))"
               }
             },
-            /* @__PURE__ */ h(
+            /* @__PURE__ */ vue.h(
               "div",
               {
                 style: {
@@ -8892,7 +8898,7 @@ const DocumentHeader = vue.defineComponent({
               },
               (lastUploadedUrl.value ? [lastUploadedUrl.value] : []).concat(
                 ((_b = (_a = props.config) == null ? void 0 : _a.defaultCoverImages) == null ? void 0 : _b.length) ? props.config.defaultCoverImages : builtInCoverImages
-              ).map((src, i) => /* @__PURE__ */ h(
+              ).map((src, i) => /* @__PURE__ */ vue.h(
                 "img",
                 {
                   key: i,
@@ -8922,7 +8928,7 @@ const DocumentHeader = vue.defineComponent({
                 }
               ))
             ),
-            /* @__PURE__ */ h(
+            /* @__PURE__ */ vue.h(
               "div",
               {
                 onClick: () => {
@@ -8950,7 +8956,7 @@ const DocumentHeader = vue.defineComponent({
                   e.currentTarget.style.backgroundColor = "rgba(255,255,255,0.2)";
                 }
               },
-              /* @__PURE__ */ h(
+              /* @__PURE__ */ vue.h(
                 "svg",
                 {
                   width: "14",
@@ -8962,14 +8968,14 @@ const DocumentHeader = vue.defineComponent({
                   "stroke-linecap": "round",
                   "stroke-linejoin": "round"
                 },
-                /* @__PURE__ */ h("path", { d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" }),
-                /* @__PURE__ */ h("polyline", { points: "17 8 12 3 7 8" }),
-                /* @__PURE__ */ h("line", { x1: "12", y1: "3", x2: "12", y2: "15" })
+                /* @__PURE__ */ vue.h("path", { d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" }),
+                /* @__PURE__ */ vue.h("polyline", { points: "17 8 12 3 7 8" }),
+                /* @__PURE__ */ vue.h("line", { x1: "12", y1: "3", x2: "12", y2: "15" })
               ),
               "\u4E0A\u4F20"
             )
           ),
-          /* @__PURE__ */ h(
+          /* @__PURE__ */ vue.h(
             "input",
             {
               type: "file",
@@ -8980,7 +8986,7 @@ const DocumentHeader = vue.defineComponent({
             }
           )
         ) : null,
-        state.showTitle ? /* @__PURE__ */ h(
+        state.showTitle ? /* @__PURE__ */ vue.h(
           "div",
           {
             class: "milkdown-document-title-wrapper",
@@ -8991,8 +8997,8 @@ const DocumentHeader = vue.defineComponent({
               padding: `40px ${editorWidthMap[state.editorWidth] === "none" ? "80px" : "0"} 0`
             }
           },
-          /* @__PURE__ */ h("style", null, `.milkdown-document-title::placeholder { color: #BFBFBF; }`),
-          /* @__PURE__ */ h(
+          /* @__PURE__ */ vue.h("style", null, `.milkdown-document-title::placeholder { color: #BFBFBF; }`),
+          /* @__PURE__ */ vue.h(
             "textarea",
             {
               ref: titleTextareaRef,
@@ -9227,7 +9233,7 @@ const OutlinePanel = vue.defineComponent({
       const state = viewState.value;
       if (!state.outlineVisible) return null;
       const isLeft = state.outlinePosition === "left";
-      return /* @__PURE__ */ h(
+      return /* @__PURE__ */ vue.h(
         "div",
         {
           class: "milkdown-outline-panel",
@@ -9248,7 +9254,7 @@ const OutlinePanel = vue.defineComponent({
             overflow: "hidden"
           }
         },
-        /* @__PURE__ */ h(
+        /* @__PURE__ */ vue.h(
           "div",
           {
             style: {
@@ -9262,8 +9268,8 @@ const OutlinePanel = vue.defineComponent({
               alignItems: "center"
             }
           },
-          /* @__PURE__ */ h("span", null, i18n(props.ctx, "view.outline")),
-          /* @__PURE__ */ h(
+          /* @__PURE__ */ vue.h("span", null, i18n(props.ctx, "view.outline")),
+          /* @__PURE__ */ vue.h(
             "div",
             {
               style: {
@@ -9287,7 +9293,7 @@ const OutlinePanel = vue.defineComponent({
               },
               title: "\u5173\u95ED\u5927\u7EB2"
             },
-            /* @__PURE__ */ h(
+            /* @__PURE__ */ vue.h(
               "svg",
               {
                 width: "16",
@@ -9299,12 +9305,12 @@ const OutlinePanel = vue.defineComponent({
                 "stroke-linecap": "round",
                 "stroke-linejoin": "round"
               },
-              /* @__PURE__ */ h("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
-              /* @__PURE__ */ h("line", { x1: "6", y1: "6", x2: "18", y2: "18" })
+              /* @__PURE__ */ vue.h("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
+              /* @__PURE__ */ vue.h("line", { x1: "6", y1: "6", x2: "18", y2: "18" })
             )
           )
         ),
-        /* @__PURE__ */ h("div", { style: { flexGrow: 1, overflowY: "auto", padding: "12px 0" } }, items.value.length === 0 ? /* @__PURE__ */ h(
+        /* @__PURE__ */ vue.h("div", { style: { flexGrow: 1, overflowY: "auto", padding: "12px 0" } }, items.value.length === 0 ? /* @__PURE__ */ vue.h(
           "div",
           {
             style: {
@@ -9317,7 +9323,7 @@ const OutlinePanel = vue.defineComponent({
         ) : null, visibleItems.value.map(({ item, hasChildren: hasKids }) => {
           const isActive = activeId.value === item.id;
           const collapsed = collapsedIds.value.has(item.id);
-          return /* @__PURE__ */ h(
+          return /* @__PURE__ */ vue.h(
             "div",
             {
               key: item.id,
@@ -9350,7 +9356,7 @@ const OutlinePanel = vue.defineComponent({
                 }
               }
             },
-            /* @__PURE__ */ h(
+            /* @__PURE__ */ vue.h(
               "span",
               {
                 onClick: (e) => {
@@ -9383,7 +9389,7 @@ const OutlinePanel = vue.defineComponent({
               "\uFFFD?",
               " "
             ),
-            /* @__PURE__ */ h(
+            /* @__PURE__ */ vue.h(
               "span",
               {
                 title: item.text,
@@ -9396,7 +9402,7 @@ const OutlinePanel = vue.defineComponent({
             )
           );
         })),
-        /* @__PURE__ */ h(
+        /* @__PURE__ */ vue.h(
           "div",
           {
             onPointerdown: onPointerDown,
@@ -9611,7 +9617,7 @@ class FixedToolbarView {
           __privateGet$3(this, _view).dom.style.margin = isFull ? "0" : "0 auto";
           __privateGet$3(this, _view).dom.style.padding = `20px ${px} 0`;
           if (__privateGet$3(this, _headerContent)) {
-            __privateGet$3(this, _headerContent).style.margin = isFull ? "0" : "0 auto";
+            __privateGet$3(this, _headerContent).style.margin = isFull && !viewState.showCover ? "0 auto" : "0";
             __privateGet$3(this, _headerContent).style.padding = `0px`;
           }
           vue.nextTick(() => {