fix: 调整bind-value:after不兼容低版本的写法 (#801)

Author: Qinyouzeng

src/Masa.Stack.Components/Shared/IntegrationComponents/Confirm/SSimpleConfirm.razor

@@ -1,7 +1,7 @@
 @inherits Masa.Blazor.Popup.Components.AlertingPopupComponentBase
 
-<MDialog @bind-Value="@Visible"
-         @bind-Value:after="OnVisibleChanged"
+<MDialog Value="@Visible"
+         ValueChanged="OnVisibleChanged"
          Class="pa-6"
          ContentClass="pa-6 white rounded-5"
          Width="400">
@@ -22,7 +22,7 @@
                     <SIcon>mdi-close</SIcon>
                 </MButton>
             </div>
-        } 
+        }
     </div>
     <div class="regular2--text btn text-start my-3 px-9 @ContentClass">
         @Content
@@ -38,7 +38,7 @@
 
 </MDialog>
 
-    @code {
+@code {
 
     [Parameter]
     public string? Title { get; set; }
@@ -72,9 +72,10 @@
 
     private string ComputedCancelText => CancelText ?? T("Cancel");
     private string ComputedOkText => OkText ?? T("Ok");
-    
-    private async Task OnVisibleChanged()
+
+    private async Task OnVisibleChanged(bool value)
     {
+        Visible = value;
         if (!Visible)
         {
             await SetResult(false);

tests/MasaWasmApp/Pages/Users.razor

@@ -1,6 +1,7 @@
 @inject MasaBlazor MasaBlazor
 @inject IJSRuntime JSRuntime
 @page "/users"
+@using Masa.Stack.Components.Extensions
 
 <ul>
     <li><a href="/users/1?a=1">User 1</a></li>
@@ -10,6 +11,14 @@
     <li><a href="/users/5">User 5</a></li>
 </ul>
 
+<SButton Icon OnClick="ShowConfirmAsync">
+    <SIcon>
+        mdi-open-in-new
+    </SIcon>
+
+</SButton>
+
+
 
 <SDateTimeRangeToolbar ShowTimeZoneSelector ShowQuickChange></SDateTimeRangeToolbar>
 
@@ -132,6 +141,8 @@
 </MThemeProvider>
 
 @code {
+    [Inject]
+    IPopupService PopupService { get; set; } = default!;
 
     private StringNumber _themeName = "light";
     private ThemeOptions? _currentThemeOptions;
@@ -211,4 +222,15 @@
         }
     };
 
+    private async Task ShowConfirmAsync()
+    {
+        if (await PopupService.SimpleConfirmAsync("确认提示"))
+        {
+            await PopupService.EnqueueSnackbarAsync("OK");
+        }
+        else
+        {
+            await PopupService.EnqueueSnackbarAsync("Cancel");
+        }
+    }
 }