zhaolei
8 days ago 4a2e5b9a21940f11757be37d99f0944e240e908b
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
using Microsoft.AspNetCore.Components;
using System;
 
namespace Bootstrap.Admin.Pages.Components
{
    /// <summary>
    /// Checkbox 组件基类
    /// </summary>
    /// <typeparam name="TItem"></typeparam>
    public class CheckboxBase<TItem> : ComponentBase
    {
#nullable disable
        /// <summary>
        /// 获得/设置 数据绑定项
        /// </summary>
        [Parameter]
        public TItem Item { get; set; }
#nullable restore
 
        /// <summary>
        /// 获得/设置 显示文本
        /// </summary>
        [Parameter]
        public string Text { get; set; } = "";
 
        /// <summary>
        /// 获得/设置 是否被选中
        /// </summary>
        protected bool Checked { get; set; }
 
        /// <summary>
        /// 勾选回调方法
        /// </summary>
        [Parameter]
        public Action<TItem, bool>? OnClick { get; set; }
 
        /// <summary>
        /// 组件状态改变回调方法
        /// </summary>
        [Parameter]
        public Func<TItem, CheckBoxState>? SetCheckCallback { get; set; }
 
        /// <summary>
        /// OnParametersSet 方法
        /// </summary>
        protected override void OnParametersSet()
        {
            State = SetCheckCallback?.Invoke(Item) ?? CheckBoxState.UnChecked;
            Checked = State == CheckBoxState.Checked;
        }
 
        /// <summary>
        /// 获得/设置 选择框状态
        /// </summary>
        [Parameter]
        public CheckBoxState State { get; set; }
 
        /// <summary>
        /// RenderStateCss 方法
        /// </summary>
        /// <returns></returns>
        protected string RenderStateCss()
        {
            var ret = "form-checkbox";
            switch (State)
            {
                case CheckBoxState.Mixed:
                    ret = "form-checkbox is-indeterminate";
                    break;
                case CheckBoxState.Checked:
                    ret = "form-checkbox is-checked";
                    break;
                case CheckBoxState.UnChecked:
                    break;
            }
            return ret;
        }
 
        /// <summary>
        /// 点击选择框方法
        /// </summary>
        protected void ToggleClick()
        {
            Checked = !Checked;
            State = Checked ? CheckBoxState.Checked : CheckBoxState.UnChecked;
            OnClick?.Invoke(Item, Checked);
        }
    }
}