doc: 增加示例

Author: ArgoZhang

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

@@ -94,10 +94,16 @@
 
 <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>@((MarkupString)Localizer["MultiSelectFlagsEnumDescription"].Value)</section>
+    <MultiSelect @bind-Value="@EnumFoo"></MultiSelect>
+</DemoBlock>
+
 <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" />
@@ -192,7 +198,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>
+            <Select TValue="string" Items="@_cascadingItems2" OnSelectedItemChanged="@OnCascadeBindSelectClick"></Select>
         </div>
         <div class="col-12 col-sm-6">
             <MultiSelect TValue="string" Items="@CascadingItems1" />

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)