ant-design-blazor/components/modal/confirmDialog/Confirm.razor.cs
zxyao 1bdece0ea8 feat(module: modal): add locale for Modal and Confirm (#932)
* feat(module: modal): add Modal locale

* feat(module: confirm): locale support for zh-cn, en-us

* docs: add the demo of override locale's custom text

* feat: locale's json files add confirm configuration

* fix: custom ButtonProps override Button[1,2,3]Text or OK(Cancel)Text

* docs: using InvokeAsync to invoke StateHasChanged

* docs(module: modal): add override locale de
2020-12-29 23:34:18 +08:00

213 lines
6.6 KiB
C#

using System;
using System.Collections.Generic;
using System.ComponentModel;
using System.Text;
using System.Threading.Tasks;
using Microsoft.AspNetCore.Components;
using Microsoft.AspNetCore.Components.Web;
namespace AntDesign
{
/// <summary>
/// DOT NOT use Confirm Directly,
/// please using ModalService or ConfirmService to create a Confirm dialog
/// </summary>
public partial class Confirm
{
#region Parameters
/// <summary>
///
/// </summary>
[Parameter]
public ConfirmOptions Config { get; set; }
/// <summary>
///
/// </summary>
[Parameter]
public ConfirmRef ConfirmRef { get; set; }
/// <summary>
///
/// </summary>
[Parameter]
public EventCallback<ConfirmRef> OnRemove { get; set; }
#endregion
private Button _cancelBtn;
private Button _okBtn;
DialogOptions _dialogOptions;
private DialogOptions BuildDialogOptions(ConfirmOptions confirmOptions)
{
DialogOptions config = new DialogOptions()
{
Title = confirmOptions.Title,
TitleTemplate = confirmOptions.TitleTemplate,
OkButtonProps = confirmOptions.OkButtonProps,
CancelButtonProps = confirmOptions.CancelButtonProps,
Width = confirmOptions.Width,
Centered = confirmOptions.Centered,
Mask = confirmOptions.Mask,
MaskClosable = confirmOptions.MaskClosable,
MaskStyle = confirmOptions.MaskStyle,
OkType = confirmOptions.OkType,
CloseIcon = confirmOptions.Icon,
ZIndex = confirmOptions.ZIndex,
Keyboard = confirmOptions.Keyboard,
GetContainer = confirmOptions.GetContainer,
Footer = null,
ClassName = confirmOptions.ClassName,
};
config.ClassName = "ant-modal-confirm ant-modal-confirm-" + confirmOptions.ConfirmType;
config.Title = null;
config.CloseIcon = null;
config.OnClosed = Close;
config.OnCancel = ConfirmRef.IsCreateByModalService ? HandleCancel : new Func<MouseEventArgs, Task>(async (e) => await Close());
return config;
}
#region override
/// <summary>
///
/// </summary>
/// <returns></returns>
protected override async Task OnInitializedAsync()
{
_dialogOptions = BuildDialogOptions(Config);
if (ConfirmRef.OnOpen != null)
await ConfirmRef.OnOpen.Invoke();
await base.OnInitializedAsync();
}
/// <summary>
///
/// </summary>
/// <param name="firstRender"></param>
/// <returns></returns>
protected override async Task OnAfterRenderAsync(bool firstRender)
{
if (Config.Visible && Config.AutoFocusButton != ConfirmAutoFocusButton.Null)
{
var element = Config.AutoFocusButton == ConfirmAutoFocusButton.Cancel
? _cancelBtn
: _okBtn;
if (element != null)
{
await JsInvokeAsync(JSInteropConstants.FocusDialog, $"#{element.Id}");
}
}
await base.OnAfterRenderAsync(firstRender);
}
#endregion
internal async Task Close()
{
Config.Visible = false;
await InvokeAsync(StateHasChanged);
await Task.Delay(250);
if (OnRemove.HasDelegate)
{
await OnRemove.InvokeAsync(ConfirmRef);
}
}
private async Task HandleOk(MouseEventArgs e)
{
var args = new ModalClosingEventArgs(e, false);
if (ConfirmRef.ModalTemplate != null)
await ConfirmRef.ModalTemplate.OkAsync(args);
if (!args.Cancel && Config.OnOk != null)
{
Config.OkButtonProps.Loading = true;
await InvokeAsync(StateHasChanged);
await Config.OnOk.Invoke(args);
}
if (args.Cancel)
{
Config.OkButtonProps.Loading = false;
await InvokeAsync(StateHasChanged);
}
else
{
await Close();
ConfirmRef.TaskCompletionSource?.SetResult(ConfirmResult.OK);
}
}
private async Task HandleCancel(MouseEventArgs e)
{
var args = new ModalClosingEventArgs(e, false);
if (ConfirmRef.ModalTemplate != null)
await ConfirmRef.ModalTemplate.CancelAsync(args);
if (!args.Cancel && Config.OnCancel != null)
{
Config.CancelButtonProps.Loading = true;
await InvokeAsync(StateHasChanged);
await Config.OnCancel.Invoke(args);
}
if (args.Cancel)
{
Config.CancelButtonProps.Loading = false;
await InvokeAsync(StateHasChanged);
}
else
{
await Close();
ConfirmRef.TaskCompletionSource?.SetResult(ConfirmResult.Cancel);
}
}
private async Task HandleBtn1Click(MouseEventArgs e, ConfirmResult confirmResult)
{
if (ConfirmRef.IsCreateByModalService)
{
await HandleOk(e);
}
else
{
Config.Button1Props.Loading = false;
await InvokeAsync(StateHasChanged);
await Close();
ConfirmRef.TaskCompletionSource?.SetResult(confirmResult);
}
}
private async Task HandleBtn2Click(MouseEventArgs e, ConfirmResult confirmResult)
{
if (ConfirmRef.IsCreateByModalService)
{
await HandleCancel(e);
}
else
{
Config.Button2Props.Loading = false;
await InvokeAsync(StateHasChanged);
await Close();
ConfirmRef.TaskCompletionSource?.SetResult(confirmResult);
}
}
private async Task HandleBtn3Click(MouseEventArgs _, ConfirmResult confirmResult)
{
Config.Button3Props.Loading = false;
await InvokeAsync(StateHasChanged);
await Close();
ConfirmRef.TaskCompletionSource?.SetResult(confirmResult);
}
}
}