feat(Search): support Debounce default value 200ms (#5308)

* feat: 增加客户端防抖

* feat: 增加防抖参数设置

* doc: 增加防抖 200 毫秒设置

* feat: 增加防抖默认值 200

Author: ArgoZhang

src/BootstrapBlazor.Server/Components/Samples/Searches.razor

@@ -186,7 +186,7 @@ private async Task OnClickClear()
     <div class="row g-3">
         <div class="col-12 col-sm-6">
             <Search PlaceHolder="@Localizer["SearchesPlaceHolder"]"
-                    OnSearch="@OnModelSearch"
+                    OnSearch="@OnModelSearch" Debounce="200"
                     IsClearable="_isClearable" ShowClearButton="_showClearButton" ShowSearchButton="_showSearchButton"
                     ShowPrefixIcon="true" PrefixIcon="fa-brands fa-github">
             </Search>

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

@@ -58,15 +58,23 @@ export function init(id, invoke) {
         invoke.invokeMethodAsync('TriggerChange', e.target.value);
     });
 
-    Input.composition(input, async v => {
+    let filterDuration = duration;
+    if (filterDuration === 0) {
+        filterDuration = 200;
+    }
+    const filterCallback = debounce(async v => {
+        await invoke.invokeMethodAsync('TriggerFilter', v);
+        el.classList.remove('is-loading');
+    }, filterDuration);
+
+    Input.composition(input, v => {
         const useInput = input.getAttribute('data-bb-input') !== 'false';
         if (isPopover === false && useInput) {
             el.classList.add('show');
         }
 
         el.classList.add('is-loading');
-        await invoke.invokeMethodAsync('TriggerFilter', v);
-        el.classList.remove('is-loading');
+        filterCallback(v);
     });
 
     if (window.BootstrapBlazor.AutoComplete === void 0) {

src/BootstrapBlazor/Components/Search/Search.razor

@@ -25,7 +25,7 @@
             <input id="@InputId" class="search-input" autocomplete="off" type="text"
                    data-bs-toggle="@ToggleString" data-bs-placement="@PlacementString"
                    data-bs-offset="@OffsetString" data-bs-custom-class="@CustomClassString"
-                   data-bb-auto-dropdown-focus="@ShowDropdownListOnFocusString"
+                   data-bb-auto-dropdown-focus="@ShowDropdownListOnFocusString" data-bb-debounce="@DurationString"
                    data-bb-skip-esc="@SkipEscString" data-bb-skip-enter="@SkipEnterString"
                    data-bb-scroll-behavior="@ScrollIntoViewBehaviorString"
                    data-bb-input="@UseInputString"

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

@@ -198,6 +198,11 @@ protected override void OnParametersSet()
         ButtonIcon ??= SearchButtonIcon;
         NoDataTip ??= Localizer[nameof(NoDataTip)];
         _filterItems ??= [];
+
+        if (Debounce == 0)
+        {
+            Debounce = 200;
+        }
     }
 
     private string _displayText = "";