refactor: 修复 InputUpload 删除报错问题

Author: ArgoZhang

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

@@ -34,10 +34,10 @@
     <ValidateForm Model="Foo1" OnValidSubmit="OnSubmit">
         <div class="row g-3">
             <div class="col-12">
-                <BootstrapInput @bind-Value="@Foo1.Name" />
+                <BootstrapInput @bind-Value="@Foo1.Name"></BootstrapInput>
             </div>
             <div class="col-12">
-                <InputUpload @bind-Value="@Foo1.Picture" />
+                <InputUpload @bind-Value="@Foo1.Picture" ShowDeleteButton="true"></InputUpload>
             </div>
             <div class="col-12">
                 <Button ButtonType="@ButtonType.Submit" Text="@Localizer["UploadFormSettingsButtonText"]"></Button>

src/BootstrapBlazor/Components/Upload/InputUpload.razor

@@ -8,12 +8,16 @@
 }
 <div @attributes="@AdditionalAttributes" class="@ClassString" id="@Id">
     <div class="input-group">
-        <input type="text" class="@InputValueClassString" id="@Id" disabled="@Disabled" readonly placeholder="@PlaceHolder" value="@CurrentValueAsString" />
+        <input type="text" class="@InputValueClassString" id="@Id" disabled="@Disabled" readonly
+               placeholder="@PlaceHolder" value="@CurrentValueAsString" />
         @if (ShowDeleteButton)
         {
-            <Button class="@RemoveButtonClassString" IsDisabled="@IsDeleteButtonDisabled" Icon="@DeleteButtonIcon" Text="@DeleteButtonText" OnClick="@OnDeleteFile" Color="Color.None"></Button>
+            <Button class="@RemoveButtonClassString" IsDisabled="@IsDeleteButtonDisabled"
+                    Icon="@DeleteButtonIcon" Text="@DeleteButtonText" Color="Color.None"
+                    OnClick="@TriggerDeleteFile"></Button>
         }
-        <Button class="@BrowserButtonClassString" IsDisabled="@IsDisabled" Icon="@BrowserButtonIcon" Text="@BrowserButtonText" Color="Color.None"></Button>
+        <Button class="@BrowserButtonClassString" IsDisabled="@IsDisabled" Icon="@BrowserButtonIcon"
+                Text="@BrowserButtonText" Color="Color.None"></Button>
     </div>
     <InputFile AdditionalAttributes="@GetUploadAdditionalAttributes()" OnChange="OnFileChange"></InputFile>
 </div>

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

@@ -102,15 +102,13 @@ protected override void OnParametersSet()
         DeleteButtonIcon ??= IconTheme.GetIconByKey(ComponentIcons.InputUploadDeleteButtonIcon);
     }
 
-    private async Task OnDeleteFile()
+    private async Task TriggerDeleteFile()
     {
-        foreach (var item in UploadFiles)
+        for (var index = UploadFiles.Count; index > 0; index--)
         {
+            var item = UploadFiles[index - 1];
             await OnFileDelete(item);
         }
-
-        // TODO: 需要验证文件删除结果
-        UploadFiles.Clear();
         CurrentValue = default;
     }