feat(MultiSelect): add DefaultVirtualizeItemText parameter

src/BootstrapBlazor.Server/Components/Samples/MultiSelects.razor

@@ -5,7 +5,7 @@
 
 <h4>@Localizer["MultiSelectsDescription"]</h4>
 
-<DemoBlock Title="@Localizer["MultiSelectColorTitle"]" Introduction="@Localizer["MultiSelectColorIntro"]" Name="Color">
+@* <DemoBlock Title="@Localizer["MultiSelectColorTitle"]" Introduction="@Localizer["MultiSelectColorIntro"]" Name="Color">
     <div class="row g-3">
         <div class="col-12 col-sm-6">
             <MultiSelect TValue="string" Items="@Items1" />
@@ -293,7 +293,7 @@ private enum MultiSelectEnumFoo
             <Display Value="@_editString"></Display>
         </div>
     </div>
-</DemoBlock>
+</DemoBlock> *@
 
 <DemoBlock Title="@Localizer["MultiSelectVirtualizeTitle"]"
            Introduction="@Localizer["MultiSelectVirtualizeIntro"]"
@@ -325,26 +325,28 @@ private enum MultiSelectEnumFoo
     <p class="code-label">1. 使用 OnQueryAsync 作为数据源</p>
     <div class="row mb-3">
         <div class="col-6">
-            <MultiSelect IsVirtualize="true" @bind-Value="_virtualItemString1" OnQueryAsync="OnQueryAsync"
+            <MultiSelect IsVirtualize="true" @bind-Value="_virtualItemValue1" DefaultVirtualizeItemText="@_virtualItemText1"
+                         OnQueryAsync="OnQueryAsync"
                          ShowSearch="_showSearch" ShowToolbar="_showToolbar"
                          IsClearable="_isClearable">
             </MultiSelect>
         </div>
         <div class="col-6">
-            <Display TValue="string" Value="@_virtualItemString1"></Display>
+            <Display TValue="string" Value="@_virtualItemValue1"></Display>
         </div>
     </div>
 
     <p class="code-label">2. 使用 Items 作为数据源</p>
     <div class="row">
         <div class="col-6">
-            <MultiSelect IsVirtualize="true" @bind-Value="_virtualItemString2" Items="VirtualItems"
+            <MultiSelect IsVirtualize="true" @bind-Value="_virtualItemValue2" DefaultVirtualizeItemText="@_virtualItemText2"
+                         Items="VirtualItems"
                          ShowSearch="_showSearch" ShowToolbar="_showToolbar"
                          IsClearable="_isClearable">
             </MultiSelect>
         </div>
         <div class="col-6">
-            <Display TValue="string" Value="@_virtualItemString2"></Display>
+            <Display TValue="string" Value="@_virtualItemValue2"></Display>
         </div>
     </div>
  </DemoBlock>

src/BootstrapBlazor.Server/Components/Samples/MultiSelects.razor.cs

@@ -113,11 +113,12 @@ private enum MultiSelectEnumFoo
     [NotNull]
     private List<Foo>? Foos { get; set; }
 
-    private string? _virtualItemString1;
+    private string? _virtualItemValue1;
+    private string? _virtualItemValue2;
+    private string? _virtualItemText1;
+    private string? _virtualItemText2;
 
-    private string? _virtualItemString2;
-
-    private IEnumerable<SelectedItem> VirtualItems => Foos.Select(i => new SelectedItem(i.Name!, i.Name!)).ToList();
+    private IEnumerable<SelectedItem> VirtualItems => Foos.Select(i => new SelectedItem(i.Id.ToString(), i.Name!)).ToList();
 
     private string? _editString;
     private bool _isClearable = true;
@@ -213,8 +214,10 @@ protected override void OnInitialized()
 
         Items = GenerateDataSource(DataSource);
         Foos = Foo.GenerateFoo(LocalizerFoo);
-        _virtualItemString1 = Foos[79].Name;
-        _virtualItemString2 = Foos[45].Name;
+        _virtualItemValue1 = $"{Foos[79].Id}, {Foos[78].Id}";
+        _virtualItemValue2 = $"{Foos[45].Id}, {Foos[46].Id}";
+        _virtualItemText1 = $"{Foos[79].Name}, {Foos[78].Name}";
+        _virtualItemText2 = $"{Foos[45].Name}, {Foos[46].Name}";
     }
 
     private static List<SelectedItem> GenerateItems() =>

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

@@ -112,6 +112,12 @@ public partial class MultiSelect<TValue>
     [Parameter]
     public Func<IEnumerable<SelectedItem>, Task>? OnSelectedItemsChanged { get; set; }
 
