doc(ComponentLayout): support lazy load (#1779)

* refactor: 重命名组件

* doc: 优化组件多面板逻辑懒加载

* chore: bump version 7.9.0

Author: ArgoZhang

src/BootstrapBlazor.Shared/Components/Pre.razor.cs

@@ -83,7 +83,6 @@ protected override void OnParametersSet()
         CopiedText ??= Localizer[nameof(CopiedText)];
     }
 
-
     /// <summary>
     /// <inheritdoc/>
     /// </summary>

src/BootstrapBlazor.Shared/Shared/ComponentLayout.razor

@@ -29,15 +29,15 @@
 <hr />
 
 <div class="tabs-coms">
-    <Tab IsBorderCard="true">
+    <Tab IsBorderCard="true" IsLazyLoadTabItem="true" @ref="Tab">
         <TabItem Text="Example" Icon="fa-solid fa-desktop">
             @Body
         </TabItem>
         <TabItem Text="Razor" Icon="fa-brands fa-html5">
-            <Pre CodeFile="@RazorFileName" class="code-razor"></Pre>
+            <Pre @key="@RazorFileName" CodeFile="@RazorFileName" class="code-razor"></Pre>
         </TabItem>
         <TabItem Text="C#" Icon="fa-regular fa-file-code">
-            <Pre CodeFile="@CSharpFileName" class="code-cs"></Pre>
+            <Pre @key="@CSharpFileName" CodeFile="@CSharpFileName" class="code-cs"></Pre>
         </TabItem>
         <TabItem Text="@Video" Icon="fa-regular fa-file-video">
             <Video @key="@VideoFileName" Name="@VideoFileName"></Video>

src/BootstrapBlazor.Shared/Shared/ComponentLayout.razor.cs

@@ -43,6 +43,9 @@ public partial class ComponentLayout : IAsyncDisposable
     [NotNull]
     private IJSRuntime? JSRuntime { get; set; }
 
+    [NotNull]
+    private Tab? Tab { get; set; }
+
     /// <summary>
     /// Instance of <see cref="JSModule"/>
     /// </summary>
@@ -97,6 +100,8 @@ protected override void OnParametersSet()
         RazorFileName = $"{comName}.razor";
         CSharpFileName = $"{comName}.razor.cs";
         VideoFileName = comName;
+
+        Tab?.ActiveTab(0);
     }
 
     /// <summary>

src/BootstrapBlazor/BootstrapBlazor.csproj

@@ -1,7 +1,7 @@
 <Project Sdk="Microsoft.NET.Sdk.Razor">
 
   <PropertyGroup>
-    <Version>7.8.11</Version>
+    <Version>7.9.0</Version>
   </PropertyGroup>
 
   <ItemGroup Condition="'$(TargetFramework)' == 'net5.0'">

src/BootstrapBlazor/Components/LazyLoading/LazyLoading.cs renamed to src/BootstrapBlazor/Components/LazyLoad/LazyLoad.cs

@@ -9,7 +9,7 @@ namespace BootstrapBlazor.Components;
 /// <summary>
 /// 懒加载组件
 /// </summary>
-public partial class LazyLoading : ComponentBase
+public partial class LazyLoad : ComponentBase
 {
     /// <summary>
     /// 获得/设置 子组件

test/UnitTest/Components/LazyLoadingTest.cs renamed to test/UnitTest/Components/LazyLoadTest.cs

@@ -4,12 +4,12 @@
 
 namespace UnitTest.Components;
 
-public class LazyLoadingTest : TestBase
+public class LazyLoadTest : TestBase
 {
     [Fact]
     public void LazyLoading_Ok()
     {
-        var cut = Context.RenderComponent<LazyLoading>(pb =>
+        var cut = Context.RenderComponent<LazyLoad>(pb =>
         {
             pb.Add(a => a.ChildContent, "<div>content</div>");
         });
@@ -19,7 +19,7 @@ public void LazyLoading_Ok()
     [Fact]
     public void OnLoadCallbackAsync_Ok()
     {
-        var cut = Context.RenderComponent<LazyLoading>(pb =>
+        var cut = Context.RenderComponent<LazyLoad>(pb =>
         {
             pb.Add(a => a.OnLoadCallbackAsync, () => Task.FromResult(false));
             pb.Add(a => a.ChildContent, "<div>content</div>");
@@ -31,7 +31,7 @@ public void OnLoadCallbackAsync_Ok()
     public void OnFirstLoadCallbackAsync_Ok()
     {
         var load = false;
-        var cut = Context.RenderComponent<LazyLoading>(pb =>
+        var cut = Context.RenderComponent<LazyLoad>(pb =>
         {
             pb.Add(a => a.OnLoadCallbackAsync, () => Task.FromResult(true));
             pb.Add(a => a.OnFirstLoadCallbackAsync, () =>