feat(PdfViewer): add OnLoaded parameter (#452)

* feat: 增加 OnLoaded 回调方法

* chore: bump version 9.0.0

* refactor: 增加平台支持逻辑

* refactor: 重构逻辑

* refactor: 增加异步逻辑

Author: ArgoZhang

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

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

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

@@ -23,6 +23,18 @@ public partial class PdfViewer
     [Parameter]
     public string? Height { get; set; }
 
+    /// <summary>
+    /// Gets or sets the document loaded event callback.
+    /// </summary>
+    [Parameter]
+    public Func<Task>? OnLoaded { get; set; }
+
+    /// <summary>
+    /// Gets or sets the document loaded event callback.
+    /// </summary>
+    [Parameter]
+    public Func<Task>? NotSupportCallback { get; set; }
+
     private string? ClassString => CssBuilder.Default("bb-pdf-viewer-container")
         .AddClassFromAttributes(AdditionalAttributes)
         .Build();
@@ -58,5 +70,35 @@ protected override async Task OnAfterRenderAsync(bool firstRender)
     /// <inheritdoc/>
     /// </summary>
     /// <returns></returns>
-    protected override Task InvokeInitAsync() => InvokeVoidAsync("init", Id);
+    protected override Task InvokeInitAsync() => InvokeVoidAsync("init", Id, Interop, new
+    {
+        LoadedCallaback = nameof(TriggerOnLoaded),
+        NotSupportCallback = nameof(TriggerNotSupportCallback)
+    });
+
+    /// <summary>
+    /// Trigger OnLoaded callback when the PDF document is loaded.
+    /// </summary>
+    /// <returns></returns>
+    [JSInvokable]
+    public async Task TriggerOnLoaded()
+    {
+        if (OnLoaded != null)
+        {
+            await OnLoaded();
+        }
+    }
+
+    /// <summary>
+    /// Trigger NotSupportCallback when the PDF viewer does not support the document.
+    /// </summary>
+    /// <returns></returns>
+    [JSInvokable]
+    public async Task TriggerNotSupportCallback()
+    {
+        if (NotSupportCallback != null)
+        {
+            await NotSupportCallback();
+        }
+    }
 }

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

@@ -1,23 +1,34 @@
 import { addLink } from "../BootstrapBlazor/modules/utility.js"
 import Data from "../BootstrapBlazor/modules/data.js"
 
-export async function init(id) {
+export async function init(id, invoke, options) {
     await addLink("./_content/BootstrapBlazor.PdfViewer/pdf-viewer.css");
 
     const el = document.getElementById(id);
-    const pdfViewer = { el };
+    const pdfViewer = { el, invoke, options };
     Data.set(id, pdfViewer);
 
     const url = el.getAttribute('data-bb-url');
-    loadPdf(id, url);
+    await loadPdf(id, url);
 }
 
-export function loadPdf(id, url) {
+export async function loadPdf(id, url) {
     const pdfViewer = Data.get(id);
-    const { el } = pdfViewer;
+    const { el, invoke, options } = pdfViewer;
+
+    if (!navigator.pdfViewerEnabled) {
+        await invoke.invokeMethodAsync(options.notSupportCallback);
+        return;
+    }
+
     if (url) {
         const { frame } = pdfViewer;
         const viewer = frame || createFrame(el);
+        if (options.loadedCallaback) {
+            viewer.onload = () => {
+                invoke.invokeMethodAsync(options.loadedCallaback);
+            };
+        }
         viewer.src = url;
     }
     else {