feat(SelectGeneric): add reset logic when TextConvertToValueCallback return null (#6123)

* feat: 增加 resetValue 方法

* refactor: 移除 tabindex 参数

* refactor: 增加输入 TextConvertToValueCallback 返回空时重置逻辑

* test: 增加单元测试

* test: 更新单元测试

---------

Co-Authored-By: j4587698 <[email protected]>

Author: ArgoZhang

src/BootstrapBlazor/Components/Select/Select.razor.js

@@ -50,6 +50,13 @@ export function hide(id) {
     }
 }
 
+export function resetValue(id, value) {
+    const input = document.getElementById(id);
+    if (input) {
+        input.value = value;
+    }
+}
+
 export function dispose(id) {
     const select = Data.get(id)
     Data.remove(id)

src/BootstrapBlazor/Components/SelectGeneric/SelectGeneric.razor

@@ -16,7 +16,7 @@
         <div class="dropdown-toggle" data-bs-toggle="@ToggleString" data-bs-placement="@PlacementString" data-bs-offset="@OffsetString" data-bs-custom-class="@CustomClassString">
             @if (DisplayTemplate != null)
             {
-                <div id="@InputId" class="@InputClassString" tabindex="0">
+                <div id="@InputId" class="@InputClassString">
                     @DisplayTemplate(SelectedRow)
                 </div>
             }

src/BootstrapBlazor/Components/SelectGeneric/SelectGeneric.razor.cs

@@ -70,10 +70,11 @@ public partial class SelectGeneric<TValue> : ISelectGeneric<TValue>, IModelEqual
 
     /// <summary>
     /// 获得/设置 选项输入更新后转换为 Value 回调方法 默认 null
+    /// <para>返回值为 null 时放弃操作</para>
     /// </summary>
     /// <remarks>设置 <see cref="IsEditable"/> 后生效</remarks>
     [Parameter]
-    public Func<string, Task<TValue>>? TextConvertToValueCallback { get; set; }
+    public Func<string, Task<TValue?>>? TextConvertToValueCallback { get; set; }
 
     /// <summary>
     /// 获得/设置 选项模板支持静态数据
@@ -486,17 +487,24 @@ private async Task OnChange(ChangeEventArgs args)
 
             if (item == null)
             {
-                TValue val = default!;
+                TValue? val = default;
                 if (TextConvertToValueCallback != null)
                 {
                     val = await TextConvertToValueCallback(v);
                 }
-                item = new SelectedItem<TValue>(val, v);
 
-                var items = new List<SelectedItem<TValue>>() { item };
-                items.AddRange(Items);
-                Items = items;
-                CurrentValue = val;
+                if (val is not null)
+                {
+                    item = new SelectedItem<TValue>(val, v);
+                    var items = new List<SelectedItem<TValue>>() { item };
+                    items.AddRange(Items);
+                    Items = items;
+                    CurrentValue = val;
+                }
+                else
+                {
+                    await InvokeVoidAsync("resetValue", InputId, SelectedRow?.Text);
+                }
             }
             else
             {

test/UnitTest/Components/SelectGenericTest.cs

@@ -856,14 +856,31 @@ public async Task IsEditable_Ok()
             });
             pb.Add(a => a.TextConvertToValueCallback, v =>
             {
-                return Task.FromResult(v);
+                return Task.FromResult(v)!;
             });
         });
         Assert.False(input.IsReadOnly());
 
         await cut.InvokeAsync(() => { input.Change("Test3"); });
         Assert.Equal("Test3", cut.Instance.Value);
         Assert.True(updated);
+
+        // 覆盖返回 null 逻辑
+        cut.SetParametersAndRender(pb =>
+        {
+            pb.Add(a => a.TextConvertToValueCallback, async v =>
+            {
+                await Task.Yield();
+                return null;
+            });
+        });
+        await cut.InvokeAsync(() => { input.Change("Test4"); });
+
+        cut.SetParametersAndRender(pb =>
+        {
+           pb.Add(a => a.Value, null);
+        });
+        await cut.InvokeAsync(() => { input.Change("Test5"); });
     }
 
     [Fact]
@@ -881,7 +898,7 @@ public async Task IsEditable_Generic()
             pb.Add(a => a.IsEditable, true);
             pb.Add(a => a.TextConvertToValueCallback, v =>
             {
-                return Task.FromResult(new Foo() { Id = 3, Address = "Foo3" });
+                return Task.FromResult(new Foo() { Id = 3, Address = "Foo3" })!;
             });
         });