feat(AutoComplete): add OnBlurAsync parameter (#4406)

* refactor: 精简代码

* feat: 增加 OnBlurAsync 参数

* test: 增加单元测试

* revert: 撤销更改

Author: ArgoZhang

src/BootstrapBlazor.Server/Components/Components/Pre.razor.cs

@@ -148,7 +148,7 @@ private string FindCodeSnippetByName(string code)
         {
             var regex = new Regex($"<DemoBlock [\\s\\S]*? Name=\"{BlockName}\">([\\s\\S]*?)</DemoBlock>");
             var match = regex.Match(content);
-            if (match.Success && match.Groups.Count == 2)
+            if (match is { Success: true, Groups.Count: 2 })
             {
                 content = match.Groups[1].Value.Replace("\r\n", "\n").Replace("\n    ", "\n").TrimStart('\n');
             }

src/BootstrapBlazor/Components/AutoComplete/AutoComplete.razor.cs

@@ -59,6 +59,12 @@ public partial class AutoComplete
     [Parameter]
     public bool OnFocusFilter { get; set; }
 
+    /// <summary>
+    /// 获得/设置 失去焦点回调方法 默认 null
+    /// </summary>
+    [Parameter]
+    public Func<string?, Task>? OnBlurAsync { get; set; }
+
     /// <summary>
     /// 获得/设置 匹配时是否忽略大小写，默认为 true
     /// </summary>
@@ -145,10 +151,15 @@ protected override void OnParametersSet()
     /// <summary>
     /// OnBlur 方法
     /// </summary>
-    protected void OnBlur()
+    protected virtual async Task OnBlur()
     {
         CurrentSelectedItem = "";
         IsShown = false;
+
+        if (OnBlurAsync != null)
+        {
+            await OnBlurAsync(Value);
+        }
     }
 
     /// <summary>
@@ -239,7 +250,7 @@ public virtual async Task OnKeyUp(string key)
             }
             else if (key == "Escape")
             {
-                OnBlur();
+                await OnBlur();
                 if (!SkipEsc && OnEscAsync != null)
                 {
                     await OnEscAsync(Value);
@@ -256,7 +267,7 @@ public virtual async Task OnKeyUp(string key)
                     }
                 }
 
-                OnBlur();
+                await OnBlur();
                 if (!SkipEnter && OnEnterAsync != null)
                 {
                     await OnEnterAsync(Value);
@@ -268,7 +279,7 @@ public virtual async Task OnKeyUp(string key)
     }
 
     /// <summary>
-    /// 
+    /// 自定义按键处理方法
     /// </summary>
     /// <param name="key"></param>
     /// <returns></returns>

test/UnitTest/Components/AutoCompleteTest.cs

@@ -294,7 +294,7 @@ public void ValidateForm_Ok()
     [Fact]
     public void IsPopover_Ok()
     {
-        IEnumerable<string> items = new List<string>() { "test1", "test2" };
+        var items = new List<string>() { "test1", "test2" };
         var cut = Context.RenderComponent<AutoComplete>(pb =>
         {
             pb.Add(a => a.Items, items);
@@ -309,4 +309,29 @@ public void IsPopover_Ok()
         cut.DoesNotContain("data-bs-placement");
         cut.Contains("data-bs-custom-class=\"ac-pop-test shadow\"");
     }
+
+    [Fact]
+    public async Task OnBlurAsync_Ok()
+    {
+        string? val = "";
+        var items = new List<string>() { "test1", "test2" };
+        var cut = Context.RenderComponent<AutoComplete>(pb =>
+        {
+            pb.Add(a => a.Items, items);
+            pb.Add(a => a.OnBlurAsync, v =>
+            {
+                val = v;
+                return Task.CompletedTask;
+            });
+        });
+
+        // trigger blur
+        var input = cut.Find("input");
+        await cut.InvokeAsync(() =>
+        {
+            input.Input("123");
+            input.Blur();
+        });
+        Assert.Equal("123", val);
+    }
 }