doc(Select): add use enum int value as Items sample code (#5436)

* refactor: 精简代码

* feat: 兼容 Enum Value 数字情况

* chore: bump version 9.3.1-beta33

* refactor: 更正方法名称

* doc: 增加示例

* doc: 增加示例说明

Author: ArgoZhang

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

@@ -240,6 +240,13 @@
         <div class="col-12 col-sm-6 align-self-end">
             <div class="form-control">@SelectedEnumItem</div>
         </div>
+        <div class="col-12 col-sm-6">
+            <Select @bind-Value="_enumValueDemo" Items="_enumValueDemoItems" ShowLabel="true" DisplayText="@Localizer["SelectsEnumSelectText3"]">
+            </Select>
+        </div>
+        <div class="col-12 col-sm-6 align-self-end">
+            <div class="form-control">@_enumValueDemo</div>
+        </div>
     </div>
 </DemoBlock>
 

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

@@ -51,6 +51,13 @@ public sealed partial class Selects
 
     private string? _fooName;
 
+    private List<SelectedItem> _enumValueDemoItems = [
+        new("0", "Primary"),
+        new("1", "Middle")
+    ];
+
+    private EnumEducation _enumValueDemo = EnumEducation.Primary;
+
     /// <summary>
     /// <inheritdoc/>
     /// </summary>
@@ -69,7 +76,7 @@ private async Task<QueryData<SelectedItem>> OnQueryAsync(VirtualizeQueryOption o
         var items = Foos;
         if (!string.IsNullOrEmpty(option.SearchText))
         {
-            items = Foos.Where(i => i.Name!.Contains(option.SearchText, StringComparison.OrdinalIgnoreCase)).ToList();
+            items = [.. Foos.Where(i => i.Name!.Contains(option.SearchText, StringComparison.OrdinalIgnoreCase))];
         }
         return new QueryData<SelectedItem>
         {

src/BootstrapBlazor.Server/Locales/en-US.json

@@ -3146,6 +3146,7 @@
     "SelectsEnumDescription2": "Setting <code>PalceHolder</code> is not valid when the binding value is an enumerated type",
     "SelectsEnumSelectText1": "Can be empty",
     "SelectsEnumSelectText2": "Not empty",
+    "SelectsEnumSelectText3": "Using enum integer values ​​as Items",
     "SelectsNullableTitle": "The binding can be an empty type",
     "SelectsNullableIntro": "<code>an example of the Select</code> component binding <code>int?</code> type",
     "SelectsNullableDescription": "When the first option is selected, the binding value <code>SelectIntItem</code> to <code>null</code>",

src/BootstrapBlazor.Server/Locales/zh-CN.json

@@ -3146,6 +3146,7 @@
     "SelectsEnumDescription2": "绑定值为枚举类型时，设置 <code>PalceHolder</code> 无效",
     "SelectsEnumSelectText1": "可为空",
     "SelectsEnumSelectText2": "不为空",
+    "SelectsEnumSelectText3": "使用枚举整形值作为集合",
     "SelectsNullableTitle": "绑定可为空类型",
     "SelectsNullableIntro": "<code>Select</code> 组件绑定 <code>int?</code> 类型示例",
     "SelectsNullableDescription": "选中第一个选项时，绑定值 <code>SelectedIntItem</code> 为 <code>null</code>",

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

@@ -294,7 +294,7 @@ private SelectedItem? SelectedRow
 
     private SelectedItem? GetSelectedRow()
     {
-        var item = GetItemWidthEnumValue()
+        var item = GetItemWithEnumValue()
             ?? Rows.Find(i => i.Value == CurrentValueAsString)
             ?? Rows.Find(i => i.Active)
             ?? Rows.FirstOrDefault(i => !i.IsDisabled)
@@ -315,7 +315,7 @@ private SelectedItem? SelectedRow
         return item;
     }
 
-    private SelectedItem? GetItemWidthEnumValue() => ValueType.IsEnum
+    private SelectedItem? GetItemWithEnumValue() => ValueType.IsEnum
         ? Rows.Find(i => i.Value == Convert.ToInt32(Value).ToString())
         : null;