doc: 更新示例

Author: ArgoZhang

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

@@ -16,6 +16,12 @@
            Name="Normal">
     <section ignore>
         <div class="row g-3">
+            <div class="col-12 col-sm-6">
+                <BootstrapInputGroup>
+                    <BootstrapInputGroupLabel DisplayText="IsDisabled"></BootstrapInputGroupLabel>
+                    <Switch @bind-Value="@_isDisabled"></Switch>
+                </BootstrapInputGroup>
+            </div>
             <div class="col-12 col-sm-6">
                 <BootstrapInputGroup>
                     <BootstrapInputGroupLabel DisplayText="IsMultiple"></BootstrapInputGroupLabel>
@@ -40,12 +46,6 @@
                     <Slider @bind-Value="@_radius" Min="0" Max="49" UseInputEvent="true"></Slider>
                 </BootstrapInputGroup>
             </div>
-            <div class="col-12 col-sm-6">
-                <BootstrapInputGroup>
-                    <BootstrapInputGroupLabel DisplayText="IsDisabled"></BootstrapInputGroupLabel>
-                    <Switch @bind-Value="@_isDisabled"></Switch>
-                </BootstrapInputGroup>
-            </div>
         </div>
     </section>
     <AvatarUpload TValue="string" IsMultiple="@_isMultiple" IsCircle="@_isCircle" BorderRadius="@RadiusString"

src/BootstrapBlazor.Server/Components/Samples/UploadAvatars.razor.cs

@@ -16,10 +16,10 @@ public partial class UploadAvatars : IDisposable
     private CancellationTokenSource? _token;
     private readonly List<UploadFile> _previewFileList = [];
     private readonly Person _foo = new();
-    private bool _isMultiple = true;
     private bool _isUploadButtonAtFirst;
     private bool _isCircle;
     private int _radius = 49;
+    private bool _isMultiple = true;
     private bool _isDisabled = false;
 
     private string? RadiusString => $"{_radius}px";

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

@@ -12,8 +12,37 @@
 <Pre class="no-highlight">builder.Services.Configure&lt;HubOptions&gt;(option => option.MaximumReceiveMessageSize = null);</Pre>
 
 <DemoBlock Title="@Localizer["DropUploadTitle"]" Introduction="@Localizer["DropUploadIntro"]" Name="Normal">
+    <section ignore>
+        <div class="row g-3">
+            <div class="col-12 col-sm-6">
+                <BootstrapInputGroup>
+                    <BootstrapInputGroupLabel DisplayText="IsDisabled"></BootstrapInputGroupLabel>
+                    <Switch @bind-Value="@_isDisabled"></Switch>
+                </BootstrapInputGroup>
+            </div>
+            <div class="col-12 col-sm-6">
+                <BootstrapInputGroup>
+                    <BootstrapInputGroupLabel DisplayText="IsMultiple"></BootstrapInputGroupLabel>
+                    <Switch @bind-Value="@_isMultiple"></Switch>
+                </BootstrapInputGroup>
+            </div>
+            <div class="col-12 col-sm-6">
+                <BootstrapInputGroup>
+                    <BootstrapInputGroupLabel DisplayText="ShowProgress"></BootstrapInputGroupLabel>
+                    <Switch @bind-Value="@_showProgress"></Switch>
+                </BootstrapInputGroup>
+            </div>
+            <div class="col-12 col-sm-6">
+                <BootstrapInputGroup>
+                    <BootstrapInputGroupLabel DisplayText="ShowFooter"></BootstrapInputGroupLabel>
+                    <Switch @bind-Value="@_showFooter"></Switch>
+                </BootstrapInputGroup>
+            </div>
+        </div>
+    </section>
     <DropUpload OnChange="@OnDropUpload" FooterText="@Localizer["DropUploadFooterText"]"
-                ShowProgress="true" ShowFooter="true" IsMultiple="false"></DropUpload>
+                IsDisabled="@_isDisabled" IsMultiple="@_isMultiple"
+                ShowProgress="@_showProgress" ShowFooter="@_showFooter"></DropUpload>
     <div class="mt-3">
         @foreach (var file in _dropFiles)
         {

src/BootstrapBlazor.Server/Components/Samples/UploadDrops.razor.cs

@@ -10,6 +10,11 @@ namespace BootstrapBlazor.Server.Components.Samples;
 /// </summary>
 public partial class UploadDrops
 {
+    private bool _isMultiple = true;
+    private bool _isDisabled = false;
+    private bool _showProgress = true;
+    private bool _showFooter = true;
+
     private readonly List<UploadFile> _dropFiles = [];
 
     private async Task OnDropUpload(UploadFile file)