bug(Table): unsupported filter data type cause filter icon misalignment

src/BootstrapBlazor/BootstrapBlazor.csproj

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

src/BootstrapBlazor/Components/Filters/NotSupportFilter.razor

@@ -0,0 +1,4 @@
+@namespace BootstrapBlazor.Components
+@inherits FilterBase
+
+<div>@NotSupportedMessage</div>

src/BootstrapBlazor/Components/Filters/NotSupportFilter.razor.cs

@@ -0,0 +1,51 @@
+// Licensed to the .NET Foundation under one or more agreements.
+// The .NET Foundation licenses this file to you under the Apache 2.0 License
+// See the LICENSE file in the project root for more information.
+// Maintainer: Argo Zhang([email protected]) Website: https://www.blazor.zone
+
+using Microsoft.Extensions.Localization;
+
+namespace BootstrapBlazor.Components;
+
+/// <summary>
+/// NotSupportFilter component
+/// </summary>
+public partial class NotSupportFilter
+{
+    [Inject]
+    [NotNull]
+    private IStringLocalizer<TableColumnFilter>? Localizer { get; set; }
+
+    /// <summary>
+    /// 获得/设置 不支持过滤类型提示信息 默认 null 读取资源文件内容
+    /// </summary>
+    [Parameter]
+    public string? NotSupportedMessage { get; set; }
+
+    /// <summary>
+    /// <inheritdoc/>
+    /// </summary>
+    protected override void OnParametersSet()
+    {
+        base.OnParametersSet();
+
+        NotSupportedMessage ??= Localizer[nameof(NotSupportedMessage)];
+    }
+
+    /// <summary>
+    /// <inheritdoc/>
+    /// </summary>
+    /// <returns></returns>
+    public override FilterKeyValueAction GetFilterConditions()
+    {
+        return new();
+    }
+
+    /// <summary>
+    /// <inheritdoc/>
+    /// </summary>
+    public override void Reset()
+    {
+
+    }
+}

src/BootstrapBlazor/Components/Filters/TableColumnFilter.razor

@@ -88,7 +88,9 @@ else
                         </FilterProvider>
                         break;
                     default:
-                        <div>@NotSupportedMessage</div>
+                        <FilterProvider>
+                            <NotSupportFilter NotSupportedMessage="@NotSupportedMessage"></NotSupportFilter>
+                        </FilterProvider>
                         break;
                 }
             }

src/BootstrapBlazor/Components/Filters/TableColumnFilter.razor.cs

@@ -87,16 +87,6 @@ protected override void OnInitialized()
         _fieldKey = Column.GetFieldName();
     }
 
-    /// <summary>
-    /// <inheritdoc/>
-    /// </summary>
-    protected override void OnParametersSet()
-    {
-        base.OnParametersSet();
-
-        NotSupportedMessage ??= Localizer[nameof(NotSupportedMessage)];
-    }
-
     /// <summary>
     /// <inheritdoc/>
     /// </summary>

test/UnitTest/Components/TabTest.cs

@@ -191,20 +191,20 @@ public async Task IsLoopSwitchTabItem_Ok()
                 pb.Add(a => a.ChildContent, "Tab2-Content");
             });
         });
-        Assert.Equal("Tab2-Content", cut.Find(".tabs-body .d-none").InnerHtml);
+        Assert.Equal("Tab2-Content", cut.Find(".tabs-body .d-none .tabs-body-content-wrap").InnerHtml);
 
         // Click Prev
         var button = cut.Find(".nav-link-bar.left .nav-link-bar-button");
         await cut.InvokeAsync(() => button.Click());
-        Assert.Equal("Tab2-Content", cut.Find(".tabs-body .d-none").InnerHtml);
+        Assert.Equal("Tab2-Content", cut.Find(".tabs-body .d-none .tabs-body-content-wrap").InnerHtml);
 
         // Click Next
         button = cut.Find(".nav-link-bar.right .nav-link-bar-button");
         await cut.InvokeAsync(() => button.Click());
-        Assert.Equal("Tab1-Content", cut.Find(".tabs-body .d-none").InnerHtml);
+        Assert.Equal("Tab1-Content", cut.Find(".tabs-body .d-none .tabs-body-content-wrap").InnerHtml);
 
         await cut.InvokeAsync(() => button.Click());
-        Assert.Equal("Tab1-Content", cut.Find(".tabs-body .d-none").InnerHtml);
+        Assert.Equal("Tab1-Content", cut.Find(".tabs-body .d-none .tabs-body-content-wrap").InnerHtml);
     }
 
     [Fact]
@@ -240,7 +240,7 @@ public void ClickTab_Ok()
                 pb.Add(a => a.ChildContent, "Tab2-Content");
             });
         });
-        Assert.Equal("Tab2-Content", cut.Find(".tabs-body .d-none").InnerHtml);
+        Assert.Equal("Tab2-Content", cut.Find(".tabs-body .d-none .tabs-body-content-wrap").InnerHtml);
 
         // Click TabItem
         cut.Find(".tabs-item").Click();
@@ -251,14 +251,14 @@ public void ClickTab_Ok()
         button.Click();
         button.Click();
         button.Click();
-        Assert.Equal("Tab1-Content", cut.Find(".tabs-body .d-none").InnerHtml);
+        Assert.Equal("Tab1-Content", cut.Find(".tabs-body .d-none .tabs-body-content-wrap").InnerHtml);
 
         // Click Next
         button = cut.Find(".nav-link-bar.right .nav-link-bar-button");
         button.Click();
         button.Click();
         button.Click();
-        Assert.Equal("Tab2-Content", cut.Find(".tabs-body .d-none").InnerHtml);
+        Assert.Equal("Tab2-Content", cut.Find(".tabs-body .d-none .tabs-body-content-wrap").InnerHtml);
 
         // Close
         Assert.Null(closedItem);
@@ -342,7 +342,7 @@ public void AddTab_Ok()
 
         cut.InvokeAsync(() => tab.AddTab("/", "Tab2", "fa-solid fa-font-awesome", false, true));
         cut.InvokeAsync(() => tab.CloseOtherTabs());
-        Assert.Equal("Tab1-Body", cut.Find(".tabs-body-content").InnerHtml);
+        Assert.Equal("Tab1-Body", cut.Find(".tabs-body-content .tabs-body-content-wrap").InnerHtml);
 
         // NotFound
         cut.InvokeAsync(() => tab.AddTab("/Test", "Tab3", "fa-solid fa-font-awesome", false, true));