diff --git a/src/BootstrapBlazor/Components/Upload/CardUpload.razor b/src/BootstrapBlazor/Components/Upload/CardUpload.razor
index 930bfeb27e1..4975e8972d5 100644
--- a/src/BootstrapBlazor/Components/Upload/CardUpload.razor
+++ b/src/BootstrapBlazor/Components/Upload/CardUpload.razor
@@ -32,9 +32,9 @@
@item.GetFileName() (@item.Size.ToFileSizeString())
- @if (ActionButtonTemplate != null)
+ @if (BeforeActionButtonTemplate != null)
{
- @ActionButtonTemplate(item)
+ @BeforeActionButtonTemplate(item)
}
@if (ShowZoomButton)
{
@@ -54,6 +54,10 @@
}
+ @if (ActionButtonTemplate != null)
+ {
+ @ActionButtonTemplate(item)
+ }
@if (ShowDeleteButton)
{
diff --git a/src/BootstrapBlazor/Components/Upload/CardUpload.razor.cs b/src/BootstrapBlazor/Components/Upload/CardUpload.razor.cs
index 57be7c4a816..4260b8a80aa 100644
--- a/src/BootstrapBlazor/Components/Upload/CardUpload.razor.cs
+++ b/src/BootstrapBlazor/Components/Upload/CardUpload.razor.cs
@@ -60,6 +60,12 @@ public partial class CardUpload
[Parameter]
public RenderFragment? IconTemplate { get; set; }
+ ///
+ /// 获得/设置 操作按钮模板
+ ///
+ [Parameter]
+ public RenderFragment? BeforeActionButtonTemplate { get; set; }
+
///
/// 获得/设置 操作按钮模板
///
diff --git a/test/UnitTest/Components/UploadCardTest.cs b/test/UnitTest/Components/UploadCardTest.cs
index ea1a59d1264..608fbfe6467 100644
--- a/test/UnitTest/Components/UploadCardTest.cs
+++ b/test/UnitTest/Components/UploadCardTest.cs
@@ -229,12 +229,17 @@ public void ActionButtonTemplate_Ok()
[
new() { FileName = "test.png" }
]);
+ pb.Add(a => a.BeforeActionButtonTemplate, file => pb =>
+ {
+ pb.AddMarkupContent(0, "");
+ });
pb.Add(a => a.ActionButtonTemplate, file => pb =>
{
pb.AddMarkupContent(0, "");
});
});
+ cut.Contains("before-action-button-test");
cut.Contains("action-button-test");
}