feat(PdfReader): support download (#773)

* refactor: 移除代码

* refactor: 内置下载

* feat: 移除 Download 回调方法

* feat(PdfReader): support download

Author: ArgoZhang

src/components/BootstrapBlazor.PdfReader/BootstrapBlazor.PdfReader.csproj

@@ -1,7 +1,7 @@
 <Project Sdk="Microsoft.NET.Sdk.Razor">
 
   <PropertyGroup>
-    <Version>10.0.10</Version>
+    <Version>10.0.11</Version>
   </PropertyGroup>
 
   <PropertyGroup>

src/components/BootstrapBlazor.PdfReader/PdfReader.razor

@@ -45,7 +45,7 @@
             <div class="bb-view-group bb-view-controls invisible">
                 @if (ShowDownload)
                 {
-                    <div class="bb-view-icon bb-view-download" title="@Localizer["Download"]" @onclick="OnDownload"><i class="fa-solid fa-fw fa-arrow-right-to-bracket fa-rotate-90"></i></div>
+                    <div class="bb-view-icon bb-view-download" title="@Localizer["Download"]"><i class="fa-solid fa-fw fa-arrow-right-to-bracket fa-rotate-90"></i></div>
                 }
                 @if (ShowPrint)
                 {

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

@@ -121,12 +121,6 @@ public partial class PdfReader
     [Parameter]
     public string? MoreButtonIcon { get; set; }
 
-    /// <summary>
-    /// 点击下载按钮回调方法 默认 null
-    /// </summary>
-    [Parameter]
-    public Func<Task>? OnDownloadAsync { get; set; }
-
     /// <summary>
     /// 正在打印回调方法 默认 null
     /// </summary>
@@ -272,14 +266,6 @@ protected override async Task OnAfterRenderAsync(bool firstRender)
     /// <returns></returns>
     public Task RotateRight() => InvokeVoidAsync("rotate", Id, 90);
 
-    private async Task OnDownload()
-    {
-        if (OnDownloadAsync != null)
-        {
-            await OnDownloadAsync();
-        }
-    }
-
     /// <summary>
     /// 页面开始初始化时回调方法
     /// </summary>

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

@@ -109,8 +109,6 @@ const loadPdf = async (el, invoke, options) => {
 }
 
 const loadMetadata = (el, pdfViewer, metadata) => {
-    console.log(metadata);
-
     const filename = el.querySelector('.bb-view-pdf-dialog-filename');
     const docTitle = el.querySelector('.bb-view-subject');
     filename.textContent = docTitle.textContent;
@@ -439,6 +437,17 @@ const addToolbarEventHandlers = (el, pdfViewer, invoke, options) => {
             pdfViewer.spreadMode = 0;
         }
     });
+    EventHandler.on(toolbar, "click", ".bb-view-download", e => {
+        if (options.url) {
+            const docTitle = el.querySelector('.bb-view-subject');
+            const anchorElement = document.createElement('a');
+            anchorElement.href = options.url;
+            anchorElement.download = docTitle.textContent;
+            anchorElement.click();
+            anchorElement.remove();
+        }
+    });
+
     EventHandler.on(toolbar, "click", ".dropdown-item-presentation", async e => {
         e.delegateTarget.classList.toggle("active");