feat(ModalDialog): add FooterContentTemplate parameter (#5947)

* feat: 增加 FooterContentTemplate 参数

* style: 增加 modal-footer-content 样式

* test: 增加单元测试

* chore: bump version 9.6.1-beta01

Co-Authored-By: FelixYe <[email protected]>

---------

Co-authored-by: FelixYe <[email protected]>

Author: ArgoZhang

src/BootstrapBlazor/BootstrapBlazor.csproj

@@ -1,7 +1,7 @@
 <Project Sdk="Microsoft.NET.Sdk.Razor">
 
   <PropertyGroup>
-    <Version>9.6.1-beta02</Version>
+    <Version>9.6.1-beta01</Version>
   </PropertyGroup>
 
   <ItemGroup>

src/BootstrapBlazor/Components/Modal/Modal.razor.scss

@@ -21,6 +21,18 @@
 
 .modal-footer {
     padding: 0.5rem 1rem;
+
+    .modal-footer-content {
+        flex-grow: 1;
+        min-width: 0;
+        width: 1%;
+        white-space: nowrap;
+        overflow: hidden;
+        display: flex;
+        align-items: center;
+        justify-content: flex-start;
+        margin-inline-end: 1rem;
+    }
 }
 
 .modal-footer > * {

src/BootstrapBlazor/Components/Modal/ModalDialog.razor

@@ -50,6 +50,12 @@
                     @if (ShowFooter)
                     {
                         <div class="modal-footer">
+                            @if (FooterContentTemplate != null)
+                            {
+                                <div class="modal-footer-content">
+                                    @FooterContentTemplate
+                                </div>
+                            }
                             @if (ShowCloseButton)
                             {
                                 <Button Color="Color.Secondary" Text="@CloseButtonText" Icon="@CloseButtonIcon" OnClickWithoutRender="OnClickCloseAsync"></Button>

src/BootstrapBlazor/Components/Modal/ModalDialog.razor.cs

@@ -200,6 +200,12 @@ public partial class ModalDialog : IHandlerException
     [Parameter]
     public RenderFragment? FooterTemplate { get; set; }
 
+    /// <summary>
+    /// Gets or sets the footer content template. Default is null.
+    /// </summary>
+    [Parameter]
+    public RenderFragment? FooterContentTemplate { get; set; }
+
     /// <summary>
     /// 获得/设置 ModalHeader 组件
     /// </summary>

test/UnitTest/Components/ModalDialogTest.cs

@@ -166,6 +166,7 @@ public void BodyContext_Ok()
             {
                 pb.AddChildContent<ModalDialog>(pb =>
                 {
+                    pb.Add(d => d.FooterContentTemplate, builder => builder.AddContent(0, "footer-content-template"));
                     pb.Add(d => d.BodyContext, new Foo() { Name = "Test_BodyContext" });
                     pb.Add(d => d.BodyTemplate, BootstrapDynamicComponent.CreateComponent<MockModalDialogContentComponent>().Render());
                 });
@@ -174,6 +175,7 @@ public void BodyContext_Ok()
         var content = cut.FindComponent<MockModalDialogContentComponent>().Instance;
         var f = content.Context as Foo;
         Assert.Equal("Test_BodyContext", f!.Name);
+        cut.Contains("footer-content-template");
     }
 
     [Fact]