Mask增加OnCloseAsync回调

Author: j4587698

src/BootstrapBlazor.Server/Components/Components/MaskDemo.razor

@@ -0,0 +1,12 @@
+<div style="background-color: #ffffff" class="row">
+    <div class="col-12">
+        <h3>MaskDemo</h3>
+    </div>
+    <div class="col-12">
+        <Button Text="Close" OnClick="() => { OnCloseAsync?.Invoke(); }"></Button>
+    </div>
+</div>
+@code {
+    [CascadingParameter]
+    private Func<Task>? OnCloseAsync { get; set; }
+}

src/BootstrapBlazor.Server/Components/Samples/Masks.razor

@@ -27,3 +27,7 @@
     <Mask @ref="CustomMask1"></Mask>
     <Mask @ref="CustomMask2"></Mask>
 </DemoBlock>
+
+<DemoBlock Title="代码关闭弹窗">
+    <Button Text="Show" OnClick="ShowCloseMask"></Button>
+</DemoBlock>

src/BootstrapBlazor.Server/Components/Samples/Masks.razor.cs

@@ -56,4 +56,12 @@ await MaskService.Show(new MaskOption()
         await MaskService.Close(CustomMask1);
         await MaskService.Close(CustomMask2);
     }
+
+    private async Task ShowCloseMask()
+    {
+        await MaskService.Show(new MaskOption()
+        {
+            ChildContent = BootstrapDynamicComponent.CreateComponent<MaskDemo>().Render()
+        });
+    }
 }

src/BootstrapBlazor/Components/Mask/Mask.razor

@@ -9,7 +9,9 @@
         @if (_options is { ChildContent: not null })
         {
             <div class="bb-mask-content">
-                @_options.ChildContent
+                <CascadingValue Value="CloseAsync" IsFixed="true">
+                    @_options.ChildContent
+                </CascadingValue>
             </div>
         }
     </div>

src/BootstrapBlazor/Components/Mask/Mask.razor.cs

@@ -58,4 +58,9 @@ private Task Show(MaskOption? option)
         StateHasChanged();
         return Task.CompletedTask;
     }
+
+    private Task CloseAsync()
+    {
+        return Show(null);
+    }
 }