refactor: 适配网络卡顿

Author: ArgoZhang

src/BootstrapBlazor/Components/Search/Search.razor

@@ -55,7 +55,14 @@
             <Button Color="SearchButtonColor" Text="@SearchButtonText" Icon="@ButtonIcon" OnClick="OnSearchClick" aria-label="Search"></Button>
         }
     </div>
-    <ul class="dropdown-menu">
+    <BootstrapBlazorRender @ref="_dropdown">
+        @RenderDropdown
+    </BootstrapBlazorRender>
+</div>
+
+@code {
+    RenderFragment RenderDropdown =>
+    @<ul class="dropdown-menu">
         @foreach (var item in _filterItems)
         {
             <li class="dropdown-item" @onclick="() => OnClickItem(item)">
@@ -73,5 +80,5 @@
         {
             <li class="dropdown-item">@NoDataTip</li>
         }
-    </ul>
-</div>
+    </ul>;
+}

src/BootstrapBlazor/Components/Search/Search.razor.cs

@@ -171,6 +171,9 @@ public partial class Search<TValue>
 
     private SearchContext<TValue> _context = default!;
 
+    [NotNull]
+    private BootstrapBlazorRender? _dropdown = default;
+
     /// <summary>
     /// <inheritdoc/>
     /// </summary>
@@ -205,6 +208,14 @@ protected override void OnParametersSet()
         }
     }
 
+    private bool _render = true;
+
+    /// <summary>
+    /// <inheritdoc/>
+    /// </summary>
+    /// <returns></returns>
+    protected override bool ShouldRender() => _render;
+
     private string _displayText = "";
     /// <summary>
     /// 点击搜索按钮时触发此方法
@@ -280,11 +291,13 @@ private async Task OnClickItem(TValue val)
     [JSInvokable]
     public override async Task TriggerChange(string val)
     {
+        _render = false;
         _displayText = val;
-
         if (IsTriggerSearchByInput)
         {
             await OnSearchClick();
         }
+        _render = true;
+        _dropdown.Render();
     }
 }