using System; using System.Collections.Generic; using System.Linq; using Microsoft.AspNetCore.Components; using Microsoft.AspNetCore.Components.Web; namespace AntDesign { public partial class Rate : AntDomComponentBase { [Parameter] public RenderFragment ChildContent { get; set; } /// /// 是否允许再次点击后清除 /// [Parameter] public bool AllowClear { get; set; } = true; /// /// 是否允许半选 /// [Parameter] public bool AllowHalf { get; set; } = false; /// /// 是否禁止用户交互 /// [Parameter] public bool Disabled { get; set; } = false; /// /// 是否可获得输入焦点 /// [Parameter] public bool AutoFocus { get; set; } = true; /// /// 自定义字符,星星可以被自定义字符替代 /// [Parameter] public RenderFragment Character { get; set; } /// /// 组件要呈现的星星数目 /// [Parameter] public int Count { get; set; } = 5; /// /// 当前值--被选中的星星数量 /// [Parameter] public decimal Value { get { return _currentValue; } set { _valueWasSet = true; if (_currentValue != value) { this._currentValue = value; this._hasHalf = !(_currentValue == (int)_currentValue); this._hoverValue = (int)Math.Ceiling(value); ValueChanged.InvokeAsync(value); } } } [Parameter] public EventCallback ValueChanged { get; set; } /// /// 默认当前被选中的星星数量,如果被设置为小数位不为0的,则组件默认含有半星并且允许半星 /// [Parameter] public decimal DefaultValue { get; set; } /// /// 自定义每项的提示信息(存储每个子元素的提醒框内容文本) /// [Parameter] public string[] Tooltips { get; set; } [Parameter] public EventCallback OnBlur { get; set; } [Parameter] public EventCallback OnFocus { get; set; } private IEnumerable RateMetaDatas { get; set; } /// /// 是否允许半选 /// Whether to allow half-selection /// private bool _hasHalf = false; /// /// 鼠标悬停时从最左到光标位置的星星数。 /// The number of stars from the far left to the cursor position when the hovered with mouse. /// private int _hoverValue = 0; /// /// 当前被选中的星星数量 /// Number of stars currently selected /// private decimal _currentValue; /// /// 是否获取的输入焦点 /// Wheter to get input focus. /// private bool _isFocused = false; /// /// Indicates if Value has been changed. Needed to avoid reseting to DefaultValue if exists. /// private bool _valueWasSet; private void Blur(FocusEventArgs e) { this._isFocused = false; OnBlur.InvokeAsync(e); } private void Focus(FocusEventArgs e) { this._isFocused = true; OnFocus.InvokeAsync(e); } private void KeyDown(KeyboardEventArgs e) { decimal oldVal = this.Value; if (e.Key == "ArrowRight" && this.Value < Count) { this.Value += this.AllowHalf ? 0.5M : 1M; } else if (e.Key == "ArrowLeft" && this.Value > 0) { this.Value -= this.AllowHalf ? 0.5M : 1M; } if (oldVal != this.Value) { this._hasHalf = !(this.Value == (int)this.Value); this._hoverValue = (int)Math.Ceiling(this.Value); } } private void MouseLeave() { this._hasHalf = !(this.Value == (int)this.Value); this._hoverValue = (int)Math.Ceiling(this.Value); } private void ItemHoverChange(int index, bool isHalf) { if (this.Disabled || (this._hoverValue == index + 1 && isHalf == _hasHalf)) return; this._hoverValue = index + 1; this._hasHalf = isHalf; } private void ItemClick(int index, bool isHalf) { if (this.Disabled) return; this._hoverValue = index + 1; decimal actualValue = isHalf ? index + 0.5M : index + 1; if (this.Value == actualValue) { if (this.AllowClear) { this.Value = 0; this._hoverValue = 0; } } else { this.Value = actualValue; } } protected override void OnInitialized() { if (DefaultValue > 0 && !_valueWasSet) { this.Value = DefaultValue; } SetClass(); RateMetaDatas = Enumerable.Range(1, Count).Select(c => new RateMetaData() { SerialNumber = c - 1, ToolTipText = this.Tooltips?[c - 1] }); base.OnInitialized(); } protected override void OnParametersSet() { if (RateMetaDatas == null) RateMetaDatas = Enumerable.Range(1, Count).Select(c => new RateMetaData() { SerialNumber = c - 1, ToolTipText = this.Tooltips?[c - 1] }); SetClass(); base.OnParametersSet(); } protected void SetClass() { var clsPrefix = "ant-rate"; ClassMapper.Clear() .Add(clsPrefix) .If($"{clsPrefix}-disabled", () => Disabled) .If($"{clsPrefix}-rtl", () => RTL); } } public class RateMetaData { public int SerialNumber { get; set; } public string ToolTipText { get; set; } } public class RateItemRenderContext { /// /// 'AntIcon' | 'Text' /// public string Type { get; set; } public RenderFragment DefaultRender { get; set; } } }