refactor: 统一使用 btn-browser 作为上传按钮

Author: ArgoZhang

src/BootstrapBlazor/Components/Upload/DropUpload.razor

@@ -6,7 +6,7 @@
     <BootstrapLabel required="@Required" ShowLabelTooltip="ShowLabelTooltip" Value="@DisplayText"/>
 }
 <div @attributes="@AdditionalAttributes" class="@ClassString" id="@Id">
-    <div class="upload-drop-body">
+    <div class="@BodyClassString">
         @if (BodyTemplate != null)
         {
             @BodyTemplate

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

@@ -75,6 +75,10 @@ public partial class DropUpload
         .AddClassFromAttributes(AdditionalAttributes)
         .Build();
 
+    private string? BodyClassString => CssBuilder.Default("upload-drop-body")
+        .AddClass("btn-browser", !IsDisabled)
+        .Build();
+
     /// <summary>
     /// <inheritdoc/>
     /// </summary>

src/BootstrapBlazor/wwwroot/modules/upload.js

@@ -15,10 +15,6 @@ export function init(id) {
         inputFile.click()
     })
 
-    EventHandler.on(el, 'click', '.upload-drop-body', () => {
-        inputFile.click()
-    })
-
     EventHandler.on(document, "dragleave", preventHandler)
     EventHandler.on(document, 'drop', preventHandler)
     EventHandler.on(document, 'dragenter', preventHandler)