+    /// <summary>
+    /// Gets or sets the default virtualize items text.
+    /// </summary>
+    [Parameter]
+    public string? DefaultVirtualizeItemText { get; set; }
+
     /// <summary>
     /// 获得/设置 全选按钮显示文本
     /// </summary>
@@ -158,6 +164,7 @@ public partial class MultiSelect<TValue>
     [Parameter]
     [NotNull]
     public string? MinErrorMessage { get; set; }
+
     [Inject]
     [NotNull]
     private IStringLocalizer<MultiSelect<TValue>>? Localizer { get; set; }
@@ -167,7 +174,7 @@ public partial class MultiSelect<TValue>
     private string? ScrollIntoViewBehaviorString => ScrollIntoViewBehavior == ScrollIntoViewBehavior.Smooth ? null : ScrollIntoViewBehavior.ToDescriptionString();
 
     /// <summary>
-    /// OnParametersSet 方法
+    /// <inheritdoc/>
     /// </summary>
     protected override void OnParametersSet()
     {
@@ -195,15 +202,15 @@ protected override void OnParametersSet()
         if (_lastSelectedValueString != _currentValue)
         {
             _lastSelectedValueString = _currentValue;
-            var list = _currentValue.Split(',', StringSplitOptions.RemoveEmptyEntries);
 
             SelectedItems.Clear();
             if (IsVirtualize)
             {
-                SelectedItems.AddRange(list.Select(i => new SelectedItem(i, i)));
+                SelectedItems.AddRange(GetItemsByVirtualize());
             }
             else
             {
+                var list = _currentValue.Split(',', StringSplitOptions.RemoveEmptyEntries);
                 SelectedItems.AddRange(Rows.Where(item => list.Any(i => i.Trim() == item.Value)));
             }
         }
@@ -232,6 +239,23 @@ protected override void OnAfterRender(bool firstRender)
         ToggleRow = nameof(ToggleRow)
     });
 
+    private List<SelectedItem> GetItemsByVirtualize()
+    {
+        var ret = new List<SelectedItem>();
+        var texts = new List<string>();
+        if (!string.IsNullOrEmpty(DefaultVirtualizeItemText))
+        {
+            texts.AddRange(DefaultVirtualizeItemText.Split(',', StringSplitOptions.RemoveEmptyEntries));
+        }
+        var values = CurrentValueAsString.Split(',', StringSplitOptions.RemoveEmptyEntries).ToList();
+        for (int i = 0; i < values.Count; i++)
+        {
+            var text = i < texts.Count ? texts[i] : values[i];
+            ret.Add(new SelectedItem(values[i], text));
+        }
+        return ret;
+    }
+
     private int _totalCount;
     private ItemsProviderResult<SelectedItem> _result;
 
@@ -265,7 +289,7 @@ protected override async Task OnClearValue()
     }
 
     /// <summary>
-    /// FormatValueAsString 方法
+    /// <inheritdoc/>
     /// </summary>
     /// <param name="value"></param>
     /// <returns></returns>
@@ -350,7 +374,7 @@ public async Task<bool> TriggerEditTag(string val)
         val = val.Trim();
         if (OnEditCallback != null)
         {
-            ret = await OnEditCallback.Invoke(val);
+            ret = await OnEditCallback(val);
         }
         else if (!string.IsNullOrEmpty(val))
         {

test/UnitTest/Components/MultiSelectTest.cs

@@ -668,7 +668,7 @@ public void IsMarkupString_Ok()
     }
 
     [Fact]
-    public void IsVirtualize_Items()
+    public void DefaultVirtualizeItemText_Ok()
     {
         var cut = Context.RenderComponent<MultiSelect<string>>(pb =>
         {
@@ -677,19 +677,14 @@ public void IsVirtualize_Items()
                 new("1", "Test1"),
                 new("2", "Test2")
             });
-            pb.Add(a => a.Value, "2");
+            pb.Add(a => a.Value, "1,2");
+            pb.Add(a => a.DefaultVirtualizeItemText, "Test1");
             pb.Add(a => a.IsVirtualize, true);
-            pb.Add(a => a.RowHeight, 33f);
-            pb.Add(a => a.OverscanCount, 4);
-        });
-
-        cut.SetParametersAndRender(pb => pb.Add(a => a.ShowSearch, true));
-        cut.InvokeAsync(async () =>
-        {
-            // 搜索 T
-            cut.Find(".search-text").Input("T");
-            await cut.Instance.ConfirmSelectedItem(0);
         });
+        var items = cut.FindAll(".multi-select-items .multi-select-item");
+        Assert.Equal(2, items.Count);
+        Assert.Equal("Test1", items[0].InnerHtml);
+        Assert.Equal("2", items[1].InnerHtml);
     }
 
     [Fact]