fix(module: upload): style with no button (#3734)

ant-design-blazor · Mar 18, 2024 · 14f7100 · 14f7100
1 parent a83ec40
commit 14f7100
Show file tree

Hide file tree

Showing 3 changed files with 14 additions and 4 deletions.
diff --git a/components/upload/Upload.razor b/components/upload/Upload.razor
@@ -3,14 +3,14 @@
 
 @using AntDesign.Internal;
 
-<span style="@Style" @ref="Ref" class="@ClassMapper.Class @(IsPictureCard? "ant-upload-picture-card-wrapper" : "")"
+<span style="@Style" @ref="Ref" class="@ClassMapper.Class"
      @ondragover="@HandleDrag"
      @ondragleave="@HandleDrag"
      @ondrop="@HandleDrag"
      @ondragover:stopPropagation
      @ondragleave:stopPropagation
      @ondrop:stopPropagation>
-        @if (!IsPictureCard || !ShowUploadList)
+        @if (ChildContent != null && (!IsPictureCard || !ShowUploadList))
         {
             <CascadingValue Value="this" IsFixed>
                 <UploadButton Action="@Action"

diff --git a/components/upload/Upload.razor.cs b/components/upload/Upload.razor.cs
@@ -103,6 +103,10 @@ protected override void OnInitialized()
 
             var prefixCls = "ant-upload";
 
+            ClassMapper
+                .GetIf(() => $"{prefixCls}-picture-card-wrapper", () => IsPictureCard)
+                .GetIf(() => $"{prefixCls}-no-btn", () => ChildContent == null);
+
             _listClassMapper
                 .Add($"{prefixCls}-list")
                 .Get(() => $"{prefixCls}-list-{ListType}")

diff --git a/components/upload/style/patch.less b/components/upload/style/patch.less
@@ -1,3 +1,9 @@
-.ant-upload-list-rtl.ant-upload-list-picture-card .ant-upload-list-item {
-  float: unset;
+@import './index.less';
+
+.@{upload-prefix-cls}-list-rtl.@{upload-prefix-cls}-list-picture-card .@{upload-prefix-cls}-list-item {
+    float: unset;
 }
+
+.@{upload-prefix-cls}-no-btn .@{upload-prefix-cls}-list-item {
+    margin-top: 0;
+}