feat: 增加 OnItemShownAsync 回调方法

Author: ArgoZhang

src/BootstrapBlazor/Components/DropdownWidget/DropdownWidget.razor.cs

@@ -31,6 +31,12 @@ public sealed partial class DropdownWidget
     [Parameter]
     public Func<DropdownWidgetItem, Task>? OnItemCloseAsync { get; set; }
 
+    /// <summary>
+    /// 获得/设置 下拉项关闭回调方法
+    /// </summary>
+    [Parameter]
+    public Func<DropdownWidgetItem, Task>? OnItemShownAsync { get; set; }
+
     private List<DropdownWidgetItem> Childs { get; } = new List<DropdownWidgetItem>(20);
 
     /// <summary>
@@ -54,15 +60,23 @@ internal void Add(DropdownWidgetItem item)
     /// Widget 下拉项关闭回调方法 由 JavaScript 调用
     /// </summary>
     /// <param name="index"></param>
+    /// <param name="shown"></param>
     /// <returns></returns>
     [JSInvokable]
-    public async Task OnWidgetItemClosed(int index)
+    public async Task OnWidgetItemClosed(int index, bool shown)
     {
         var items = GetItems().ToList();
         var item = index < items.Count ? items[index] : null;
-        if (item != null && OnItemCloseAsync != null)
+        if (item != null)
         {
-            await OnItemCloseAsync(item);
+            if (OnItemCloseAsync != null && !shown)
+            {
+                await OnItemCloseAsync(item);
+            }
+            else if (OnItemShownAsync != null && shown)
+            {
+                await OnItemShownAsync(item);
+            }
         }
     }
 }

src/BootstrapBlazor/Components/DropdownWidget/DropdownWidget.razor.js

@@ -7,13 +7,16 @@ export function init(id, invoke, options) {
         return;
     }
 
-    const { method } = options;
-    EventHandler.on(el, 'hidden.bs.dropdown', e => {
+    const invokeMethod = e => {
         const item = e.target;
         const items = [...el.querySelectorAll("[data-bs-toggle=\"dropdown\"]")];
         const index = items.indexOf(item);
-        invoke.invokeMethodAsync(method, index);
-    });
+        invoke.invokeMethodAsync(method, index, e.type === 'shown.bs.dropdown');
+    }
+
+    const { method } = options;
+    EventHandler.on(el, 'hidden.bs.dropdown', invokeMethod);
+    EventHandler.on(el, 'shown.bs.dropdown', invokeMethod);
 }
 
 export function dispose(id) {