mirror of
https://gitee.com/ant-design-blazor/ant-design-blazor.git
synced 2024-12-16 01:41:14 +08:00
2d801c6c53
* feat: add component radio * feat: add radio-group
131 lines
4.2 KiB
C#
131 lines
4.2 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 AntBlazor
|
|
{
|
|
public class AntRadioBase : AntDomComponentBase
|
|
{
|
|
[Parameter] public RenderFragment ChildContent { get; set; }
|
|
|
|
[Parameter] public string Value { get; set; }
|
|
|
|
// [Parameter] public bool Disabled { get; set; } = false;
|
|
|
|
[Parameter] public bool AutoFocus { get; set; } = false;
|
|
|
|
[Parameter] public bool RadioButton { get; set; }
|
|
|
|
[CascadingParameter] public AntRadioGroup RadioGroup { get; set; }
|
|
|
|
protected ClassMapper RadioClassMapper { get; set; } = new ClassMapper();
|
|
|
|
protected ClassMapper InputClassMapper { get; set; } = new ClassMapper();
|
|
|
|
protected ClassMapper InnerClassMapper { get; set; } = new ClassMapper();
|
|
|
|
protected ElementReference inputRef { get; set; }
|
|
|
|
private Action onChange;
|
|
|
|
private Action onTouched;
|
|
|
|
protected bool isChecked => _checked ?? (this.Attributes.TryGetValue("checked", out var val)
|
|
? bool.TryParse(val.ToString(), out bool _disabled) ? _disabled : true : false);
|
|
|
|
protected bool? _checked { get; set; }
|
|
|
|
internal string name { get; set; } = null;
|
|
|
|
protected bool disabled => this.Attributes.TryGetValue("disabled", out var val)
|
|
? bool.TryParse(val.ToString(), out bool _disabled) ? _disabled : true : false;
|
|
|
|
protected void SetClass()
|
|
{
|
|
string prefixCls = "ant-radio";
|
|
ClassMapper.Clear()
|
|
.If($"{prefixCls}-wrapper", () => !RadioButton)
|
|
.If($"{prefixCls}-button-wrapper", () => RadioButton)
|
|
.If($"{prefixCls}-wrapper-checked", () => isChecked && !RadioButton)
|
|
.If($"{prefixCls}-button-wrapper-checked", () => isChecked && RadioButton)
|
|
.If($"{prefixCls}-wrapper-disabled", () => disabled && !RadioButton)
|
|
.If($"{prefixCls}-button-wrapper-disabled", () => disabled && RadioButton);
|
|
|
|
RadioClassMapper.Clear()
|
|
.If(prefixCls, () => !RadioButton)
|
|
.If($"{prefixCls}-checked", () => isChecked && !RadioButton)
|
|
.If($"{prefixCls}-disabled", () => disabled && !RadioButton)
|
|
.If($"{prefixCls}-button", () => RadioButton)
|
|
.If($"{prefixCls}-button-checked", () => isChecked && RadioButton)
|
|
.If($"{prefixCls}-button-disabled", () => disabled && RadioButton);
|
|
|
|
InputClassMapper.Clear()
|
|
.If($"{prefixCls}-input", () => !RadioButton)
|
|
.If($"{prefixCls}-button-input", () => RadioButton);
|
|
|
|
InnerClassMapper.Clear()
|
|
.If($"{prefixCls}-inner", () => !RadioButton)
|
|
.If($"{prefixCls}-button-inner", () => RadioButton);
|
|
}
|
|
|
|
protected override void OnInitialized()
|
|
{
|
|
SetClass();
|
|
|
|
base.OnInitialized();
|
|
}
|
|
|
|
protected override async Task OnFirstAfterRenderAsync()
|
|
{
|
|
if (this.AutoFocus)
|
|
{
|
|
await this.Focus();
|
|
}
|
|
if (this is AntRadio radio)
|
|
{
|
|
RadioGroup?.AddRadio(radio);
|
|
}
|
|
await base.OnFirstAfterRenderAsync();
|
|
}
|
|
|
|
internal async Task Select()
|
|
{
|
|
if (!disabled && !isChecked)
|
|
{
|
|
this._checked = true;
|
|
}
|
|
|
|
if (RadioGroup != null)
|
|
{
|
|
await RadioGroup.OnRadioChange(this.Value);
|
|
}
|
|
}
|
|
|
|
internal async Task UnSelect()
|
|
{
|
|
if (this.isChecked)
|
|
{
|
|
this._checked = false;
|
|
}
|
|
await Task.CompletedTask;
|
|
}
|
|
|
|
public async Task OnClick(MouseEventArgs e)
|
|
{
|
|
await Select();
|
|
}
|
|
|
|
protected async Task Focus()
|
|
{
|
|
await JsInvokeAsync(JSInteropConstants.focus, this.inputRef);
|
|
}
|
|
|
|
protected async Task Blur()
|
|
{
|
|
await JsInvokeAsync(JSInteropConstants.blur, this.inputRef);
|
|
}
|
|
}
|
|
} |