chunk-OH5NPOFN.js

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