feat(EditForm): update footer style (#6579)

* refactor: 增加原生标签支持

* style: 精简样式

* style: 统一间隙

* chore: bump version 9.9.2-beta05

Author: ArgoZhang

src/BootstrapBlazor/BootstrapBlazor.csproj

@@ -1,7 +1,7 @@
 <Project Sdk="Microsoft.NET.Sdk.Razor">
 
   <PropertyGroup>
-    <Version>9.9.2-beta04</Version>
+    <Version>9.9.2-beta05</Version>
   </PropertyGroup>
 
   <ItemGroup>

src/BootstrapBlazor/Components/EditorForm/EditorForm.razor

@@ -2,7 +2,7 @@
 @typeparam TModel
 @inherits BootstrapComponentBase
 
-<div @attributes="AdditionalAttributes" class="bb-editor">
+<div @attributes="AdditionalAttributes" class="@ClassString">
     <CascadingValue Value="@_editorItems" IsFixed="false">
         @FieldItems?.Invoke(Model)
     </CascadingValue>
@@ -31,14 +31,14 @@
                 }
             }
         </div>
-    </CascadingValue>
 
-    @if (Buttons != null)
-    {
-        <div class="bb-editor-footer form-footer">
-            @Buttons
-        </div>
-    }
+        @if (Buttons != null)
+        {
+            <div class="bb-editor-footer form-footer">
+                @Buttons
+            </div>
+        }
+    </CascadingValue>
 </div>
 
 @code

src/BootstrapBlazor/Components/EditorForm/EditorForm.razor.cs

@@ -14,6 +14,10 @@ namespace BootstrapBlazor.Components;
 [CascadingTypeParameter(nameof(TModel))]
 public partial class EditorForm<TModel> : IShowLabel
 {
+    private string? ClassString => CssBuilder.Default("bb-editor")
+        .AddClassFromAttributes(AdditionalAttributes)
+        .Build();
+
     /// <summary>
     /// 支持每行多少个控件功能
     /// </summary>

src/BootstrapBlazor/Components/EditorForm/EditorForm.razor.scss

@@ -1,4 +1,4 @@
-.bb-editor {
+.bb-editor {
     position: relative;
 
     .ef-loading {
@@ -9,8 +9,4 @@
         bottom: 0;
         background-color: var(--bs-body-bg);
     }
-
-    .bb-editor-footer {
-        margin-block-start: 1rem;
-    }
 }

src/BootstrapBlazor/Components/Table/Table.razor.scss

@@ -926,7 +926,7 @@ form .table .table-cell > textarea {
 
 .modal-dialog-table.modal-dialog-scrollable .modal-body .form-footer {
     margin: 0;
-    padding: 1rem;
+    padding: 0.5rem 1rem;
 }
 
 .table-wrap thead th .table-cell .table-text {