ant-design-blazor/components/switch/AntSwitch.razor

113 lines
2.6 KiB
C#
Raw Normal View History

2020-03-12 18:23:00 +08:00
@namespace AntBlazor
@using OneOf;
2020-03-12 18:23:00 +08:00
@inherits AntDomComponentBase
2020-05-28 15:44:07 +08:00
<button type="button" role="switch"
aria-checked="@_isChecked"
disabled="@Disabled"
class="@ClassMapper.Class"
style="@Style"
ant-click-animating="true"
@onclick="@OnClickHandler">
@if (Loading)
{
2020-05-28 15:44:07 +08:00
<AntIcon Type="loading" Class="@($"{prefixCls}-loading-icon")" />
}
2020-05-28 15:44:07 +08:00
<div class="@($"{prefixCls}-handle")"></div>
<span class="@($"{prefixCls}-inner")">
@if (_isChecked)
{
2020-05-28 15:44:07 +08:00
if (CheckedChildren.IsT0)
{
@(CheckedChildren.AsT0)
}
else
{
@(CheckedChildren.AsT1)
}
}
else
{
2020-05-28 15:44:07 +08:00
if (UnCheckedChildren.IsT0)
{
@(UnCheckedChildren.AsT0)
}
else
{
@(UnCheckedChildren.AsT1)
}
}
2020-05-28 15:44:07 +08:00
</span>
</button>
2020-03-12 18:23:00 +08:00
@code {
protected string prefixCls = "ant-switch";
protected override Task OnParametersSetAsync()
{
ClassMapper.Clear()
.Add(prefixCls)
.If($"{prefixCls}-checked", () => _isChecked)
.If($"{prefixCls}-disabled", () => Disabled || Loading)
.If($"{prefixCls}-loading", () => Loading)
.If($"{prefixCls}-small", () => Size.Equals("small"))
2020-03-12 18:23:00 +08:00
;
return base.OnParametersSetAsync();
}
private bool _isChecked = false;
2020-03-12 18:23:00 +08:00
[Parameter]
public bool Checked { get; set; }
2020-03-12 18:23:00 +08:00
[Parameter]
public bool Disabled { get; set; }
2020-03-12 18:23:00 +08:00
[Parameter]
public bool Loading { get; set; }
2020-03-12 18:23:00 +08:00
[Parameter]
public bool Control { get; set; }
2020-03-12 18:23:00 +08:00
[Parameter]
public string Size { get; set; } = "default";
2020-03-12 18:23:00 +08:00
[Parameter]
public EventCallback<bool> OnChange { get; set; }
[Parameter]
public OneOf<string,RenderFragment> CheckedChildren { get; set; }
2020-03-12 18:23:00 +08:00
[Parameter]
public OneOf<string,RenderFragment> UnCheckedChildren { get; set; }
2020-03-12 18:23:00 +08:00
protected override void OnInitialized()
{
this._isChecked = Checked;
2020-03-12 18:23:00 +08:00
base.OnInitialized();
}
protected void OnClickHandler(MouseEventArgs ev)
{
if (!Disabled && !Loading && !Control)
2020-03-12 18:23:00 +08:00
{
this.updateValue(!this._isChecked);
2020-03-12 18:23:00 +08:00
}
}
private void updateValue(bool value)
{
if (this._isChecked != value)
{
this._isChecked = value;
this.OnChange.InvokeAsync(this._isChecked);
2020-03-12 18:23:00 +08:00
}
}
}