refactor: 更新搜索栏

Author: ArgoZhang

src/BootstrapBlazor/Components/Select/Select.razor

@@ -31,13 +31,10 @@
             <span class="@ClearClassString" @onclick="OnClearValue"><i class="@ClearIcon"></i></span>
         }
         <div class="dropdown-menu">
-            @if (ShowSearch)
-            {
-                <div class="@SearchClassString">
-                    <input type="text" class="search-text form-control" autocomplete="off" value="@SearchText" aria-label="Search">
-                    <i class="@SearchIconString"></i>
-                </div>
-            }
+            <div class="@SearchClassString">
+                <input type="text" class="search-text form-control" autocomplete="off" value="@SearchText" aria-label="Search">
+                <i class="@SearchIconString"></i>
+            </div>
             @if (IsVirtualize)
             {
                 <div class="dropdown-virtual">

src/BootstrapBlazor/Components/Select/Select.razor.cs

@@ -55,6 +55,7 @@ public partial class Select<TValue> : ISelect, ILookup
         .Build();
 
     private string? SearchClassString => CssBuilder.Default("search")
+        .AddClass("show", ShowSearch)
         .AddClass("is-fixed", IsFixedSearch)
         .Build();
 

src/BootstrapBlazor/Components/Select/Select.razor.scss

@@ -212,6 +212,10 @@
     position: relative;
     border-block-end: var(--bs-border-width) solid var(--bb-select-search-border-color);
     margin-block-end: var(--bb-select-search-margin-bottom);
+
+    &:not(.show) {
+        display: none;
+    }
 }
 
 .dropdown-menu .search.is-fixed {