refactor: 清空按钮复用 AutoComplete 逻辑

Author: ArgoZhang

src/BootstrapBlazor/Components/AutoFill/AutoFill.razor

@@ -19,7 +19,7 @@
     <span class="form-select-append ac-loading"><i class="@LoadingIcon"></i></span>
     @if (GetClearable())
     {
-        <span class="@ClearClassString" @onclick="OnClearValue"><i class="@ClearIcon"></i></span>
+        <span class="@ClearClassString"><i class="@ClearIcon"></i></span>
     }
     <RenderTemplate @ref="_dropdown">
         @RenderDropdown

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

@@ -14,13 +14,6 @@ namespace BootstrapBlazor.Components;
 /// <typeparam name="TValue">The type of the value.</typeparam>
 public partial class AutoFill<TValue>
 {
-    /// <summary>
-    /// Gets the component style.
-    /// </summary>
-    private string? ClassString => CssBuilder.Default("auto-complete auto-fill")
-        .AddClass("is-clearable", IsClearable)
-        .Build();
-
     /// <summary>
     /// Gets or sets the collection of items for the component.
     /// </summary>
@@ -141,6 +134,13 @@ public partial class AutoFill<TValue>
     [NotNull]
     private RenderTemplate? _dropdown = null;
 
+    /// <summary>
+    /// Gets the component style.
+    /// </summary>
+    private string? ClassString => CssBuilder.Default("auto-complete auto-fill")
+        .AddClass("is-clearable", IsClearable)
+        .Build();
+
     /// <summary>
     /// Gets the clear icon class string.
     /// </summary>
@@ -176,7 +176,6 @@ protected override void OnParametersSet()
     /// <returns></returns>
     protected override Task InvokeInitAsync() => InvokeVoidAsync("init", Id, Interop, _displayText);
 
-
     private bool IsNullable() => !ValueType.IsValueType || NullableUnderlyingType != null;
 
     /// <summary>
@@ -185,30 +184,6 @@ protected override void OnParametersSet()
     /// <returns></returns>
     private bool GetClearable() => IsClearable && !IsDisabled && IsNullable();
 
-    /// <summary>
-    /// <inheritdoc/>
-    /// </summary>
-    /// <returns></returns>
-    private async Task OnClearValue()
-    {
-        // 使用脚本更新 input 值
-        await InvokeVoidAsync("setValue", Id, "");
-
-        if (OnClearAsync != null)
-        {
-            await OnClearAsync();
-        }
-        CurrentValue = default;
-        _displayText = null;
-        _filterItems = null;
-        _searchText = null;
-
-        if (OnQueryAsync != null)
-        {
-            await _virtualizeElement.RefreshDataAsync();
-        }
-    }
-
     /// <summary>
     /// Callback method when a candidate item is clicked.
     /// </summary>
@@ -255,6 +230,18 @@ private async ValueTask<ItemsProviderResult<TValue>> LoadItems(ItemsProviderRequ
     [JSInvokable]
     public async Task TriggerFilter(string val)
     {
+        if (string.IsNullOrEmpty(val))
+        {
+            CurrentValue = default;
+            _filterItems = null;
+            _displayText = null;
+
+            if (OnClearAsync != null)
+            {
+                await OnClearAsync();
+            }
+        }
+
         if (OnQueryAsync != null)
         {
             _searchText = val;