feat(Toolbar): support html attribute (#6573)

* feat: ButtonGroup 支持 html 标签

* feat: ToolbarItem 支持 html 标签

* feat(ToolbarSeparator): 支持 html 标签

* feat(ToolbarSpace): 支持 html 标签

* refactor: 删除不使用的代码

* Revert "refactor: 删除不使用的代码"

This reverts commit 51cb815.

* fix: 更正样式名称

Author: ArgoZhang

src/BootstrapBlazor/Components/Toolbar/ToolbarButtonGroup.razor

@@ -1,5 +1,6 @@
 @namespace BootstrapBlazor.Components
+@inherits BootstrapComponentBase
 
-<div class="bb-toolbar-group btn-group">
+<div  @attributes="AdditionalAttributes" class="@ClassString">
     @ChildContent
 </div>

src/BootstrapBlazor/Components/Toolbar/ToolbarButtonGroup.razor.cs

@@ -19,6 +19,10 @@ public partial class ToolbarButtonGroup : IAsyncDisposable
     [Parameter]
     public RenderFragment? ChildContent { get; set; }
 
+    private string? ClassString => CssBuilder.Default("bb-toolbar-group btn-group")
+        .AddClassFromAttributes(AdditionalAttributes)
+        .Build();
+
     /// <summary>
     /// <inheritdoc/>
     /// </summary>

src/BootstrapBlazor/Components/Toolbar/ToolbarItem.razor

@@ -1,5 +1,6 @@
 @namespace BootstrapBlazor.Components
+@inherits BootstrapComponentBase
 
-<div class="bb-toolbar-item">
+<div @attributes="AdditionalAttributes" class="@ClassString">
     @ChildContent
 </div>

src/BootstrapBlazor/Components/Toolbar/ToolbarItem.razor.cs

@@ -8,12 +8,15 @@ namespace BootstrapBlazor.Components;
 /// <summary>
 /// ToolbarItem 组件用于在工具栏中添加子组件
 /// </summary>
-public partial class ToolbarItem : ComponentBase
+public partial class ToolbarItem
 {
     /// <summary>
     /// 获得/设置 子组件模板
     /// </summary>
     [Parameter]
     public RenderFragment? ChildContent { get; set; }
-}
 
+    private string? ClassString => CssBuilder.Default("bb-toolbar-item")
+        .AddClassFromAttributes(AdditionalAttributes)
+        .Build();
+}

src/BootstrapBlazor/Components/Toolbar/ToolbarSeparator.razor

@@ -1,3 +1,4 @@
 @namespace BootstrapBlazor.Components
+@inherits BootstrapComponentBase
 
-<div class="bb-toolbar-vr vr"></div>
+<div @attributes="AdditionalAttributes" class="@ClassString"></div>

src/BootstrapBlazor/Components/Toolbar/ToolbarSeparator.razor.cs

@@ -10,5 +10,7 @@ namespace BootstrapBlazor.Components;
 /// </summary>
 public partial class ToolbarSeparator
 {
+    private string? ClassString => CssBuilder.Default("bb-toolbar-vr vr")
+        .AddClassFromAttributes(AdditionalAttributes)
+        .Build();
 }
-

src/BootstrapBlazor/Components/Toolbar/ToolbarSpace.razor

@@ -1,3 +1,4 @@
 @namespace BootstrapBlazor.Components
+@inherits BootstrapComponentBase
 
-<div class="bb-toolbar-space"></div>
+<div @attributes="AdditionalAttributes" class="@ClassString"></div>

src/BootstrapBlazor/Components/Toolbar/ToolbarSpace.razor.cs

@@ -10,5 +10,8 @@ namespace BootstrapBlazor.Components;
 /// </summary>
 public partial class ToolbarSpace
 {
+    private string? ClassString => CssBuilder.Default("bb-toolbar-space")
+        .AddClassFromAttributes(AdditionalAttributes)
+        .Build();
 }