doc: 更新示例

Author: ArgoZhang

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

@@ -6,7 +6,29 @@
 <DemoBlock Title="@Localizer["TransferNormalTitle"]"
            Introduction="@Localizer["TransferNormalIntro"]"
            Name="Normal">
-    <Transfer TValue="string" Items="@Items" OnSelectedItemsChanged="@OnSelectedItemsChanged" />
+    <section ignore class="row form-inline g-3">
+        <div class="col-12 col-sm-6">
+            <BootstrapInputGroup>
+                <BootstrapInputGroupLabel DisplayText="IsWrapItem"></BootstrapInputGroupLabel>
+                <Switch @bind-Value="_isWrapItem"></Switch>
+            </BootstrapInputGroup>
+        </div>
+        <div class="col-12 col-sm-6">
+            <BootstrapInputGroup>
+                <BootstrapInputGroupLabel DisplayText="IsWrapItemText"></BootstrapInputGroupLabel>
+                <Switch @bind-Value="_isWrapItemText"></Switch>
+            </BootstrapInputGroup>
+        </div>
+        <div class="col-12 col-sm-6">
+            <BootstrapInputGroup>
+                <BootstrapInputGroupLabel DisplayText="ItemWidth"></BootstrapInputGroupLabel>
+                <BootstrapInput @bind-Value="@_itemWidth"></BootstrapInput>
+            </BootstrapInputGroup>
+        </div>
+    </section>
+    <Transfer TValue="string" Items="@Items"
+              IsWrapItem="_isWrapItem" IsWrapItemText="_isWrapItemText" ItemWidth="@_itemWidth"
+              OnSelectedItemsChanged="@OnSelectedItemsChanged" />
     <ConsoleLogger @ref="Logger" />
 </DemoBlock>
 

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

@@ -43,6 +43,10 @@ public sealed partial class Transfers : ComponentBase
 
     private IEnumerable<SelectedItem> SelectedValue { get; set; } = Enumerable.Empty<SelectedItem>();
 
+    private bool _isWrapItem = true;
+    private bool _isWrapItemText = true;
+    private string? _itemWidth = "160px";
+
     private Task OnSelectedItemsChanged(IEnumerable<SelectedItem> items)
     {
         Logger.Log(string.Join(" ", items.Select(i => i.Text)));
@@ -59,15 +63,17 @@ protected override async Task OnInitializedAsync()
         // 模拟异步加载数据源
         await Task.Delay(100);
 
-        Items = GeneratorItems();
+        var items = GeneratorItems().ToList();
+        items[1].Text = "我是一个超级长的专门为了测试溢出折行功能的候选项";
+        Items = items;
         Items1 = GeneratorItems();
         Items2 = GeneratorItems();
 
-        Items3 = Enumerable.Range(1, 15).Select(i => new SelectedItem()
+        Items3 = [.. Enumerable.Range(1, 15).Select(i => new SelectedItem()
         {
             Text = $"{Localizer["Backup"]} {i:d2}",
             Value = i.ToString()
-        }).ToList();
+        })];
 
         Items4 = GeneratorItems();
         Items5 = GeneratorItems();