feat: 增加 OnLoaded 回调方法

Author: ArgoZhang

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,11 +1,15 @@
 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");
 
+    if (!navigator.pdfViewerEnabled) {
+        await invoke.invokeMethodAsync(options.notSupportCallback);
+    }
+
     const el = document.getElementById(id);
-    const pdfViewer = { el };
+    const pdfViewer = { el, invoke, options };
     Data.set(id, pdfViewer);
 
     const url = el.getAttribute('data-bb-url');
@@ -16,8 +20,13 @@ export function loadPdf(id, url) {
     const pdfViewer = Data.get(id);
     const { el } = pdfViewer;
     if (url) {
-        const { frame } = pdfViewer;
+        const { frame, invoke, options } = pdfViewer;
         const viewer = frame || createFrame(el);
+        if (options.loadedCallaback) {
+            viewer.onload = () => {
+                invoke.invokeMethodAsync(options.loadedCallaback);
+            };
+        }
         viewer.src = url;
     }
     else {