From 5f5caa34d58463e0edf7a0334aebb5e8d9a4a2b0 Mon Sep 17 00:00:00 2001
From: Argo Zhang <argo@live.ca>
Date: Thu, 27 Nov 2025 17:53:56 +0800
Subject: [PATCH 1/2] =?UTF-8?q?feat:=20=E5=AE=8C=E5=96=84=20EnableThumbnai?=
 =?UTF-8?q?ls=20=E5=8A=9F=E8=83=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../BootstrapBlazor.PdfReader/PdfReader.razor |  5 ++++-
 .../PdfReader.razor.cs                        | 10 +++++++++
 .../PdfReader.razor.js                        | 21 ++++++++++++-------
 3 files changed, 28 insertions(+), 8 deletions(-)

diff --git a/src/components/BootstrapBlazor.PdfReader/PdfReader.razor b/src/components/BootstrapBlazor.PdfReader/PdfReader.razor
index 848fa150..c472ac54 100644
--- a/src/components/BootstrapBlazor.PdfReader/PdfReader.razor
+++ b/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">
diff --git a/src/components/BootstrapBlazor.PdfReader/PdfReader.razor.cs b/src/components/BootstrapBlazor.PdfReader/PdfReader.razor.cs
index 9b3b6e5e..d105778e 100644
--- a/src/components/BootstrapBlazor.PdfReader/PdfReader.razor.cs
+++ b/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>
diff --git a/src/components/BootstrapBlazor.PdfReader/PdfReader.razor.js b/src/components/BootstrapBlazor.PdfReader/PdfReader.razor.js
index 3a95bfc2..f253559e 100644
--- a/src/components/BootstrapBlazor.PdfReader/PdfReader.razor.js
+++ b/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");

From 155aac16bcd1f3aae7e9537649d94dcdd6f16a8f Mon Sep 17 00:00:00 2001
From: Argo Zhang <argo@live.ca>
Date: Fri, 28 Nov 2025 08:29:15 +0800
Subject: [PATCH 2/2] chore: bump version 10.0.4-beta01

---
 .../BootstrapBlazor.PdfReader/BootstrapBlazor.PdfReader.csproj  | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/BootstrapBlazor.PdfReader/BootstrapBlazor.PdfReader.csproj b/src/components/BootstrapBlazor.PdfReader/BootstrapBlazor.PdfReader.csproj
index b25f1696..3e7e7d1f 100644
--- a/src/components/BootstrapBlazor.PdfReader/BootstrapBlazor.PdfReader.csproj
+++ b/src/components/BootstrapBlazor.PdfReader/BootstrapBlazor.PdfReader.csproj
@@ -1,7 +1,7 @@
 <Project Sdk="Microsoft.NET.Sdk.Razor">
 
   <PropertyGroup>
-    <Version>10.0.3</Version>
+    <Version>10.0.4-beta01</Version>
   </PropertyGroup>
 
   <PropertyGroup>