feat: 增加弹窗内按钮图标参数

Author: ArgoZhang

src/BootstrapBlazor/Components/Button/PopConfirmButtonContent.razor

@@ -27,15 +27,17 @@
             <div class="popover-confirm-buttons">
                 @if (ShowCloseButton)
                 {
-                    <div class="@CloseButtonClass" @onclick="@OnCloseClick">
+                    <button class="@CloseButtonClass" @onclick="@OnCloseClick">
+                        <i class="@CloseButtonIcon"></i>
                         <span>@CloseButtonText</span>
-                    </div>
+                    </button>
                 }
                 @if (ShowConfirmButton)
                 {
-                    <div class="@ConfirmButtonClass" @onclick="@OnConfirmClick">
+                    <button class="@ConfirmButtonClass" @onclick="@OnConfirmClick">
+                        <i class="@ConfirmButtonIcon"></i>
                         <span>@ConfirmButtonText</span>
-                    </div>
+                    </button>
                 }
             </div>
         }

src/BootstrapBlazor/Components/Button/PopConfirmButtonContent.razor.cs

@@ -59,6 +59,12 @@ public partial class PopConfirmButtonContent
     [Parameter]
     public RenderFragment? ChildContent { get; set; }
 
+    /// <summary>
+    /// 获得/设置 关闭按钮显示图标
+    /// </summary>
+    [Parameter]
+    public string? CloseButtonIcon { get; set; }
+
     /// <summary>
     /// 获得/设置 关闭按钮显示文字
     /// </summary>
@@ -71,6 +77,12 @@ public partial class PopConfirmButtonContent
     [Parameter]
     public Color CloseButtonColor { get; set; } = Color.Secondary;
 
+    /// <summary>
+    /// 获得/设置 确认按钮显示图标
+    /// </summary>
+    [Parameter]
+    public string? ConfirmButtonIcon { get; set; }
+
     /// <summary>
     /// 获得/设置 确认按钮显示文字
     /// </summary>
@@ -87,7 +99,6 @@ public partial class PopConfirmButtonContent
     /// 获得/设置 确认框图标
     /// </summary>
     [Parameter]
-    [NotNull]
     public string? Icon { get; set; }
 
     /// <summary>
@@ -114,6 +125,8 @@ protected override void OnParametersSet()
         base.OnParametersSet();
 
         Icon ??= IconTheme.GetIconByKey(ComponentIcons.PopConfirmButtonConfirmIcon);
+        CloseButtonIcon ??= IconTheme.GetIconByKey(ComponentIcons.PopConfirmButtonContentCloseButtonIcon);
+        ConfirmButtonIcon ??= IconTheme.GetIconByKey(ComponentIcons.PopConfirmButtonContentConfirmButtonIcon);
     }
 
     /// <summary>

src/BootstrapBlazor/Enums/ComponentIcons.cs

@@ -410,6 +410,16 @@ public enum ComponentIcons
     /// </summary>
     PopConfirmButtonConfirmIcon,
 
+    /// <summary>
+    /// PopConfirmButton 组件弹窗中 CloseButtonIcon 图标
+    /// </summary>
+    PopConfirmButtonContentCloseButtonIcon,
+
+    /// <summary>
+    /// PopConfirmButton 组件弹窗中 ConfirmButtonIcon 图标
+    /// </summary>
+    PopConfirmButtonContentConfirmButtonIcon,
+
     /// <summary>
     /// Rate 组件 StarIcon 图标
     /// </summary>