ant-design/9328e291-async.e92fa376.js

(("undefined"!=typeof globalThis?globalThis:self).makoChunk_antd=("undefined"!=typeof globalThis?globalThis:self).makoChunk_antd||[]).push([["9328e291"],{"9328e291":function(e,a,d){"use strict";d.d(a,"__esModule",{value:!0}),d.d(a,"texts",{enumerable:!0,get:function(){return o;}}),d("a156f463");let o=[{value:"When there are more than a few options to choose from, you can wrap them in a ",paraId:0,tocIndex:0},{value:"Dropdown",paraId:0,tocIndex:0},{value:". By hovering or clicking on the trigger, a dropdown menu will appear, which allows you to choose an option and execute the relevant action.",paraId:0,tocIndex:0},{value:"Common props ref\uFF1A",paraId:1,tocIndex:21},{value:"Common props",paraId:2,tocIndex:21},{value:"Property",paraId:3,tocIndex:22},{value:"Description",paraId:3,tocIndex:22},{value:"Type",paraId:3,tocIndex:22},{value:"Default",paraId:3,tocIndex:22},{value:"Version",paraId:3,tocIndex:22},{value:"arrow",paraId:3,tocIndex:22},{value:"Whether the dropdown arrow should be visible",paraId:3,tocIndex:22},{value:"boolean | { pointAtCenter: boolean }",paraId:3,tocIndex:22},{value:"false",paraId:3,tocIndex:22},{value:"autoAdjustOverflow",paraId:3,tocIndex:22},{value:"Whether to adjust dropdown placement automatically when dropdown is off screen",paraId:3,tocIndex:22},{value:"boolean",paraId:3,tocIndex:22},{value:"true",paraId:3,tocIndex:22},{value:"5.2.0",paraId:3,tocIndex:22},{value:"autoFocus",paraId:3,tocIndex:22},{value:"Focus element in ",paraId:3,tocIndex:22},{value:"overlay",paraId:3,tocIndex:22},{value:" when opened",paraId:3,tocIndex:22},{value:"boolean",paraId:3,tocIndex:22},{value:"false",paraId:3,tocIndex:22},{value:"4.21.0",paraId:3,tocIndex:22},{value:"disabled",paraId:3,tocIndex:22},{value:"Whether the dropdown menu is disabled",paraId:3,tocIndex:22},{value:"boolean",paraId:3,tocIndex:22},{value:"-",paraId:3,tocIndex:22},{value:"destroyPopupOnHide",paraId:3,tocIndex:22},{value:"Whether destroy dropdown when hidden, use ",paraId:3,tocIndex:22},{value:"destroyOnHidden",paraId:3,tocIndex:22},{value:" instead",paraId:3,tocIndex:22},{value:"boolean",paraId:3,tocIndex:22},{value:"false",paraId:3,tocIndex:22},{value:"destroyOnHidden",paraId:3,tocIndex:22},{value:"Whether destroy dropdown when hidden",paraId:3,tocIndex:22},{value:"boolean",paraId:3,tocIndex:22},{value:"false",paraId:3,tocIndex:22},{value:"5.25.0",paraId:3,tocIndex:22},{value:"dropdownRender",paraId:3,tocIndex:22},{value:"Customize dropdown content, use ",paraId:3,tocIndex:22},{value:"popupRender",paraId:3,tocIndex:22},{value:" instead",paraId:3,tocIndex:22},{value:"(menus: ReactNode) => ReactNode",paraId:3,tocIndex:22},{value:"-",paraId:3,tocIndex:22},{value:"4.24.0",paraId:3,tocIndex:22},{value:"popupRender",paraId:3,tocIndex:22},{value:"Customize popup content",paraId:3,tocIndex:22},{value:"(menus: ReactNode) => ReactNode",paraId:3,tocIndex:22},{value:"-",paraId:3,tocIndex:22},{value:"5.25.0",paraId:3,tocIndex:22},{value:"getPopupContainer",paraId:3,tocIndex:22},{value:"To set the container of the dropdown menu. The default is to create a div element in body, but you can reset it to the scrolling area and make a relative reposition. ",paraId:3,tocIndex:22},{value:"Example on CodePen",paraId:3,tocIndex:22},{value:"(triggerNode: HTMLElement) => HTMLElement",paraId:3,tocIndex:22},{value:"() => document.body",paraId:3,tocIndex:22},{value:"menu",paraId:3,tocIndex:22},{value:"The menu props",paraId:3,tocIndex:22},{value:"MenuProps",paraId:4,tocIndex:22},{value:"-",paraId:3,tocIndex:22},{value:"4.24.0",paraId:3,tocIndex:22},{value:"overlayClassName",paraId:3,tocIndex:22},{value:"The class name of the dropdown root element",paraId:3,tocIndex:22},{value:"string",paraId:3,tocIndex:22},{value:"-",paraId:3,tocIndex:22},{value:"overlayStyle",paraId:3,tocIndex:22},{value:"The style of the dropdown root element",paraId:3,tocIndex:22},{value:"CSSProperties",paraId:3,tocIndex:22},{value:"-",paraId:3,tocIndex:22},{value:"placement",paraId:3,tocIndex:22},{value:"Placement of popup menu: ",paraId:3,tocIndex:22},{value:"bottom",paraId:3,tocIndex:22},{value:" ",paraId:3,tocIndex:22},{value:"bottomLeft",paraId:3,tocIndex:22},{value:" ",paraId:3,tocIndex:22},{value:"bottomRight",paraId:3,tocIndex:22},{value:" ",paraId:3,tocIndex:22},{value:"top",paraId:3,tocIndex:22},{value:" ",paraId:3,tocIndex:22},{value:"topLeft",paraId:3,tocIndex:22},{value:" ",paraId:3,tocIndex:22},{value:"topRight",paraId:3,tocIndex:22},{value:"string",paraId:3,tocIndex:22},{value:"bottomLeft",paraId:3,tocIndex:22},{value:"trigger",paraId:3,tocIndex:22},{value:"The trigger mode which executes the dropdown action. Note that hover can't be used on touchscreens",paraId:3,tocIndex:22},{value:"Array<",paraId:3,tocIndex:22},{value:"click",paraId:3,tocIndex:22},{value:"|",paraId:3,tocIndex:22},{value:"hover",paraId:3,tocIndex:22},{value:"|",paraId:3,tocIndex:22},{value:"contextMenu",paraId:3,tocIndex:22},{value:">",paraId:3,tocIndex:22},{value:"[",paraId:3,tocIndex:22},{value:"hover",paraId:3,tocIndex:22},{value:"]",paraId:3,tocIndex:22},{value:"open",paraId:3,tocIndex:22},{value:"Whether the dropdown menu is currently open. Use ",paraId:3,tocIndex:22},{value:"visible",paraId:3,tocIndex:22},{value:" under 4.23.0 (",paraId:3,tocIndex:22},{value:"why?",paraId:5,tocIndex:22},{value:")",paraId:3,tocIndex:22},{value:"boolean",paraId:3,tocIndex:22},{value:"-",paraId:3,tocIndex:22},{value:"4.23.0",paraId:3,tocIndex:22},{value:"onOpenChange",paraId:3,tocIndex:22},{value:"Called when the open state is changed. Not trigger when hidden by click item. Use ",paraId:3,tocIndex:22},{value:"onVisibleChange",paraId:3,tocIndex:22},{value:" under 4.23.0 (",paraId:3,tocIndex:22},{value:"why?",paraId:6,tocIndex:22},{value:")",paraId:3,tocIndex:22},{value:"(open: boolean, info: { source: 'trigger' | 'menu' }) => void",paraId:3,tocIndex:22},{value:"-",paraId:3,tocIndex:22},{value:"info.source",paraId:3,tocIndex:22},{value:": 5.11.0",paraId:3,tocIndex:22},{value:"Same props from Dropdown. And includes additional props:",paraId:7,tocIndex:23},{value:"Property",paraId:8,tocIndex:23},{value:"Description",paraId:8,tocIndex:23},{value:"Type",paraId:8,tocIndex:23},{value:"Default",paraId:8,tocIndex:23},{value:"Version",paraId:8,tocIndex:23},{value:"buttonsRender",paraId:8,tocIndex:23},{value:"Custom buttons inside Dropdown.Button",paraId:8,tocIndex:23},{value:"(buttons: ReactNode[]) => ReactNode[]",paraId:8,tocIndex:23},{value:"-",paraId:8,tocIndex:23},{value:"loading",paraId:8,tocIndex:23},{value:"Set the loading status of button, the same as ",paraId:8,tocIndex:23},{value:"Button",paraId:9,tocIndex:23},{value:"boolean | { delay: number, icon: ReactNode }",paraId:8,tocIndex:23},{value:"false",paraId:8,tocIndex:23},{value:"icon: 5.23.0",paraId:8,tocIndex:23},{value:"danger",paraId:8,tocIndex:23},{value:"Set the danger status of button",paraId:8,tocIndex:23},{value:"boolean",paraId:8,tocIndex:23},{value:"-",paraId:8,tocIndex:23},{value:"4.23.0",paraId:8,tocIndex:23},{value:"icon",paraId:8,tocIndex:23},{value:"Icon (appears on the right)",paraId:8,tocIndex:23},{value:"ReactNode",paraId:8,tocIndex:23},{value:"-",paraId:8,tocIndex:23},{value:"size",paraId:8,tocIndex:23},{value:"Size of the button, the same as ",paraId:8,tocIndex:23},{value:"Button",paraId:10,tocIndex:23},{value:"large",paraId:8,tocIndex:23},{value:" | ",paraId:8,tocIndex:23},{value:"middle",paraId:8,tocIndex:23},{value:" | ",paraId:8,tocIndex:23},{value:"small",paraId:8,tocIndex:23},{value:"middle",paraId:8,tocIndex:23},{value:"type",paraId:8,tocIndex:23},{value:"Type of the button, the same as ",paraId:8,tocIndex:23},{value:"Button",paraId:11,tocIndex:23},{value:"primary",paraId:8,tocIndex:23},{value:" | ",paraId:8,tocIndex:23},{value:"dashed",paraId:8,tocIndex:23},{value:" | ",paraId:8,tocIndex:23},{value:"link",paraId:8,tocIndex:23},{value:" | ",paraId:8,tocIndex:23},{value:"text",paraId:8,tocIndex:23},{value:" | ",paraId:8,tocIndex:23},{value:"default",paraId:8,tocIndex:23},{value:"default",paraId:8,tocIndex:23},{value:"onClick",paraId:8,tocIndex:23},{value:"The same as ",paraId:8,tocIndex:23},{value:"Button",paraId:12,tocIndex:23},{value:": called when you click the button on the left",paraId:8,tocIndex:23},{value:"(event: React.MouseEvent<HTMLElement, MouseEvent>) => void",paraId:8,tocIndex:23},{value:"-",paraId:8,tocIndex:23},{value:"Please ensure that the child node of ",paraId:13,tocIndex:24},{value:"Dropdown",paraId:13,tocIndex:24},{value:" accepts ",paraId:13,tocIndex:24},{value:"onMouseEnter",paraId:13,tocIndex:24},{value:", ",paraId:13,tocIndex:24},{value:"onMouseLeave",paraId:13,tocIndex:24},{value:", ",paraId:13,tocIndex:24},{value:"onFocus",paraId:13,tocIndex:24},{value:", ",paraId:13,tocIndex:24},{value:"onClick",paraId:13,tocIndex:24},{value:" events.",paraId:13,tocIndex:24},{value:"You can use ",paraId:14,tocIndex:27},{value:"width: max-content",paraId:14,tocIndex:27},{value:" style to handle this. ref ",paraId:14,tocIndex:27},{value:"#43025",paraId:14,tocIndex:27},{value:".",paraId:14,tocIndex:27}];}}]);