using System; using System.Text.Json; using System.Threading.Tasks; using AntDesign.JsInterop; using Microsoft.AspNetCore.Components; namespace AntDesign { public class DropdownButton : Dropdown { /// /// Option to fit button width to its parent width /// [Parameter] public new bool Block { get => base.Block; set => base.Block = value; } /// /// Fully customizable button. /// [Parameter] public new Func ButtonsRender { get => base.ButtonsRender; set => base.ButtonsRender = value; } /// /// Set the danger status of button /// [Parameter] public bool Danger { get => _danger; set { _danger = value; ChangeButtonDanger(value); } } /// /// Used in situations with complex background, home pages usually. /// [Parameter] public bool Ghost { get => _ghost; set { _ghost = value; ChangeButtonGhost(value); } } private string _icon = "ellipsis"; /// /// Icon that will be rendered in the right /// button. /// [Parameter] public string Icon { get => _icon; set { _icon = value; ChangeRightButtonIcon(value); } } /// /// Indicates if loading icon is going to be included. /// If set to true, then dropdown will not be active. /// [Parameter] public bool Loading { get => _loading; set { _loading = value; ChangeButtonLoading(value); } } private string _size = AntSizeLDSType.Default; /// /// Button size. /// [Parameter] public string Size { get => _size; set { _size = value; ChangeButtonSize(value); } } private (string LeftButton, string RightButton) _type = (ButtonType.Default, ButtonType.Default); private bool _loading; private bool _danger; private bool _ghost = false; /// /// Button type is a tuple where first item refers to LeftButton type /// and second item refers to RightButton type. /// [Parameter] public (string LeftButton, string RightButton) Type { get => _type; set { _type = value; ChangeButtonType(value); } } public DropdownButton() => IsButton = true; protected override void OnInitialized() { string prefixCls = "ant-btn"; ClassMapper.Clear(); Placement = PlacementType.BottomRight; base.OnInitialized(); ClassMapper.If($"{prefixCls}-block", () => Block); } /// /// Force overlay trigger to be attached to wrapping element of /// the right button. Right button has to be wrapped, /// because overlay will be looking for first child /// element of the overlay trigger to calculate the overlay position. /// If the right button was the trigger, then its first child /// would be the icon/ellipsis and the overlay would have been /// rendered too high. /// /// /// protected override Task OnAfterRenderAsync(bool firstRender) { if (firstRender) { Ref = RefBack.Current; DomEventService.AddEventListener(Ref, "click", OnUnboundClick, true); DomEventService.AddEventListener(Ref, "mouseover", OnUnboundMouseEnter, true); DomEventService.AddEventListener(Ref, "mouseout", OnUnboundMouseLeave, true); DomEventService.AddEventListener(Ref, "focusin", OnUnboundFocusIn, true); DomEventService.AddEventListener(Ref, "focusout", OnUnboundFocusOut, true); DomEventService.AddEventListener(Ref, "contextmenu", OnContextMenu, true, true); } return base.OnAfterRenderAsync(firstRender); } protected override void Dispose(bool disposing) { DomEventService.RemoveEventListerner(Ref, "click", OnUnboundClick); DomEventService.RemoveEventListerner(Ref, "mouseover", OnUnboundMouseEnter); DomEventService.RemoveEventListerner(Ref, "mouseout", OnUnboundMouseLeave); DomEventService.RemoveEventListerner(Ref, "focusin", OnUnboundFocusIn); DomEventService.RemoveEventListerner(Ref, "focusout", OnUnboundFocusOut); DomEventService.RemoveEventListerner(Ref, "contextmenu", OnContextMenu); base.Dispose(disposing); } internal override async Task Show(int? overlayLeft = null, int? overlayTop = null) { if (!Loading) { await _overlay.Show(overlayLeft, overlayTop); } } } }