feat: 增加 ToggleButton 组件

Author: ArgoZhang

src/BootstrapBlazor/Components/Button/ToggleButton.razor

@@ -0,0 +1,23 @@
+@namespace BootstrapBlazor.Components
+@inherits ButtonBase
+
+<button @attributes="@AdditionalAttributes" @onclick="@OnClickButton" id="@Id" class="@ToggleClassName" disabled="@Disabled"
+        role="button" data-bs-placement="@PlacementString" data-bs-trigger="@TriggerString"
+        aria-disabled="@DisabledString" tabindex="@Tab" data-bs-toggle="button"
+        @onclick:stopPropagation="@StopPropagation">
+    @if(IsAsyncLoading)
+    {
+        <i class="@LoadingIcon"></i>
+    }
+    else if (!string.IsNullOrEmpty(Icon))
+    {
+        <i class="@Icon"></i>
+    }
+    @if (!string.IsNullOrEmpty(Text))
+    {
+        <span>@Text</span>
+    }
+    <CascadingValue Value="this" IsFixed="true">
+        @ChildContent
+    </CascadingValue>
+</button>

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

@@ -0,0 +1,80 @@
+// Licensed to the .NET Foundation under one or more agreements.
+// The .NET Foundation licenses this file to you under the Apache 2.0 License
+// See the LICENSE file in the project root for more information.
+// Maintainer: Argo Zhang([email protected]) Website: https://www.blazor.zone
+
+namespace BootstrapBlazor.Components;
+
+/// <summary>
+/// Toggle Button 按钮组件
+/// </summary>
+public partial class ToggleButton
+{
+    /// <summary>
+    /// 获得/设置 状态切换回调方法
+    /// </summary>
+    [Parameter]
+    public Func<bool, Task>? OnToggleAsync { get; set; }
+
+    /// <summary>
+    /// 获得/设置 当前状态是否为激活状态 默认 false
+    /// </summary>
+    [Parameter]
+    public bool IsActive { get; set; }
+
+    /// <summary>
+    /// 获得/设置 激活状态回调方法
+    /// </summary>
+    [Parameter]
+    public EventCallback<bool> IsActiveChanged { get; set; }
+
+    private string? ToggleClassName => CssBuilder.Default(ClassName)
+        .AddClass("active", IsActive)
+        .Build();
+
+    private async Task OnClickButton()
+    {
+        if (IsAsync)
+        {
+            IsAsyncLoading = true;
+            IsDisabled = true;
+        }
+
+        await HandlerClick();
+
+        // 恢复按钮
+        if (IsAsync)
+        {
+            IsDisabled = IsKeepDisabled;
+            IsAsyncLoading = false;
+        }
+    }
+
+    private async Task HandlerClick()
+    {
+        if (OnClickWithoutRender != null)
+        {
+            if (!IsAsync)
+            {
+                IsNotRender = true;
+            }
+
+            await OnClickWithoutRender();
+        }
+
+        if (OnClick.HasDelegate)
+        {
+            await OnClick.InvokeAsync();
+        }
+
+        IsActive = !IsActive;
+        if (IsActiveChanged.HasDelegate)
+        {
+            await IsActiveChanged.InvokeAsync(IsActive);
+        }
+        if (OnToggleAsync != null)
+        {
+            await OnToggleAsync(IsActive);
+        }
+    }
+}