2020-06-02 13:34:26 +08:00
|
|
|
|
using System;
|
|
|
|
|
using System.Collections.Generic;
|
|
|
|
|
using Microsoft.AspNetCore.Components;
|
|
|
|
|
using System.Linq;
|
2020-06-07 00:47:18 +08:00
|
|
|
|
using System.Collections;
|
2020-06-02 13:34:26 +08:00
|
|
|
|
|
|
|
|
|
namespace AntDesign
|
|
|
|
|
{
|
|
|
|
|
public partial class Cascader : AntInputComponentBase<string>
|
|
|
|
|
{
|
|
|
|
|
[Parameter] public bool Readonly { get; set; } = true;
|
|
|
|
|
|
|
|
|
|
/// <summary>
|
|
|
|
|
/// 是否支持清除
|
|
|
|
|
/// </summary>
|
|
|
|
|
[Parameter] public bool AllowClear { get; set; } = true;
|
|
|
|
|
|
|
|
|
|
/// <summary>
|
|
|
|
|
/// 是否显示关闭图标
|
|
|
|
|
/// </summary>
|
|
|
|
|
private bool ShowClearIcon { get; set; }
|
|
|
|
|
|
|
|
|
|
/// <summary>
|
|
|
|
|
/// 当此项为 true 时,点选每级菜单选项值都会发生变化
|
|
|
|
|
/// </summary>
|
|
|
|
|
[Parameter] public bool ChangeOnSelect { get; set; }
|
|
|
|
|
|
|
|
|
|
/// <summary>
|
|
|
|
|
/// 默认的选中项
|
|
|
|
|
/// </summary>
|
|
|
|
|
[Parameter] public string DefaultValue { get; set; }
|
|
|
|
|
|
|
|
|
|
/// <summary>
|
|
|
|
|
/// 次级菜单的展开方式,可选 'click' 和 'hover'
|
|
|
|
|
/// </summary>
|
|
|
|
|
[Parameter] public string ExpandTrigger { get; set; }
|
|
|
|
|
|
|
|
|
|
/// <summary>
|
|
|
|
|
/// 当下拉列表为空时显示的内容
|
|
|
|
|
/// </summary>
|
|
|
|
|
[Parameter] public string NotFoundContent { get; set; } = "Not Found";
|
|
|
|
|
|
|
|
|
|
/// <summary>
|
|
|
|
|
/// 输入框占位文本
|
|
|
|
|
/// </summary>
|
2020-06-27 18:24:21 +08:00
|
|
|
|
[Parameter] public string PlaceHolder { get; set; } = "请选择";
|
2020-06-02 13:34:26 +08:00
|
|
|
|
|
2021-02-07 18:13:27 +08:00
|
|
|
|
[Parameter] public string PopupContainerSelector { get; set; } = "body";
|
|
|
|
|
|
2020-06-02 13:34:26 +08:00
|
|
|
|
/// <summary>
|
|
|
|
|
/// 在选择框中显示搜索框
|
|
|
|
|
/// </summary>
|
|
|
|
|
[Parameter] public bool ShowSearch { get; set; }
|
|
|
|
|
|
|
|
|
|
/// <summary>
|
|
|
|
|
/// 选择完成后的回调(参数为选中的节点集合及选中值)
|
|
|
|
|
/// </summary>
|
|
|
|
|
[Parameter] public Action<List<CascaderNode>, string, string> OnChange { get; set; }
|
|
|
|
|
|
|
|
|
|
[Parameter]
|
|
|
|
|
public IReadOnlyCollection<CascaderNode> Options
|
|
|
|
|
{
|
|
|
|
|
get
|
|
|
|
|
{
|
|
|
|
|
if (_nodelist != null)
|
|
|
|
|
return _nodelist;
|
|
|
|
|
return Array.Empty<CascaderNode>();
|
|
|
|
|
}
|
|
|
|
|
set
|
|
|
|
|
{
|
|
|
|
|
if (value == null || value.Count == 0)
|
|
|
|
|
{
|
|
|
|
|
_nodelist = null;
|
|
|
|
|
return;
|
|
|
|
|
}
|
|
|
|
|
if (_nodelist == null) _nodelist = new List<CascaderNode>();
|
|
|
|
|
else if (_nodelist.Count != 0) _nodelist.Clear();
|
|
|
|
|
_nodelist.AddRange(value);
|
2021-01-16 21:54:57 +08:00
|
|
|
|
|
|
|
|
|
_optionsNeedInitialize = true;
|
2020-06-02 13:34:26 +08:00
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
private List<CascaderNode> _nodelist;
|
|
|
|
|
|
|
|
|
|
/// <summary>
|
|
|
|
|
/// 选中节点集合(click)
|
|
|
|
|
/// </summary>
|
|
|
|
|
internal List<CascaderNode> _selectedNodes = new List<CascaderNode>();
|
|
|
|
|
|
|
|
|
|
/// <summary>
|
|
|
|
|
/// 选中节点集合(hover)
|
|
|
|
|
/// </summary>
|
|
|
|
|
internal List<CascaderNode> _hoverSelectedNodes = new List<CascaderNode>();
|
|
|
|
|
|
|
|
|
|
/// <summary>
|
|
|
|
|
/// 用于渲染下拉节点集合(一级节点除外)
|
|
|
|
|
/// </summary>
|
|
|
|
|
internal List<CascaderNode> _renderNodes = new List<CascaderNode>();
|
|
|
|
|
|
|
|
|
|
private string _pickerSizeClass = string.Empty;
|
|
|
|
|
private string _inputSizeClass = string.Empty;
|
|
|
|
|
|
|
|
|
|
/// <summary>
|
|
|
|
|
/// 浮层 展开/折叠状态
|
|
|
|
|
/// </summary>
|
|
|
|
|
private bool ToggleState { get; set; }
|
|
|
|
|
|
|
|
|
|
/// <summary>
|
|
|
|
|
/// 鼠标是否处于 浮层 之上
|
|
|
|
|
/// </summary>
|
|
|
|
|
private bool IsOnCascader { get; set; }
|
|
|
|
|
|
|
|
|
|
/// <summary>
|
|
|
|
|
/// 选择节点类型
|
|
|
|
|
/// Click: 点击选中节点, Hover: 鼠标移入选中节点
|
|
|
|
|
/// </summary>
|
|
|
|
|
private SelectedTypeEnum SelectedType { get; set; }
|
|
|
|
|
|
|
|
|
|
private string _displayText;
|
2021-01-16 21:54:57 +08:00
|
|
|
|
private bool _optionsNeedInitialize;
|
2020-06-02 13:34:26 +08:00
|
|
|
|
|
|
|
|
|
protected override void OnInitialized()
|
|
|
|
|
{
|
|
|
|
|
base.OnInitialized();
|
2020-06-07 00:47:18 +08:00
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
protected override void OnParametersSet()
|
|
|
|
|
{
|
|
|
|
|
base.OnParametersSet();
|
|
|
|
|
|
|
|
|
|
Hashtable sizeMap = new Hashtable()
|
|
|
|
|
{
|
|
|
|
|
["large"] = "lg",
|
|
|
|
|
["small"] = "sm"
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
if (sizeMap.ContainsKey(Size))
|
2020-06-02 13:34:26 +08:00
|
|
|
|
{
|
2020-06-07 00:47:18 +08:00
|
|
|
|
_pickerSizeClass = $"ant-cascader-picker-{Size}";
|
|
|
|
|
_inputSizeClass = $"ant-input-{sizeMap[Size]}";
|
2020-06-02 13:34:26 +08:00
|
|
|
|
}
|
2020-06-07 00:47:18 +08:00
|
|
|
|
else
|
2020-06-02 13:34:26 +08:00
|
|
|
|
{
|
2020-06-07 00:47:18 +08:00
|
|
|
|
_pickerSizeClass = "";
|
|
|
|
|
_inputSizeClass = "";
|
2020-06-02 13:34:26 +08:00
|
|
|
|
}
|
2021-01-16 21:54:57 +08:00
|
|
|
|
|
|
|
|
|
ProcessParentAndDefault();
|
2020-06-02 13:34:26 +08:00
|
|
|
|
}
|
|
|
|
|
|
2020-07-11 23:03:13 +08:00
|
|
|
|
protected override void OnValueChange(string value)
|
|
|
|
|
{
|
|
|
|
|
base.OnValueChange(value);
|
|
|
|
|
|
|
|
|
|
RefreshNodeValue(value);
|
|
|
|
|
}
|
2021-01-16 21:54:57 +08:00
|
|
|
|
|
2020-06-02 13:34:26 +08:00
|
|
|
|
#region event
|
|
|
|
|
|
|
|
|
|
/// <summary>
|
|
|
|
|
/// 输入框单击(显示/隐藏浮层)
|
|
|
|
|
/// </summary>
|
|
|
|
|
private void InputOnToggle()
|
|
|
|
|
{
|
|
|
|
|
SelectedType = SelectedTypeEnum.Click;
|
|
|
|
|
_hoverSelectedNodes.Clear();
|
|
|
|
|
ToggleState = !ToggleState;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
/// <summary>
|
|
|
|
|
/// 输入框/浮层失去焦点(隐藏浮层)
|
|
|
|
|
/// </summary>
|
|
|
|
|
private void CascaderOnBlur()
|
|
|
|
|
{
|
|
|
|
|
if (!IsOnCascader)
|
|
|
|
|
{
|
|
|
|
|
ToggleState = false;
|
|
|
|
|
_renderNodes = _selectedNodes;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
/// <summary>
|
|
|
|
|
/// 输入框鼠标移入
|
|
|
|
|
/// </summary>
|
|
|
|
|
private void InputOnMouseOver()
|
|
|
|
|
{
|
|
|
|
|
if (!AllowClear) return;
|
|
|
|
|
|
|
|
|
|
ShowClearIcon = true;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
/// <summary>
|
|
|
|
|
/// 输入框鼠标移出
|
|
|
|
|
/// </summary>
|
|
|
|
|
private void InputOnMouseOut()
|
|
|
|
|
{
|
|
|
|
|
if (!AllowClear) return;
|
|
|
|
|
|
|
|
|
|
ShowClearIcon = false;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
/// <summary>
|
|
|
|
|
/// 清除已选择项
|
|
|
|
|
/// </summary>
|
|
|
|
|
private void ClearSelected()
|
|
|
|
|
{
|
|
|
|
|
_selectedNodes.Clear();
|
|
|
|
|
_hoverSelectedNodes.Clear();
|
2020-06-27 18:24:21 +08:00
|
|
|
|
_displayText = string.Empty;
|
2020-06-07 00:47:18 +08:00
|
|
|
|
CurrentValueAsString = string.Empty;
|
2020-06-02 13:34:26 +08:00
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
/// <summary>
|
|
|
|
|
/// 浮层移入
|
|
|
|
|
/// </summary>
|
|
|
|
|
private void NodesOnMouseOver()
|
|
|
|
|
{
|
|
|
|
|
if (!AllowClear) return;
|
|
|
|
|
|
|
|
|
|
IsOnCascader = true;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
/// <summary>
|
|
|
|
|
/// 浮层移出
|
|
|
|
|
/// </summary>
|
|
|
|
|
private void NodesOnMouseOut()
|
|
|
|
|
{
|
|
|
|
|
if (!AllowClear) return;
|
|
|
|
|
|
|
|
|
|
IsOnCascader = false;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
/// <summary>
|
|
|
|
|
/// 下拉节点单击
|
|
|
|
|
/// </summary>
|
|
|
|
|
/// <param name="node"></param>
|
|
|
|
|
private void NodeOnClick(CascaderNode node)
|
|
|
|
|
{
|
|
|
|
|
if (node.Disabled) return;
|
|
|
|
|
|
|
|
|
|
SetSelectedNode(node, SelectedTypeEnum.Click);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
/// <summary>
|
|
|
|
|
/// 下拉节点移入
|
|
|
|
|
/// </summary>
|
|
|
|
|
/// <param name="node"></param>
|
|
|
|
|
private void NodeOnMouseOver(CascaderNode node)
|
|
|
|
|
{
|
|
|
|
|
if (ExpandTrigger != "hover") return;
|
|
|
|
|
|
|
|
|
|
if (node.Disabled) return;
|
|
|
|
|
if (!node.HasChildren) return;
|
|
|
|
|
|
|
|
|
|
SetSelectedNode(node, SelectedTypeEnum.Hover);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
#endregion event
|
|
|
|
|
|
|
|
|
|
/// <summary>
|
|
|
|
|
/// 选中节点
|
|
|
|
|
/// </summary>
|
|
|
|
|
/// <param name="cascaderNode"></param>
|
|
|
|
|
/// <param name="selectedType"></param>
|
|
|
|
|
internal void SetSelectedNode(CascaderNode cascaderNode, SelectedTypeEnum selectedType)
|
|
|
|
|
{
|
|
|
|
|
if (cascaderNode == null) return;
|
|
|
|
|
|
|
|
|
|
SelectedType = selectedType;
|
|
|
|
|
if (selectedType == SelectedTypeEnum.Click)
|
|
|
|
|
{
|
|
|
|
|
_selectedNodes.Clear();
|
|
|
|
|
SetSelectedNodeWithParent(cascaderNode, ref _selectedNodes);
|
|
|
|
|
_renderNodes = _selectedNodes;
|
|
|
|
|
|
|
|
|
|
if (ChangeOnSelect || !cascaderNode.HasChildren)
|
|
|
|
|
SetValue(cascaderNode.Value);
|
|
|
|
|
}
|
|
|
|
|
else
|
|
|
|
|
{
|
|
|
|
|
_hoverSelectedNodes.Clear();
|
|
|
|
|
SetSelectedNodeWithParent(cascaderNode, ref _hoverSelectedNodes);
|
|
|
|
|
_renderNodes = _hoverSelectedNodes;
|
|
|
|
|
}
|
|
|
|
|
_renderNodes.Sort((x, y) => x.Level.CompareTo(y.Level)); //Level 升序排序
|
|
|
|
|
|
|
|
|
|
if (!cascaderNode.HasChildren)
|
|
|
|
|
{
|
|
|
|
|
ToggleState = false;
|
|
|
|
|
IsOnCascader = false;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
/// <summary>
|
|
|
|
|
/// 设置选中所有父节点
|
|
|
|
|
/// </summary>
|
|
|
|
|
/// <param name="node"></param>
|
|
|
|
|
/// <param name="list"></param>
|
|
|
|
|
private void SetSelectedNodeWithParent(CascaderNode node, ref List<CascaderNode> list)
|
|
|
|
|
{
|
|
|
|
|
if (node == null) return;
|
|
|
|
|
|
|
|
|
|
list.Add(node);
|
|
|
|
|
SetSelectedNodeWithParent(node.ParentNode, ref list);
|
|
|
|
|
}
|
|
|
|
|
|
2021-01-16 21:54:57 +08:00
|
|
|
|
/// <summary>
|
|
|
|
|
/// Options 更新后处理父节点和默认值
|
|
|
|
|
/// </summary>
|
|
|
|
|
private void ProcessParentAndDefault()
|
|
|
|
|
{
|
|
|
|
|
if (_optionsNeedInitialize)
|
|
|
|
|
{
|
|
|
|
|
_optionsNeedInitialize = false;
|
|
|
|
|
|
|
|
|
|
InitCascaderNodeState(_nodelist, null, 0);
|
|
|
|
|
SetDefaultValue(Value ?? DefaultValue);
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
2020-06-02 13:34:26 +08:00
|
|
|
|
/// <summary>
|
|
|
|
|
/// 初始化节点属性(Level, ParentNode)
|
|
|
|
|
/// </summary>
|
|
|
|
|
/// <param name="list"></param>
|
|
|
|
|
/// <param name="parentNode"></param>
|
|
|
|
|
/// <param name="level"></param>
|
|
|
|
|
private void InitCascaderNodeState(List<CascaderNode> list, CascaderNode parentNode, int level)
|
|
|
|
|
{
|
|
|
|
|
if (list == null) return;
|
|
|
|
|
|
|
|
|
|
foreach (var node in list)
|
|
|
|
|
{
|
|
|
|
|
node.Level = level;
|
|
|
|
|
node.ParentNode = parentNode;
|
|
|
|
|
|
|
|
|
|
if (node.HasChildren)
|
|
|
|
|
InitCascaderNodeState(node.Children.ToList(), node, level + 1);
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
2020-07-11 23:03:13 +08:00
|
|
|
|
/// <summary>
|
|
|
|
|
/// 刷新选中的内容
|
|
|
|
|
/// </summary>
|
|
|
|
|
/// <param name="value"></param>
|
|
|
|
|
private void RefreshNodeValue(string value)
|
|
|
|
|
{
|
|
|
|
|
_selectedNodes.Clear();
|
|
|
|
|
|
|
|
|
|
var node = GetNodeByValue(_nodelist, value);
|
|
|
|
|
SetSelectedNodeWithParent(node, ref _selectedNodes);
|
|
|
|
|
_renderNodes = _selectedNodes;
|
|
|
|
|
|
|
|
|
|
RefreshDisplayValue();
|
|
|
|
|
|
|
|
|
|
OnChange?.Invoke(_selectedNodes, value, _displayText);
|
|
|
|
|
}
|
|
|
|
|
|
2020-06-02 13:34:26 +08:00
|
|
|
|
/// <summary>
|
|
|
|
|
/// 设置默认选中
|
|
|
|
|
/// </summary>
|
|
|
|
|
/// <param name="defaultValue"></param>
|
|
|
|
|
private void SetDefaultValue(string defaultValue)
|
|
|
|
|
{
|
|
|
|
|
if (string.IsNullOrWhiteSpace(defaultValue))
|
|
|
|
|
return;
|
|
|
|
|
|
2021-01-16 21:54:57 +08:00
|
|
|
|
_selectedNodes.Clear();
|
2020-06-02 13:34:26 +08:00
|
|
|
|
var node = GetNodeByValue(_nodelist, defaultValue);
|
|
|
|
|
SetSelectedNodeWithParent(node, ref _selectedNodes);
|
|
|
|
|
_renderNodes = _selectedNodes;
|
2021-01-16 21:54:57 +08:00
|
|
|
|
SetValue(node?.Value);
|
2020-06-02 13:34:26 +08:00
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
/// <summary>
|
|
|
|
|
/// 设置输入框选中值
|
|
|
|
|
/// </summary>
|
|
|
|
|
/// <param name="value"></param>
|
|
|
|
|
private void SetValue(string value)
|
2020-07-11 23:03:13 +08:00
|
|
|
|
{
|
|
|
|
|
RefreshDisplayValue();
|
|
|
|
|
|
|
|
|
|
if (Value != value)
|
|
|
|
|
{
|
|
|
|
|
CurrentValueAsString = value;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
OnChange?.Invoke(_selectedNodes, value, _displayText);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
private void RefreshDisplayValue()
|
2020-06-02 13:34:26 +08:00
|
|
|
|
{
|
|
|
|
|
_selectedNodes.Sort((x, y) => x.Level.CompareTo(y.Level)); //Level 升序排序
|
|
|
|
|
_displayText = string.Empty;
|
|
|
|
|
int count = 0;
|
|
|
|
|
foreach (var node in _selectedNodes)
|
|
|
|
|
{
|
|
|
|
|
if (node == null) continue;
|
|
|
|
|
|
|
|
|
|
if (count < _selectedNodes.Count - 1)
|
|
|
|
|
_displayText += node.Label + " / ";
|
|
|
|
|
else
|
|
|
|
|
_displayText += node.Label;
|
|
|
|
|
count++;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
/// <summary>
|
|
|
|
|
/// 根据指定值获取节点
|
|
|
|
|
/// </summary>
|
|
|
|
|
/// <param name="list"></param>
|
|
|
|
|
/// <param name="value"></param>
|
|
|
|
|
/// <returns></returns>
|
|
|
|
|
private CascaderNode GetNodeByValue(List<CascaderNode> list, string value)
|
|
|
|
|
{
|
|
|
|
|
if (list == null) return null;
|
|
|
|
|
CascaderNode result = null;
|
|
|
|
|
|
|
|
|
|
foreach (var node in list)
|
|
|
|
|
{
|
|
|
|
|
if (node.Value == value)
|
|
|
|
|
return node;
|
|
|
|
|
|
|
|
|
|
if (node.HasChildren)
|
|
|
|
|
{
|
|
|
|
|
var nd = GetNodeByValue(node.Children.ToList(), value);
|
|
|
|
|
if (nd != null)
|
|
|
|
|
result = nd;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
return result;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|