ant-design-blazor/components/menu/SubMenu.razor.cs
Zonciu Liang da55e9e7e8 fix(animation): missing prefix (#1243)
* fix: add class name prefix for zoom and slide-up animations.

* fix(module: popconfirm): fix animation

* fix(module: popover): correct animation, sync de
2021-03-12 15:46:48 +08:00

196 lines
5.9 KiB
C#

using System;
using System.Linq;
using System.Threading.Tasks;
using AntDesign.Internal;
using Microsoft.AspNetCore.Components;
using Microsoft.AspNetCore.Components.Web;
namespace AntDesign
{
public partial class SubMenu : AntDomComponentBase
{
[CascadingParameter]
public Menu RootMenu { get; set; }
[CascadingParameter]
public SubMenu Parent { get; set; }
[Parameter]
public PlacementType Placement { get; set; }
[Parameter]
public string Title { get; set; }
[Parameter]
public RenderFragment TitleTemplate { get; set; }
[Parameter]
public RenderFragment ChildContent { get; set; }
[Parameter]
public string Key
{
get => _key ?? Id;
set => _key = value;
}
[Parameter]
public bool Disabled { get; set; }
[Parameter]
public bool IsOpen { get; set; }
[Parameter]
public EventCallback<MouseEventArgs> OnTitleClick { get; set; }
internal int Level => RootMenu?.InternalMode == MenuMode.Inline ? (Parent?.Level ?? 0) + 1 : 0;
private int PaddingLeft => Level * RootMenu?.InlineIndent ?? 0;
private ClassMapper SubMenuMapper { get; } = new ClassMapper();
private bool _isSelected;
private string _key;
private string _popupMinWidthStyle = "";
private OverlayTrigger _overlayTrigger;
internal bool _overlayVisible;
private void SetClass()
{
string prefixCls = $"{RootMenu.PrefixCls}-submenu";
ClassMapper
.Clear()
.Add(prefixCls)
.Get(() => $"{prefixCls}-{RootMenu?.InternalMode}")
.If($"{prefixCls}-disabled", () => Disabled)
.If($"{prefixCls}-selected", () => _isSelected)
.If($"{prefixCls}-open", () => RootMenu?.InternalMode == MenuMode.Inline && IsOpen)
;
SubMenuMapper
.Clear()
.Add(RootMenu?.PrefixCls)
.Add($"{RootMenu?.PrefixCls}-sub")
.Get(() => $"{RootMenu?.PrefixCls}-{RootMenu?.Theme}")
.Get(() => $"{RootMenu?.PrefixCls}-{(RootMenu?.InternalMode == MenuMode.Horizontal ? MenuMode.Vertical : RootMenu?.InternalMode)}")
//.If($"{RootMenu.PrefixCls}-submenu-popup", () => RootMenu.InternalMode != MenuMode.Inline)
.If($"{RootMenu?.PrefixCls}-hidden", () => RootMenu?.InternalMode == MenuMode.Inline && !IsOpen)
;
if (RootMenu?.InternalMode != MenuMode.Inline && _overlayTrigger != null)
{
Overlay overlay = _overlayTrigger.GetOverlayComponent();
ClassMapper
.If($"{prefixCls}-selected", () => overlay != null && overlay.IsPopup());
SubMenuMapper
.If($"ant-zoom-big ant-zoom-big-enter ant-zoom-big-enter-active", () => overlay != null && RootMenu?.Mode == MenuMode.Vertical && overlay.IsPopup() && !overlay.IsHiding())
.If($"ant-zoom-big ant-zoom-big-leave ant-zoom-big-leave-active", () => overlay != null && RootMenu?.Mode == MenuMode.Vertical && overlay.IsHiding())
.If($"ant-slide-up ant-slide-up-enter ant-slide-up-enter-active", () => overlay != null && RootMenu?.Mode == MenuMode.Horizontal && overlay.IsPopup() && !overlay.IsHiding())
.If($"ant-slide-up ant-slide-up-leave ant-slide-up-leave-active", () => overlay != null && RootMenu?.Mode == MenuMode.Horizontal && overlay.IsHiding())
;
}
}
private async Task HandleOnTitleClick(MouseEventArgs args)
{
RootMenu?.SelectSubmenu(this, true);
if (OnTitleClick.HasDelegate)
await OnTitleClick.InvokeAsync(args);
}
public async Task Collapse()
{
if (RootMenu?.InternalMode == MenuMode.Inline)
{
await Task.Delay(300);
}
else
{
await _overlayTrigger.Hide(true);
}
IsOpen = false;
StateHasChanged();
}
protected override void OnInitialized()
{
base.OnInitialized();
SetClass();
RootMenu?.Submenus.Add(this);
if (RootMenu.DefaultOpenKeys.Contains(Key))
IsOpen = true;
_overlayVisible = IsOpen;
}
protected override void OnParametersSet()
{
base.OnParametersSet();
if (!RootMenu.InlineCollapsed && RootMenu.OpenKeys.Contains(Key))
IsOpen = true;
}
protected override async Task OnAfterRenderAsync(bool firstRender)
{
if (RootMenu.InternalMode != MenuMode.Inline && _overlayTrigger != null && IsOpen)
{
var domInfo = await _overlayTrigger.GetTriggerDomInfo();
_popupMinWidthStyle = $"min-width: {domInfo.clientWidth}px";
}
await base.OnAfterRenderAsync(firstRender);
}
public void Close()
{
IsOpen = false;
}
public void Open()
{
if (Disabled)
{
return;
}
IsOpen = true;
Parent?.Open();
}
public OverlayTrigger GetOverlayTrigger()
{
return _overlayTrigger;
}
private void OnOverlayVisibleChange(bool visible)
{
_overlayVisible = visible;
}
private void OnOverlayHiding(bool _)
{
}
public void Select()
{
Parent?.Select();
_isSelected = true;
}
public void Deselect()
{
Parent?.Deselect();
_isSelected = false;
}
}
}