refactor: 增加预览功能

Author: ArgoZhang

src/BootstrapBlazor/Components/Upload/AvatarUpload.razor

@@ -6,7 +6,7 @@
 {
     <BootstrapLabel required="@Required" ShowLabelTooltip="ShowLabelTooltip" Value="@DisplayText" />
 }
-<div @attributes="@AdditionalAttributes" class="@ClassString" id="@Id">
+<div @attributes="@AdditionalAttributes" class="@ClassString" id="@Id" data-bb-previewer-id="@PreviewerId">
     <div class="upload-body is-avatar">
         @if (IsUploadButtonAtFirst && ShowAddButton())
         {
@@ -41,6 +41,10 @@
             @RenderAdd
         }
     </div>
+    @if (ShowPreviewList)
+    {
+        <ImagePreviewer Id="@PreviewerId" PreviewList="PreviewList"></ImagePreviewer>
+    }
     <InputFile AdditionalAttributes="@GetUploadAdditionalAttributes()" OnChange="OnFileChange" />
 </div>
 

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

@@ -115,6 +115,12 @@ public partial class AvatarUpload<TValue>
         .AddClass(InvalidStatusIcon)
         .Build();
 
+    private bool ShowPreviewList => Files.Count != 0;
+
+    private string PreviewerId => $"prev_{Id}";
+
+    private List<string?> PreviewList => [.. Files.Select(i => i.PrevUrl)];
+
     /// <summary>
     /// <inheritdoc/>
     /// </summary>
@@ -144,6 +150,14 @@ protected override async Task TriggerOnChanged(UploadFile file)
         await base.TriggerOnChanged(file);
     }
 
+    public async Task Preview()
+    {
+        if(ShowPreviewList)
+        {
+
+        }
+    }
+
     private IReadOnlyCollection<ValidationResult> _results = [];
 
     /// <summary>