doc(CacheList): update GetSlidingLeftTime logic (#5228)

* doc: 更新获取滑动时间剩余时间逻辑

* doc: add CacheCounter component

Author: ArgoZhang

src/BootstrapBlazor.Server/Components/Components/CacheCounter.razor

@@ -0,0 +1,4 @@
+<div class="footer-cache ms-2">
+    <i class="fa-solid fa-microchip text-success"></i>
+    <a href="./cache-list" target="_blank" style="color: #ddd;">@CacheManager.Keys.Count()</a>
+</div>

src/BootstrapBlazor.Server/Components/Components/CacheCounter.razor.cs

@@ -0,0 +1,44 @@
+// 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
+
+namespace BootstrapBlazor.Server.Components.Components;
+
+/// <summary>
+/// 缓存数量组件
+/// </summary>
+public partial class CacheCounter : IDisposable
+{
+    [Inject, NotNull]
+    private ICacheManager? CacheManager { get; set; }
+
+    private readonly CancellationTokenSource _cancellationTokenSource = new();
+
+    /// <summary>
+    /// <inheritdoc/>
+    /// </summary>
+    /// <param name="firstRender"></param>
+    protected override async Task OnAfterRenderAsync(bool firstRender)
+    {
+        await base.OnAfterRenderAsync(firstRender);
+
+        try
+        {
+            await Task.Delay(5000, _cancellationTokenSource.Token);
+            StateHasChanged();
+        }
+        catch { }
+    }
+
+    /// <summary>
+    /// <inheritdoc/>
+    /// </summary>
+    /// <exception cref="NotImplementedException"></exception>
+    public void Dispose()
+    {
+        _cancellationTokenSource.Cancel();
+        _cancellationTokenSource.Dispose();
+        GC.SuppressFinalize(this);
+    }
+}

src/BootstrapBlazor.Server/Components/Components/FooterCounter.razor

@@ -5,7 +5,7 @@
 @if (_options.Enable)
 {
     <div class="footer-online ms-2">
-        <i class="fa-solid fa-people-group"></i>
-        <a href="./online" target="_blank">@ConnectionService.Count</a>
+        <i class="fa-solid fa-people-group text-success"></i>
+        <a href="./online" target="_blank" style="color: #ddd;">@ConnectionService.Count</a>
     </div>
 }

src/BootstrapBlazor.Server/Components/Components/FooterCounter.razor.cs

@@ -14,7 +14,7 @@ public partial class FooterCounter : IDisposable
 {
     private string? Runtime { get; set; }
 
-    private CancellationTokenSource DisposeTokenSource { get; } = new();
+    private CancellationTokenSource _disposeTokenSource = new();
 
     private ConnectionHubOptions _options = default!;
 
@@ -37,30 +37,17 @@ protected override void OnInitialized()
     /// <inheritdoc />
     /// </summary>
     /// <param name="firstRender"></param>
-    protected override void OnAfterRender(bool firstRender)
+    protected override async Task OnAfterRenderAsync(bool firstRender)
     {
-        if (firstRender)
-        {
-            _ = Task.Run(async () =>
-            {
-                while (!DisposeTokenSource.IsCancellationRequested)
-                {
-                    try
-                    {
-                        await Task.Delay(1000, DisposeTokenSource.Token);
-                    }
-                    catch (TaskCanceledException)
-                    {
+        await base.OnAfterRenderAsync(firstRender);
 
-                    }
-                    if (!DisposeTokenSource.IsCancellationRequested)
-                    {
-                        UpdateRuntime();
-                        await InvokeAsync(StateHasChanged);
-                    }
-                }
-            });
+        try
+        {
+            await Task.Delay(1000, _disposeTokenSource.Token);
+            UpdateRuntime();
+            StateHasChanged();
         }
+        catch { }
     }
 
     private void UpdateRuntime()
@@ -73,8 +60,8 @@ private void Dispose(bool disposing)
     {
         if (disposing)
         {
-            DisposeTokenSource.Cancel();
-            DisposeTokenSource.Dispose();
+            _disposeTokenSource.Cancel();
+            _disposeTokenSource.Dispose();
         }
     }
 

src/BootstrapBlazor.Server/Components/Components/FooterCounter.razor.css

@@ -63,6 +63,7 @@
             <div>Powered by .NET @Version on @OS</div>
             <div class="ms-1">BB @VersionService.Version</div>
             <FooterCounter></FooterCounter>
+            <CacheCounter></CacheCounter>
         </div>
         <div class="d-flex flex-fill align-items-center justify-content-center">
             <a class="d-none d-md-block me-3" href="@WebsiteOption.CurrentValue.GiteeRepositoryUrl" target="_blank">@Localizer["Footer"]</a>

src/BootstrapBlazor.Server/Components/Layout/HomeLayout.razor

@@ -47,6 +47,16 @@ public static string GetExpiration(this ICacheEntry entry)
     private static TimeSpan GetSlidingLeftTime(this ICacheEntry entry)
     {
         var lastAccessed = entry.GetLastAccessed();
-        return lastAccessed == null ? TimeSpan.Zero : entry.SlidingExpiration!.Value - (DateTime.UtcNow - lastAccessed.Value);
+        if (lastAccessed == null)
+        {
+            return TimeSpan.Zero;
+        }
+
+        var ts = entry.SlidingExpiration!.Value - (DateTime.UtcNow - lastAccessed.Value);
+        if (ts < TimeSpan.Zero)
+        {
+            ts = TimeSpan.Zero;
+        }
+        return ts;
     }
 }