fix(Select): trigger OnSelectedItemsChanged after clear (#6234)

* feat: trigger OnSelectedItemChanged callback

* feat: 增加 OnSelectedItemsChanged 回调逻辑

* refactor: 触发 OnSelectedItemChanged 回调

* refactor: 增加 OnSelectedItemChanged 回调方法

* test: 更新单元测试

* chore: bump version 9.7.4-beta05

Author: ArgoZhang

src/BootstrapBlazor/BootstrapBlazor.csproj

@@ -1,7 +1,7 @@
 <Project Sdk="Microsoft.NET.Sdk.Razor">
 
   <PropertyGroup>
-    <Version>9.7.4-beta04</Version>
+    <Version>9.7.4-beta05</Version>
   </PropertyGroup>
 
   <ItemGroup>

src/BootstrapBlazor/Components/Select/MultiSelect.razor.cs

@@ -286,6 +286,7 @@ protected override async Task OnClearValue()
         await base.OnClearValue();
 
         SelectedItems.Clear();
+        await SetValue();
     }
 
     /// <summary>
@@ -459,7 +460,7 @@ private async Task SetValue()
 
         if (OnSelectedItemsChanged != null)
         {
-            await OnSelectedItemsChanged.Invoke(SelectedItems);
+            await OnSelectedItemsChanged(SelectedItems);
         }
 
         _lastSelectedValueString = CurrentValueAsString;

src/BootstrapBlazor/Components/Select/Select.razor.cs

@@ -406,7 +406,10 @@ protected override async Task OnClearValue()
         await base.OnClearValue();
 
         SelectedItem = null;
-        _lastSelectedValueString = "";
+        if (OnSelectedItemChanged != null)
+        {
+            await OnSelectedItemChanged(new SelectedItem("", ""));
+        }
     }
 
     private string? ReadonlyString => IsEditable ? null : "readonly";

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

@@ -328,6 +328,7 @@ protected override async Task OnClearValue()
         await base.OnClearValue();
 
         SelectedItems.Clear();
+        await SetValue();
     }
 
     private bool _isToggle;
@@ -435,7 +436,7 @@ private async Task SetValue()
 
         if (OnSelectedItemsChanged != null)
         {
-            await OnSelectedItemsChanged.Invoke(SelectedItems);
+            await OnSelectedItemsChanged(SelectedItems);
         }
 
         CurrentValue = [.. SelectedItems.Select(i => i.Value)];

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

@@ -474,6 +474,10 @@ protected override async Task OnClearValue()
             await VirtualizeElement.RefreshDataAsync();
         }
         SelectedItem = new SelectedItem<TValue>(default!, "");
+        if (OnSelectedItemChanged != null)
+        {
+            await OnSelectedItemChanged(SelectedItem);
+        }
     }
 
     private string? ReadonlyString => IsEditable ? null : "readonly";

test/UnitTest/Components/MultiSelectTest.cs

@@ -690,6 +690,7 @@ public void DefaultVirtualizeItemText_Ok()
     [Fact]
     public async Task IsVirtualize_Items_Clearable_Ok()
     {
+        IEnumerable<SelectedItem>? selectedItems = null;
         var cut = Context.RenderComponent<MultiSelect<string>>(pb =>
         {
             pb.Add(a => a.Items, new SelectedItem[]
@@ -703,6 +704,11 @@ public async Task IsVirtualize_Items_Clearable_Ok()
             pb.Add(a => a.OverscanCount, 4);
             pb.Add(a => a.IsClearable, true);
             pb.Add(a => a.ShowSearch, true);
+            pb.Add(a => a.OnSelectedItemsChanged, items =>
+            {
+                selectedItems = items;
+                return Task.CompletedTask;
+            });
         });
 
         // 覆盖有搜索条件时，点击清空按钮
@@ -718,6 +724,8 @@ public async Task IsVirtualize_Items_Clearable_Ok()
         // 点击 Clear 按钮
         var button = cut.Find(".clear-icon");
         await cut.InvokeAsync(() => button.Click());
+        Assert.NotNull(selectedItems);
+        Assert.Empty(selectedItems);
 
         // 下拉框显示所有选项
         items = cut.FindAll(".dropdown-item");

test/UnitTest/Components/SelectGenericTest.cs

@@ -132,9 +132,15 @@ public void Disabled_Ok()
     public void IsClearable_Ok()
     {
         var val = "Test2";
+        string? selectedValue = "Test2";
         var cut = Context.RenderComponent<SelectGeneric<string>>(pb =>
         {
             pb.Add(a => a.IsClearable, true);
+            pb.Add(a => a.OnSelectedItemChanged, item =>
+            {
+                selectedValue = item.Value;
+                return Task.CompletedTask;
+            });
             pb.Add(a => a.Items, new List<SelectedItem<string>>()
             {
                 new("", "请选择"),
@@ -151,6 +157,7 @@ public void IsClearable_Ok()
         var clearButton = cut.Find(".clear-icon");
         cut.InvokeAsync(() => clearButton.Click());
         Assert.Null(val);
+        Assert.Null(selectedValue);
 
         // 提高代码覆盖率
         var select = cut;

test/UnitTest/Components/SelectTest.cs

@@ -135,10 +135,16 @@ public void Select_Lookup()
     [Fact]
     public async Task IsClearable_Ok()
     {
+        var selectedValue = "Test2";
         var val = "Test2";
         var cut = Context.RenderComponent<Select<string>>(pb =>
         {
             pb.Add(a => a.IsClearable, true);
+            pb.Add(a => a.OnSelectedItemChanged, item =>
+            {
+                selectedValue = item.Value;
+                return Task.CompletedTask;
+            });
             pb.Add(a => a.Items, new List<SelectedItem>()
             {
                 new("", "请选择"),
@@ -155,6 +161,7 @@ public async Task IsClearable_Ok()
         var clearButton = cut.Find(".clear-icon");
         await cut.InvokeAsync(() => clearButton.Click());
         Assert.Null(val);
+        Assert.Equal("", selectedValue);
 
         // 提高代码覆盖率
         var select = cut;