feat(Title): update TitleService (#4539)

* feat: 更改为服务

* refactor: 移除 Title 组件

* test: 更新单元测试

* test: 更新单元测试

* refactor: 增加 Token 代码

Author: ArgoZhang

src/BootstrapBlazor/Components/Title/Title.cs

@@ -8,8 +8,7 @@ namespace BootstrapBlazor.Components;
 /// <summary>
 /// Title 组件
 /// </summary>
-[BootstrapModuleAutoLoader(ModuleName = "title", AutoInvokeInit = false, AutoInvokeDispose = false)]
-public class Title : BootstrapModuleComponentBase
+public class Title : ComponentBase
 {
     [Inject]
     [NotNull]
@@ -21,16 +20,6 @@ public class Title : BootstrapModuleComponentBase
     [Parameter]
     public string? Text { get; set; }
 
-    /// <summary>
-    /// OnInitialized 方法
-    /// </summary>
-    protected override void OnInitialized()
-    {
-        base.OnInitialized();
-
-        TitleService.Register(this, SetTitle);
-    }
-
     /// <summary>
     /// <inheritdoc/>
     /// </summary>
@@ -42,33 +31,7 @@ protected override async Task OnAfterRenderAsync(bool firstRender)
 
         if (firstRender && Text != null)
         {
-            var op = new TitleOption() { Title = Text };
-            await SetTitle(op);
-        }
-    }
-
-    private async Task SetTitle(TitleOption op)
-    {
-        if (Module != null)
-        {
-            await InvokeVoidAsync("setTitle", op.Title);
-        }
-        else
-        {
-            Text = op.Title;
-        }
-    }
-
-    /// <summary>
-    /// <inheritdoc/>
-    /// </summary>
-    protected override async ValueTask DisposeAsync(bool disposing)
-    {
-        await base.DisposeAsync(disposing);
-
-        if (disposing)
-        {
-            TitleService.UnRegister(this);
+            await TitleService.SetTitle(Text, CancellationToken.None);
         }
     }
 }

src/BootstrapBlazor/Components/Title/TitleOption.cs

@@ -8,15 +8,18 @@ namespace BootstrapBlazor.Components;
 /// <summary>
 /// Title 服务
 /// </summary>
-public class TitleService : BootstrapServiceBase<TitleOption>
+public class TitleService(IJSRuntime jSRuntime)
 {
+    [NotNull]
+    private JSModule? _module = null;
+
     /// <summary>
     /// 设置当前网页 Title 方法
     /// </summary>
     /// <returns></returns>
-    public async Task SetTitle(string title)
+    public async Task SetTitle(string title, CancellationToken token = default)
     {
-        var op = new TitleOption() { Title = title };
-        await Invoke(op);
+        _module ??= await jSRuntime.LoadModule("./_content/BootstrapBlazor/modules/utility.js");
+        await _module.InvokeVoidAsync("setTitle", token, title);
     }
 }

src/BootstrapBlazor/Components/Title/TitleService.cs renamed to src/BootstrapBlazor/Services/TitleService.cs

@@ -791,6 +791,10 @@ const deepMerge = (obj1, obj2) => {
     return obj1;
 }
 
+export function setTitle(title) {
+    document.title = title;
+}
+
 export {
     autoAdd,
     autoRemove,

src/BootstrapBlazor/wwwroot/modules/title.js

@@ -8,30 +8,14 @@ namespace UnitTest.Components;
 public class TitleTest : BootstrapBlazorTestBase
 {
     [Fact]
-    public void ChildContent_Ok()
+    public async Task SetTitle_Ok()
     {
         var cut = Context.RenderComponent<BootstrapBlazorRoot>(pb =>
         {
-            pb.AddChildContent<MockTitleTest>();
-        });
-        cut.InvokeAsync(async () =>
-        {
-            var titleService = cut.FindComponent<MockTitleTest>().Instance.TitleService;
-            await titleService.SetTitle("test");
-        });
-
-        cut.InvokeAsync(() =>
-        {
-            var title = cut.FindComponent<Title>();
-            title.SetParametersAndRender();
-
-            // 模拟 Module 为空
-            var moduleProperty = title.Instance.GetType().GetProperty("Module", System.Reflection.BindingFlags.NonPublic | System.Reflection.BindingFlags.Instance);
-            moduleProperty?.SetValue(title.Instance, null);
-
-            var methodInfo = title.Instance.GetType().GetMethod("SetTitle", System.Reflection.BindingFlags.NonPublic | System.Reflection.BindingFlags.Instance);
-            methodInfo?.Invoke(title.Instance, new object[] { new TitleOption() { Title = "test" } });
+            pb.AddChildContent<MockTitle>();
         });
+        var mockTitle = cut.FindComponent<MockTitle>();
+        await mockTitle.Instance.SetTitle("test");
     }
 
     [Fact]
@@ -43,12 +27,16 @@ public void Text_Ok()
         });
         var text = cut.Instance.Text;
         Assert.Equal("Text", text);
+
+        cut.SetParametersAndRender();
     }
 
-    private class MockTitleTest : ComponentBase
+    private class MockTitle : ComponentBase
     {
         [Inject]
         [NotNull]
         public TitleService? TitleService { get; set; }
+
+        public Task SetTitle(string title) => TitleService.SetTitle(title);
     }
 }