feat(MultiSelect): support Flags attribute (#5253)

ArgoZhang · web-flow · commit 3a219b6f159b · 2025-01-31T13:14:33.000+08:00
* doc: 文档格式化

* feat: 支持 Flags 参数

* doc: 增加示例

* doc: 更新示例

* feat: 枚举类型支持 Flags 标签

* test: 增加单元测试
diff --git a/src/BootstrapBlazor.Server/Components/Samples/MultiSelects.razor b/src/BootstrapBlazor.Server/Components/Samples/MultiSelects.razor
@@ -5,31 +5,31 @@
 
 <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" />
         </div>
         <div class="col-12 col-sm-6">
-            <MultiSelect TValue="string" Color="Color.Primary" Items="@Items2" />
+            <MultiSelect TValue="string" Color="Color.Primary" Items="@Items2"></MultiSelect>
         </div>
         <div class="col-12 col-sm-6">
-            <MultiSelect TValue="string" Color="Color.Success" Items="@Items3" />
+            <MultiSelect TValue="string" Color="Color.Success" Items="@Items3"></MultiSelect>
         </div>
         <div class="col-12 col-sm-6">
-            <MultiSelect TValue="string" Color="Color.Danger" Items="@Items4" />
+            <MultiSelect TValue="string" Color="Color.Danger" Items="@Items4"></MultiSelect>
         </div>
         <div class="col-12 col-sm-6">
-            <MultiSelect TValue="string" Color="Color.Warning" Items="@Items5" />
+            <MultiSelect TValue="string" Color="Color.Warning" Items="@Items5"></MultiSelect>
         </div>
         <div class="col-12 col-sm-6">
-            <MultiSelect TValue="string" Color="Color.Info" Items="@Items6" />
+            <MultiSelect TValue="string" Color="Color.Info" Items="@Items6"></MultiSelect>
         </div>
         <div class="col-12 col-sm-6">
-            <MultiSelect TValue="string" Color="Color.Secondary" Items="@Items7" />
+            <MultiSelect TValue="string" Color="Color.Secondary" Items="@Items7"></MultiSelect>
         </div>
         <div class="col-12 col-sm-6">
-            <MultiSelect TValue="string" Color="Color.Dark" Items="@Items8" />
+            <MultiSelect TValue="string" Color="Color.Dark" Items="@Items8"></MultiSelect>
         </div>
     </div>
 </DemoBlock>
@@ -40,7 +40,7 @@
     </section>
     <div class="row g-3">
         <div class="col-12 col-sm-4">
-            <MultiSelect TValue="string" Items="@Items1" IsSingleLine="true" />
+            <MultiSelect TValue="string" Items="@Items1" IsSingleLine="true"></MultiSelect>
         </div>
     </div>
 </DemoBlock>
@@ -51,12 +51,12 @@
     </section>
     <div class="row g-3">
         <div class="col-12 col-sm-6">
-            <MultiSelect Items="@Items1" @bind-Value="@SelectedItemsValue" />
+            <MultiSelect Items="@Items1" @bind-Value="@SelectedItemsValue"></MultiSelect>
         </div>
         <div class="col-12 col-sm-6">
-            <Button Icon="fa-solid fa-plus" Text="@Localizer["MultiSelectAdd"]" OnClick="@AddItems" class="me-1" />
-            <Button Icon="fa-solid fa-minus" Text="@Localizer["MultiSelectDecrease"]" OnClick="@RemoveItems" />
-            <Button Icon="fa-regular fa-trash-can" Text="@Localizer["MultiSelectClean"]" OnClick="@ClearItems" />
+            <Button Icon="fa-solid fa-plus" Text="@Localizer["MultiSelectAdd"]" OnClick="@AddItems" class="me-1"></Button>
+            <Button Icon="fa-solid fa-minus" Text="@Localizer["MultiSelectDecrease"]" OnClick="@RemoveItems"></Button>
+            <Button Icon="fa-regular fa-trash-can" Text="@Localizer["MultiSelectClean"]" OnClick="@ClearItems"></Button>
         </div>
     </div>
     <section ignore>@SelectedItemsValue</section>
@@ -66,12 +66,12 @@
     <section ignore>@((MarkupString)Localizer["MultiSelectBindingCollectionDescription"].Value)</section>
     <div class="row g-3">
         <div class="col-12 col-sm-6">
-            <MultiSelect Items="@Items" @bind-Value="@SelectedArrayValues" Max="4" Min="2" />
+            <MultiSelect Items="@Items" @bind-Value="@SelectedArrayValues" Max="4" Min="2"></MultiSelect>
         </div>
         <div class="col-12 col-sm-6">
-            <Button Icon="fa-solid fa-plus" Text="@Localizer["MultiSelectAdd"]" OnClick="@AddListItems" class="me-1" />
-            <Button Icon="fa-solid fa-minus" Text="@Localizer["MultiSelectDecrease"]" OnClick="@RemoveListItems" />
-            <Button Icon="fa-regular fa-trash-can" Text="@Localizer["MultiSelectClean"]" OnClick="@ClearListItems" />
+            <Button Icon="fa-solid fa-plus" Text="@Localizer["MultiSelectAdd"]" OnClick="@AddListItems" class="me-1"></Button>
+            <Button Icon="fa-solid fa-minus" Text="@Localizer["MultiSelectDecrease"]" OnClick="@RemoveListItems"></Button>
+            <Button Icon="fa-regular fa-trash-can" Text="@Localizer["MultiSelectClean"]" OnClick="@ClearListItems"></Button>
         </div>
     </div>
     <section ignore>@(string.Join(",", SelectedArrayValues))</section>
@@ -84,21 +84,36 @@
             <MultiSelect Items="@LongItems" @bind-Value="@SelectedIntArrayValues" />
         </div>
         <div class="col-12 col-sm-6">
-            <Button Icon="fa-solid fa-plus" Text="@Localizer["MultiSelectAdd"]" OnClick="@AddArrayItems" class="me-1" />
-            <Button Icon="fa-solid fa-minus" Text="@Localizer["MultiSelectDecrease"]" OnClick="@RemoveArrayItems" />
-            <Button Icon="fa-regular fa-trash-can" Text="@Localizer["MultiSelectClean"]" OnClick="@ClearArrayItems" />
+            <Button Icon="fa-solid fa-plus" Text="@Localizer["MultiSelectAdd"]" OnClick="@AddArrayItems" class="me-1"></Button>
+            <Button Icon="fa-solid fa-minus" Text="@Localizer["MultiSelectDecrease"]" OnClick="@RemoveArrayItems"></Button>
+            <Button Icon="fa-regular fa-trash-can" Text="@Localizer["MultiSelectClean"]" OnClick="@ClearArrayItems"></Button>
         </div>
     </div>
     <section ignore>@(string.Join(",", SelectedIntArrayValues))</section>
 </DemoBlock>
 
 <DemoBlock Title="@Localizer["MultiSelectBindingEnumCollectionTitle"]" Introduction="@Localizer["MultiSelectBindingEnumCollectionIntro"]" Name="BindingEnumCollection">
     <section ignore>@((MarkupString)Localizer["MultiSelectBindingEnumCollectionDescription"].Value)</section>
-    <MultiSelect @bind-Value="@SelectedEnumValues" />
+    <MultiSelect @bind-Value="@SelectedEnumValues"></MultiSelect>
     <section ignore>@(string.Join(",", SelectedEnumValues))</section>
+</DemoBlock> *@
+
+<DemoBlock Title="@Localizer["MultiSelectFlagsEnumTitle"]" Introduction="@Localizer["MultiSelectFlagsEnumIntro"]"
+           Name="Flags">
+    <section ignore>
+        <Pre>[Flags]
+private enum MultiSelectEnumFoo
+{
+    One = 1,
+    Two = 2,
+    Three = 4,
+    Four = 8
+}</Pre>
+    </section>
+    <MultiSelect @bind-Value="@EnumFoo"></MultiSelect>
 </DemoBlock>
 
-<DemoBlock Title="@Localizer["MultiSelectSearchTitle"]" Introduction="@Localizer["MultiSelectSearchIntro"]" Name="Search">
+@* <DemoBlock Title="@Localizer["MultiSelectSearchTitle"]" Introduction="@Localizer["MultiSelectSearchIntro"]" Name="Search">
     <section ignore>@((MarkupString)Localizer["MultiSelectSearchDescription"].Value)</section>
     <MultiSelect Items="@Items" @bind-Value="@SelectedSearchItemsValue" ShowSearch="true" OnSearchTextChanged="@OnSearch" />
     <section ignore>@SelectedSearchItemsValue</section>
@@ -192,7 +207,7 @@
     <section ignore>@((MarkupString)Localizer["MultiSelectCascadingDescription"].Value)</section>
     <div class="row g-3">
         <div class="col-12 col-sm-6">
-            <Select TValue="string" Items="@CascadingItems2" OnSelectedItemChanged="@OnCascadeBindSelectClick" />
+            <Select TValue="string" Items="@_cascadingItems2" OnSelectedItemChanged="@OnCascadeBindSelectClick"></Select>
         </div>
         <div class="col-12 col-sm-6">
             <MultiSelect TValue="string" Items="@CascadingItems1" />
@@ -253,7 +268,7 @@
             <Display Value="@_editString"></Display>
         </div>
     </div>
-</DemoBlock>
+</DemoBlock> *@
 
 <AttributeTable Items="@GetAttributes()" />
 
diff --git a/src/BootstrapBlazor.Server/Components/Samples/MultiSelects.razor.cs b/src/BootstrapBlazor.Server/Components/Samples/MultiSelects.razor.cs
@@ -62,13 +62,24 @@ public partial class MultiSelects
 
     private string SelectedItemsValue { get; set; } = "Beijing";
 
-    private IEnumerable<string> SelectedArrayValues { get; set; } = Enumerable.Empty<string>();
+    private IEnumerable<string> SelectedArrayValues { get; set; } = [];
 
     private IEnumerable<EnumEducation> SelectedEnumValues { get; set; } = new List<EnumEducation>
     {
         EnumEducation.Middle, EnumEducation.Primary
     };
 
+    private MultiSelectEnumFoo EnumFoo { get; set; } = MultiSelectEnumFoo.One | MultiSelectEnumFoo.Two;
+
+    [Flags]
+    private enum MultiSelectEnumFoo
+    {
+        One = 1,
+        Two = 2,
+        Three = 4,
+        Four = 8
+    }
+
     [NotNull]
     private ConsoleLogger? Logger { get; set; }
 
@@ -101,7 +112,7 @@ private async Task<SelectedItem> OnEditCallback(string value)
     {
         await Task.Delay(100);
 
-        var item = EditableItems.Find(i => i.Text.Equals(value, System.StringComparison.OrdinalIgnoreCase));
+        var item = EditableItems.Find(i => i.Text.Equals(value, StringComparison.OrdinalIgnoreCase));
         if (item == null)
         {
             item = new SelectedItem(value, value);
@@ -120,7 +131,7 @@ private async Task<SelectedItem> OnEditCallback(string value)
         new("Ningbo", "宁波") {GroupName = "华东", Active = true }
     ];
 
-    private readonly SelectedItem[] CascadingItems2 =
+    private readonly SelectedItem[] _cascadingItems2 =
     [
         new("", "请选择 ..."),
         new("Beijing", "北京") { Active = true },
@@ -209,12 +220,12 @@ private void AddListItems()
 
     private void RemoveListItems()
     {
-        SelectedArrayValues = new[] { "Beijing" };
+        SelectedArrayValues = ["Beijing"];
     }
 
     private void ClearListItems()
     {
-        SelectedArrayValues = Enumerable.Empty<string>();
+        SelectedArrayValues = [];
     }
 
     private void AddArrayItems()
@@ -236,7 +247,7 @@ private IEnumerable<SelectedItem> OnSearch(string searchText)
     {
         Logger.Log($"{Localizer["MultiSelectSearchLog"]}：{searchText}");
         SearchItemsSource ??= GenerateItems();
-        return SearchItemsSource.Where(i => i.Text.Contains(searchText, System.StringComparison.OrdinalIgnoreCase));
+        return SearchItemsSource.Where(i => i.Text.Contains(searchText, StringComparison.OrdinalIgnoreCase));
     }
 
     private Task OnSelectedItemsChanged8(IEnumerable<SelectedItem> items)
diff --git a/src/BootstrapBlazor.Server/Locales/en-US.json b/src/BootstrapBlazor.Server/Locales/en-US.json
@@ -2941,6 +2941,8 @@
     "MultiSelectSearchTitle": "Search function",
     "MultiSelectSearchIntro": "Turn on search by setting the <code>ShowSearch</code> value",
     "MultiSelectSearchDescription": "In this example, the search callback delegate method is set <code>onSearchTextChanged</code> to customize search results if the display text is used internally to make a fuzzy match when not set",
+    "MultiSelectFlagsEnumTitle": "Flags Enum",
+    "MultiSelectFlagsEnumIntro": "When the binding value is an <code>Enum</code> data type, if it has a <code>Flags</code> tag, multiple selection mode is automatically supported",
     "MultiSelectGroupTitle": "Grouping",
     "MultiSelectGroupIntro": "Alternatives are presented in groups",
     "MultiSelectDisableTitle": "Disable the feature",
diff --git a/src/BootstrapBlazor.Server/Locales/zh-CN.json b/src/BootstrapBlazor.Server/Locales/zh-CN.json
@@ -2941,6 +2941,8 @@
     "MultiSelectSearchTitle": "搜索功能",
     "MultiSelectSearchIntro": "通过设置 <code>ShowSearch</code> 值开启搜索功能",
     "MultiSelectSearchDescription": "本例中设置搜索回调委托方法 <code>OnSearchTextChanged</code> 进行自定义搜索结果，如果未设置时内部使用显示文本进行模糊匹配",
+    "MultiSelectFlagsEnumTitle": "Flags 枚举",
+    "MultiSelectFlagsEnumIntro": "绑定值为 <code>Enum</code> 数据类型时，如果枚举有 <code>Flags</code> 标签时，自动支持多选模式",
     "MultiSelectGroupTitle": "分组",
     "MultiSelectGroupIntro": "通过设置 <code>GroupName</code> 将下拉框中的备选项进行分组显示",
     "MultiSelectDisableTitle": "禁用功能",
diff --git a/src/BootstrapBlazor/Components/Select/MultiSelect.razor.cs b/src/BootstrapBlazor/Components/Select/MultiSelect.razor.cs
@@ -5,6 +5,8 @@
 
 using Microsoft.Extensions.Localization;
 using System.Collections;
+using System.Collections.Specialized;
+using System.Reflection;
 
 namespace BootstrapBlazor.Components;
 
@@ -234,13 +236,15 @@ protected override void OnParametersSet()
         ResetRules();
 
         _itemsCache = null;
+
         // 通过 Value 对集合进行赋值
-        if (PreviousValue != CurrentValueAsString)
+        var _currentValue = CurrentValueAsString;
+        if (PreviousValue != _currentValue)
         {
-            PreviousValue = CurrentValueAsString;
-            var list = CurrentValueAsString.Split(',', StringSplitOptions.RemoveEmptyEntries);
+            PreviousValue = _currentValue;
+            var list = _currentValue.Split(',', StringSplitOptions.RemoveEmptyEntries);
             SelectedItems.Clear();
-            SelectedItems.AddRange(Rows.Where(item => list.Any(i => i == item.Value)));
+            SelectedItems.AddRange(Rows.Where(item => list.Any(i => i.Trim() == item.Value)));
         }
     }
 
@@ -397,14 +401,13 @@ private void ResetRules()
 
     private async Task SetValue()
     {
-        var typeValue = NullableUnderlyingType ?? typeof(TValue);
-        if (typeValue == typeof(string))
+        if (ValueType == typeof(string))
         {
             CurrentValueAsString = string.Join(",", SelectedItems.Select(i => i.Value));
         }
-        else if (typeValue.IsGenericType || typeValue.IsArray)
+        else if (ValueType.IsGenericType || ValueType.IsArray)
         {
-            var t = typeValue.IsGenericType ? typeValue.GenericTypeArguments[0] : typeValue.GetElementType()!;
+            var t = ValueType.IsGenericType ? ValueType.GenericTypeArguments[0] : ValueType.GetElementType()!;
             var listType = typeof(List<>).MakeGenericType(t);
             var instance = (IList)Activator.CreateInstance(listType, SelectedItems.Count)!;
 
@@ -415,7 +418,11 @@ private async Task SetValue()
                     instance.Add(val);
                 }
             }
-            CurrentValue = (TValue)(typeValue.IsGenericType ? instance : listType.GetMethod("ToArray")!.Invoke(instance, null)!);
+            CurrentValue = (TValue)(ValueType.IsGenericType ? instance : listType.GetMethod("ToArray")!.Invoke(instance, null)!);
+        }
+        else if (ValueType.IsFlagEnum())
+        {
+            CurrentValue = (TValue?)SelectedItems.ParseFlagEnum<TValue>(ValueType);
         }
 
         if (ValidateForm == null && (Min > 0 || Max > 0))
diff --git a/src/BootstrapBlazor/Extensions/EnumExtensions.cs b/src/BootstrapBlazor/Extensions/EnumExtensions.cs
@@ -63,11 +63,7 @@ public static List<SelectedItem> ToSelectList(this Type type, SelectedItem? addi
         if (type.IsEnum())
         {
             var t = Nullable.GetUnderlyingType(type) ?? type;
-            foreach (var field in Enum.GetNames(t))
-            {
-                var desc = Utility.GetDisplayName(t, field);
-                ret.Add(new SelectedItem(field, desc));
-            }
+            ret.AddRange(from field in Enum.GetNames(t) let desc = Utility.GetDisplayName(t, field) select new SelectedItem(field, desc));
         }
         return ret;
     }
@@ -114,4 +110,33 @@ public static bool IsEnum(this Type? type)
         }
         return ret;
     }
