ant-design-blazor/components/alert/Alert.razor.cs
James Yeung d16144ece0 refactor: remove the 'ant' prefix for some components that is already in demos (#162)
* refactor: button

* refactor: avatar

* refactor: alert

* fix: input group compact
2020-05-29 12:55:15 +08:00

172 lines
4.9 KiB
C#

using Microsoft.AspNetCore.Components;
using Microsoft.AspNetCore.Components.Web;
using System.Threading.Tasks;
namespace AntDesign
{
/// <summary>
/// Alert component for feedback.
/// </summary>
public partial class Alert : AntDomComponentBase
{
/// <summary>
/// Called when close animation is finished
/// </summary>
[Parameter]
public EventCallback<MouseEventArgs> AfterClose { get; set; }
/// <summary>
/// Whether to show as banner
/// </summary>
[Parameter]
public bool Banner { get; set; } = false;
/// <summary>
/// Whether Alert can be closed
/// </summary>
[Parameter]
public bool Closable { get; set; } = false;
/// <summary>
/// Close text to show
/// </summary>
[Parameter]
public string CloseText { get; set; }
/// <summary>
/// Additional content of Alert
/// </summary>
[Parameter]
public string Description { get; set; }
/// <summary>
/// Custom icon, effective when showIcon is true
/// </summary>
[Parameter]
public string Icon { get; set; }
/// <summary>
/// Content of Aler
/// </summary>
[Parameter]
public string Message { get; set; }
/// <summary>
/// Whether to show icon.
/// </summary>
[Parameter]
public bool ShowIcon { get; set; }
/// <summary>
/// Type of Alert styles, options: success, info, warning, error
/// </summary>
[Parameter]
public string Type { get; set; } = AlertType.Default;
/// <summary>
/// Callback when Alert is closed.
/// </summary>
[Parameter]
public EventCallback<MouseEventArgs> OnClose { get; set; }
/// <summary>
/// Additional Content
/// </summary>
[Parameter]
public RenderFragment ChildContent { get; set; }
/// <summary>
/// Icon to show.
/// </summary>
protected string IconType => !string.IsNullOrEmpty(Icon) ? Icon
: Type == AlertType.Success ? "check-circle"
: Type == AlertType.Info ? "info-circle"
: Type == AlertType.Warning ? "exclamation-circle"
: Type == AlertType.Error ? "close-circle" : null;
/// <summary>
/// Indicator if the component is closed or not.
/// </summary>
private bool _isClosed = false;
/// <summary>
/// Just before we close the component we set this indicator to show a closing animation.
/// </summary>
private bool _isClosing = false;
/// <summary>
/// Sets the default classes.
/// </summary>
private void SetClassMap()
{
string prefixName = "ant-alert";
ClassMapper.Clear()
.Add("ant-alert")
.If($"{prefixName}-{Type}", () => !string.IsNullOrEmpty(Type))
.If($"{prefixName}-no-icon", () => !ShowIcon)
.If($"{prefixName}-closable", () => Closable)
.If($"{prefixName}-banner", () => Banner)
.If($"{prefixName}-with-description", () => !string.IsNullOrEmpty(Description))
.If($"{prefixName}-slide-up-leave", () => _isClosing)
;
}
/// <summary>
/// Triggered each time a parameter is changed.
/// </summary>
protected override void OnParametersSet()
{
base.OnParametersSet();
SetClassMap();
}
/// <summary>
/// Start-up code.
/// </summary>
protected override void OnInitialized()
{
base.OnInitialized();
CheckBannerMode();
SetClassMap();
}
private void CheckBannerMode()
{
if (Banner && string.IsNullOrEmpty(Type))
{
ShowIcon = false;
}
}
/// <summary>
/// Handles the close callback.
/// </summary>
/// <param name="args"></param>
/// <returns></returns>
protected async Task OnCloseHandler(MouseEventArgs args)
{
_isClosing = true;
if (OnClose.HasDelegate)
{
await OnClose.InvokeAsync(args);
}
await Task.Delay(300);
_isClosed = true;
await AfterCloseHandler(args);
}
/// <summary>
/// Handles the after close callback.
/// </summary>
/// <param name="args"></param>
/// <returns></returns>
protected async Task AfterCloseHandler(MouseEventArgs args)
{
if (AfterClose.HasDelegate)
{
await AfterClose.InvokeAsync(args);
}
}
}
}