ant-design/a7b96927-async.275d308f.js

(("undefined"!=typeof globalThis?globalThis:self).makoChunk_antd=("undefined"!=typeof globalThis?globalThis:self).makoChunk_antd||[]).push([["a7b96927"],{a7b96927:function(e,n,d){"use strict";var t=d("852bbaa9")._;d.d(n,"__esModule",{value:!0}),d.d(n,"demos",{enumerable:!0,get:function(){return i;}});var a=d("852bbaa9"),o=a._(d("5b220c3d"));d("a156f463");var r=a._(d("e22febe0")),s=a._(d("a9d1a279"));let i={"dropdown-demo-basic":{component:o.default.memo(o.default.lazy(()=>Promise.all([d.ensure("common"),d.ensure("5d3cbfba")]).then(d.dr(t,d.bind(d,"518d5f39"))))),asset:{type:"BLOCK",id:"dropdown-demo-basic",refAtomIds:["dropdown"],dependencies:{"index.tsx":{type:"FILE",value:d("ee534894").default},react:{type:"NPM",value:"18.3.0-canary-c3048aab4-20240326"},"@ant-design/icons":{type:"NPM",value:"5.5.1"},antd:{type:"NPM",value:"5.22.2"}},entry:"index.tsx",title:"Basic",description:"The most basic dropdown menu."},context:{react:o,"@ant-design/icons":r,antd:s},renderOpts:{compile:async(...e)=>(await Promise.all([d.ensure("vendors_1"),d.ensure("vendors_0"),d.ensure("d2b37e0b")]).then(d.dr(t,d.bind(d,"d2b37e0b")))).default(...e)}},"dropdown-demo-extra":{component:o.default.memo(o.default.lazy(()=>Promise.all([d.ensure("common"),d.ensure("5d3cbfba")]).then(d.dr(t,d.bind(d,"f1a7d23b"))))),asset:{type:"BLOCK",id:"dropdown-demo-extra",refAtomIds:["dropdown"],dependencies:{"index.tsx":{type:"FILE",value:d("76841470").default},react:{type:"NPM",value:"18.3.0-canary-c3048aab4-20240326"},"@ant-design/icons":{type:"NPM",value:"5.5.1"},antd:{type:"NPM",value:"5.22.2"}},entry:"index.tsx",title:"Extra node",description:"The dropdown menu with shortcut."},context:{react:o,"@ant-design/icons":r,antd:s},renderOpts:{compile:async(...e)=>(await Promise.all([d.ensure("vendors_1"),d.ensure("vendors_0"),d.ensure("d2b37e0b")]).then(d.dr(t,d.bind(d,"d2b37e0b")))).default(...e)}},"dropdown-demo-placement":{component:o.default.memo(o.default.lazy(()=>Promise.all([d.ensure("common"),d.ensure("5d3cbfba")]).then(d.dr(t,d.bind(d,"e30474b6"))))),asset:{type:"BLOCK",id:"dropdown-demo-placement",refAtomIds:["dropdown"],dependencies:{"index.tsx":{type:"FILE",value:d("9b043b98").default},react:{type:"NPM",value:"18.3.0-canary-c3048aab4-20240326"},antd:{type:"NPM",value:"5.22.2"}},entry:"index.tsx",title:"Placement",description:"Support 6 placements."},context:{react:o,antd:s},renderOpts:{compile:async(...e)=>(await Promise.all([d.ensure("vendors_1"),d.ensure("vendors_0"),d.ensure("d2b37e0b")]).then(d.dr(t,d.bind(d,"d2b37e0b")))).default(...e)}},"dropdown-demo-arrow":{component:o.default.memo(o.default.lazy(()=>Promise.all([d.ensure("common"),d.ensure("5d3cbfba")]).then(d.dr(t,d.bind(d,"348fe64f"))))),asset:{type:"BLOCK",id:"dropdown-demo-arrow",refAtomIds:["dropdown"],dependencies:{"index.tsx":{type:"FILE",value:d("4ceca6ac").default},react:{type:"NPM",value:"18.3.0-canary-c3048aab4-20240326"},antd:{type:"NPM",value:"5.22.2"}},entry:"index.tsx",title:"Arrow",description:"You could display an arrow."},context:{react:o,antd:s},renderOpts:{compile:async(...e)=>(await Promise.all([d.ensure("vendors_1"),d.ensure("vendors_0"),d.ensure("d2b37e0b")]).then(d.dr(t,d.bind(d,"d2b37e0b")))).default(...e)}},"dropdown-demo-item":{component:o.default.memo(o.default.lazy(()=>Promise.all([d.ensure("common"),d.ensure("5d3cbfba")]).then(d.dr(t,d.bind(d,"804fc4ef"))))),asset:{type:"BLOCK",id:"dropdown-demo-item",refAtomIds:["dropdown"],dependencies:{"index.tsx":{type:"FILE",value:d("e6864570").default},react:{type:"NPM",value:"18.3.0-canary-c3048aab4-20240326"},"@ant-design/icons":{type:"NPM",value:"5.5.1"},antd:{type:"NPM",value:"5.22.2"}},entry:"index.tsx",title:"Other elements",description:"Divider and disabled menu item."},context:{react:o,"@ant-design/icons":r,antd:s},renderOpts:{compile:async(...e)=>(await Promise.all([d.ensure("vendors_1"),d.ensure("vendors_0"),d.ensure("d2b37e0b")]).then(d.dr(t,d.bind(d,"d2b37e0b")))).default(...e)}},"dropdown-demo-arrow-center":{component:o.default.memo(o.default.lazy(()=>Promise.all([d.ensure("common"),d.ensure("5d3cbfba")]).then(d.dr(t,d.bind(d,"c0f50d1b"))))),asset:{type:"BLOCK",id:"dropdown-demo-arrow-center",refAtomIds:["dropdown"],dependencies:{"index.tsx":{type:"FILE",value:d("743c8239").default},react:{type:"NPM",value:"18.3.0-canary-c3048aab4-20240326"},antd:{type:"NPM",value:"5.22.2"}},entry:"index.tsx",title:"Arrow pointing at the center",description:"By specifying arrow prop with { pointAtCenter: true }, the arrow will point to the center of the target element."},context:{react:o,antd:s},renderOpts:{compile:async(...e)=>(await Promise.all([d.ensure("vendors_1"),d.ensure("vendors_0"),d.ensure("d2b37e0b")]).then(d.dr(t,d.bind(d,"d2b37e0b")))).default(...e)}},"dropdown-demo-trigger":{component:o.default.memo(o.default.lazy(()=>Promise.all([d.ensure("common"),d.ensure("5d3cbfba")]).then(d.dr(t,d.bind(d,"e9edb21b"))))),asset:{type:"BLOCK",id:"dropdown-demo-trigger",refAtomIds:["dropdown"],dependencies:{"index.tsx":{type:"FILE",value:d("efaf0f60").default},react:{type:"NPM",value:"18.3.0-canary-c3048aab4-20240326"},"@ant-design/icons":{type:"NPM",value:"5.5.1"},antd:{type:"NPM",value:"5.22.2"}},entry:"index.tsx",title:"Trigger mode",description:"The default trigger mode is hover, you can change it to click."},context:{react:o,"@ant-design/icons":r,antd:s},renderOpts:{compile:async(...e)=>(await Promise.all([d.ensure("vendors_1"),d.ensure("vendors_0"),d.ensure("d2b37e0b")]).then(d.dr(t,d.bind(d,"d2b37e0b")))).default(...e)}},"dropdown-demo-event":{component:o.default.memo(o.default.lazy(()=>Promise.all([d.ensure("common"),d.ensure("5d3cbfba")]).then(d.dr(t,d.bind(d,"a040a548"))))),asset:{type:"BLOCK",id:"dropdown-demo-event",refAtomIds:["dropdown"],dependencies:{"index.tsx":{type:"FILE",value:d("893af73d").default},react:{type:"NPM",value:"18.3.0-canary-c3048aab4-20240326"},"@ant-design/icons":{type:"NPM",value:"5.5.1"},antd:{type:"NPM",value:"5.22.2"}},entry:"index.tsx",title:"Click event",description:"An event will be triggered when you click menu items, in which you can make different operations according to item's key."},context:{react:o,"@ant-design/icons":r,antd:s},renderOpts:{compile:async(...e)=>(await Promise.all([d.ensure("vendors_1"),d.ensure("vendors_0"),d.ensure("d2b37e0b")]).then(d.dr(t,d.bind(d,"d2b37e0b")))).default(...e)}},"dropdown-demo-dropdown-button":{component:o.default.memo(o.default.lazy(()=>Promise.all([d.ensure("common"),d.ensure("5d3cbfba")]).then(d.dr(t,d.bind(d,"e6a372c7"))))),asset:{type:"BLOCK",id:"dropdown-demo-dropdown-button",refAtomIds:["dropdown"],dependencies:{"index.tsx":{type:"FILE",value:d("96f763d1").default},react:{type:"NPM",value:"18.3.0-canary-c3048aab4-20240326"},"@ant-design/icons":{type:"NPM",value:"5.5.1"},antd:{type:"NPM",value:"5.22.2"}},entry:"index.tsx",title:"Button with dropdown menu",description:"A button is on the left, and a related functional menu is on the right. You can set the icon property to modify the icon of right."},context:{react:o,"@ant-design/icons":r,antd:s},renderOpts:{compile:async(...e)=>(await Promise.all([d.ensure("vendors_1"),d.ensure("vendors_0"),d.ensure("d2b37e0b")]).then(d.dr(t,d.bind(d,"d2b37e0b")))).default(...e)}},"dropdown-demo-custom-dropdown":{component:o.default.memo(o.default.lazy(()=>Promise.all([d.ensure("common"),d.ensure("5d3cbfba")]).then(d.dr(t,d.bind(d,"a8936d6a"))))),asset:{type:"BLOCK",id:"dropdown-demo-custom-dropdown",refAtomIds:["dropdown"],dependencies:{"index.tsx":{type:"FILE",value:d("2bf44fee").default},react:{type:"NPM",value:"18.3.0-canary-c3048aab4-20240326"},"@ant-design/icons":{type:"NPM",value:"5.5.1"},antd:{type:"NPM",value:"5.22.2"}},entry:"index.tsx",title:"Custom dropdown",description:"Customize the dropdown menu via dropdownRender. If you don't need the Menu content, use the Popover component directly."},context:{react:o,"@ant-design/icons":r,antd:s},renderOpts:{compile:async(...e)=>(await Promise.all([d.ensure("vendors_1"),d.ensure("vendors_0"),d.ensure("d2b37e0b")]).then(d.dr(t,d.bind(d,"d2b37e0b")))).default(...e)}},"dropdown-demo-sub-menu":{component:o.default.memo(o.default.lazy(()=>Promise.all([d.ensure("common"),d.ensure("5d3cbfba")]).then(d.dr(t,d.bind(d,"baa9e58e"))))),asset:{type:"BLOCK",id:"dropdown-demo-sub-menu",refAtomIds:["dropdown"],dependencies:{"index.tsx":{type:"FILE",value:d("8724f5b1").default},react:{type:"NPM",value:"18.3.0-canary-c3048aab4-20240326"},"@ant-design/icons":{type:"NPM",value:"5.5.1"},antd:{type:"NPM",value:"5.22.2"}},entry:"index.tsx",title:"Cascading menu",description:"The menu has multiple levels."},context:{react:o,"@ant-design/icons":r,antd:s},renderOpts:{compile:async(...e)=>(await Promise.all([d.ensure("vendors_1"),d.ensure("vendors_0"),d.ensure("d2b37e0b")]).then(d.dr(t,d.bind(d,"d2b37e0b")))).default(...e)}},"dropdown-demo-sub-menu-debug":{component:o.default.memo(o.default.lazy(()=>Promise.all([d.ensure("common"),d.ensure("5d3cbfba")]).then(d.dr(t,d.bind(d,"88ce6cff"))))),asset:{type:"BLOCK",id:"dropdown-demo-sub-menu-debug",refAtomIds:["dropdown"],dependencies:{"index.tsx":{type:"FILE",value:d("7e500464").default},react:{type:"NPM",value:"18.3.0-canary-c3048aab4-20240326"},"@ant-design/icons":{type:"NPM",value:"5.5.1"},antd:{type:"NPM",value:"5.22.2"}},entry:"index.tsx",title:"Cascading menu",description:"The menu has multiple levels."},context:{react:o,"@ant-design/icons":r,antd:s},renderOpts:{compile:async(...e)=>(await Promise.all([d.ensure("vendors_1"),d.ensure("vendors_0"),d.ensure("d2b37e0b")]).then(d.dr(t,d.bind(d,"d2b37e0b")))).default(...e)}},"dropdown-demo-overlay-open":{component:o.default.memo(o.default.lazy(()=>Promise.all([d.ensure("common"),d.ensure("5d3cbfba")]).then(d.dr(t,d.bind(d,"bb8c45c2"))))),asset:{type:"BLOCK",id:"dropdown-demo-overlay-open",refAtomIds:["dropdown"],dependencies:{"index.tsx":{type:"FILE",value:d("abdc3b37").default},react:{type:"NPM",value:"18.3.0-canary-c3048aab4-20240326"},"@ant-design/icons":{type:"NPM",value:"5.5.1"},antd:{type:"NPM",value:"5.22.2"}},entry:"index.tsx",title:"The way of hiding menu.",description:"The default is to close the menu when you click on menu items, this feature can be turned off."},context:{react:o,"@ant-design/icons":r,antd:s},renderOpts:{compile:async(...e)=>(await Promise.all([d.ensure("vendors_1"),d.ensure("vendors_0"),d.ensure("d2b37e0b")]).then(d.dr(t,d.bind(d,"d2b37e0b")))).default(...e)}},"dropdown-demo-context-menu":{component:o.default.memo(o.default.lazy(()=>Promise.all([d.ensure("common"),d.ensure("5d3cbfba")]).then(d.dr(t,d.bind(d,"3e9387a8"))))),asset:{type:"BLOCK",id:"dropdown-demo-context-menu",refAtomIds:["dropdown"],dependencies:{"index.tsx":{type:"FILE",value:d("2ea0858a").default},react:{type:"NPM",value:"18.3.0-canary-c3048aab4-20240326"},antd:{type:"NPM",value:"5.22.2"}},entry:"index.tsx",title:"Context Menu",description:"The default trigger mode is hover, you can change it to contextMenu. The pop-up menu position will follow the right-click position."},context:{react:o,antd:s},renderOpts:{compile:async(...e)=>(await Promise.all([d.ensure("vendors_1"),d.ensure("vendors_0"),d.ensure("d2b37e0b")]).then(d.dr(t,d.bind(d,"d2b37e0b")))).default(...e)}},"dropdown-demo-loading":{component:o.default.memo(o.default.lazy(()=>Promise.all([d.ensure("common"),d.ensure("5d3cbfba")]).then(d.dr(t,d.bind(d,"15047c9c"))))),asset:{type:"BLOCK",id:"dropdown-demo-loading",refAtomIds:["dropdown"],dependencies:{"index.tsx":{type:"FILE",value:d("8cf78974").default},react:{type:"NPM",value:"18.3.0-canary-c3048aab4-20240326"},"@ant-design/icons":{type:"NPM",value:"5.5.1"},antd:{type:"NPM",value:"5.22.2"}},entry:"index.tsx",title:"Loading",description:"A loading indicator can be added to a button by setting the loading property on the Dropdown.Button."},context:{react:o,"@ant-design/icons":r,antd:s},renderOpts:{compile:async(...e)=>(await Promise.all([d.ensure("vendors_1"),d.ensure("vendors_0"),d.ensure("d2b37e0b")]).then(d.dr(t,d.bind(d,"d2b37e0b")))).default(...e)}},"dropdown-demo-selectable":{component:o.default.memo(o.default.lazy(()=>Promise.all([d.ensure("common"),d.ensure("5d3cbfba")]).then(d.dr(t,d.bind(d,"ca9008a6"))))),asset:{type:"BLOCK",id:"dropdown-demo-selectable",refAtomIds:["dropdown"],dependencies:{"index.tsx":{type:"FILE",value:d("78b4f0f8").default},react:{type:"NPM",value:"18.3.0-canary-c3048aab4-20240326"},"@ant-design/icons":{type:"NPM",value:"5.5.1"},antd:{type:"NPM",value:"5.22.2"}},entry:"index.tsx",title:"Selectable Menu",description:"Configure the selectable property in menu to enable selectable ability."},context:{react:o,"@ant-design/icons":r,antd:s},renderOpts:{compile:async(...e)=>(await Promise.all([d.ensure("vendors_1"),d.ensure("vendors_0"),d.ensure("d2b37e0b")]).then(d.dr(t,d.bind(d,"d2b37e0b")))).default(...e)}},"dropdown-demo-menu-full":{component:o.default.memo(o.default.lazy(()=>Promise.all([d.ensure("common"),d.ensure("5d3cbfba")]).then(d.dr(t,d.bind(d,"9919536e"))))),asset:{type:"BLOCK",id:"dropdown-demo-menu-full",refAtomIds:["dropdown"],dependencies:{"index.tsx":{type:"FILE",value:d("a625ad20").default},react:{type:"NPM",value:"18.3.0-canary-c3048aab4-20240326"},"@ant-design/icons":{type:"NPM",value:"5.5.1"},antd:{type:"NPM",value:"5.22.2"}},entry:"index.tsx",title:"Menu full styles",description:"This demo was created for debugging Menu styles inside Dropdown.\n\n#19150 [https://github.com/ant-design/ant-design/pull/19150]"},context:{react:o,"@ant-design/icons":r,antd:s},renderOpts:{compile:async(...e)=>(await Promise.all([d.ensure("vendors_1"),d.ensure("vendors_0"),d.ensure("d2b37e0b")]).then(d.dr(t,d.bind(d,"d2b37e0b")))).default(...e)}},"dropdown-demo-render-panel":{component:o.default.memo(o.default.lazy(()=>Promise.all([d.ensure("common"),d.ensure("5d3cbfba")]).then(d.dr(t,d.bind(d,"6d894512"))))),asset:{type:"BLOCK",id:"dropdown-demo-render-panel",refAtomIds:["dropdown"],dependencies:{"index.tsx":{type:"FILE",value:d("85ff1ad2").default},react:{type:"NPM",value:"18.3.0-canary-c3048aab4-20240326"},"@ant-design/icons":{type:"NPM",value:"5.5.1"},antd:{type:"NPM",value:"5.22.2"}},entry:"index.tsx",title:"_InternalPanelDoNotUseOrYouWillBeFired",description:"Debug usage. Do not use in your production."},context:{react:o,"@ant-design/icons":r,antd:s},renderOpts:{compile:async(...e)=>(await Promise.all([d.ensure("vendors_1"),d.ensure("vendors_0"),d.ensure("d2b37e0b")]).then(d.dr(t,d.bind(d,"d2b37e0b")))).default(...e)}},"dropdown-demo-icon-debug":{component:o.default.memo(o.default.lazy(()=>Promise.all([d.ensure("common"),d.ensure("5d3cbfba")]).then(d.dr(t,d.bind(d,"fce9d388"))))),asset:{type:"BLOCK",id:"dropdown-demo-icon-debug",refAtomIds:["dropdown"],dependencies:{"index.tsx":{type:"FILE",value:d("63ffe012").default},react:{type:"NPM",value:"18.3.0-canary-c3048aab4-20240326"},"@ant-design/icons":{type:"NPM",value:"5.5.1"},antd:{type:"NPM",value:"5.22.2"}},entry:"index.tsx",title:"Icon debug",description:"Specially handle Down icon."},context:{react:o,"@ant-design/icons":r,antd:s},renderOpts:{compile:async(...e)=>(await Promise.all([d.ensure("vendors_1"),d.ensure("vendors_0"),d.ensure("d2b37e0b")]).then(d.dr(t,d.bind(d,"d2b37e0b")))).default(...e)}}};}}]);