fix(AutoFill): support numberpad enter key (#4634)

* feat: 增加 IsEnterKey 判断

* refactor: 使用 IsEnterKey 判断键值

* refactor: 增加小键盘支持

* test: 增加小键盘单元测试

Author: ArgoZhang

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

@@ -256,7 +256,7 @@ public virtual async Task OnKeyUp(string key)
                     await OnEscAsync(Value);
                 }
             }
-            else if (key == "Enter")
+            else if (IsEnterKey(key))
             {
                 if (!string.IsNullOrEmpty(CurrentSelectedItem))
                 {

src/BootstrapBlazor/Components/AutoComplete/AutoComplete.razor.js

@@ -23,7 +23,7 @@ export function init(id, invoke) {
         EventHandler.on(input, 'keyup', debounce(e => {
             invoke.invokeMethodAsync('OnKeyUp', e.code)
         }, duration, e => {
-            return ['ArrowLeft', 'ArrowRight', 'ArrowUp', 'ArrowDown', 'Escape', 'Enter'].indexOf(e.key) > -1
+            return ['ArrowLeft', 'ArrowRight', 'ArrowUp', 'ArrowDown', 'Escape', 'Enter', 'NumpadEnter'].indexOf(e.key) > -1
         }))
     }
     else {

src/BootstrapBlazor/Components/AutoComplete/PopoverCompleteBase.cs

@@ -156,4 +156,11 @@ protected override async Task OnAfterRenderAsync(bool firstRender)
     /// </summary>
     /// <returns></returns>
     protected override Task InvokeInitAsync() => InvokeVoidAsync("init", Id, Interop);
+
+    /// <summary>
+    /// 判断是否为回车键
+    /// </summary>
+    /// <param name="key"></param>
+    /// <returns></returns>
+    protected bool IsEnterKey(string key) => key == "Enter" || key == "NumpadEnter";
 }

src/BootstrapBlazor/Components/AutoFill/AutoFill.razor.cs

@@ -257,7 +257,7 @@ public virtual async Task OnKeyUp(string key)
                     await OnEscAsync(Value);
                 }
             }
-            else if (key == "Enter")
+            else if (IsEnterKey(key))
             {
                 ActiveSelectedItem ??= _filterItems.FirstOrDefault();
                 if (ActiveSelectedItem != null)

test/UnitTest/Components/AutoCompleteTest.cs

@@ -13,9 +13,10 @@ public class AutoCompleteTest : BootstrapBlazorTestBase
     [Fact]
     public void Parameter_Ok()
     {
+        var items = new List<string>() { "test1", "test2" };
         var cut = Context.RenderComponent<AutoComplete>(builder =>
         {
-            builder.Add(a => a.Items, new string[] { "test1", "test2" });
+            builder.Add(a => a.Items, items);
             builder.Add(a => a.NoDataTip, "test3");
             builder.Add(a => a.ShowNoDataTip, true);
             builder.Add(a => a.DisplayCount, 10);
@@ -175,7 +176,7 @@ public void Enter_Test()
 
         cut.InvokeAsync(() => cut.Instance.OnKeyUp("t"));
         cut.InvokeAsync(() => cut.Instance.OnKeyUp("ArrowDown"));
-        cut.InvokeAsync(() => cut.Instance.OnKeyUp("Enter"));
+        cut.InvokeAsync(() => cut.Instance.OnKeyUp("NumpadEnter"));
         Assert.True(enter);
     }