fix(Select): enter keydown event not work (#5032)

* refactor: 精简参数使用默认值

* refactor: 合并代码提高可读性

* feat: 修复 Enter 按键失效问题

* chore: bump version 9.2.4-beta01

Co-Authored-By: IDLE <[email protected]>

* Revert "refactor: 合并代码提高可读性"

This reverts commit 47809a0.

---------

Co-authored-by: IDLE <[email protected]>

Author: ArgoZhang

src/BootstrapBlazor.Server/Components/Pages/Coms.razor

@@ -4,7 +4,7 @@
 <div class="coms-search">
     <div class="row">
         <div class="col-12">
-            <Search @bind-Value="@SearchText" PlaceHolder="@Localizer["Search"]" IsTriggerSearchByInput="true" IsAutoFocus="true" OnSearch="@OnSearch"></Search>
+            <Search @bind-Value="@SearchText" PlaceHolder="@Localizer["Search"]" OnSearch="@OnSearch"></Search>
         </div>
     </div>
     <div class="coms-search-filter">

src/BootstrapBlazor/BootstrapBlazor.csproj

@@ -1,7 +1,7 @@
 <Project Sdk="Microsoft.NET.Sdk.Razor">
 
   <PropertyGroup>
-    <Version>9.2.3</Version>
+    <Version>9.2.4-beta01</Version>
   </PropertyGroup>
 
   <ItemGroup>

src/BootstrapBlazor/Components/Select/Select.razor.js

@@ -29,8 +29,14 @@ export function init(id, invoke, options) {
         const menu = popover.toggleMenu;
         const key = e.key;
         if (key === "Enter" || key === 'NumpadEnter') {
-            menu.classList.remove('show')
-            let index = indexOf(el, activeItem)
+            if (popover.isPopover) {
+                popover.hide();
+            }
+            else {
+                menu.classList.remove('show');
+            }
+            const activeItem = menu.querySelector('.active');
+            let index = indexOf(menu, activeItem)
             invoke.invokeMethodAsync(confirmMethodCallback, index)
         }
         else if (key === 'ArrowUp' || key === 'ArrowDown') {
@@ -64,7 +70,9 @@ export function init(id, invoke, options) {
     }
 
     EventHandler.on(el, 'shown.bs.dropdown', shown);
-    EventHandler.on(el, 'keydown', keydown)
+
+    const input = el.querySelector(`#${id}_input`);
+    EventHandler.on(input, 'keydown', keydown)
 
     const onSearch = debounce(async v => {
         search.parentElement.classList.add('l');
@@ -73,6 +81,7 @@ export function init(id, invoke, options) {
     });
     if (search) {
         Input.composition(search, onSearch);
+        EventHandler.on(search, 'keydown', keydown);
     }
 
     const select = {
@@ -123,10 +132,15 @@ export function dispose(id) {
     Data.remove(id)
 
     if (select) {
-        EventHandler.off(select.el, 'shown.bs.dropdown')
-        EventHandler.off(select.el, 'keydown');
-        Popover.dispose(select.popover)
-        Input.dispose(select.search);
+        const { el, popover, search } = select
+        EventHandler.off(el, 'shown.bs.dropdown')
+        EventHandler.off(el, 'keydown');
+        Popover.dispose(popover);
+
+        if (search) {
+            Input.dispose(search);
+            EventHandler.off(search, 'keydown');
+        }
     }
 }