feat(Tab): display error information in a dialog (#5590)

* refactor: 增加异常对话框扩展方法

* chore: 更改为弹窗显示异常信息

* test: 更新单元测试

Author: ArgoZhang

src/BootstrapBlazor/Components/Tab/Tab.razor.cs

@@ -306,6 +306,9 @@ public partial class Tab : IHandlerException
     [NotNull]
     private IIconTheme? IconTheme { get; set; }
 
+    [Inject, NotNull]
+    private DialogService? DialogService { get; set; }
+
     private ConcurrentDictionary<TabItem, bool> LazyTabCache { get; } = new();
 
     private bool HandlerNavigation { get; set; }
@@ -792,9 +795,7 @@ private RenderFragment RenderTabItemContent(TabItem item) => builder =>
 
         if (item.IsActive)
         {
-            var content = _errorContent ?? item.ChildContent;
-            builder.AddContent(0, content);
-            _errorContent = null;
+            builder.AddContent(0, item.ChildContent);
             if (IsLazyLoadTabItem)
             {
                 LazyTabCache.AddOrUpdate(item, _ => true, (_, _) => true);
@@ -806,19 +807,12 @@ private RenderFragment RenderTabItemContent(TabItem item) => builder =>
         }
     };
 
-    private RenderFragment? _errorContent;
-
     /// <summary>
     /// HandlerException 错误处理方法
     /// </summary>
     /// <param name="ex"></param>
     /// <param name="errorContent"></param>
-    public virtual Task HandlerException(Exception ex, RenderFragment<Exception> errorContent)
-    {
-        _errorContent = errorContent(ex);
-        StateHasChanged();
-        return Task.CompletedTask;
-    }
+    public Task HandlerException(Exception ex, RenderFragment<Exception> errorContent) => DialogService.ShowErrorHandlerDialog(errorContent(ex));
 
     private IEnumerable<MenuItem>? _menuItems;
     private MenuItem? GetMenuItem(string url)

src/BootstrapBlazor/Extensions/DialogServiceExtensions.cs

@@ -226,4 +226,22 @@ public static async Task ShowValidateFormDialog<TComponent>(this DialogService s
         configureOption?.Invoke(option);
         await service.Show(option, dialog);
     }
+
+    /// <summary>
+    /// 显示异常信息对话框扩展方法
+    /// </summary>
+    /// <param name="service"></param>
+    /// <param name="fragment"></param>
+    /// <param name="dialog"></param>
+    /// <returns></returns>
+    public static async Task ShowErrorHandlerDialog(this DialogService service, RenderFragment fragment, Dialog? dialog = null)
+    {
+        var option = new DialogOption
+        {
+            Title = "Error",
+            IsScrolling = true,
+            BodyTemplate = fragment
+        };
+        await service.Show(option, dialog);
+    }
 }

test/UnitTest/Components/ErrorLoggerTest.cs

@@ -122,7 +122,7 @@ public void OnErrorHandleAsync_Tab()
         cut.Contains("errorLogger-click");
         var button = cut.Find("button");
         button.TriggerEvent("onclick", EventArgs.Empty);
-        cut.Contains("<div class=\"tabs-body-content\"><div class=\"error-stack\">TimeStamp:");
+        cut.Contains("<div class=\"modal-body\"><div class=\"error-stack\">TimeStamp:");
     }
 
     [Fact]