feat: 增加 TriggerHideCallback 回调

Author: ArgoZhang

src/BootstrapBlazor/Components/DateTimePicker/DateTimePicker.razor

@@ -1,7 +1,7 @@
 @namespace BootstrapBlazor.Components
 @typeparam TValue
 @inherits PopoverDropdownBase<TValue>
-@attribute [BootstrapModuleAutoLoader("DateTimePicker/DateTimePicker.razor.js")]
+@attribute [BootstrapModuleAutoLoader("DateTimePicker/DateTimePicker.razor.js", JSObjectReference = true)]
 
 @if (IsShowLabel)
 {

src/BootstrapBlazor/Components/DateTimePicker/DateTimePicker.razor.cs

@@ -372,6 +372,15 @@ protected override string FormatValueAsString(TValue? value)
         return ret;
     }
 
+    /// <summary>
+    /// <inheritdoc/>
+    /// </summary>
+    /// <returns></returns>
+    protected override Task InvokeInitAsync() => InvokeVoidAsync("init", Id, Interop, new
+    {
+        TriggerHideCallback = nameof(TriggerHideCallback)
+    });
+
     private bool MinValueToEmpty(DateTime val) => val == DateTime.MinValue && AllowNull && DisplayMinValueAsEmpty;
 
     private bool MinValueToToday(DateTime val) => val == DateTime.MinValue && !AllowNull && AutoToday;
@@ -454,4 +463,15 @@ protected virtual async Task OnBlur()
             await OnBlurAsync(Value);
         }
     }
+
+    /// <summary>
+    /// 客户端弹窗关闭后由 Javascript 调用此方法
+    /// </summary>
+    /// <returns></returns>
+    [JSInvokable]
+    public Task TriggerHideCallback()
+    {
+        StateHasChanged();
+        return Task.CompletedTask;
+    }
 }

src/BootstrapBlazor/Components/DateTimePicker/DateTimePicker.razor.js

@@ -2,7 +2,7 @@
 import EventHandler from "../../modules/event-handler.js"
 import Popover from "../../modules/base-popover.js"
 
-export function init(id) {
+export function init(id, invoke, options) {
     const el = document.getElementById(id)
     if (el == null) {
         return
@@ -13,6 +13,10 @@ export function init(id) {
         dropdownSelector: el.getAttribute('data-bb-dropdown'),
         isDisabled: () => {
             return el.classList.contains('disabled');
+        },
+        hideCallback: () => {
+            console.log('hideCallback');
+            invoke.invokeMethodAsync(options.triggerHideCallback);
         }
     });
     const dateTimePicker = {