ant-design-blazor/components/modal/config/ConfirmOptions.cs
zxyao ef4701b6ed refactor(module: modal): refactor the code of Modal, Confirm (#914)
* refactor(module: modal): refactor the code of Modal, Confirm and Dialog

refactor details:
- Add DialogWrapper compontent to control the logic of dialog removal from DOM
- Add the appropriate folders for Dialog, Modal, and Confirm
- Remove methods with the same logic but different names in ConfirmService
- Split Title into Title (string) and Titletemplate (renderfragment)
- Add comments to code
- Rename ConfirmDialog to Confirm
- Specification of method name in ConfirmService
- Adjust the time of throttle function for draggabe modal
- Extract the common part of ModalOptions, ConfirmOptions and DialogOptions as DialogOptionsBase

* refactor: move DefaultCloseIcon etc. static members to DialogOptionsBase

* docs(module: modal): update docs

* fix: dialog incorrect waiting

* fix: pickup missing pr/7
2020-12-26 21:39:04 +08:00

313 lines
10 KiB
C#

using System;
using System.Collections.Generic;
using System.Globalization;
using System.Text;
using System.Threading.Tasks;
using Microsoft.AspNetCore.Components;
using Microsoft.AspNetCore.Components.Web;
using OneOf;
namespace AntDesign
{
/// <summary>
/// Confirm dialog options
/// </summary>
public class ConfirmOptions : DialogOptionsBase
{
public ConfirmOptions()
{
Width = 416;
Mask = true;
MaskClosable = false;
}
#region const
/// <summary>
/// OK
/// </summary>
internal const string DefaultBtn1Text = "OK";
/// <summary>
/// Cancel
/// </summary>
internal const string DefaultBtn2Text = "Cancel";
/// <summary>
/// Ignore
/// </summary>
internal const string DefaultBtn3Text = "Ignore";
#endregion
/// <summary>
/// the class name of the element of ".ant-modal"
/// </summary>
public string ClassName { get; set; }
/// <summary>
///
/// </summary>
public bool Visible { get; set; }
/// <summary>
/// ChildContent
/// </summary>
public OneOf<string, RenderFragment> Content { get; set; }
/// <summary>
/// Confirm left top icon
/// </summary>
public RenderFragment? Icon { get; set; } = null;
/// <summary>
/// .ant-modal element's style
/// </summary>
public string Style { get; set; }
/// <summary>
///
/// </summary>
public ConfirmAutoFocusButton AutoFocusButton { get; set; }
/// <summary>
/// set OK button type for the leftmost button: OK or Yes button
/// </summary>
public new string OkType
{
get
{
Button1Props ??= new ButtonProps();
return Button1Props.Type;
}
set
{
Button1Props ??= new ButtonProps();
Button1Props.Type = value;
}
}
#region button text
/// <summary>
/// set OK button content for the leftmost button: OK or Yes button
/// </summary>
public new OneOf<string, RenderFragment> OkText { get => Button1Props.ChildContent; set => Button1Props.ChildContent = value; }
/// <summary>
/// set Cancel button content for the second on the left button: Cancel or NO button
/// </summary>
public new OneOf<string, RenderFragment> CancelText { get => Button2Props.ChildContent; set => Button2Props.ChildContent = value; }
/// <summary>
/// the leftmost button in LTR layout
/// </summary>
internal OneOf<string, RenderFragment> Button1Text { get => Button1Props.ChildContent; set => Button1Props.ChildContent = value; }
/// <summary>
/// The second button on the left is in the LTR layout
/// </summary>
internal OneOf<string, RenderFragment> Button2Text { get => Button2Props.ChildContent; set => Button2Props.ChildContent = value; }
/// <summary>
/// the rightmost button in LTR layout
/// </summary>
internal OneOf<string, RenderFragment> Button3Text { get => Button3Props.ChildContent; set => Button3Props.ChildContent = value; }
#endregion
#region button OnClick callback
/// <summary>
/// for OK-Cancel Confirm dialog, cancel button clicked callback.
/// It's only trigger in Confirm created by ModalService mode
/// </summary>
public Func<ModalClosingEventArgs, Task> OnCancel { get; set; }
/// <summary>
/// for OK-Cancel Confirm dialog, OK button clicked callback.
/// It's only trigger in Confirm created by ModalService mode
/// </summary>
public Func<ModalClosingEventArgs, Task> OnOk { get; set; }
#endregion
#region button props
/// <summary>
/// OK-Cancel Confirm dialog's OK button props. It is equivalent to Button1Props.
/// </summary>
public new ButtonProps OkButtonProps { get => Button1Props; set => Button1Props = value; }
/// <summary>
/// OK-Cancel Confirm dialog's cancel button props. It is equivalent to Button2Props.
/// </summary>
public new ButtonProps CancelButtonProps { get => Button2Props; set => Button2Props = value; }
/// <summary>
/// the leftmost button in LTR layout
/// </summary>
public ButtonProps Button1Props
{
get => _button1Props;
set
{
_button1Props = value;
if (_button1Props != null && _button1Props.ChildContent.IsT0 && string.IsNullOrWhiteSpace(_button1Props.ChildContent.AsT0))
{
_button1Props.ChildContent = DefaultBtn1Text;
}
}
}
/// <summary>
/// The second button on the left is in the LTR layout
/// </summary>
public ButtonProps Button2Props
{
get => _button2Props;
set
{
_button2Props = value;
if (_button2Props != null && _button2Props.ChildContent.IsT0 && string.IsNullOrWhiteSpace(_button2Props.ChildContent.AsT0))
{
_button2Props.ChildContent = DefaultBtn2Text;
}
}
}
/// <summary>
/// the rightmost button in LTR layout
/// </summary>
public ButtonProps Button3Props
{
get => _button3Props;
set
{
_button3Props = value;
if (_button3Props != null && _button3Props.ChildContent.IsT0 && string.IsNullOrWhiteSpace(_button3Props.ChildContent.AsT0))
{
_button3Props.ChildContent = DefaultBtn3Text;
}
}
}
private ButtonProps _button1Props = new ButtonProps() { Type = ButtonType.Primary, ChildContent = DefaultBtn1Text };
private ButtonProps _button2Props = new ButtonProps() { ChildContent = DefaultBtn2Text };
private ButtonProps _button3Props = new ButtonProps() { ChildContent = DefaultBtn3Text };
#endregion
#region Confirm buttons config
/// <summary>
/// show Cancel button for OK-Cancel Confirm dialog
/// </summary>
public bool OkCancel
{
get => ConfirmButtons != ConfirmButtons.OK;
set
{
ConfirmButtons = !value ? ConfirmButtons.OK : ConfirmButtons.OKCancel;
}
}
internal ConfirmButtons ConfirmButtons { get; set; } = ConfirmButtons.OKCancel;
#endregion
#region config confirm icon style
internal string ConfirmType { get; set; } = "confirm";
private ConfirmIcon _confirmIcon;
internal ConfirmIcon ConfirmIcon
{
get => _confirmIcon;
set
{
_confirmIcon = value;
Icon = ConfirmIconRenderFragments.GetByConfirmIcon(value);
if (value == ConfirmIcon.None)
{
ConfirmType = "confirm";
}
else
{
ConfirmType = value.ToString().ToLower(CultureInfo.CurrentUICulture);
}
}
}
#endregion
/// <summary>
/// set default options for buttons
/// </summary>
internal void BuildButtonsDefaultOptions()
{
// config default button text
switch (ConfirmButtons)
{
case ConfirmButtons.YesNo:
case ConfirmButtons.YesNoCancel:
{
if (this.Button1Text.IsT0)
{
var text = this.Button1Text.AsT0;
if (text == ConfirmOptions.DefaultBtn1Text)
{
this.Button1Text = "Yes";
}
}
if (this.Button2Text.IsT0)
{
var text = this.Button2Text.AsT0;
if (text == ConfirmOptions.DefaultBtn2Text)
{
this.Button2Text = "No";
}
}
if (ConfirmButtons == ConfirmButtons.YesNoCancel)
{
if (this.Button3Text.IsT0)
{
var text = this.Button3Text.AsT0;
if (text == ConfirmOptions.DefaultBtn3Text)
{
this.Button3Text = "Cancel";
}
}
// config button2 defult type
this.Button2Props.Danger ??= true;
}
break;
}
case ConfirmButtons.RetryCancel:
{
if (this.Button1Text.IsT0 && this.Button1Text.AsT0 == ConfirmOptions.DefaultBtn1Text)
{
this.Button1Text = "Retry";
}
break;
}
case ConfirmButtons.AbortRetryIgnore:
{
if (this.Button1Text.IsT0 && this.Button1Text.AsT0 == ConfirmOptions.DefaultBtn1Text)
{
this.Button1Text = "Abort";
}
if (this.Button2Text.IsT0 && this.Button2Text.AsT0 == ConfirmOptions.DefaultBtn2Text)
{
this.Button2Text = "Retry";
}
// config button2 defult type
this.Button2Props.Danger ??= true;
break;
}
default:
break;
}
}
}
}