refactor: 增加 DeleteCallback 方法

Author: ArgoZhang

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

@@ -175,13 +175,24 @@ public override Task TriggerChange(string val)
     {
         // client input does not need to be re-rendered to prevent jitter when the network is congested 
         _render = false;
+        CurrentValue = val;
+        _render = true;
+        _dropdown.Render();
+        return Task.CompletedTask;
+    }
+
+    /// <summary>
+    /// TriggerChange method
+    /// </summary>
+    /// <param name="val"></param>
+    [JSInvokable]
+    public Task DeleteCallback(string val)
+    {
         CurrentValue = val;
         if (!ValueChanged.HasDelegate)
         {
             StateHasChanged();
         }
-        _render = true;
-        _dropdown.Render();
         return Task.CompletedTask;
     }
 }

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

@@ -157,6 +157,11 @@ const handlerKeyup = (ac, e) => {
         current.classList.add('active');
         scrollIntoView(el, current);
     }
+    else if (key === 'Backspace' || key === 'Delete') {
+        if (el.className === 'auto-complete') {
+            invoke.invokeMethodAsync('DeleteCallback', input.value);
+        }
+    }
 }
 
 export function showList(id) {