refactor(CacheList): prevent null item cause exception (#5430)

* doc: 更正单词拼写错误

* refactor: 重构 cache-list 逻辑

* fix: 修复删除按钮

* refactor: 增加过滤条件防止空记录

Author: ArgoZhang

src/BootstrapBlazor.Server/Components/Pages/CacheList.razor.cs

@@ -19,23 +19,24 @@ public partial class CacheList
     [Inject, NotNull]
     private IStringLocalizer<CacheList>? Localizer { get; set; }
 
-    private List<object> _cacheList = [];
+    private List<object?> _cacheList = [];
 
     /// <summary>
     /// <inheritdoc/>
     /// </summary>
-    protected override async Task OnParametersSetAsync()
+    protected override void OnInitialized()
     {
-        await base.OnParametersSetAsync();
-
-        await Task.Yield();
+        base.OnInitialized();
         UpdateCacheList();
     }
 
     private void OnDelete(object key)
     {
-        CacheManager.Clear(key);
-        UpdateCacheList();
+        if (key is ICacheEntry entry)
+        {
+            CacheManager.Clear(entry.Key);
+            UpdateCacheList();
+        }
     }
 
     private void OnDeleteAll()
@@ -51,15 +52,15 @@ private void OnRefresh()
 
     private void UpdateCacheList()
     {
-        _cacheList = CacheManager.Keys.OrderBy(i => i.ToString()).Select(key =>
+        _cacheList = [.. CacheManager.Keys.OrderBy(i => i.ToString()).Select(key =>
         {
             ICacheEntry? entry = null;
             if (CacheManager.TryGetCacheEntry(key, out var val))
             {
                 entry = val;
             }
-            return (object)entry!;
-        }).ToList();
+            return entry;
+        }).Where(i => i != null)];
     }
 
     private static string GetKey(object data) => data is ICacheEntry entry ? entry.Key.ToString()! : "-";

src/BootstrapBlazor.Server/Components/Samples/Stacks.razor

@@ -3,7 +3,7 @@
 
 <h3>@Localizer["Title"]</h3>
 
-<DemoBlock Title="@Localizer["BasicTitle"]" Introduction="@Localizer["BasicIntroe"]" Name="Normal">
+<DemoBlock Title="@Localizer["BasicTitle"]" Introduction="@Localizer["BasicIntro"]" Name="Normal">
     <section ignore class="row g-3">
         <div class="col-12">
             <BootstrapInputGroup>

src/BootstrapBlazor.Server/Locales/en-US.json

@@ -6469,7 +6469,7 @@
   "BootstrapBlazor.Server.Components.Samples.Stacks": {
     "Title": "Stack Layout",
     "BasicTitle": "Basic",
-    "BasicIntroe": "Lets you arrange its subcomponents in a horizontal or vertical stack",
+    "BasicIntro": "Lets you arrange its subcomponents in a horizontal or vertical stack",
     "RowMode": "Row",
     "ColumnMode": "Column",
     "Mode": "mode",

src/BootstrapBlazor.Server/Locales/zh-CN.json

@@ -6469,7 +6469,7 @@
   "BootstrapBlazor.Server.Components.Samples.Stacks": {
     "Title": "Stack 布局",
     "BasicTitle": "普通用法",
-    "BasicIntroe": "可用于在水平或垂直堆栈中排列其子组件",
+    "BasicIntro": "可用于在水平或垂直堆栈中排列其子组件",
     "RowMode": "行布局",
     "ColumnMode": "列布局",
     "Mode": "布局类型",