ant-design-blazor/components/modal/ConfirmDialog.razor.cs
TimChen 1877592211 feat(module: modal): support template component (#345)
* feat: modal support template

* feat: modal update

* feat: modal update

* feat: modal update

* feat: modal update

* docs: fix ci

* fix: demo title

Co-authored-by: James Yeung <shunjiey@hotmail.com>
2020-07-12 23:19:55 +08:00

149 lines
4.7 KiB
C#

using System;
using System.Collections.Generic;
using System.Text;
using System.Threading.Tasks;
using Microsoft.AspNetCore.Components;
using Microsoft.AspNetCore.Components.Web;
namespace AntDesign
{
public partial class ConfirmDialog
{
[Parameter]
public ConfirmOptions Config { get; set; }
[Parameter]
public ModalRef ModalRef { get; set; }
[Parameter]
public EventCallback<ConfirmOptions> OnRemove { get; set; }
private Button _cancelBtn;
private Button _okBtn;
DialogOptions _dialogOptions;
protected override async Task OnInitializedAsync()
{
_dialogOptions = BuildDialogOptions(Config);
if (ModalRef.OnOpen != null)
await ModalRef.OnOpen.Invoke();
await base.OnInitializedAsync();
}
private DialogOptions BuildDialogOptions(ConfirmOptions confirmOptions)
{
DialogOptions config = new DialogOptions()
{
Title = confirmOptions.Title,
OkButtonProps = confirmOptions.OkButtonProps,
CancelButtonProps = confirmOptions.CancelButtonProps,
Width = confirmOptions.Width,
Centered = confirmOptions.Centered,
Mask = confirmOptions.Mask,
MaskClosable = confirmOptions.MaskClosable,
MaskStyle = confirmOptions.MaskStyle,
OkText = confirmOptions.OkText,
OkType = confirmOptions.OkType,
CancelText = confirmOptions.CancelText,
CloseIcon = confirmOptions.Icon,
ZIndex = confirmOptions.ZIndex,
Keyboard = confirmOptions.Keyboard,
GetContainer = confirmOptions.GetContainer,
Footer = null,
TransitionName = confirmOptions.TransitionName,
MaskTransitionName = confirmOptions.MaskTransitionName,
ClassName = confirmOptions.ClassName,
};
config.ClassName = "ant-modal-confirm ant-modal-confirm-" + confirmOptions.ConfirmType;
config.DestroyOnClose = true;
config.Width = 416;
config.Title = null;
config.CloseIcon = null;
config.OnClosed = Close;
config.OnCancel = HandleCancel;
return config;
}
protected override async Task OnAfterRenderAsync(bool firstRender)
{
if (Config.Visible && Config.AutoFocusButton != ConfirmAutoFocusButton.Null)
{
var element = Config.AutoFocusButton == ConfirmAutoFocusButton.Cancel
? _cancelBtn
: _okBtn;
await JsInvokeAsync(JSInteropConstants.focusDialog, $"#{element.Id}");
}
await base.OnAfterRenderAsync(firstRender);
}
private async Task Close()
{
Config.Visible = false;
await InvokeAsync(StateHasChanged);
if (OnRemove.HasDelegate)
{
await OnRemove.InvokeAsync(Config);
}
}
private async Task HandleOk(MouseEventArgs e)
{
var args = new ModalClosingEventArgs(e, false);
if (ModalRef.ModalTemplate != null)
await ModalRef.ModalTemplate.OkAsync(args);
if (args.Cancel == false)
{
if (Config.OnOk != null)
{
Config.OkButtonProps.Loading = true;
await InvokeAsync(StateHasChanged);
await Config.OnOk.Invoke(args);
}
}
if (args.Cancel == true)
{
Config.OkButtonProps.Loading = false;
await InvokeAsync(StateHasChanged);
}
else
{
await Close();
}
}
private async Task HandleCancel(MouseEventArgs e)
{
var args = new ModalClosingEventArgs(e, false);
if (ModalRef.ModalTemplate != null)
await ModalRef.ModalTemplate.CancelAsync(args);
if (args.Cancel == false)
{
if (Config.OnCancel != null)
{
Config.CancelButtonProps.Loading = true;
await InvokeAsync(StateHasChanged);
await Config.OnCancel.Invoke(args);
}
}
if (args.Cancel == true)
{
Config.CancelButtonProps.Loading = false;
await InvokeAsync(StateHasChanged);
}
else
{
await Close();
}
}
}
}