refactor: 使用 Files 属性提高性能

Author: ArgoZhang

src/BootstrapBlazor/Components/Upload/AvatarUpload.razor

@@ -12,7 +12,7 @@
         {
             @RenderAdd
         }
-        @foreach (var item in GetUploadFiles())
+        @foreach (var item in Files)
         {
             <div @key="item" class="@GetItemClassString(item)" id="@item.ValidateId" style="@ItemStyleString">
                 <Avatar Url="@item.PrevUrl" />

src/BootstrapBlazor/Components/Upload/AvatarUpload.razor.cs

@@ -153,11 +153,11 @@ private bool CheckCanUpload()
         // 允许多上传
         if (IsMultiple)
         {
-            return !MaxFileCount.HasValue || GetUploadFiles().Count < MaxFileCount;
+            return !MaxFileCount.HasValue || Files.Count < MaxFileCount;
         }
 
         // 只允许单个上传
-        return GetUploadFiles().Count == 0;
+        return Files.Count == 0;
     }
 
     /// <summary>
@@ -166,9 +166,8 @@ private bool CheckCanUpload()
     /// <returns></returns>
     protected override string? RetrieveId()
     {
-        var files = GetUploadFiles();
-        return files.Count == 0 ? $"{Id}_new" : files[0].ValidateId;
+        return Files.Count == 0 ? $"{Id}_new" : Files[0].ValidateId;
     }
 
-    private string? AddId => GetUploadFiles().Count == 0 ? $"{Id}_new" : null;
+    private string? AddId => Files.Count == 0 ? $"{Id}_new" : null;
 }

src/BootstrapBlazor/Components/Upload/ButtonUpload.razor

@@ -12,7 +12,7 @@
     </Button>
     @if (ShowUploadFileList)
     {
-        <UploadPreviewList Items="GetUploadFiles()" IsDisabled="@IsDisabled" ShowProgress="@ShowProgress"
+        <UploadPreviewList Items="Files" IsDisabled="@IsDisabled" ShowProgress="@ShowProgress"
                            OnGetFileFormat="@OnGetFileFormat" OnCancel="OnCancel" CancelIcon="@CancelIcon" LoadingIcon="@LoadingIcon"
                            InvalidStatusIcon="@InvalidStatusIcon" ValidStatusIcon="@ValidStatusIcon"
                            ShowDownloadButton="@ShowDownloadButton" DownloadIcon="@DownloadIcon" OnDownload="@OnDownload"

src/BootstrapBlazor/Components/Upload/ButtonUpload.razor.cs

@@ -219,10 +219,10 @@ private bool CheckStatus()
         // 允许多上传
         if (IsMultiple)
         {
-            return MaxFileCount.HasValue && GetUploadFiles().Count >= MaxFileCount;
+            return MaxFileCount.HasValue && Files.Count >= MaxFileCount;
         }
 
         // 只允许单个上传
-        return GetUploadFiles().Count > 0;
+        return Files.Count > 0;
     }
 }

src/BootstrapBlazor/Components/Upload/CardUpload.razor

@@ -12,7 +12,7 @@
         {
             @RenderAdd
         }
-        @foreach (var item in GetUploadFiles())
+        @foreach (var item in Files)
         {
             <div @key="@item" class="@GetItemClassString(item)">
                 <div class="upload-item-body">

src/BootstrapBlazor/Components/Upload/CardUpload.razor.cs

@@ -28,9 +28,9 @@ public partial class CardUpload<TValue>
 
     private string? GetDisabledString(UploadFile item) => (!IsDisabled && item is { Uploaded: true, Code: 0 }) ? null : "disabled";
 
-    private bool ShowPreviewList => GetUploadFiles().Count != 0;
+    private bool ShowPreviewList => Files.Count != 0;
 
-    private List<string?> PreviewList => GetUploadFiles().Select(i => i.PrevUrl).ToList();
+    private List<string?> PreviewList => Files.Select(i => i.PrevUrl).ToList();
 
     private string? GetDeleteButtonDisabledString(UploadFile item) => (!IsDisabled && item.Uploaded) ? null : "disabled";
 
@@ -257,11 +257,11 @@ private bool CheckCanUpload()
         // 允许多上传
         if (IsMultiple)
         {
-            return !MaxFileCount.HasValue || GetUploadFiles().Count < MaxFileCount;
+            return !MaxFileCount.HasValue || Files.Count < MaxFileCount;
         }
 
         // 只允许单个上传
-        return GetUploadFiles().Count == 0;
+        return Files.Count == 0;
     }
 
     private async Task OnCardFileDelete(UploadFile item)

src/BootstrapBlazor/Components/Upload/DropUpload.razor

@@ -50,7 +50,7 @@
     }
     @if (ShowUploadFileList)
     {
-        <UploadPreviewList Items="GetUploadFiles()" IsDisabled="@IsDisabled" ShowProgress="@ShowProgress"
+        <UploadPreviewList Items="Files" IsDisabled="@IsDisabled" ShowProgress="@ShowProgress"
                            OnGetFileFormat="@OnGetFileFormat" OnCancel="OnCancel" CancelIcon="@CancelIcon" LoadingIcon="@LoadingIcon"
                            InvalidStatusIcon="@InvalidStatusIcon" ValidStatusIcon="@ValidStatusIcon"
                            ShowDownloadButton="@ShowDownloadButton" DownloadIcon="@DownloadIcon" OnDownload="@OnDownload"

src/BootstrapBlazor/Components/Upload/InputUpload.razor.cs

@@ -112,19 +112,18 @@ private bool CheckStatus()
         // 允许多上传
         if (IsMultiple)
         {
-            return MaxFileCount.HasValue && GetUploadFiles().Count >= MaxFileCount;
+            return MaxFileCount.HasValue && Files.Count >= MaxFileCount;
         }
 
         // 只允许单个上传
-        return GetUploadFiles().Count > 0;
+        return Files.Count > 0;
     }
 
     private async Task TriggerDeleteFile()
     {
-        var files = GetUploadFiles();
-        for (var index = files.Count; index > 0; index--)
+        for (var index = Files.Count; index > 0; index--)
         {
-            var item = files[index - 1];
+            var item = Files[index - 1];
             await OnFileDelete(item);
         }
         CurrentValue = default;

src/BootstrapBlazor/Components/Upload/UploadBase.cs

@@ -94,6 +94,11 @@ public abstract class UploadBase<TValue> : ValidateBase<TValue>, IUpload
     /// </summary>
     public List<UploadFile> UploadFiles { get; } = [];
 
+    /// <summary>
+    /// Gets the collection of files to be uploaded.
+    /// </summary>
+    protected List<UploadFile> Files => GetUploadFiles();
+
     /// <summary>
     /// <inheritdoc/>
     /// </summary>
@@ -228,20 +233,24 @@ protected void Update(UploadFile file)
         }
     }
 
+    private List<UploadFile>? _filesCache;
     /// <summary>
     /// Get the files collection.
     /// 获得当前文件集合
     /// </summary>
     /// <returns></returns>
     protected List<UploadFile> GetUploadFiles()
     {
-        var ret = new List<UploadFile>();
-        if (DefaultFileList != null)
+        if (_filesCache == null)
         {
-            ret.AddRange(DefaultFileList);
+            _filesCache = [];
+            if (DefaultFileList != null)
+            {
+                _filesCache.AddRange(DefaultFileList);
+            }
+            _filesCache.AddRange(UploadFiles);
         }
-        ret.AddRange(UploadFiles);
-        return ret;
+        return _filesCache;
     }
 
     /// <summary>