+
+    /// <summary>
+    /// 判断类型是否为 Flag 枚举类型
+    /// </summary>
+    /// <param name="type"></param>
+    /// <returns></returns>
+    public static bool IsFlagEnum(this Type? type) => type != null && IsEnum(type) && type.GetCustomAttribute<FlagsAttribute>() != null;
+
+    /// <summary>
+    /// 将 <see cref="IEnumerable{T}"/> 集合转换为 Flag 枚举值
+    /// </summary>
+    /// <param name="items"></param>
+    /// <param name="type"></param>
+    /// <returns></returns>
+    internal static object? ParseFlagEnum<TValue>(this IEnumerable<SelectedItem> items, Type type)
+    {
+        TValue? v = default;
+        if (type.IsFlagEnum())
+        {
+            foreach (var item in items)
+            {
+                if (Enum.TryParse(type, item.Value, true, out var val))
+                {
+                    v = (TValue)Enum.ToObject(type, Convert.ToInt32(v) | Convert.ToInt32(val));
+                }
+            }
+        }
+        return v;
+    }
 }
diff --git a/src/BootstrapBlazor/Utils/Utility.cs b/src/BootstrapBlazor/Utils/Utility.cs
@@ -830,6 +830,10 @@ public static string Format(object? source, IFormatProvider provider)
                 }
             }
         }
