chunk-ITX74RHF.js

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