feat(Select): add GroupItemTemplate parameter

src/BootstrapBlazor/Components/Divider/Divider.razor.scss

@@ -1,4 +1,3 @@
-/*divider*/
 .divider {
     --bb-divider-bg: #{$divider-bg};
     --bb-divider-margin: #{$divider-margin};
@@ -68,8 +67,3 @@
         }
     }
 }
-
-
-.dropdown-menu .divider {
-    --bb-divider-margin: .25rem 0;
-}

src/BootstrapBlazor/Components/Select/MultiSelect.razor

@@ -54,7 +54,14 @@
         {
             if (!string.IsNullOrEmpty(itemGroup.Key))
             {
-                <Divider Text="@itemGroup.Key" />
+                if (GroupItemTemplate != null)
+                {
+                    @GroupItemTemplate(itemGroup.Key)
+                }
+                else
+                {
+                    <Divider Text="@itemGroup.Key" />
+                }
             }
             @foreach (var item in itemGroup)
             {

src/BootstrapBlazor/Components/Select/Select.razor

@@ -67,7 +67,14 @@
                 {
                     if (!string.IsNullOrEmpty(itemGroup.Key))
                     {
-                        <Divider Text="@itemGroup.Key" />
+                        if (GroupItemTemplate != null)
+                        {
+                            @GroupItemTemplate(itemGroup.Key)
+                        }
+                        else
+                        {
+                            <Divider Text="@itemGroup.Key" />
+                        }
                     }
                     @foreach (var item in itemGroup)
                     {

src/BootstrapBlazor/Components/Select/SelectBase.cs

@@ -46,6 +46,12 @@ public abstract class SelectBase<TValue> : PopoverSelectBase<TValue>
     [Parameter]
     public RenderFragment<SelectedItem>? ItemTemplate { get; set; }
 
+    /// <summary>
+    /// 获得/设置 分组项模板
+    /// </summary>
+    [Parameter]
+    public RenderFragment<string>? GroupItemTemplate { get; set; }
+
     /// <summary>
     /// 获得/设置 IIconTheme 服务实例
     /// </summary>

src/BootstrapBlazor/wwwroot/scss/bootstrap.blazor.css

@@ -1890,7 +1890,6 @@ section > h2 {
   padding-left: 10px;
 }
 
-/*divider*/
 .divider {
   --bb-divider-bg: #dcdfe6;
   --bb-divider-margin: 1rem 0;
@@ -1952,10 +1951,6 @@ section > h2 {
   transform: translateX(50%);
 }
 
-.dropdown-menu .divider {
-  --bb-divider-margin: .25rem 0;
-}
-
 /*add this to avoid flickering*/
 .bb-dd-inprogess > * {
   pointer-events: none;

test/UnitTest/Components/MultiSelectTest.cs

@@ -410,6 +410,30 @@ public void ItemTemplate_Ok()
         Assert.Contains("test-Test2-test", cut.Markup);
     }
 
+    [Fact]
+    public void GroupItemTemplate_Ok()
+    {
+        var cut = Context.RenderComponent<MultiSelect<string>>(pb =>
+        {
+            pb.Add(a => a.Value, "1");
+            pb.Add(a => a.ShowCloseButton, false);
+            pb.Add(a => a.Items, new List<SelectedItem>
+            {
+                new SelectedItem("1", "Test1") { GroupName = "Test1" },
+                new SelectedItem("2", "Test2") { GroupName = "Test2" }
+            });
+            pb.Add(a => a.GroupItemTemplate, title => builder =>
+            {
+                builder.OpenElement(0, "div");
+                builder.AddAttribute(1, "class", "group-key");
+                builder.AddContent(2, title);
+                builder.CloseElement();
+            });
+        });
+        cut.Contains("<div class=\"group-key\">Test1</div>");
+        cut.Contains("<div class=\"group-key\">Test2</div>");
+    }
+
     [Fact]
     public void SearchIcon_Ok()
     {

test/UnitTest/Components/SelectTest.cs

@@ -339,6 +339,29 @@ public void ItemTemplate_Ok()
         cut.Find(".dropdown-item").Click();
     }
 
+    [Fact]
+    public void GroupItemTemplate_Ok()
+    {
+        var cut = Context.RenderComponent<Select<string>>(pb =>
+        {
+            pb.Add(a => a.Items, new SelectedItem[]
+            {
+                new SelectedItem("1", "Test1") { GroupName = "Test1" },
+                new SelectedItem("2", "Test2") { GroupName = "Test2" }
+            });
+            pb.Add(a => a.Value, "2");
+            pb.Add(a => a.GroupItemTemplate, title => builder =>
+            {
+                builder.OpenElement(0, "div");
+                builder.AddAttribute(1, "class", "group-key");
+                builder.AddContent(2, title);
+                builder.CloseComponent();
+            });
+        });
+        cut.Contains("<div class=\"group-key\">Test1</div>");
+        cut.Contains("<div class=\"group-key\">Test2</div>");
+    }
+
     [Fact]
     public void NullItems_Ok()
     {