+        else if (typeValue.IsFlagEnum())
+        {
+            ret = value!.ToString();
+        }
         return ret;
     }
 
diff --git a/test/UnitTest/Components/MultiSelectTest.cs b/test/UnitTest/Components/MultiSelectTest.cs
@@ -153,6 +153,33 @@ public void EnumValue_Ok()
         Assert.Contains("multi-select", cut.Markup);
     }
 
+    [Fact]
+    public async Task FlagEnum_Ok()
+    {
+        var value = MockFlagEnum.One | MockFlagEnum.Two;
+        var cut = Context.RenderComponent<MultiSelect<MockFlagEnum>>(pb =>
+        {
+            pb.Add(a => a.Value, value);
+        });
+        var values = cut.FindAll(".multi-select-items .multi-select-item");
+        Assert.Equal(2, values.Count);
+
+        // 选中第四个
+        var item = cut.FindAll(".dropdown-menu .dropdown-item").Last();
+        await cut.InvokeAsync(() => item.Click());
+        values = cut.FindAll(".multi-select-items .multi-select-item");
+        Assert.Equal(3, values.Count);
+    }
+
+    [Flags]
+    private enum MockFlagEnum
+    {
+        One = 1,
+        Two = 2,
+        Three = 4,
+        Four = 8
+    }
+
     [Fact]
     public void Group_Ok()
     {

Original file line number	Diff line number	Diff line change
`@@ -62,13 +62,24 @@ public partial class MultiSelects`
`62`	`62`
`63`	`63`	`private string SelectedItemsValue { get; set; } = "Beijing";`
`64`	`64`
`65`		`- private IEnumerable<string> SelectedArrayValues { get; set; } = Enumerable.Empty<string>();`
	`65`	`+ private IEnumerable<string> SelectedArrayValues { get; set; } = [];`
`66`	`66`
`67`	`67`	`private IEnumerable<EnumEducation> SelectedEnumValues { get; set; } = new List<EnumEducation>`
`68`	`68`	`{`
`69`	`69`	`EnumEducation.Middle, EnumEducation.Primary`
`70`	`70`	`};`
`71`	`71`
	`72`	`+ private MultiSelectEnumFoo EnumFoo { get; set; } = MultiSelectEnumFoo.One \| MultiSelectEnumFoo.Two;`
	`73`	`+`
	`74`	`+ [Flags]`
	`75`	`+ private enum MultiSelectEnumFoo`
	`76`	`+ {`
	`77`	`+ One = 1,`
	`78`	`+ Two = 2,`
	`79`	`+ Three = 4,`
	`80`	`+ Four = 8`
	`81`	`+ }`
	`82`	`+`
`72`	`83`	`[NotNull]`
`73`	`84`	`private ConsoleLogger? Logger { get; set; }`
`74`	`85`
`@@ -101,7 +112,7 @@ private async Task<SelectedItem> OnEditCallback(string value)`
`101`	`112`	`{`
`102`	`113`	`await Task.Delay(100);`
`103`	`114`
`104`		`- var item = EditableItems.Find(i => i.Text.Equals(value, System.StringComparison.OrdinalIgnoreCase));`
	`115`	`+ var item = EditableItems.Find(i => i.Text.Equals(value, StringComparison.OrdinalIgnoreCase));`
`105`	`116`	`if (item == null)`
`106`	`117`	`{`
`107`	`118`	`item = new SelectedItem(value, value);`
`@@ -120,7 +131,7 @@ private async Task<SelectedItem> OnEditCallback(string value)`
`120`	`131`	`new("Ningbo", "宁波") {GroupName = "华东", Active = true }`
`121`	`132`	`];`
`122`	`133`
`123`		`- private readonly SelectedItem[] CascadingItems2 =`
	`134`	`+ private readonly SelectedItem[] _cascadingItems2 =`
`124`	`135`	`[`
`125`	`136`	`new("", "请选择 ..."),`
`126`	`137`	`new("Beijing", "北京") { Active = true },`
`@@ -209,12 +220,12 @@ private void AddListItems()`
`209`	`220`
`210`	`221`	`private void RemoveListItems()`
`211`	`222`	`{`
`212`		`- SelectedArrayValues = new[] { "Beijing" };`
	`223`	`+ SelectedArrayValues = ["Beijing"];`
`213`	`224`	`}`
`214`	`225`
`215`	`226`	`private void ClearListItems()`
`216`	`227`	`{`
`217`		`- SelectedArrayValues = Enumerable.Empty<string>();`
	`228`	`+ SelectedArrayValues = [];`
`218`	`229`	`}`
`219`	`230`
`220`	`231`	`private void AddArrayItems()`
`@@ -236,7 +247,7 @@ private IEnumerable<SelectedItem> OnSearch(string searchText)`
`236`	`247`	`{`
`237`	`248`	`Logger.Log($"{Localizer["MultiSelectSearchLog"]}：{searchText}");`
`238`	`249`	`SearchItemsSource ??= GenerateItems();`
`239`		`- return SearchItemsSource.Where(i => i.Text.Contains(searchText, System.StringComparison.OrdinalIgnoreCase));`
	`250`	`+ return SearchItemsSource.Where(i => i.Text.Contains(searchText, StringComparison.OrdinalIgnoreCase));`
`240`	`251`	`}`
`241`	`252`
`242`	`253`	`private Task OnSelectedItemsChanged8(IEnumerable<SelectedItem> items)`
Original file line number	Diff line number	Diff line change
`@@ -5,6 +5,8 @@`
`5`	`5`
`6`	`6`	`using Microsoft.Extensions.Localization;`
`7`	`7`	`using System.Collections;`
	`8`	`+using System.Collections.Specialized;`
	`9`	`+using System.Reflection;`
`8`	`10`
`9`	`11`	`namespace BootstrapBlazor.Components;`
`10`	`12`
`@@ -234,13 +236,15 @@ protected override void OnParametersSet()`
`234`	`236`	`ResetRules();`
`235`	`237`
`236`	`238`	`_itemsCache = null;`
	`239`	`+`
`237`	`240`	`// 通过 Value 对集合进行赋值`
`238`		`- if (PreviousValue != CurrentValueAsString)`
	`241`	`+ var _currentValue = CurrentValueAsString;`
	`242`	`+ if (PreviousValue != _currentValue)`
`239`	`243`	`{`
`240`		`- PreviousValue = CurrentValueAsString;`
`241`		`- var list = CurrentValueAsString.Split(',', StringSplitOptions.RemoveEmptyEntries);`
	`244`	`+ PreviousValue = _currentValue;`
	`245`	`+ var list = _currentValue.Split(',', StringSplitOptions.RemoveEmptyEntries);`
`242`	`246`	`SelectedItems.Clear();`
`243`		`- SelectedItems.AddRange(Rows.Where(item => list.Any(i => i == item.Value)));`
	`247`	`+ SelectedItems.AddRange(Rows.Where(item => list.Any(i => i.Trim() == item.Value)));`
`244`	`248`	`}`
`245`	`249`	`}`
`246`	`250`
`@@ -397,14 +401,13 @@ private void ResetRules()`
`397`	`401`
`398`	`402`	`private async Task SetValue()`
`399`	`403`	`{`
`400`		`- var typeValue = NullableUnderlyingType ?? typeof(TValue);`
`401`		`- if (typeValue == typeof(string))`
	`404`	`+ if (ValueType == typeof(string))`
`402`	`405`	`{`
`403`	`406`	`CurrentValueAsString = string.Join(",", SelectedItems.Select(i => i.Value));`
`404`	`407`	`}`
`405`		`- else if (typeValue.IsGenericType \|\| typeValue.IsArray)`
	`408`	`+ else if (ValueType.IsGenericType \|\| ValueType.IsArray)`
`406`	`409`	`{`
`407`		`- var t = typeValue.IsGenericType ? typeValue.GenericTypeArguments[0] : typeValue.GetElementType()!;`
	`410`	`+ var t = ValueType.IsGenericType ? ValueType.GenericTypeArguments[0] : ValueType.GetElementType()!;`
`408`	`411`	`var listType = typeof(List<>).MakeGenericType(t);`
`409`	`412`	`var instance = (IList)Activator.CreateInstance(listType, SelectedItems.Count)!;`
`410`	`413`
`@@ -415,7 +418,11 @@ private async Task SetValue()`
`415`	`418`	`instance.Add(val);`
`416`	`419`	`}`
`417`	`420`	`}`
`418`		`- CurrentValue = (TValue)(typeValue.IsGenericType ? instance : listType.GetMethod("ToArray")!.Invoke(instance, null)!);`
	`421`	`+ CurrentValue = (TValue)(ValueType.IsGenericType ? instance : listType.GetMethod("ToArray")!.Invoke(instance, null)!);`
	`422`	`+ }`
	`423`	`+ else if (ValueType.IsFlagEnum())`
	`424`	`+ {`
	`425`	`+ CurrentValue = (TValue?)SelectedItems.ParseFlagEnum<TValue>(ValueType);`
`419`	`426`	`}`
`420`	`427`
`421`	`428`	`if (ValidateForm == null && (Min > 0 \|\| Max > 0))`
Original file line number	Diff line number	Diff line change
`@@ -830,6 +830,10 @@ public static string Format(object? source, IFormatProvider provider)`
`830`	`830`	`}`
`831`	`831`	`}`
`832`	`832`	`}`
	`833`	`+ else if (typeValue.IsFlagEnum())`
	`834`	`+ {`
	`835`	`+ ret = value!.ToString();`
	`836`	`+ }`
`833`	`837`	`return ret;`
`834`	`838`	`}`
`835`	`839`