feat: 完善 EnableThumbnails 功能

Author: ArgoZhang

src/components/BootstrapBlazor.PdfReader/PdfReader.razor

@@ -7,7 +7,10 @@
     {
         <div class="bb-view-toolbar">
             <div class="bb-view-title">
-                <div class="bb-view-icon bb-view-bar" title="@Localizer["ToggleSidebar"]"><i class="fa-solid fa-bars"></i></div>
+                @if (EnableThumbnails)
+                {
+                    <div class="bb-view-icon bb-view-bar" title="@Localizer["ToggleSidebar"]"><i class="fa-solid fa-bars"></i></div>
+                }
                 <span class="bb-view-subject">@_docTitle</span>
             </div>
             <div class="@ViewBodyString">

src/components/BootstrapBlazor.PdfReader/PdfReader.razor.cs

@@ -145,6 +145,7 @@ public partial class PdfReader
     private string? _currentScale;
     private string? _dropdownItemCheckIcon;
     private string? _dropdownItemDefaultIcon;
+    private bool _enableThumbnails = true;
 
     private string CurrentPageString
     {
@@ -218,6 +219,7 @@ protected override async Task OnAfterRenderAsync(bool firstRender)
             _currentPage = CurrentPage;
             _url = Url;
             _currentScale = CurrentScale;
+            _enableThumbnails = EnableThumbnails;
         }
 
         if (_url != Url)
@@ -241,6 +243,14 @@ protected override async Task OnAfterRenderAsync(bool firstRender)
             _currentScale = CurrentScale;
             await InvokeVoidAsync("scale", Id, _currentScale);
         }
+        if (_enableThumbnails != EnableThumbnails)
+        {
+            _enableThumbnails = EnableThumbnails;
+            if (_enableThumbnails)
+            {
+                await InvokeVoidAsync("resetThumbnails", Id);
+            }
+        }
     }
 
     /// <summary>

src/components/BootstrapBlazor.PdfReader/PdfReader.razor.js

@@ -79,6 +79,13 @@ export function scale(id, scale) {
     }
 }
 
+export function resetThumbnails(id) {
+    const { el, pdfViewer } = Data.get(id);
+    if (pdfViewer) {
+        resetThumbnailsView(el, pdfViewer);
+    }
+}
+
 const addEventListener = (el, pdfViewer, eventBus, invoke, options) => {
     eventBus.on("pagesinit", async () => {
         if (options.fitMode) {
@@ -139,7 +146,7 @@ const addEventListener = (el, pdfViewer, eventBus, invoke, options) => {
             pageNumberEl.value = page;
         }
 
-        if (options.enableThumbnails) {
+        if (options.enableThumbnails || false) {
             const thumbnailsContainer = el.querySelector(".bb-view-thumbnails");
             if (thumbnailsContainer) {
                 const active = thumbnailsContainer.querySelector('.active');
@@ -179,9 +186,9 @@ const addEventListener = (el, pdfViewer, eventBus, invoke, options) => {
     EventHandler.on(minus, "click", e => updateScale(pdfViewer, e.target, -1));
     EventHandler.on(plus, "click", e => updateScale(pdfViewer, e.target, 1));
 
-    const thumbnailsToggle = el.querySelector(".bb-view-bar");
-    if (thumbnailsToggle) {
-        EventHandler.on(thumbnailsToggle, "click", e => {
+    const titleEl = el.querySelector(".bb-view-title");
+    if (titleEl) {
+        EventHandler.on(titleEl, "click", '.bb-view-bar', e => {
             const thumbnailsEl = el.querySelector(".bb-view-thumbnails");
             thumbnailsEl.classList.toggle("show");
         });
@@ -314,9 +321,9 @@ export function dispose(id) {
             EventHandler.off(towPagesOneView, "click");
         }
 
-        const thumbnailsToggle = el.querySelector(".bb-view-bar");
-        if (thumbnailsToggle) {
-            EventHandler.off(thumbnailsToggle, "click");
+        const titleEl = el.querySelector(".bb-view-title");
+        if (titleEl) {
+            EventHandler.off(titleEl, "click");
         }
 
         const thumbnailsContainer = el.querySelector(".bb-view-thumbnails");