feat(Drawer): add ZIndex parameter (#5396)

* chore: bump version 9.3.1-beta22

* test: 增加单元测试

* feat: 增加 ZIndex 参数

* refactor: 增加 ZIndex 参数传递逻辑

* feat: 增加 ZIndex 样式

* test: 增加单元测试

Author: ArgoZhang

src/BootstrapBlazor/BootstrapBlazor.csproj

@@ -1,7 +1,7 @@
 <Project Sdk="Microsoft.NET.Sdk.Razor">
 
   <PropertyGroup>
-    <Version>9.3.1-beta21</Version>
+    <Version>9.3.1-beta22</Version>
   </PropertyGroup>
 
   <ItemGroup>

src/BootstrapBlazor/Components/Drawer/Drawer.razor.cs

@@ -20,6 +20,7 @@ public partial class Drawer
 
     private string? StyleString => CssBuilder.Default()
         .AddStyle("--bb-drawer-position", Position)
+        .AddClass($"--bb-drawer-zindex: {ZIndex};", ZIndex.HasValue)
         .AddStyleFromAttributes(AdditionalAttributes)
         .Build();
 
@@ -107,6 +108,12 @@ public partial class Drawer
     [Parameter]
     public bool AllowResize { get; set; }
 
+    /// <summary>
+    /// 获得/设置 z-index 参数值 默认 null 未设置
+    /// </summary>
+    [Parameter]
+    public int? ZIndex { get; set; }
+
     /// <summary>
     /// 获得/设置 关闭抽屉回调委托 默认 null
     /// </summary>
@@ -133,7 +140,7 @@ public partial class Drawer
 
     private string? KeyboardString => IsKeyboard ? "true" : null;
 
-    private string? BodyScrollString => BodyScroll ? "true" : null;   
+    private string? BodyScrollString => BodyScroll ? "true" : null;
 
     /// <summary>
     /// <inheritdoc/>

src/BootstrapBlazor/Components/Drawer/DrawerContainer.cs

@@ -81,6 +81,10 @@ private Dictionary<string, object> GetParameters(DrawerOption option)
         {
             parameters.Add(nameof(Drawer.Height), option.Height);
         }
+        if (option.ZIndex.HasValue)
+        {
+            parameters.Add(nameof(Drawer.ZIndex), option.ZIndex);
+        }
         var content = option.GetContent();
         if (content != null)
         {

src/BootstrapBlazor/Components/Drawer/DrawerOption.cs

@@ -79,4 +79,9 @@ public class DrawerOption
     /// 获得/设置 相关连数据，多用于传值使用
     /// </summary>
     public object? BodyContext { get; set; }
+
+    /// <summary>
+    /// 获得/设置 z-index 参数值 默认 null 未设置
+    /// </summary>
+    public int? ZIndex { get; set; }
 }

test/UnitTest/Components/DrawerTest.cs

@@ -161,6 +161,16 @@ public void Position_Ok()
         cut.Contains("--bb-drawer-position: absolute;");
     }
 
+    [Fact]
+    public void ZIndex_Ok()
+    {
+        var cut = Context.RenderComponent<Drawer>(builder =>
+        {
+            builder.Add(a => a.ZIndex, 1055);
+        });
+        cut.Contains("--bb-drawer-zindex: 1055;");
+    }
+
     [Fact]
     public void IsKeyboard_Ok()
     {

test/UnitTest/Services/DrawerServiceTest.cs

@@ -25,12 +25,14 @@ public async Task Show_Ok()
             ShowBackdrop = true,
             BodyContext = "test-body-context",
             IsKeyboard = true,
-            BodyScroll = true
+            BodyScroll = true,
+            ZIndex = 1066
         };
         var service = Context.Services.GetRequiredService<DrawerService>();
         var cut = Context.RenderComponent<BootstrapBlazorRoot>();
         await service.Show(option);
         cut.Contains("data-bb-keyboard=\"true\"");
+        cut.Contains("--bb-drawer-zindex: 1066;");
         var button = cut.Find("button");
         await cut.InvokeAsync(() => button.Click());