refactor: 增加 Clear 方法用于触发双向绑定

Author: ArgoZhang

src/BootstrapBlazor/Components/AutoComplete/AutoComplete.razor.cs

@@ -192,6 +192,19 @@ private async Task OnClickItem(string val)
 
     private List<string> Rows => _filterItems ?? [.. Items];
 
+    /// <summary>
+    /// 点击清空按钮时调用此方法 由 Javascript 触发
+    /// </summary>
+    /// <returns></returns>
+    [JSInvokable]
+    public async Task TriggerClear()
+    {
+        await TriggerFilter("");
+
+        _clientValue = null;
+        CurrentValueAsString = string.Empty;
+    }
+
     /// <summary>
     /// TriggerFilter method
     /// </summary>
@@ -228,12 +241,10 @@ public async Task TriggerFilter(string val)
     /// <param name="v"></param>
     /// <returns></returns>
     [JSInvokable]
-    public Task TriggerChange(string v)
+    public void TriggerChange(string v)
     {
         _clientValue = v;
         CurrentValueAsString = v;
-
-        return Task.CompletedTask;
     }
 
     private List<string> GetFilterItemsByValue(string val)

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

@@ -143,7 +143,7 @@ export function init(id, invoke, value, changedEventCallback) {
 
     EventHandler.on(el, 'click', '.clear-icon', e => {
         input.value = '';
-        invoke.invokeMethodAsync('TriggerFilter', '');
+        invoke.invokeMethodAsync('TriggerClear');
     });
 }