AutoFill组件变动

input输入Enter时，如候选项唯一，直接选中
当焦点从AutoFill移出时，如GetDisplayText(Value)对应的内容与input中的内容不符则清空Value和Input

Author: braia123

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

@@ -150,9 +150,16 @@ export function init(id, invoke, value, changedEventCallback) {
 const handlerKeydown = (ac, e) => {
     const key = e.key;
     const { el, invoke, menu } = ac;
-    if (key === 'Enter') {
+    if (key === 'Enter' || key === 'NumpadEnter') {
         const skipEnter = el.getAttribute('data-bb-skip-enter') === 'true';
         if (!skipEnter) {
+            const items = [...menu.querySelectorAll('.dropdown-item')];
+            if (items.length === 1) {
+                // 当只有一个候选项时，直接触发点击
+                items[0].click();
+                invoke.invokeMethodAsync('EnterCallback');
+                return;
+            }
             const current = menu.querySelector('.active');
             if (current !== null) {
                 current.click();
@@ -227,3 +234,11 @@ const scrollIntoView = (el, item) => {
 }
 
 export { handleKeyUp, select, selectAllByFocus, selectAllByEnter }
+
+export function getInputValue(id) {
+    const ac = Data.get(id);
+    if (ac && ac.input) {
+        return ac.input.value;
+    }
+    return "";
+}

src/BootstrapBlazor/Components/AutoFill/AutoFill.razor

@@ -14,7 +14,8 @@
            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"
-           placeholder="@PlaceHolder" disabled="@Disabled" />
+           placeholder="@PlaceHolder" disabled="@Disabled"
+           onblur="@OnBlur" />
     <span class="form-select-append"><i class="@Icon"></i></span>
     <span class="form-select-append ac-loading"><i class="@LoadingIcon"></i></span>
     @if (GetClearable())

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

@@ -99,6 +99,12 @@ public partial class AutoFill<TValue>
     [Parameter]
     public float RowHeight { get; set; } = 50f;
 
+    /// <summary>
+    /// 失去焦点时判定输入框内容无效则清空内容
+    /// </summary>
+    [Parameter]
+    public bool IsClearOnInvalid { get; set; } = false;
+
     /// <summary>
     /// Gets or sets the overscan count for virtual scrolling. Default is 3.
     /// </summary>
@@ -275,4 +281,35 @@ public async Task TriggerFilter(string val)
         }
         _dropdown.Render();
     }
+
+
+    protected virtual async Task OnBlur()
+    {
+        if (IsClearOnInvalid)
+        {
+            // 获取input的实际值
+            var inputValue = await GetInputValue();
+
+            if (!string.IsNullOrEmpty(inputValue))
+            {
+                if (GetDisplayText(Value) != inputValue)
+                {
+                    // 如果没有匹配项，清空输入和Model
+                    CurrentValue = default;
+                    await InvokeVoidAsync("setValue", Id, "");
+                }
+            }
+        }
+
+
+        if (OnBlurAsync != null)
+        {
+            await OnBlurAsync(Value);
+        }
+    }
+    [JSInvokable]
+    public async Task<string> GetInputValue()
+    {
+        return await InvokeAsync<string>("getInputValue", Id);
+    }
 }