refactor(INetworkMonitorService): add reuse state function (#6409)

* doc: 移除 SDK 文本

* doc: 增加网络状态菜单

* doc: 增加网络状态源码映射

* doc: 增加网络状态示例

* doc: 增加指示器示例文档

* feat: 增加 INetworkMonitorService 服务

* refactor: 实现 INetworkMonitorService 逻辑

* doc: 更新示例

* refactor: 支持离线状态

* doc: 更新文档

* refactor: 更新细节

* test: 更新单元测试

* doc: 更新文档

* feat: 增加状态复用逻辑

* refactor: 增加超时设置

Author: ArgoZhang

src/BootstrapBlazor.Server/Components/Samples/NetworkMonitors.razor.cs

@@ -13,7 +13,7 @@ public partial class NetworkMonitors : IDisposable
     [Inject, NotNull]
     private INetworkMonitorService? NetworkMonitorService { get; set; }
 
-    private ConsoleLogger _logger = null!;
+    private ConsoleLogger? _logger;
 
     /// <summary>
     /// <inheritdoc/>
@@ -27,7 +27,7 @@ protected override async Task OnInitializedAsync()
 
     private Task OnNetworkStateChanged(NetworkMonitorState state)
     {
-        _logger.Log($"Online: NetworkType: {state.NetworkType} Downlink: {state.Downlink} RTT: {state.RTT}");
+        _logger?.Log($"Online: NetworkType: {state.NetworkType} Downlink: {state.Downlink} RTT: {state.RTT}");
         return Task.CompletedTask;
     }
 

src/BootstrapBlazor/Services/DefaultNetworkMonitorService.cs

@@ -21,6 +21,7 @@ class DefaultNetowrkMonitorService : INetworkMonitorService, IAsyncDisposable
     private readonly ConcurrentDictionary<IComponent, Func<NetworkMonitorState, Task>> _callbacks = new();
     private bool _init = false;
     private readonly SemaphoreSlim _semaphoreSlim = new(1, 1);
+    private NetworkMonitorState? _state;
 
     public DefaultNetowrkMonitorService(IJSRuntime jsRuntime)
     {
@@ -47,10 +48,14 @@ public async Task<NetworkMonitorState> GetNetworkMonitorState(CancellationToken
     public async Task RegisterStateChangedCallback(IComponent component, Func<NetworkMonitorState, Task> callback)
     {
         _callbacks.AddOrUpdate(component, key => callback, (k, v) => callback);
+        if (_state != null)
+        {
+            await callback(_state);
+        }
 
         if (!_init)
         {
-            await _semaphoreSlim.WaitAsync();
+            await _semaphoreSlim.WaitAsync(3000);
             if (!_init)
             {
                 _init = true;
@@ -82,6 +87,7 @@ public void UnregisterStateChangedCallback(IComponent component)
     [JSInvokable]
     public async Task TriggerNetworkStateChanged(NetworkMonitorState state)
     {
+        _state = state;
         foreach (var callback in _callbacks.Values)
         {
             if (callback != null)