feat(PdfViewer): add embedded parameter (#464)

* feat: 增加获得绝对路径方法

* feat: 增加 embedded=true 参数

* chore: bump version 9.0.3

Author: ArgoZhang

src/components/BootstrapBlazor.PdfViewer/BootstrapBlazor.PdfViewer.csproj

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

src/components/BootstrapBlazor.PdfViewer/PdfViewer.razor.cs

@@ -39,7 +39,10 @@ public partial class PdfViewer
     /// Gets or sets whether to use Google Docs for PDF rendering. Default is false.
     /// </summary>
     [Parameter]
-    public bool UseGoogleDocs { get; set; } = false;
+    public bool UseGoogleDocs { get; set; }
+
+    [Inject, NotNull]
+    private NavigationManager? NavigationManager { get; set; }
 
     private string? ClassString => CssBuilder.Default("bb-pdf-viewer-container")
         .AddClassFromAttributes(AdditionalAttributes)
@@ -85,7 +88,7 @@ protected override async Task OnAfterRenderAsync(bool firstRender)
 
         if (rerender)
         {
-            await InvokeVoidAsync("loadPdf", Id, _url);
+            await InvokeVoidAsync("loadPdf", Id, GetAbsoluteUri(_url));
         }
     }
 
@@ -97,9 +100,20 @@ protected override async Task OnAfterRenderAsync(bool firstRender)
     {
         LoadedCallaback = nameof(TriggerOnLoaded),
         NotSupportCallback = nameof(TriggerNotSupportCallback),
-        Url
+        Url = GetAbsoluteUri(Url)
     });
 
+    private string GetAbsoluteUri(string? url)
+    {
+        url ??= string.Empty;
+        if (string.IsNullOrEmpty(url) || !UseGoogleDocs)
+        {
+            return url;
+        }
+        var uri = NavigationManager.ToAbsoluteUri(url);
+        return uri.AbsoluteUri;
+    }
+
     /// <summary>
     /// Trigger OnLoaded callback when the PDF document is loaded.
     /// </summary>

src/components/BootstrapBlazor.PdfViewer/PdfViewer.razor.js

@@ -34,7 +34,7 @@ export async function loadPdf(id, url) {
 
         const useGoogleDocs = el.getAttribute('data-bb-google-docs') === 'true';
         if (useGoogleDocs) {
-            url = `https://docs.google.com/viewer?url=${url}`
+            url = `https://docs.google.com/viewer?url=${url}&embedded=true`
         }
         viewer.src = url;
     }