refactor: 重构代码封装 AutoCompleteItem 组件

Author: ArgoZhang

src/BootstrapBlazor/Components/AutoComplete/AutoComplete.razor

@@ -16,6 +16,28 @@
            placeholder="@PlaceHolder" disabled="@Disabled" @ref="FocusElement"/>
     <span class="form-select-append"><i class="@Icon"></i></span>
     <span class="form-select-append ac-loading"><i class="@LoadingIcon"></i></span>
-    <DropdownMenu @ref="_dropdown" ShowNoDataTip="ShowNoDataTip" NoDataTip="@NoDataTip"
-                  OnItemClick="@OnClickItem" Rows="@Rows" ItemTemplate="@ItemTemplate"></DropdownMenu>
+    <RenderTemplate ChildContent="RenderItems"></RenderTemplate>
 </div>
+
+@code {
+    RenderFragment RenderDropdown =>
+    @<ul class="dropdown-menu">
+        @foreach (var item in Rows)
+        {
+            <li @key="item" class="dropdown-item" @onclick="() => OnClickItem(item)">
+                @if (ItemTemplate == null)
+                {
+                    <div>@item</div>
+                }
+                else
+                {
+                    @ItemTemplate(item)
+                }
+            </li>
+        }
+        @if (ShowNoDataTip && Rows.Count == 0)
+        {
+            <li class="dropdown-item">@NoDataTip</li>
+        }
+    </ul>;
+}

src/BootstrapBlazor/Components/AutoComplete/AutoComplete.razor.cs

@@ -90,7 +90,7 @@ public partial class AutoComplete
     private List<string>? _filterItems;
 
     [NotNull]
-    private DropdownMenu? _dropdown = default;
+    private AutoCompleteItems? _dropdown = default;
 
     /// <summary>
     /// <inheritdoc/>
@@ -186,7 +186,15 @@ public override Task TriggerChange(string val)
             StateHasChanged();
         }
         _render = true;
-        _dropdown.Render(Rows);
+        _dropdown.RenderContent();
         return Task.CompletedTask;
     }
+
+    private RenderFragment RenderItems => builder =>
+    {
+        builder.OpenComponent<AutoCompleteItems>(0);
+        builder.AddAttribute(10, "ChildContent", RenderDropdown);
+        builder.AddComponentReferenceCapture(20, dropdown => _dropdown = (AutoCompleteItems)dropdown);
+        builder.CloseComponent();
+    };
 }

src/BootstrapBlazor/Components/AutoComplete/AutoCompleteItems.cs

@@ -0,0 +1,60 @@
+// Licensed to the .NET Foundation under one or more agreements.
+// The .NET Foundation licenses this file to you under the Apache 2.0 License
+// See the LICENSE file in the project root for more information.
+// Maintainer: Argo Zhang([email protected]) Website: https://www.blazor.zone
+
+using Microsoft.AspNetCore.Components.Rendering;
+
+namespace BootstrapBlazor.Components;
+
+/// <summary>
+/// DropdownMenu component
+/// </summary>
+class AutoCompleteItems : IComponent
+{
+    /// <summary>
+    /// Gets or sets the child content
+    /// </summary>
+    [Parameter, NotNull]
+    public RenderFragment? ChildContent { get; set; }
+
+    private RenderHandle _renderHandle;
+
+    /// <summary>
+    /// <inheritdoc/>
+    /// </summary>
+    /// <param name="renderHandle"></param>
+    public void Attach(RenderHandle renderHandle)
+    {
+        _renderHandle = renderHandle;
+    }
+
+    /// <summary>
+    /// <inheritdoc/>
+    /// </summary>
+    /// <param name="parameters"></param>
+    /// <returns></returns>
+    public Task SetParametersAsync(ParameterView parameters)
+    {
+        parameters.SetParameterProperties(this);
+
+        RenderContent();
+        return Task.CompletedTask;
+    }
+    /// <summary>
+    /// Render method
+    /// </summary>
+    public void RenderContent()
+    {
+        _renderHandle.Render(BuildRenderTree);
+    }
+
+    /// <summary>
+    /// <inheritdoc/>
+    /// </summary>
+    /// <param name="builder"></param>
+    private void BuildRenderTree(RenderTreeBuilder builder)
+    {
+        builder.AddContent(0, ChildContent);
+    }
+}