feat(Row): support custom class attribute (#5113)

* feat: support custom class attribute

* test: 更新单元测试

Co-Authored-By: ice6 <[email protected]>
Co-Authored-By: Argo <[email protected]>

Author: ArgoZhang

src/BootstrapBlazor/Components/Row/Row.razor

@@ -2,6 +2,6 @@
 @inherits BootstrapModuleComponentBase
 @attribute [BootstrapModuleAutoLoader(AutoInvokeDispose = false)]
 
-<div @attributes="@AdditionalAttributes" id="@Id" data-bb-toggle="row" data-bb-type="@RowType.ToDescriptionString()" data-bb-items="@ItemsPerRow.ToDescriptionString()" data-bb-colspan="@ColSpan" class="d-none">
+<div @attributes="@AdditionalAttributes" id="@Id" data-bb-toggle="row" data-bb-type="@RowType.ToDescriptionString()" data-bb-items="@ItemsPerRow.ToDescriptionString()" data-bb-colspan="@ColSpan" class="@ClassString">
     @ChildContent
 </div>

src/BootstrapBlazor/Components/Row/Row.razor.cs

@@ -6,7 +6,7 @@
 namespace BootstrapBlazor.Components;
 
 /// <summary>
-/// 
+/// Row 组件
 /// </summary>
 public partial class Row
 {
@@ -33,4 +33,8 @@ public partial class Row
     /// </summary>
     [Parameter]
     public RenderFragment? ChildContent { get; set; }
+
+    private string? ClassString => CssBuilder.Default("d-none")
+        .AddClassFromAttributes(AdditionalAttributes)
+        .Build();
 }

test/UnitTest/Components/RowTest.cs

@@ -14,9 +14,14 @@ public void RowType_Normal()
         {
             pb.Add(a => a.RowType, RowType.Normal);
             pb.Add(a => a.ChildContent, CreateContent());
+            pb.Add(a => a.AdditionalAttributes, new Dictionary<string, object>()
+            {
+                { "class", "test-row" }
+            });
         });
 
         Assert.Contains("data-bb-type=\"row\"", cut.Markup);
+        Assert.Contains("class=\"d-none test-row\"", cut.Markup);
     }
 
     [Fact]