feat(PdfReader): redesign PdfReader component (#7171)

* refactor: 更新示例

* refactor: 更新 header 配置

* chore: 更新 readme 文档

* chore: 更新依赖

* doc: 更新示例

Author: ArgoZhang

src/BootstrapBlazor.Server/BootstrapBlazor.Server.csproj

@@ -62,7 +62,7 @@
     <PackageReference Include="BootstrapBlazor.OfficeViewer" Version="10.0.0" />
     <PackageReference Include="BootstrapBlazor.OnScreenKeyboard" Version="10.0.0" />
     <PackageReference Include="BootstrapBlazor.OpcDa" Version="10.0.0" />
-    <PackageReference Include="BootstrapBlazor.PdfReader" Version="10.0.0" />
+    <PackageReference Include="BootstrapBlazor.PdfReader" Version="10.0.1-beta01" />
     <PackageReference Include="BootstrapBlazor.PdfViewer" Version="10.0.0" />
     <PackageReference Include="BootstrapBlazor.Player" Version="10.0.1" />
     <PackageReference Include="BootstrapBlazor.RDKit" Version="10.0.0" />

src/BootstrapBlazor.Server/Components/Samples/PdfReaders.razor

@@ -1,15 +1,16 @@
-@page "/pdf-reader"
+@page "/pdf-reader"
 @inject IStringLocalizer<PdfReaders> Localizer
 
-<h3>@Localizer["Title"]</h3>
+<h3>@Localizer["PdfTitle"]</h3>
+<h3>@Localizer["PdfDescription"]</h3>
 
 <PackageTips Name="BootstrapBlazor.PdfReader" />
 
 <DemoBlock Title="@Localizer["PdfReaderNormalText"]" Introduction="@Localizer["PdfReaderNormalIntro"]" Name="Normal">
-    <PdfReader FileName=@Filename Height="500px" />
+    <PdfReader ViewHeight="800px" Url="./samples/sample.pdf"></PdfReader>
 </DemoBlock>
 
-<DemoBlock Title="@Localizer["PdfReaderStreamModeText"]" Introduction="@Localizer["PdfReaderStreamModeIntro"]" Name="StreamMode">
+@* <DemoBlock Title="@Localizer["PdfReaderStreamModeText"]" Introduction="@Localizer["PdfReaderStreamModeIntro"]" Name="StreamMode">
     <div>
         <div class="row g-3">
             <div class="col-12">
@@ -92,4 +93,4 @@
 
  <AttributeTable Items="@GetAttributes()" />
 
- <a href="https://gitee.com/LongbowEnterprise/BootstrapBlazor/issues/I66LXV">@Localizer["PdfReaderIssue"]</a>
+ <a href="https://gitee.com/LongbowEnterprise/BootstrapBlazor/issues/I66LXV">@Localizer["PdfReaderIssue"]</a> *@

src/BootstrapBlazor.Server/Components/Samples/PdfReaders.razor.cs

@@ -1,4 +1,4 @@
-// Licensed to the .NET Foundation under one or more agreements.
+// Licensed to the .NET Foundation under one or more agreements.
 // The .NET Foundation licenses this file to you under the Apache 2.0 License
 // See the LICENSE file in the project root for more information.
 // Maintainer: Argo Zhang(argo@live.ca) Website: https://www.blazor.zone
@@ -25,7 +25,7 @@ public partial class PdfReaders
 
     private async Task ApplyFilenameStream()
     {
-        await PdfReader!.Refresh();
+        //await PdfReader!.Refresh();
     }
 
     [NotNull]
@@ -81,8 +81,8 @@ private async Task ApplyPageMode()
 
     async Task Refresh()
     {
-        if (AdvancedPdfReader != null)
-            await AdvancedPdfReader.Refresh(Search, Page, PageMode, Zoom, ReadOnly, Watermark);
+        //if (AdvancedPdfReader != null)
+        //await AdvancedPdfReader.Refresh(Search, Page, PageMode, Zoom, ReadOnly, Watermark);
     }
 
     private async Task ApplyPage()
@@ -274,8 +274,8 @@ protected AttributeItem[] GetAttributes() =>
         },
         new()
         {
-            Name = nameof(PdfReader.LocalFileName),
-            Description = Localizer[nameof(PdfReader.LocalFileName)],
+            //Name = nameof(PdfReader.LocalFileName),
+            //Description = Localizer[nameof(PdfReader.LocalFileName)],
             Type = "string",
             ValueList = " — ",
             DefaultValue = " — "

src/BootstrapBlazor.Server/Locales/en-US.json

@@ -5960,7 +5960,8 @@
     "SizeIntro": "Set the icon size by setting <code>Size</code>"
   },
   "BootstrapBlazor.Server.Components.Samples.PdfReaders": {
-    "Title": "PDF Reader",
+    "PdfTitle": "PDF Reader",
+    "PdfIntro": "Embed and display PDF documents directly in web pages without relying on a PDF reader installed locally by the user.",
     "PdfReaderNormalText": "Basic usage",
     "PdfReaderNormalIntro": "Use Filename parameter displays pdf file from local server, or Stream parameter use file stream for rendering",
     "PdfReaderStreamModeText": "Stream mode",

src/BootstrapBlazor.Server/Locales/zh-CN.json

@@ -5960,7 +5960,8 @@
     "SizeIntro": "通过设置 <code>Size</code> 设置图标大小"
   },
   "BootstrapBlazor.Server.Components.Samples.PdfReaders": {
-    "Title": "PDF Reader PDF阅读器",
+    "PdfTitle": "PDF Reader PDF 文档阅读器",
+    "PdfIntro": "在网页中直接嵌入和显示 PDF 文档，无需依赖用户本地安装的 PDF 阅读器",
     "PdfReaderNormalText": "基础用法",
     "PdfReaderNormalIntro": "Filename 参数显示本服务器pdf文件,或 Stream 参数指定用于渲染的文件流",
     "PdfReaderStreamModeText": "流模式",