feat: 增加 ClearableIcon 参数

Author: ArgoZhang

src/BootstrapBlazor/Components/Select/MultiSelect.razor

@@ -51,7 +51,7 @@
     </div>
     @if (GetClearable())
     {
-        <span class="@ClearClassString" @onclick="OnClearValue"><i class="@ClearIcon"></i></span>
+        <span class="@ClearClassString" @onclick="OnClearValue"><i class="@ClearableIcon"></i></span>
     }
     <div class="@DropdownMenuClassString">
         @if (ShowSearch)

src/BootstrapBlazor/Components/Select/MultiSelect.razor.cs

@@ -186,6 +186,13 @@ public partial class MultiSelect<TValue>
     [NotNull]
     public string? MinErrorMessage { get; set; }
 
+    /// <summary>
+    /// Gets or sets the right-side clear icon. Default is null.
+    /// </summary>
+    [Parameter]
+    [NotNull]
+    public string? ClearableIcon { get; set; }
+
     [Inject]
     [NotNull]
     private IStringLocalizer<MultiSelect<TValue>>? Localizer { get; set; }
@@ -227,6 +234,7 @@ protected override void OnParametersSet()
 
         DropdownIcon ??= IconTheme.GetIconByKey(ComponentIcons.MultiSelectDropdownIcon);
         ClearIcon ??= IconTheme.GetIconByKey(ComponentIcons.MultiSelectClearIcon);
+        ClearableIcon ??= IconTheme.GetIconByKey(ComponentIcons.MultiSelectClearableIcon);
 
         ResetItems();
         ResetRules();

src/BootstrapBlazor/Enums/ComponentIcons.cs

@@ -455,6 +455,11 @@ public enum ComponentIcons
     /// </summary>
     MultiSelectClearIcon,
 
+    /// <summary>
+    /// MultiSelect 组件 ClearableIcon 图标
+    /// </summary>
+    MultiSelectClearableIcon,
+
     /// <summary>
     /// SelectTree 组件 DropdownIcon 图标
     /// </summary>

src/BootstrapBlazor/Icons/BootstrapIcons.cs

@@ -110,6 +110,7 @@ internal static class BootstrapIcons
 
         { ComponentIcons.MultiSelectDropdownIcon, "bi bi-chevron-up" },
         { ComponentIcons.MultiSelectClearIcon, "bi bi-x" },
+        { ComponentIcons.MultiSelectClearableIcon, "bi bi-x-circle" },
 
         { ComponentIcons.SelectTreeDropdownIcon, "bi bi-chevron-up" },
 

src/BootstrapBlazor/Icons/FontAwesomeIcons.cs

@@ -108,6 +108,7 @@ internal static class FontAwesomeIcons
 
         { ComponentIcons.MultiSelectDropdownIcon, "fa-solid fa-angle-up" },
         { ComponentIcons.MultiSelectClearIcon, "fa-solid fa-xmark" },
+        { ComponentIcons.MultiSelectClearableIcon, "fa-regular fa-circle-xmark" },
 
         { ComponentIcons.SelectTreeDropdownIcon, "fa-solid fa-angle-up" },
 

src/BootstrapBlazor/Icons/MaterialDesignIcons.cs

@@ -110,6 +110,7 @@ internal static class MaterialDesignIcons
 
         { ComponentIcons.MultiSelectDropdownIcon, "mdi mdi-chevron-up" },
         { ComponentIcons.MultiSelectClearIcon, "mdi mdi-close" },
+        { ComponentIcons.MultiSelectClearableIcon, "mdi mdi-trash-can-outline" },
 
         { ComponentIcons.SelectTreeDropdownIcon, "mdi mdi-chevron-up" },