doc(EmbedPDF): add documentation (#7515)

* doc: 更新文档

* chore: bump version 10.0.0-beta04

Author: ArgoZhang

src/BootstrapBlazor.Server/BootstrapBlazor.Server.csproj

@@ -38,7 +38,7 @@
     <PackageReference Include="BootstrapBlazor.Dom2Image" Version="10.0.1" />
     <PackageReference Include="BootstrapBlazor.DriverJs" Version="10.0.1" />
     <PackageReference Include="BootstrapBlazor.ElementIcon" Version="10.0.0" />
-    <PackageReference Include="BootstrapBlazor.EmbedPDF" Version="10.0.0-beta02" />
+    <PackageReference Include="BootstrapBlazor.EmbedPDF" Version="10.0.0-beta04" />
     <PackageReference Include="BootstrapBlazor.FileViewer" Version="10.0.0" />
     <PackageReference Include="BootstrapBlazor.FluentSystemIcon" Version="10.0.0" />
     <PackageReference Include="BootstrapBlazor.FontAwesome" Version="10.0.0" />

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

@@ -17,35 +17,30 @@
         <div class="row form-inline g-3">
             <div class="col-12 col-sm-6">
                 <BootstrapInputGroup>
-                    <BootstrapInputGroupLabel>TabBarMode</BootstrapInputGroupLabel>
-                    <Select @bind-Value="_tabBarMode"></Select>
+                    <BootstrapInputGroupLabel>Language</BootstrapInputGroupLabel>
+                    <Select @bind-Value="_language" Items="_languages"></Select>
                 </BootstrapInputGroup>
             </div>
             <div class="col-12 col-sm-6">
                 <BootstrapInputGroup>
-                    <BootstrapInputGroupLabel>Theme</BootstrapInputGroupLabel>
-                    <Select @bind-Value="_theme"></Select>
+                    <BootstrapInputGroupLabel>TabBarMode</BootstrapInputGroupLabel>
+                    <Select @bind-Value="_tabBarMode"></Select>
                 </BootstrapInputGroup>
             </div>
             <div class="col-12 col-sm-6">
                 <BootstrapInputGroup>
-                    <BootstrapInputGroupLabel>EnableThumbnails</BootstrapInputGroupLabel>
-                    <Switch @bind-Value="_enableThumbnails"></Switch>
+                    <BootstrapInputGroupLabel>Theme</BootstrapInputGroupLabel>
+                    <Select @bind-Value="_theme"></Select>
                 </BootstrapInputGroup>
             </div>
             <div class="col-12 col-sm-6">
                 <BootstrapInputGroup>
-                    <BootstrapInputGroupLabel>ShowPrint</BootstrapInputGroupLabel>
-                    <Switch @bind-Value="_showPrint"></Switch>
+                    <BootstrapInputGroupLabel>ScrollStrategy</BootstrapInputGroupLabel>
+                    <Select @bind-Value="_strategy"></Select>
                 </BootstrapInputGroup>
             </div>
-            <div class="col-12">
-                <Button Color="Color.Primary" OnClick="@(() => _url = "./samples/sample.pdf")" class="me-2">sample-Url</Button>
-                <Button Color="Color.Primary" OnClick="@(() => _url = "./samples/ebook.pdf")" class="me-2">ebook-Url</Button>
-                <Button Color="Color.Danger" OnClick="GetSampleStream" class="me-2">Sample-Stream</Button>
-                <Button Color="Color.Danger" OnClick="GetTestStream">Sample2-Stream</Button>
-            </div>
         </div>
     </section>
-    <EmbedPDF Url="@_url" ViewHeight="600px" TabBarMode="_tabBarMode" Theme="_theme"></EmbedPDF>
+    <EmbedPDF Url="@_url" ViewHeight="600px" Language="@_language"
+              TabBarMode="_tabBarMode" Theme="_theme" ScrollStrategy="_strategy"></EmbedPDF>
 </DemoBlock>

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

@@ -16,15 +16,18 @@ public partial class EmbedPdfs
     [Inject, NotNull]
     private DownloadService? DownloadService { get; set; }
 
-    private bool _showTwoPagesOneView = true;
-    private bool _showPrint = true;
-    private bool _enableThumbnails = true;
-    private bool _showDownload = true;
     private EmbedPDFTabBarMode _tabBarMode = EmbedPDFTabBarMode.Always;
     private EmbedPDFTheme _theme = EmbedPDFTheme.System;
-    private bool _showFileName = true;
+    private EmbedPDFScrollStrategy _strategy = EmbedPDFScrollStrategy.Vertical;
     private string _url = "./samples/sample.pdf";
     private string _streamFileName = "";
+    private string _language = "";
+
+    private List<SelectedItem> _languages = new List<SelectedItem>() {
+        new SelectedItem("", "Auto"),
+        new SelectedItem("en", "en-US"),
+        new SelectedItem("zh-CN", "zh-CN")
+    };
 
     private async Task<Stream> OnGetStreamAsync()
     {