chunk-3YY7FN2R.js

import{a as g,b as N,c as Q,d as D,e as f,f as Ee}from"./chunk-FPTJTSUI.js";import{c as w,d as H,e as S,g as L}from"./chunk-EXCAEERN.js";import{a as V,b as P,c as xe,d as Z}from"./chunk-HVFPNQ3B.js";import{a as G}from"./chunk-6AJOFIIP.js";import"./chunk-3LAVY7RV.js";import{a as k,g as j,h as U,j as Y}from"./chunk-PNYJKZIQ.js";import"./chunk-UJZP7RYT.js";import{Ca as E,Ea as v,Hc as W,Ic as q,Lc as X,ec as R}from"./chunk-YWVGY2C2.js";import{Aa as s,Ac as _,Ba as h,Bc as A,Ca as b,Cc as O,Gc as c,Hc as e,Ib as z,Ic as pe,Mc as se,Nc as ze,Oc as ce,Wb as m,fc as le,gc as ae,hc as ue,ic as n,jc as t,kc as r,oc as F,rb as l,rc as x,sb as de,za as p}from"./chunk-GBKJFEQZ.js";import"./chunk-EQDQRRRY.js";var $=(()=>{class o{static{this.\u0275fac=function(i){return new(i||o)}}static{this.\u0275cmp=z({type:o,selectors:[["nz-demo-dropdown-basic"]],decls:14,vars:1,consts:[["menu","nzDropdownMenu"],["nz-dropdown","",3,"nzDropdownMenu"],["nzType","down"],["nz-menu","","nzSelectable",""],["nz-menu-item",""],["nz-menu-item","","nzDanger",""]],template:function(i,u){if(i&1&&(n(0,"a",1),e(1," Hover me "),r(2,"nz-icon",2),t(),n(3,"nz-dropdown-menu",null,0)(5,"ul",3)(6,"li",4),e(7,"1st menu item"),t(),n(8,"li",4),e(9,"2nd menu item"),t(),n(10,"li",4),e(11,"3rd menu item"),t(),n(12,"li",5),e(13,"4th danger item"),t()()()),i&2){let a=c(4);m("nzDropdownMenu",a)}},dependencies:[f,S,w,g,N,D,v,E],encapsulation:2})}}return o})();var J=(()=>{class o{contextMenu(d,i){this.nzContextMenuService.create(d,i)}constructor(d){this.nzContextMenuService=d}static{this.\u0275fac=function(i){return new(i||o)(de(Ee))}}static{this.\u0275cmp=z({type:o,selectors:[["nz-demo-dropdown-context-menu"]],decls:23,vars:0,consts:[["menu","nzDropdownMenu"],[1,"context-area",3,"contextmenu"],["nz-menu",""],["nz-menu-item",""],["nz-menu-item","","nzDisabled",""],["nz-submenu","","nzTitle","sub menu"],["nz-submenu","","nzDisabled","","nzTitle","disabled sub menu"]],template:function(i,u){if(i&1){let a=F();n(0,"div",1),x("contextmenu",function(M){h(a);let re=c(3);return b(u.contextMenu(M,re))}),e(1,"Right Click on here"),t(),n(2,"nz-dropdown-menu",null,0)(4,"ul",2)(5,"li",3),e(6,"1st menu item"),t(),n(7,"li",3),e(8,"2nd menu item"),t(),n(9,"li",4),e(10,"disabled menu item"),t(),n(11,"li",5)(12,"ul")(13,"li",3),e(14,"3rd menu item"),t(),n(15,"li",3),e(16,"4th menu item"),t()()(),n(17,"li",6)(18,"ul")(19,"li",3),e(20,"3rd menu item"),t(),n(21,"li",3),e(22,"4th menu item"),t()()()()()}},dependencies:[f,S,w,H,D],styles:[".context-area[_ngcontent-%COMP%]{background:#f7f7f7;color:#777;text-align:center;height:200px;line-height:200px}"]})}}return o})();var K=(()=>{class o{log(){console.log("click dropdown button")}static{this.\u0275fac=function(i){return new(i||o)}}static{this.\u0275cmp=z({type:o,selectors:[["nz-demo-dropdown-dropdown-button"]],decls:54,vars:4,consts:[["menu1","nzDropdownMenu"],["menu2","nzDropdownMenu"],["menu3","nzDropdownMenu"],["menu4","nzDropdownMenu"],["nz-button","",3,"click"],["nz-button","","nz-dropdown","","nzPlacement","bottomRight",3,"nzDropdownMenu"],["nzType","ellipsis"],["nzType","user"],["nz-button","","disabled",""],["nz-button","","disabled","","nz-dropdown","","nzPlacement","bottomRight",3,"nzDropdownMenu"],["nz-button","","nz-dropdown","",3,"nzDropdownMenu"],["nzType","down"],["nz-menu",""],["nz-menu-item",""]],template:function(i,u){if(i&1){let a=F();n(0,"nz-button-group")(1,"button",4),x("click",function(){return h(a),b(u.log())}),e(2,"DropDown"),t(),n(3,"button",5),r(4,"nz-icon",6),t()(),n(5,"nz-button-group")(6,"button",4),x("click",function(){return h(a),b(u.log())}),e(7,"DropDown"),t(),n(8,"button",5),r(9,"nz-icon",7),t()(),n(10,"nz-button-group")(11,"button",8),e(12,"DropDown"),t(),n(13,"button",9),r(14,"nz-icon",6),t()(),n(15,"button",10),e(16," Button "),r(17,"nz-icon",11),t(),n(18,"nz-dropdown-menu",null,0)(20,"ul",12)(21,"li",13),e(22,"menu1 1st menu item"),t(),n(23,"li",13),e(24,"menu1 2nd menu item"),t(),n(25,"li",13),e(26,"menu1 3rd menu item"),t()()(),n(27,"nz-dropdown-menu",null,1)(29,"ul",12)(30,"li",13),e(31,"menu2 1st menu item"),t(),n(32,"li",13),e(33,"menu2 2nd menu item"),t(),n(34,"li",13),e(35,"menu2 3rd menu item"),t()()(),n(36,"nz-dropdown-menu",null,2)(38,"ul",12)(39,"li",13),e(40,"menu3 1st menu item"),t(),n(41,"li",13),e(42,"menu3 2nd menu item"),t(),n(43,"li",13),e(44,"menu3 3rd menu item"),t()()(),n(45,"nz-dropdown-menu",null,3)(47,"ul",12)(48,"li",13),e(49,"menu4 1st menu item"),t(),n(50,"li",13),e(51,"menu4 2nd menu item"),t(),n(52,"li",13),e(53,"menu4 3rd menu item"),t()()()}if(i&2){let a=c(19),C=c(28),M=c(37),re=c(46);l(3),m("nzDropdownMenu",a),l(5),m("nzDropdownMenu",C),l(5),m("nzDropdownMenu",M),l(2),m("nzDropdownMenu",re)}},dependencies:[Z,P,xe,V,G,f,S,w,g,D,Q,v,E],styles:["nz-button-group[_ngcontent-%COMP%]{margin:0 8px 8px 0}"]})}}return o})();var ee=(()=>{class o{log(d){console.log(d)}static{this.\u0275fac=function(i){return new(i||o)}}static{this.\u0275cmp=z({type:o,selectors:[["nz-demo-dropdown-event"]],decls:12,vars:1,consts:[["menu","nzDropdownMenu"],["nz-dropdown","",3,"nzDropdownMenu"],["nzType","down"],["nz-menu",""],["nz-menu-item","",3,"click"]],template:function(i,u){if(i&1){let a=F();n(0,"a",1),e(1," Hover me, Click menu item "),r(2,"nz-icon",2),t(),n(3,"nz-dropdown-menu",null,0)(5,"ul",3)(6,"li",4),x("click",function(){return h(a),b(u.log("1st menu item"))}),e(7,"1st menu item"),t(),n(8,"li",4),x("click",function(){return h(a),b(u.log("2nd menu item"))}),e(9,"2nd menu item"),t(),n(10,"li",4),x("click",function(){return h(a),b(u.log("3rd menu item"))}),e(11,"3rd menu item"),t()()()}if(i&2){let a=c(4);m("nzDropdownMenu",a)}},dependencies:[f,S,w,g,N,D,v,E],encapsulation:2})}}return o})();var te=(()=>{class o{static{this.\u0275fac=function(i){return new(i||o)}}static{this.\u0275cmp=z({type:o,selectors:[["nz-demo-dropdown-item"]],decls:13,vars:1,consts:[["menu","nzDropdownMenu"],["nz-dropdown","",3,"nzDropdownMenu"],["nzType","down"],["nz-menu",""],["nz-menu-item",""],["nz-menu-divider",""],["nz-menu-item","","nzDisabled",""]],template:function(i,u){if(i&1&&(n(0,"a",1),e(1," Hover me "),r(2,"nz-icon",2),t(),n(3,"nz-dropdown-menu",null,0)(5,"ul",3)(6,"li",4),e(7,"1st menu item"),t(),n(8,"li",4),e(9,"2nd menu item"),t(),r(10,"li",5),n(11,"li",6),e(12,"3rd menu item\uFF08disabled\uFF09"),t()()()),i&2){let a=c(4);m("nzDropdownMenu",a)}},dependencies:[f,S,w,L,g,N,D,v,E],encapsulation:2})}}return o})();var ne=(()=>{class o{constructor(){this.visible=!1}static{this.\u0275fac=function(i){return new(i||o)}}static{this.\u0275cmp=z({type:o,selectors:[["nz-demo-dropdown-overlay-visible"]],decls:12,vars:3,consts:[["menu","nzDropdownMenu"],["nz-dropdown","",3,"nzVisibleChange","nzDropdownMenu","nzClickHide","nzVisible"],["nzType","down"],["nz-menu",""],["nz-menu-item",""],["nz-menu-item","",3,"click"]],template:function(i,u){if(i&1){let a=F();n(0,"a",1),ce("nzVisibleChange",function(M){return h(a),ze(u.visible,M)||(u.visible=M),b(M)}),e(1," Hover me "),r(2,"nz-icon",2),t(),n(3,"nz-dropdown-menu",null,0)(5,"ul",3)(6,"li",4),e(7,"Clicking me will not close the menu."),t(),n(8,"li",4),e(9,"Clicking me will not close the menu also."),t(),n(10,"li",5),x("click",function(){return h(a),b(u.visible=!1)}),e(11,"Clicking me will close the menu"),t()()()}if(i&2){let a=c(4);m("nzDropdownMenu",a)("nzClickHide",!1),se("nzVisible",u.visible)}},dependencies:[f,S,w,g,N,D,v,E],encapsulation:2})}}return o})();function he(o,De){if(o&1&&(n(0,"button",1),e(1),t(),n(2,"nz-dropdown-menu",null,0)(4,"ul",2)(5,"li",3),e(6,"1st menu item length"),t(),n(7,"li",3),e(8,"2nd menu item length"),t(),n(9,"li",3),e(10,"3rd menu item length"),t()()()),o&2){let d=De.$implicit,i=c(3);m("nzDropdownMenu",i)("nzPlacement",d),l(),pe(d)}}var ie=(()=>{class o{constructor(){this.listOfPosition=["bottomLeft","bottomCenter","bottomRight","topLeft","topCenter","topRight"]}static{this.\u0275fac=function(i){return new(i||o)}}static{this.\u0275cmp=z({type:o,selectors:[["nz-demo-dropdown-placement"]],decls:3,vars:0,consts:[["menu","nzDropdownMenu"],["nz-button","","nz-dropdown","",3,"nzDropdownMenu","nzPlacement"],["nz-menu",""],["nz-menu-item",""]],template:function(i,u){i&1&&(n(0,"div"),ae(1,he,11,3,null,null,le),t()),i&2&&(l(),ue(u.listOfPosition))},dependencies:[f,S,w,g,D,Q,Z,P,V,G],styles:["[nz-button][_ngcontent-%COMP%]{margin-right:8px;margin-bottom:8px}"]})}}return o})();var oe=(()=>{class o{change(d){console.log(d)}static{this.\u0275fac=function(i){return new(i||o)}}static{this.\u0275cmp=z({type:o,selectors:[["nz-demo-dropdown-sub-menu"]],decls:22,vars:1,consts:[["menu","nzDropdownMenu"],["nz-dropdown","",3,"nzVisibleChange","nzDropdownMenu"],["nzType","down"],["nz-menu",""],["nz-menu-item",""],["nz-submenu","","nzTitle","sub menu"],["nz-submenu","","nzDisabled","","nzTitle","disabled sub menu"]],template:function(i,u){if(i&1){let a=F();n(0,"a",1),x("nzVisibleChange",function(M){return h(a),b(u.change(M))}),e(1," Cascading menu "),r(2,"nz-icon",2),t(),n(3,"nz-dropdown-menu",null,0)(5,"ul",3)(6,"li",4),e(7,"1st menu item"),t(),n(8,"li",4),e(9,"2nd menu item"),t(),n(10,"li",5)(11,"ul")(12,"li",4),e(13,"3rd menu item"),t(),n(14,"li",4),e(15,"4th menu item"),t()()(),n(16,"li",6)(17,"ul")(18,"li",4),e(19,"3rd menu item"),t(),n(20,"li",4),e(21,"4th menu item"),t()()()()()}if(i&2){let a=c(4);m("nzDropdownMenu",a)}},dependencies:[f,S,w,H,g,N,D,v,E],encapsulation:2})}}return o})();var me=(()=>{class o{static{this.\u0275fac=function(i){return new(i||o)}}static{this.\u0275cmp=z({type:o,selectors:[["nz-demo-dropdown-trigger"]],decls:25,vars:1,consts:[["menu","nzDropdownMenu"],["nz-dropdown","","nzTrigger","click",3,"nzDropdownMenu"],["nzType","down"],["nz-menu",""],["nz-menu-item",""],["nz-menu-divider",""],["nz-menu-item","","nzDisabled",""],["nz-submenu","","nzTitle","sub menu"],["nz-submenu","","nzDisabled","","nzTitle","disabled sub menu"]],template:function(i,u){if(i&1&&(n(0,"a",1),e(1," Click me "),r(2,"nz-icon",2),t(),n(3,"nz-dropdown-menu",null,0)(5,"ul",3)(6,"li",4),e(7,"1st menu item"),t(),n(8,"li",4),e(9,"2nd menu item"),t(),r(10,"li",5),n(11,"li",6),e(12,"disabled menu item"),t(),n(13,"li",7)(14,"ul")(15,"li",4),e(16,"3rd menu item"),t(),n(17,"li",4),e(18,"4th menu item"),t()()(),n(19,"li",8)(20,"ul")(21,"li",4),e(22,"3rd menu item"),t(),n(23,"li",4),e(24,"4th menu item"),t()()()()()),i&2){let a=c(4);m("nzDropdownMenu",a)}},dependencies:[f,S,w,H,L,g,N,D,v,E],encapsulation:2})}}return o})();var we=(()=>{class o{constructor(){this.expanded=!1}goLink(d){window&&(window.location.hash=d)}expandAllCode(){this.expanded=!this.expanded,this.codeBoxes.forEach(d=>d.expandCode(this.expanded))}static{this.\u0275fac=function(i){return new(i||o)}}static{this.\u0275cmp=z({type:o,selectors:[["nz-demo-dropdown"]],viewQuery:function(i,u){if(i&1&&_(k,5),i&2){let a;A(a=O())&&(u.codeBoxes=a)}},decls:466,vars:43,consts:[[1,"toc-affix",3,"nzOffsetTop"],["nzShowInkInFixed","",3,"nzClick","nzAffix"],["nzHref","#components-dropdown-demo-basic","nzTitle","\u57FA\u672C"],["nzHref","#components-dropdown-demo-placement","nzTitle","\u5F39\u51FA\u4F4D\u7F6E"],["nzHref","#components-dropdown-demo-item","nzTitle","\u5176\u4ED6\u5143\u7D20"],["nzHref","#components-dropdown-demo-trigger","nzTitle","\u89E6\u53D1\u65B9\u5F0F"],["nzHref","#components-dropdown-demo-event","nzTitle","\u89E6\u53D1\u4E8B\u4EF6"],["nzHref","#components-dropdown-demo-dropdown-button","nzTitle","\u5E26\u4E0B\u62C9\u6846\u7684\u6309\u94AE"],["nzHref","#components-dropdown-demo-sub-menu","nzTitle","\u591A\u7EA7\u83DC\u5355"],["nzHref","#components-dropdown-demo-overlay-visible","nzTitle","\u83DC\u5355\u9690\u85CF\u65B9\u5F0F"],["nzHref","#components-dropdown-demo-context-menu","nzTitle","\u53F3\u952E\u83DC\u5355"],["nzHref","#api","nzTitle","API"],[1,"markdown"],[1,"subtitle"],[1,"widget"],["aria-label","Edit this page on Github","href","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/dropdown/doc/index.zh-CN.md","target","_blank","rel","noopener noreferrer",1,"edit-button"],["nzType","edit"],["id","\u4F55\u65F6\u4F7F\u7528"],["onclick","window.location.hash = '\u4F55\u65F6\u4F7F\u7528'",1,"anchor"],[1,"language-ts"],[1,"token","keyword"],[1,"token","punctuation"],[1,"token","string"],["nz-icon","","nzType","appstore","nz-tooltip","","nzTooltipTitle","\u5C55\u5F00\u5168\u90E8\u4EE3\u7801",1,"code-box-expand-trigger",3,"click"],["nz-row","",3,"nzGutter"],["nz-col","",3,"nzXl","nzSpan"],["nzTitle","\u57FA\u672C","nzSelector","nz-demo-dropdown-basic","nzGenerateCommand","ng g ng-zorro-antd:dropdown-basic <name>","nzComponentName","NzDemoDropdownBasicComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframeHeight","nzHref"],["demo",""],["intro",""],["nzTitle","\u5176\u4ED6\u5143\u7D20","nzSelector","nz-demo-dropdown-item","nzGenerateCommand","ng g ng-zorro-antd:dropdown-item <name>","nzComponentName","NzDemoDropdownItemComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframeHeight","nzHref"],["nzTitle","\u89E6\u53D1\u4E8B\u4EF6","nzSelector","nz-demo-dropdown-event","nzGenerateCommand","ng g ng-zorro-antd:dropdown-event <name>","nzComponentName","NzDemoDropdownEventComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframeHeight","nzHref"],["nzTitle","\u591A\u7EA7\u83DC\u5355","nzSelector","nz-demo-dropdown-sub-menu","nzGenerateCommand","ng g ng-zorro-antd:dropdown-sub-menu <name>","nzComponentName","NzDemoDropdownSubMenuComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframeHeight","nzHref"],["nzTitle","\u53F3\u952E\u83DC\u5355","nzSelector","nz-demo-dropdown-context-menu","nzGenerateCommand","ng g ng-zorro-antd:dropdown-context-menu <name>","nzComponentName","NzDemoDropdownContextMenuComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframeHeight","nzHref"],["nzTitle","\u5F39\u51FA\u4F4D\u7F6E","nzSelector","nz-demo-dropdown-placement","nzGenerateCommand","ng g ng-zorro-antd:dropdown-placement <name>","nzComponentName","NzDemoDropdownPlacementComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframeHeight","nzHref"],["nzTitle","\u89E6\u53D1\u65B9\u5F0F","nzSelector","nz-demo-dropdown-trigger","nzGenerateCommand","ng g ng-zorro-antd:dropdown-trigger <name>","nzComponentName","NzDemoDropdownTriggerComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframeHeight","nzHref"],["nzTitle","\u5E26\u4E0B\u62C9\u6846\u7684\u6309\u94AE","nzSelector","nz-demo-dropdown-dropdown-button","nzGenerateCommand","ng g ng-zorro-antd:dropdown-dropdown-button <name>","nzComponentName","NzDemoDropdownDropdownButtonComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframeHeight","nzHref"],["nzTitle","\u83DC\u5355\u9690\u85CF\u65B9\u5F0F","nzSelector","nz-demo-dropdown-overlay-visible","nzGenerateCommand","ng g ng-zorro-antd:dropdown-overlay-visible <name>","nzComponentName","NzDemoDropdownOverlayVisibleComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframeHeight","nzHref"],[1,"markdown","api-container"],["id","api"],["onclick","window.location.hash = 'api'",1,"anchor"],["id","[nz-dropdown]"],[1,"api-type-label","directive"],["onclick","window.location.hash = '[nz-dropdown]'",1,"anchor"],["href","/components/menu/zh"],["id","nz-dropdown-menu"],[1,"api-type-label","component"],["onclick","window.location.hash = 'nz-dropdown-menu'",1,"anchor"],[1,"language-html"],[1,"token","tag"],[1,"token","attr-name"],[1,"token","attr-value"],["id","nzcontextmenuservice"],[1,"api-type-label","service"],["onclick","window.location.hash = 'nzcontextmenuservice'",1,"anchor"]],template:function(i,u){i&1&&(n(0,"article")(1,"nz-affix",0)(2,"nz-anchor",1),x("nzClick",function(C){return u.goLink(C)}),r(3,"nz-link",2)(4,"nz-link",3)(5,"nz-link",4)(6,"nz-link",5)(7,"nz-link",6)(8,"nz-link",7)(9,"nz-link",8)(10,"nz-link",9)(11,"nz-link",10)(12,"nz-link",11),t()(),n(13,"section",12)(14,"h1"),e(15,"Dropdown"),n(16,"span",13),e(17,"\u4E0B\u62C9\u83DC\u5355"),t(),r(18,"span",14),n(19,"a",15),r(20,"nz-icon",16),t()(),n(21,"section",12),s(),n(22,"p"),e(23,"\u5411\u4E0B\u5F39\u51FA\u7684\u5217\u8868\u3002"),t(),n(24,"h2",17)(25,"span"),e(26,"\u4F55\u65F6\u4F7F\u7528"),t(),n(27,"a",18),e(28,"#"),t()(),n(29,"p"),e(30,"\u5F53\u9875\u9762\u4E0A\u7684\u64CD\u4F5C\u547D\u4EE4\u8FC7\u591A\u65F6\uFF0C\u7528\u6B64\u7EC4\u4EF6\u53EF\u4EE5\u6536\u7EB3\u64CD\u4F5C\u5143\u7D20\u3002\u70B9\u51FB\u6216\u79FB\u5165\u89E6\u70B9\uFF0C\u4F1A\u51FA\u73B0\u4E00\u4E2A\u4E0B\u62C9\u83DC\u5355\u3002\u53EF\u5728\u5217\u8868\u4E2D\u8FDB\u884C\u9009\u62E9\uFF0C\u5E76\u6267\u884C\u76F8\u5E94\u7684\u547D\u4EE4\u3002"),t(),n(31,"pre",19)(32,"code")(33,"span",20),e(34,"import"),t(),e(35," "),n(36,"span",21),e(37,"{"),t(),e(38," NzDropDownModule "),n(39,"span",21),e(40,"}"),t(),e(41," "),n(42,"span",20),e(43,"from"),t(),e(44," "),n(45,"span",22),e(46,"'ng-zorro-antd/dropdown'"),t(),n(47,"span",21),e(48,";"),t()()(),p(),t(),n(49,"h2")(50,"span"),e(51,"\u4EE3\u7801\u6F14\u793A"),t(),n(52,"span",23),x("click",function(){return u.expandAllCode()}),t()()(),n(53,"div",24)(54,"div",25)(55,"nz-code-box",26),r(56,"nz-demo-dropdown-basic",27),n(57,"div",28),s(),n(58,"p"),e(59,"\u6700\u7B80\u5355\u7684\u4E0B\u62C9\u83DC\u5355\u3002"),t(),p(),t()(),n(60,"nz-code-box",29),r(61,"nz-demo-dropdown-item",27),n(62,"div",28),s(),n(63,"p"),e(64,"\u5206\u5272\u7EBF\u548C\u4E0D\u53EF\u7528\u83DC\u5355\u9879\u3002"),t(),p(),t()(),n(65,"nz-code-box",30),r(66,"nz-demo-dropdown-event",27),n(67,"div",28),s(),n(68,"p"),e(69,"\u70B9\u51FB\u83DC\u5355\u9879\u540E\u4F1A\u89E6\u53D1\u4E8B\u4EF6\uFF0C\u7528\u6237\u53EF\u4EE5\u81EA\u7531\u6DFB\u52A0\u5404\u79CD\u4E8B\u4EF6\u8FDB\u884C\u4E0D\u540C\u7684\u64CD\u4F5C\u3002"),t(),p(),t()(),n(70,"nz-code-box",31),r(71,"nz-demo-dropdown-sub-menu",27),n(72,"div",28),s(),n(73,"p"),e(74,"\u4F20\u5165\u7684\u83DC\u5355\u91CC\u6709\u591A\u4E2A\u5C42\u7EA7\u3002"),t(),p(),t()(),n(75,"nz-code-box",32),r(76,"nz-demo-dropdown-context-menu",27),n(77,"div",28),s(),n(78,"p"),e(79,"\u5728\u533A\u57DF\u5185\u4EFB\u610F\u53F3\u51FB\u89E6\u53D1\u3002"),t(),p(),t()()(),n(80,"div",25)(81,"nz-code-box",33),r(82,"nz-demo-dropdown-placement",27),n(83,"div",28),s(),n(84,"p"),e(85,"\u652F\u6301 6 \u4E2A\u5F39\u51FA\u4F4D\u7F6E\u3002"),t(),p(),t()(),n(86,"nz-code-box",34),r(87,"nz-demo-dropdown-trigger",27),n(88,"div",28),s(),n(89,"p"),e(90,"\u9ED8\u8BA4\u662F\u79FB\u5165\u89E6\u53D1\u83DC\u5355\uFF0C\u53EF\u4EE5\u70B9\u51FB\u89E6\u53D1\u3002"),t(),p(),t()(),n(91,"nz-code-box",35),r(92,"nz-demo-dropdown-dropdown-button",27),n(93,"div",28),s(),n(94,"p"),e(95,"\u5DE6\u8FB9\u662F\u6309\u94AE\uFF0C\u53F3\u8FB9\u662F\u989D\u5916\u7684\u76F8\u5173\u529F\u80FD\u83DC\u5355\u3002"),t(),p(),t()(),n(96,"nz-code-box",36),r(97,"nz-demo-dropdown-overlay-visible",27),n(98,"div",28),s(),n(99,"p"),e(100,"\u9ED8\u8BA4\u662F\u70B9\u51FB\u5173\u95ED\u83DC\u5355\uFF0C\u53EF\u4EE5\u5173\u95ED\u6B64\u529F\u80FD\u3002"),t(),p(),t()()()(),n(101,"section",37),s(),n(102,"h2",38)(103,"span"),e(104,"API"),t(),n(105,"a",39),e(106,"#"),t()(),n(107,"h3",40)(108,"span"),e(109,"[nz-dropdown]"),t(),n(110,"label",41),e(111,"directive"),t(),n(112,"a",42),e(113,"#"),t()(),n(114,"table")(115,"thead")(116,"tr")(117,"th"),e(118,"\u53C2\u6570"),t(),n(119,"th"),e(120,"\u8BF4\u660E"),t(),n(121,"th"),e(122,"\u7C7B\u578B"),t(),n(123,"th"),e(124,"\u9ED8\u8BA4\u503C"),t()()(),n(125,"tbody")(126,"tr")(127,"td")(128,"code"),e(129,"[nzDropdownMenu]"),t()(),n(130,"td"),e(131,"Dropdown \u4E0B\u62C9\u83DC\u5355\u7EC4\u4EF6"),t(),n(132,"td")(133,"code"),e(134,"NzDropdownMenuComponent"),t()(),n(135,"td"),e(136,"-"),t()(),n(137,"tr")(138,"td")(139,"code"),e(140,"[nzDisabled]"),t()(),n(141,"td"),e(142,"\u83DC\u5355\u662F\u5426\u7981\u7528"),t(),n(143,"td")(144,"code"),e(145,"boolean"),t()(),n(146,"td"),e(147,"-"),t()(),n(148,"tr")(149,"td")(150,"code"),e(151,"[nzPlacement]"),t()(),n(152,"td"),e(153,"\u83DC\u5355\u5F39\u51FA\u4F4D\u7F6E"),t(),n(154,"td")(155,"code"),e(156,"'bottomLeft' | 'bottomCenter' | 'bottomRight' | 'topLeft' | 'topCenter' | 'topRight'"),t()(),n(157,"td")(158,"code"),e(159,"'bottomLeft'"),t()()(),n(160,"tr")(161,"td")(162,"code"),e(163,"[nzTrigger]"),t()(),n(164,"td"),e(165,"\u89E6\u53D1\u4E0B\u62C9\u7684\u884C\u4E3A"),t(),n(166,"td")(167,"code"),e(168,"'click' | 'hover'"),t()(),n(169,"td")(170,"code"),e(171,"'hover'"),t()()(),n(172,"tr")(173,"td")(174,"code"),e(175,"[nzClickHide]"),t()(),n(176,"td"),e(177,"\u70B9\u51FB\u540E\u662F\u5426\u9690\u85CF\u83DC\u5355"),t(),n(178,"td")(179,"code"),e(180,"boolean"),t()(),n(181,"td")(182,"code"),e(183,"true"),t()()(),n(184,"tr")(185,"td")(186,"code"),e(187,"[nzVisible]"),t()(),n(188,"td"),e(189,"\u83DC\u5355\u662F\u5426\u663E\u793A\uFF0C\u53EF\u53CC\u5411\u7ED1\u5B9A"),t(),n(190,"td")(191,"code"),e(192,"boolean"),t()(),n(193,"td"),e(194,"-"),t()(),n(195,"tr")(196,"td")(197,"code"),e(198,"[nzOverlayClassName]"),t()(),n(199,"td"),e(200,"\u4E0B\u62C9\u6839\u5143\u7D20\u7684\u7C7B\u540D\u79F0"),t(),n(201,"td")(202,"code"),e(203,"string"),t()(),n(204,"td"),e(205,"-"),t()(),n(206,"tr")(207,"td")(208,"code"),e(209,"[nzOverlayStyle]"),t()(),n(210,"td"),e(211,"\u4E0B\u62C9\u6839\u5143\u7D20\u7684\u6837\u5F0F"),t(),n(212,"td")(213,"code"),e(214,"object"),t()(),n(215,"td"),e(216,"-"),t()(),n(217,"tr")(218,"td")(219,"code"),e(220,"(nzVisibleChange)"),t()(),n(221,"td"),e(222,"\u83DC\u5355\u663E\u793A\u72B6\u6001\u6539\u53D8\u65F6\u8C03\u7528\uFF0C\u53C2\u6570\u4E3A nzVisible"),t(),n(223,"td")(224,"code"),e(225,"EventEmitter<boolean>"),t()(),n(226,"td"),e(227,"-"),t()()()(),n(228,"p"),e(229,"\u83DC\u5355\u4F7F\u7528 "),n(230,"a",43),e(231,"nz-menu"),t(),e(232,"\uFF0C\u8FD8\u5305\u62EC\u83DC\u5355\u9879 "),n(233,"code"),e(234,"[nz-menu-item]"),t(),e(235,"\uFF0C\u5206\u5272\u7EBF "),n(236,"code"),e(237,"[nz-menu-divider]"),t(),e(238,"\u3002"),t(),n(239,"blockquote")(240,"p"),e(241,"\u6CE8\u610F\uFF1A"),n(242,"code"),e(243,"nz-dropdown"),t(),e(244," \u4E0B\u7684 "),n(245,"code"),e(246,"[nz-menu]"),t(),e(247," \u9ED8\u8BA4\u4E0D\u53EF\u9009\u4E2D\u3002\u5982\u679C\u9700\u8981\u83DC\u5355\u53EF\u9009\u4E2D\uFF0C\u53EF\u4EE5\u6307\u5B9A "),n(248,"code"),e(249,"<ul nz-menu nzSelectable>"),t(),e(250,"."),t(),n(251,"p")(252,"code"),e(253,"nz-dropdown-menu"),t(),e(254," \u5185 "),n(255,"code"),e(256,"[nz-menu]"),t(),e(257," \u7684 "),n(258,"code"),e(259,"nzMode"),t(),e(260," \u53EA\u53EF\u4EE5\u662F\u9ED8\u8BA4\u503C "),n(261,"code"),e(262,"vertical"),t(),e(263,"\u3002"),t()(),n(264,"h3",44)(265,"span"),e(266,"nz-dropdown-menu"),t(),n(267,"label",45),e(268,"component"),t(),n(269,"a",46),e(270,"#"),t()(),n(271,"p"),e(272,"\u7528\u4E8E\u5305\u88F9\u83DC\u5355\u9879\uFF0C\u53EF\u4EE5\u901A\u8FC7 "),n(273,"code"),e(274,"nzDropdownMenu"),t(),e(275," \u6A21\u677F\u53D8\u91CF\u5BFC\u51FA\u540E\u4F20\u5165 "),n(276,"code"),e(277,"[nz-dropdown]"),t(),e(278," \u548C "),n(279,"code"),e(280,"NzContextMenuService"),t(),e(281,"\u3002"),t(),n(282,"blockquote")(283,"p"),e(284,"\u6CE8\u610F\uFF1A\u6BCF\u4E2A "),n(285,"code"),e(286,"nz-dropdown-menu"),t(),e(287," \u53EA\u80FD\u4F5C\u4E3A\u4E00\u4E2A "),n(288,"code"),e(289,"[nz-dropdown]"),t(),e(290," \u7684\u8F93\u5165\u9879"),t()(),n(291,"pre",47)(292,"code")(293,"span",48)(294,"span",48)(295,"span",21),e(296,"<"),t(),e(297,"a"),t(),e(298," "),n(299,"span",49),e(300,"nz-dropdown"),t(),e(301," "),n(302,"span",49),e(303,"[nzDropdownMenu]"),t(),n(304,"span",50)(305,"span",21),e(306,"="),t(),n(307,"span",21),e(308,'"'),t(),e(309,"menu"),n(310,"span",21),e(311,'"'),t()(),n(312,"span",21),e(313,">"),t()(),e(314,"Hover me"),n(315,"span",48)(316,"span",48)(317,"span",21),e(318,"</"),t(),e(319,"a"),t(),n(320,"span",21),e(321,">"),t()(),e(322,`
`),n(323,"span",48)(324,"span",48)(325,"span",21),e(326,"<"),t(),e(327,"nz-dropdown-menu"),t(),e(328," "),n(329,"span",49),e(330,"#menu"),t(),n(331,"span",50)(332,"span",21),e(333,"="),t(),n(334,"span",21),e(335,'"'),t(),e(336,"nzDropdownMenu"),n(337,"span",21),e(338,'"'),t()(),n(339,"span",21),e(340,">"),t()(),e(341,`
  `),n(342,"span",48)(343,"span",48)(344,"span",21),e(345,"<"),t(),e(346,"ul"),t(),e(347," "),n(348,"span",49),e(349,"nz-menu"),t(),n(350,"span",21),e(351,">"),t()(),e(352,`
    `),n(353,"span",48)(354,"span",48)(355,"span",21),e(356,"<"),t(),e(357,"li"),t(),e(358," "),n(359,"span",49),e(360,"nz-menu-item"),t(),n(361,"span",21),e(362,">"),t()(),e(363,"1st menu item"),n(364,"span",48)(365,"span",48)(366,"span",21),e(367,"</"),t(),e(368,"li"),t(),n(369,"span",21),e(370,">"),t()(),e(371,`
    `),n(372,"span",48)(373,"span",48)(374,"span",21),e(375,"<"),t(),e(376,"li"),t(),e(377," "),n(378,"span",49),e(379,"nz-menu-item"),t(),n(380,"span",21),e(381,">"),t()(),e(382,"2nd menu item"),n(383,"span",48)(384,"span",48)(385,"span",21),e(386,"</"),t(),e(387,"li"),t(),n(388,"span",21),e(389,">"),t()(),e(390,`
    `),n(391,"span",48)(392,"span",48)(393,"span",21),e(394,"<"),t(),e(395,"li"),t(),e(396," "),n(397,"span",49),e(398,"nz-menu-item"),t(),n(399,"span",21),e(400,">"),t()(),e(401,"3rd menu item"),n(402,"span",48)(403,"span",48)(404,"span",21),e(405,"</"),t(),e(406,"li"),t(),n(407,"span",21),e(408,">"),t()(),e(409,`
  `),n(410,"span",48)(411,"span",48)(412,"span",21),e(413,"</"),t(),e(414,"ul"),t(),n(415,"span",21),e(416,">"),t()(),e(417,`
`),n(418,"span",48)(419,"span",48)(420,"span",21),e(421,"</"),t(),e(422,"nz-dropdown-menu"),t(),n(423,"span",21),e(424,">"),t()()()(),n(425,"h3",51)(426,"span"),e(427,"NzContextMenuService"),t(),n(428,"label",52),e(429,"service"),t(),n(430,"a",53),e(431,"#"),t()(),n(432,"p"),e(433,"\u7528\u4E8E\u53F3\u952E\u5F39\u51FA\u4E0B\u62C9\u83DC\u5355\uFF0C\u5177\u4F53\u53C2\u89C1\u793A\u4F8B"),t(),n(434,"table")(435,"thead")(436,"tr")(437,"th"),e(438,"\u65B9\u6CD5/\u5C5E\u6027"),t(),n(439,"th"),e(440,"\u8BF4\u660E"),t(),n(441,"th"),e(442,"\u53C2\u6570"),t(),n(443,"th"),e(444,"\u8FD4\u56DE"),t()()(),n(445,"tbody")(446,"tr")(447,"td"),e(448,"create"),t(),n(449,"td"),e(450,"\u521B\u5EFA\u53F3\u952E\u83DC\u5355"),t(),n(451,"td")(452,"code"),e(453,"($event:MouseEvent | {x:number, y:number}, menu:NzDropdownMenuComponent)"),t()(),n(454,"td")(455,"code"),e(456,"EmbeddedViewRef<any>"),t()()(),n(457,"tr")(458,"td"),e(459,"close"),t(),n(460,"td"),e(461,"\u5173\u95ED\u53F3\u952E\u83DC\u5355"),t(),n(462,"td"),e(463,"-"),t(),n(464,"td"),e(465,"-"),t()()()(),p(),t()()),i&2&&(l(),m("nzOffsetTop",16),l(),m("nzAffix",!1),l(51),m("nzGutter",16),l(),m("nzXl",12)("nzSpan",24),l(),m("nzId","components-dropdown-demo-basic")("nzLink","components-dropdown-demo-basic")("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/dropdown/demo/basic.md"),l(5),m("nzId","components-dropdown-demo-item")("nzLink","components-dropdown-demo-item")("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/dropdown/demo/item.md"),l(5),m("nzId","components-dropdown-demo-event")("nzLink","components-dropdown-demo-event")("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/dropdown/demo/event.md"),l(5),m("nzId","components-dropdown-demo-sub-menu")("nzLink","components-dropdown-demo-sub-menu")("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/dropdown/demo/sub-menu.md"),l(5),m("nzId","components-dropdown-demo-context-menu")("nzLink","components-dropdown-demo-context-menu")("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/dropdown/demo/context-menu.md"),l(5),m("nzXl",12)("nzSpan",24),l(),m("nzId","components-dropdown-demo-placement")("nzLink","components-dropdown-demo-placement")("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/dropdown/demo/placement.md"),l(5),m("nzId","components-dropdown-demo-trigger")("nzLink","components-dropdown-demo-trigger")("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/dropdown/demo/trigger.md"),l(5),m("nzId","components-dropdown-demo-dropdown-button")("nzLink","components-dropdown-demo-dropdown-button")("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/dropdown/demo/dropdown-button.md"),l(5),m("nzId","components-dropdown-demo-overlay-visible")("nzLink","components-dropdown-demo-overlay-visible")("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/dropdown/demo/overlay-visible.md"))},dependencies:[Y,k,j,U,X,q,W,R,E,$,J,K,ee,te,ne,ie,oe,me],encapsulation:2})}}return o})();var Se=(()=>{class o{constructor(){this.expanded=!1}goLink(d){window&&(window.location.hash=d)}expandAllCode(){this.expanded=!this.expanded,this.codeBoxes.forEach(d=>d.expandCode(this.expanded))}static{this.\u0275fac=function(i){return new(i||o)}}static{this.\u0275cmp=z({type:o,selectors:[["nz-demo-dropdown"]],viewQuery:function(i,u){if(i&1&&_(k,5),i&2){let a;A(a=O())&&(u.codeBoxes=a)}},decls:483,vars:43,consts:[[1,"toc-affix",3,"nzOffsetTop"],["nzShowInkInFixed","",3,"nzClick","nzAffix"],["nzHref","#components-dropdown-demo-basic","nzTitle","Basic"],["nzHref","#components-dropdown-demo-placement","nzTitle","Placement"],["nzHref","#components-dropdown-demo-item","nzTitle","Other elements"],["nzHref","#components-dropdown-demo-trigger","nzTitle","Trigger mode"],["nzHref","#components-dropdown-demo-event","nzTitle","Click event"],["nzHref","#components-dropdown-demo-dropdown-button","nzTitle","Button with dropdown menu"],["nzHref","#components-dropdown-demo-sub-menu","nzTitle","Cascading menu"],["nzHref","#components-dropdown-demo-overlay-visible","nzTitle","The way of hiding menu."],["nzHref","#components-dropdown-demo-context-menu","nzTitle","Context Menu"],["nzHref","#api","nzTitle","API"],[1,"markdown"],[1,"subtitle"],[1,"widget"],["aria-label","Edit this page on Github","href","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/dropdown/doc/index.en-US.md","target","_blank","rel","noopener noreferrer",1,"edit-button"],["nzType","edit"],["id","when-to-use"],["onclick","window.location.hash = 'when-to-use'",1,"anchor"],[1,"language-ts"],[1,"token","keyword"],[1,"token","punctuation"],[1,"token","string"],["nz-icon","","nzType","appstore","nz-tooltip","","nzTooltipTitle","Expand All Code",1,"code-box-expand-trigger",3,"click"],["nz-row","",3,"nzGutter"],["nz-col","",3,"nzXl","nzSpan"],["nzTitle","Basic","nzSelector","nz-demo-dropdown-basic","nzGenerateCommand","ng g ng-zorro-antd:dropdown-basic <name>","nzComponentName","NzDemoDropdownBasicComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframeHeight","nzHref"],["demo",""],["intro",""],["nzTitle","Other elements","nzSelector","nz-demo-dropdown-item","nzGenerateCommand","ng g ng-zorro-antd:dropdown-item <name>","nzComponentName","NzDemoDropdownItemComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframeHeight","nzHref"],["nzTitle","Click event","nzSelector","nz-demo-dropdown-event","nzGenerateCommand","ng g ng-zorro-antd:dropdown-event <name>","nzComponentName","NzDemoDropdownEventComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframeHeight","nzHref"],["nzTitle","Cascading menu","nzSelector","nz-demo-dropdown-sub-menu","nzGenerateCommand","ng g ng-zorro-antd:dropdown-sub-menu <name>","nzComponentName","NzDemoDropdownSubMenuComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframeHeight","nzHref"],["nzTitle","Context Menu","nzSelector","nz-demo-dropdown-context-menu","nzGenerateCommand","ng g ng-zorro-antd:dropdown-context-menu <name>","nzComponentName","NzDemoDropdownContextMenuComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframeHeight","nzHref"],["nzTitle","Placement","nzSelector","nz-demo-dropdown-placement","nzGenerateCommand","ng g ng-zorro-antd:dropdown-placement <name>","nzComponentName","NzDemoDropdownPlacementComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframeHeight","nzHref"],["nzTitle","Trigger mode","nzSelector","nz-demo-dropdown-trigger","nzGenerateCommand","ng g ng-zorro-antd:dropdown-trigger <name>","nzComponentName","NzDemoDropdownTriggerComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframeHeight","nzHref"],["nzTitle","Button with dropdown menu","nzSelector","nz-demo-dropdown-dropdown-button","nzGenerateCommand","ng g ng-zorro-antd:dropdown-dropdown-button <name>","nzComponentName","NzDemoDropdownDropdownButtonComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframeHeight","nzHref"],["nzTitle","The way of hiding menu.","nzSelector","nz-demo-dropdown-overlay-visible","nzGenerateCommand","ng g ng-zorro-antd:dropdown-overlay-visible <name>","nzComponentName","NzDemoDropdownOverlayVisibleComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframeHeight","nzHref"],[1,"markdown","api-container"],["id","api"],["onclick","window.location.hash = 'api'",1,"anchor"],["id","[nz-dropdown]"],[1,"api-type-label","directive"],["onclick","window.location.hash = '[nz-dropdown]'",1,"anchor"],["href","/components/menu/en"],["id","nz-dropdown-menu"],[1,"api-type-label","component"],["onclick","window.location.hash = 'nz-dropdown-menu'",1,"anchor"],[1,"language-html"],[1,"token","tag"],[1,"token","attr-name"],[1,"token","attr-value"],["id","nzcontextmenuservice"],[1,"api-type-label","service"],["onclick","window.location.hash = 'nzcontextmenuservice'",1,"anchor"]],template:function(i,u){i&1&&(n(0,"article")(1,"nz-affix",0)(2,"nz-anchor",1),x("nzClick",function(C){return u.goLink(C)}),r(3,"nz-link",2)(4,"nz-link",3)(5,"nz-link",4)(6,"nz-link",5)(7,"nz-link",6)(8,"nz-link",7)(9,"nz-link",8)(10,"nz-link",9)(11,"nz-link",10)(12,"nz-link",11),t()(),n(13,"section",12)(14,"h1"),e(15,"Dropdown"),r(16,"span",13)(17,"span",14),n(18,"a",15),r(19,"nz-icon",16),t()(),n(20,"section",12),s(),n(21,"p"),e(22,"A dropdown list."),t(),n(23,"h2",17)(24,"span"),e(25,"When To Use"),t(),n(26,"a",18),e(27,"#"),t()(),n(28,"p"),e(29,"If there are too many operations to display, you can wrap them in a "),n(30,"code"),e(31,"Dropdown"),t(),e(32,". By clicking/hovering on the trigger, a dropdown menu should appear, which allows you to choose one option and execute relevant actions."),t(),n(33,"pre",19)(34,"code")(35,"span",20),e(36,"import"),t(),e(37," "),n(38,"span",21),e(39,"{"),t(),e(40," NzDropDownModule "),n(41,"span",21),e(42,"}"),t(),e(43," "),n(44,"span",20),e(45,"from"),t(),e(46," "),n(47,"span",22),e(48,"'ng-zorro-antd/dropdown'"),t(),n(49,"span",21),e(50,";"),t()()(),p(),t(),n(51,"h2")(52,"span"),e(53,"Examples"),t(),n(54,"span",23),x("click",function(){return u.expandAllCode()}),t()()(),n(55,"div",24)(56,"div",25)(57,"nz-code-box",26),r(58,"nz-demo-dropdown-basic",27),n(59,"div",28),s(),n(60,"p"),e(61,"The most basic dropdown menu."),t(),p(),t()(),n(62,"nz-code-box",29),r(63,"nz-demo-dropdown-item",27),n(64,"div",28),s(),n(65,"p"),e(66,"Divider and disabled menu item."),t(),p(),t()(),n(67,"nz-code-box",30),r(68,"nz-demo-dropdown-event",27),n(69,"div",28),s(),n(70,"p"),e(71,"An event will be triggered when you click menu items, in which you can make different operations by adding events to item."),t(),p(),t()(),n(72,"nz-code-box",31),r(73,"nz-demo-dropdown-sub-menu",27),n(74,"div",28),s(),n(75,"p"),e(76,"The menu has multiple levels."),t(),p(),t()(),n(77,"nz-code-box",32),r(78,"nz-demo-dropdown-context-menu",27),n(79,"div",28),s(),n(80,"p"),e(81,"Trigger "),n(82,"code"),e(83,"dropdown"),t(),e(84," with contextmenu."),t(),p(),t()()(),n(85,"div",25)(86,"nz-code-box",33),r(87,"nz-demo-dropdown-placement",27),n(88,"div",28),s(),n(89,"p"),e(90,"Support 6 placements."),t(),p(),t()(),n(91,"nz-code-box",34),r(92,"nz-demo-dropdown-trigger",27),n(93,"div",28),s(),n(94,"p"),e(95,"The default trigger mode is "),n(96,"code"),e(97,"hover"),t(),e(98,", you can change it to "),n(99,"code"),e(100,"click"),t(),e(101,"."),t(),p(),t()(),n(102,"nz-code-box",35),r(103,"nz-demo-dropdown-dropdown-button",27),n(104,"div",28),s(),n(105,"p"),e(106,"A button is on the left, and a related functional menu is on the right."),t(),p(),t()(),n(107,"nz-code-box",36),r(108,"nz-demo-dropdown-overlay-visible",27),n(109,"div",28),s(),n(110,"p"),e(111,"The default is to close the menu when you click on menu items, this feature can be turned off."),t(),p(),t()()()(),n(112,"section",37),s(),n(113,"h2",38)(114,"span"),e(115,"API"),t(),n(116,"a",39),e(117,"#"),t()(),n(118,"h3",40)(119,"span"),e(120,"[nz-dropdown]"),t(),n(121,"label",41),e(122,"directive"),t(),n(123,"a",42),e(124,"#"),t()(),n(125,"table")(126,"thead")(127,"tr")(128,"th"),e(129,"Property"),t(),n(130,"th"),e(131,"Description"),t(),n(132,"th"),e(133,"Type"),t(),n(134,"th"),e(135,"Default"),t()()(),n(136,"tbody")(137,"tr")(138,"td")(139,"code"),e(140,"[nzDropdownMenu]"),t()(),n(141,"td"),e(142,"Dropdown menu"),t(),n(143,"td")(144,"code"),e(145,"NzDropdownMenuComponent"),t()(),n(146,"td"),e(147,"-"),t()(),n(148,"tr")(149,"td")(150,"code"),e(151,"[nzDisabled]"),t()(),n(152,"td"),e(153,"whether the dropdown menu is disabled"),t(),n(154,"td")(155,"code"),e(156,"boolean"),t()(),n(157,"td"),e(158,"-"),t()(),n(159,"tr")(160,"td")(161,"code"),e(162,"[nzPlacement]"),t()(),n(163,"td"),e(164,"placement of pop menu"),t(),n(165,"td")(166,"code"),e(167,"'bottomLeft' | 'bottomCenter' | 'bottomRight' | 'topLeft' | 'topCenter' | 'topRight'"),t()(),n(168,"td")(169,"code"),e(170,"'bottomLeft'"),t()()(),n(171,"tr")(172,"td")(173,"code"),e(174,"[nzTrigger]"),t()(),n(175,"td"),e(176,"the trigger mode which executes the drop-down action"),t(),n(177,"td")(178,"code"),e(179,"'click' | 'hover'"),t()(),n(180,"td")(181,"code"),e(182,"'hover'"),t()()(),n(183,"tr")(184,"td")(185,"code"),e(186,"[nzClickHide]"),t()(),n(187,"td"),e(188,"whether hide menu when click"),t(),n(189,"td")(190,"code"),e(191,"boolean"),t()(),n(192,"td")(193,"code"),e(194,"true"),t()()(),n(195,"tr")(196,"td")(197,"code"),e(198,"[nzVisible]"),t()(),n(199,"td"),e(200,"whether the dropdown menu is visible, double binding"),t(),n(201,"td")(202,"code"),e(203,"boolean"),t()(),n(204,"td"),e(205,"-"),t()(),n(206,"tr")(207,"td")(208,"code"),e(209,"[nzOverlayClassName]"),t()(),n(210,"td"),e(211,"Class name of the dropdown root element"),t(),n(212,"td")(213,"code"),e(214,"string"),t()(),n(215,"td"),e(216,"-"),t()(),n(217,"tr")(218,"td")(219,"code"),e(220,"[nzOverlayStyle]"),t()(),n(221,"td"),e(222,"Style of the dropdown root element"),t(),n(223,"td")(224,"code"),e(225,"object"),t()(),n(226,"td"),e(227,"-"),t()(),n(228,"tr")(229,"td")(230,"code"),e(231,"(nzVisibleChange)"),t()(),n(232,"td"),e(233,"a callback function takes an argument: "),n(234,"code"),e(235,"nzVisible"),t(),e(236,", is executed when the visible state is changed"),t(),n(237,"td")(238,"code"),e(239,"EventEmitter<boolean>"),t()(),n(240,"td"),e(241,"-"),t()()()(),n(242,"p"),e(243,"You should use "),n(244,"a",43),e(245,"nz-menu"),t(),e(246," in "),n(247,"code"),e(248,"nz-dropdown"),t(),e(249,". The menu items and dividers are also available by using "),n(250,"code"),e(251,"nz-menu-item"),t(),e(252," and "),n(253,"code"),e(254,"nz-menu-divider"),t(),e(255,"."),t(),n(256,"blockquote")(257,"p"),e(258,"Note: "),n(259,"code"),e(260,"[nz-menu]"),t(),e(261," of "),n(262,"code"),e(263,"nz-dropdown"),t(),e(264," is unselectable by default, you can make it selectable via "),n(265,"code"),e(266,"<ul nz-menu nzSelectable>"),t(),e(267,"."),t(),n(268,"p"),e(269,"The "),n(270,"code"),e(271,"nzMode"),t(),e(272," of "),n(273,"code"),e(274,"[nz-menu]"),t(),e(275," inside "),n(276,"code"),e(277,"nz-dropdown-menu"),t(),e(278," can only be the default value "),n(279,"code"),e(280,"vertical"),t(),e(281,"."),t()(),n(282,"h3",44)(283,"span"),e(284,"nz-dropdown-menu"),t(),n(285,"label",45),e(286,"component"),t(),n(287,"a",46),e(288,"#"),t()(),n(289,"p"),e(290,"Wrap Dropdown Menu and pass to "),n(291,"code"),e(292,"[nz-dropdown]"),t(),e(293," and "),n(294,"code"),e(295,"NzContextMenuService"),t(),e(296,", you can export it via Template Syntax "),n(297,"code"),e(298,"nzDropdownMenu"),t()(),n(299,"blockquote")(300,"p"),e(301,"Note\uFF1AEvery "),n(302,"code"),e(303,"[nz-dropdown]"),t(),e(304," should pass independent "),n(305,"code"),e(306,"nz-dropdown-menu"),t(),e(307,"."),t()(),n(308,"pre",47)(309,"code")(310,"span",48)(311,"span",48)(312,"span",21),e(313,"<"),t(),e(314,"a"),t(),e(315," "),n(316,"span",49),e(317,"nz-dropdown"),t(),e(318," "),n(319,"span",49),e(320,"[nzDropdownMenu]"),t(),n(321,"span",50)(322,"span",21),e(323,"="),t(),n(324,"span",21),e(325,'"'),t(),e(326,"menu"),n(327,"span",21),e(328,'"'),t()(),n(329,"span",21),e(330,">"),t()(),e(331,"Hover me"),n(332,"span",48)(333,"span",48)(334,"span",21),e(335,"</"),t(),e(336,"a"),t(),n(337,"span",21),e(338,">"),t()(),e(339,`
`),n(340,"span",48)(341,"span",48)(342,"span",21),e(343,"<"),t(),e(344,"nz-dropdown-menu"),t(),e(345," "),n(346,"span",49),e(347,"#menu"),t(),n(348,"span",50)(349,"span",21),e(350,"="),t(),n(351,"span",21),e(352,'"'),t(),e(353,"nzDropdownMenu"),n(354,"span",21),e(355,'"'),t()(),n(356,"span",21),e(357,">"),t()(),e(358,`
  `),n(359,"span",48)(360,"span",48)(361,"span",21),e(362,"<"),t(),e(363,"ul"),t(),e(364," "),n(365,"span",49),e(366,"nz-menu"),t(),n(367,"span",21),e(368,">"),t()(),e(369,`
    `),n(370,"span",48)(371,"span",48)(372,"span",21),e(373,"<"),t(),e(374,"li"),t(),e(375," "),n(376,"span",49),e(377,"nz-menu-item"),t(),n(378,"span",21),e(379,">"),t()(),e(380,"1st menu item"),n(381,"span",48)(382,"span",48)(383,"span",21),e(384,"</"),t(),e(385,"li"),t(),n(386,"span",21),e(387,">"),t()(),e(388,`
    `),n(389,"span",48)(390,"span",48)(391,"span",21),e(392,"<"),t(),e(393,"li"),t(),e(394," "),n(395,"span",49),e(396,"nz-menu-item"),t(),n(397,"span",21),e(398,">"),t()(),e(399,"2nd menu item"),n(400,"span",48)(401,"span",48)(402,"span",21),e(403,"</"),t(),e(404,"li"),t(),n(405,"span",21),e(406,">"),t()(),e(407,`
    `),n(408,"span",48)(409,"span",48)(410,"span",21),e(411,"<"),t(),e(412,"li"),t(),e(413," "),n(414,"span",49),e(415,"nz-menu-item"),t(),n(416,"span",21),e(417,">"),t()(),e(418,"3rd menu item"),n(419,"span",48)(420,"span",48)(421,"span",21),e(422,"</"),t(),e(423,"li"),t(),n(424,"span",21),e(425,">"),t()(),e(426,`
  `),n(427,"span",48)(428,"span",48)(429,"span",21),e(430,"</"),t(),e(431,"ul"),t(),n(432,"span",21),e(433,">"),t()(),e(434,`
`),n(435,"span",48)(436,"span",48)(437,"span",21),e(438,"</"),t(),e(439,"nz-dropdown-menu"),t(),n(440,"span",21),e(441,">"),t()()()(),n(442,"h3",51)(443,"span"),e(444,"NzContextMenuService"),t(),n(445,"label",52),e(446,"service"),t(),n(447,"a",53),e(448,"#"),t()(),n(449,"p"),e(450,"Create dropdown with contextmenu, the detail can be found in the example above"),t(),n(451,"table")(452,"thead")(453,"tr")(454,"th"),e(455,"Property"),t(),n(456,"th"),e(457,"Description"),t(),n(458,"th"),e(459,"Arguments"),t(),n(460,"th"),e(461,"Return Value"),t()()(),n(462,"tbody")(463,"tr")(464,"td"),e(465,"create"),t(),n(466,"td"),e(467,"create dropdown"),t(),n(468,"td")(469,"code"),e(470,"($event:MouseEvent | {x:number, y:number}, menu:NzDropdownMenuComponent)"),t()(),n(471,"td")(472,"code"),e(473,"EmbeddedViewRef<any>"),t()()(),n(474,"tr")(475,"td"),e(476,"close"),t(),n(477,"td"),e(478,"close dropdown"),t(),n(479,"td"),e(480,"-"),t(),n(481,"td"),e(482,"-"),t()()()(),p(),t()()),i&2&&(l(),m("nzOffsetTop",16),l(),m("nzAffix",!1),l(53),m("nzGutter",16),l(),m("nzXl",12)("nzSpan",24),l(),m("nzId","components-dropdown-demo-basic")("nzLink","components-dropdown-demo-basic")("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/dropdown/demo/basic.md"),l(5),m("nzId","components-dropdown-demo-item")("nzLink","components-dropdown-demo-item")("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/dropdown/demo/item.md"),l(5),m("nzId","components-dropdown-demo-event")("nzLink","components-dropdown-demo-event")("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/dropdown/demo/event.md"),l(5),m("nzId","components-dropdown-demo-sub-menu")("nzLink","components-dropdown-demo-sub-menu")("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/dropdown/demo/sub-menu.md"),l(5),m("nzId","components-dropdown-demo-context-menu")("nzLink","components-dropdown-demo-context-menu")("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/dropdown/demo/context-menu.md"),l(8),m("nzXl",12)("nzSpan",24),l(),m("nzId","components-dropdown-demo-placement")("nzLink","components-dropdown-demo-placement")("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/dropdown/demo/placement.md"),l(5),m("nzId","components-dropdown-demo-trigger")("nzLink","components-dropdown-demo-trigger")("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/dropdown/demo/trigger.md"),l(11),m("nzId","components-dropdown-demo-dropdown-button")("nzLink","components-dropdown-demo-dropdown-button")("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/dropdown/demo/dropdown-button.md"),l(5),m("nzId","components-dropdown-demo-overlay-visible")("nzLink","components-dropdown-demo-overlay-visible")("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/dropdown/demo/overlay-visible.md"))},dependencies:[Y,k,j,U,X,q,W,R,E,$,J,K,ee,te,ne,ie,oe,me],encapsulation:2})}}return o})();var Me=[{path:"en",component:Se},{path:"zh",component:we}],Mt=Me;export{Mt as default};