feat(PopConfirmButton): support trigger OnClose event callback when click document

src/BootstrapBlazor/BootstrapBlazor.csproj

@@ -1,7 +1,7 @@
 <Project Sdk="Microsoft.NET.Sdk.Razor">
 
   <PropertyGroup>
-    <Version>9.5.11-beta03</Version>
+    <Version>9.5.11-beta04</Version>
   </PropertyGroup>
 
   <ItemGroup>

src/BootstrapBlazor/Components/Button/PopConfirmButton.razor.cs

@@ -97,7 +97,11 @@ private async Task OnClickConfirm()
             IsDisabled = true;
             IsAsyncLoading = true;
             StateHasChanged();
-            await Task.Run(() => InvokeAsync(OnConfirm));
+
+            if (OnConfirm != null)
+            {
+                await Task.Run(() => InvokeAsync(OnConfirm));
+            }
 
             if (ButtonType == ButtonType.Submit)
             {
@@ -112,7 +116,10 @@ private async Task OnClickConfirm()
         }
         else
         {
-            await OnConfirm();
+            if (OnConfirm != null)
+            {
+                await OnConfirm();
+            }
             if (ButtonType == ButtonType.Submit)
             {
                 await TrySubmit();

src/BootstrapBlazor/Components/Button/PopConfirmButton.razor.js

@@ -8,7 +8,7 @@ const config = {
     popoverSelector: '.popover-confirm.show'
 }
 
-export function init(id) {
+export function init(id, invoke, closeCallback = null) {
     const el = document.getElementById(id)
     if (el == null) {
         return
@@ -18,7 +18,9 @@ export function init(id) {
 
     const confirm = {
         el,
-        container: el.querySelector('[data-bb-toggle="confirm"]')
+        container: el.querySelector('[data-bb-toggle="confirm"]'),
+        invoke,
+        closeCallback
     }
     Data.set(id, confirm)
 
@@ -79,7 +81,16 @@ export function init(id) {
                 if (element) {
                     const popover = bootstrap.Popover.getInstance(element);
                     if (popover) {
-                        popover.hide()
+                        popover.hide();
+
+                        const id = element.getAttribute('id');
+                        if (id) {
+                            const com = Data.get(id);
+                            const { invoke, closeCallback } = com;
+                            if (invoke && closeCallback) {
+                                invoke.invokeMethodAsync(closeCallback);
+                            }
+                        }
                     }
                 }
             })
@@ -135,11 +146,17 @@ export function dispose(id) {
     const confirm = Data.get(id)
     Data.remove(id)
 
-    const { popover } = confirm ?? {};
+    const { popover, el } = confirm ?? {};
     if (popover) {
         popover.dispose();
     }
 
+    if (el) {
+        EventHandler.off(el, 'show.bs.popover')
+        EventHandler.off(el, 'inserted.bs.popover')
+        EventHandler.off(el, 'hide.bs.popover')
+    }
+
     const { PopConfirmButton } = window.BootstrapBlazor;
     PopConfirmButton.dispose(id, () => {
         EventHandler.off(document, 'click', confirm.closeConfirm)

src/BootstrapBlazor/Components/Button/PopConfirmButtonBase.cs

@@ -8,7 +8,7 @@
 /// <summary>
 /// 确认弹窗按钮组件
 /// </summary>
-[BootstrapModuleAutoLoader("Button/PopConfirmButton.razor.js")]
+[BootstrapModuleAutoLoader("Button/PopConfirmButton.razor.js", JSObjectReference = true)]
 public abstract class PopConfirmButtonBase : ButtonBase
 {
     /// <summary>
@@ -57,7 +57,6 @@
     /// 获得/设置 点击确认时回调方法
     /// </summary>
     [Parameter]
-    [NotNull]
     public Func<Task>? OnConfirm { get; set; }
 
     /// <summary>
@@ -70,7 +69,6 @@
     /// 获得/设置 点击关闭时回调方法
     /// </summary>
     [Parameter]
-    [NotNull]
     public Func<Task>? OnClose { get; set; }
 
     /// <summary>
@@ -160,12 +158,28 @@
         ConfirmIcon ??= IconTheme.GetIconByKey(ComponentIcons.PopConfirmButtonConfirmIcon);
         Trigger ??= "click";
 
-        OnClose ??= () => Task.CompletedTask;
-        OnConfirm ??= () => Task.CompletedTask;
-
         if (Placement != Placement.Top && Placement != Placement.Right && Placement != Placement.Bottom && Placement != Placement.Left)
         {
             Placement = Placement.Auto;
         }
     }
+
+    /// <summary>
+    /// <inheritdoc/>
+    /// </summary>
+    /// <returns></returns>
+    protected override Task InvokeInitAsync() => InvokeVoidAsync("init", Id, Interop, OnClose == null ? null : nameof(TriggerCloseCallback));
+
+    /// <summary>
+    /// Trigger OnClose event callback.
+    /// </summary>
+    /// <returns></returns>
+    [JSInvokable]
+    public async Task TriggerCloseCallback()
+    {
+        if (OnClose != null)
+        {
+            await OnClose();
+        }
+    }
 }

src/BootstrapBlazor/Components/Table/TableExtensionButton.razor.cs

@@ -61,7 +61,10 @@ await OnClickButton(new TableCellButtonArgs()
 
     private async Task OnClickConfirm(TableCellPopConfirmButton b)
     {
-        await b.OnConfirm();
+        if (b.OnConfirm != null)
+        {
+            await b.OnConfirm();
+        }
 
         if (OnClickButton != null)
         {

src/BootstrapBlazor/Components/Table/TableToolbar.razor.cs

@@ -91,7 +91,10 @@
                 await button.OnClick.InvokeAsync();
             }
 
-            await button.OnConfirm();
+            if (button.OnConfirm != null)
+            {
+                await button.OnConfirm();
+            }
 
             // 传递当前选中行给回调委托方法
             if (button.OnConfirmCallback != null)