https://preview-9045-ng-zorro-antd.surge.sh/chunk-365LI3XX.js

1import{d as h}from"./chunk-4I7YOD2E.js";import{a as E,b as x,d as S}from"./chunk-WI2WI3WN.js";import{a as f}from"./chunk-MJV6CJPB.js";import"./chunk-TZ6B2ZEH.js";import{a as C,g as Q,h as j,j as W}from"./chunk-MIF4MP26.js";import"./chunk-MF2V2VKV.js";import"./chunk-U42X5M5H.js";import{Ba as R,Gc as G,Hc as P,Kc as Z,dc as L}from"./chunk-ZNDNIMMX.js";import{Aa as Y,Ba as U,Bc as F,Cc as v,Dc as b,Ic as e,J as q,Jb as z,Kc as K,Qb as $,Xb as r,cd as ee,jc as t,kc as n,lc as d,pc as J,sc as u,tb as s,ub as g,ya as c,za as p}from"./chunk-X4UZFQOI.js";import"./chunk-EQDQRRRY.js";var M=class m{constructor(o){this.message=o}startShowMessages(){this.message.loading("Action in progress",{nzDuration:2500}).onClose.pipe(q(()=>this.message.success("Loading finished",{nzDuration:2500}).onClose),q(()=>this.message.info("Loading finished is finished",{nzDuration:2500}).onClose)).subscribe(()=>{console.log("All completed!")})}static \u0275fac=function(i){return new(i||m)(g(h))};static \u0275cmp=z({type:m,selectors:[["nz-demo-message-close"]],decls:2,vars:0,consts:[["nz-button","","nzType","default",3,"click"]],template:function(i,a){i&1&&(t(0,"button",0),u("click",function(){return a.startShowMessages()}),e(1,"Display a sequence of messages"),n())},dependencies:[S,x,E,f],encapsulation:2})};var B=class m{constructor(o){this.message=o}createBasicMessage(){this.message.success("This is a prompt message for success, and it will disappear in 10 seconds",{nzDuration:1e4})}static \u0275fac=function(i){return new(i||m)(g(h))};static \u0275cmp=z({type:m,selectors:[["nz-demo-message-duration"]],decls:2,vars:0,consts:[["nz-button","","nzType","default",3,"click"]],template:function(i,a){i&1&&(t(0,"button",0),u("click",function(){return a.createBasicMessage()}),e(1,"Customized display duration"),n())},dependencies:[S,x,E,f],encapsulation:2})};var k=class m{constructor(o){this.message=o}createBasicMessage(){this.message.info("This is a normal message")}static \u0275fac=function(i){return new(i||m)(g(h))};static \u0275cmp=z({type:m,selectors:[["nz-demo-message-info"]],decls:2,vars:0,consts:[["nz-button","","nzType","primary",3,"click"]],template:function(i,a){i&1&&(t(0,"button",0),u("click",function(){return a.createBasicMessage()}),e(1,"Display normal message"),n())},dependencies:[S,x,E,f],encapsulation:2})};var I=class m{constructor(o){this.message=o}createBasicMessage(){let o=this.message.loading("Action in progress..",{nzDuration:0}).messageId;setTimeout(()=>{this.message.remove(o)},2500)}static \u0275fac=function(i){return new(i||m)(g(h))};static \u0275cmp=z({type:m,selectors:[["nz-demo-message-loading"]],decls:2,vars:0,consts:[["nz-button","","nzType","default",3,"click"]],template:function(i,a){i&1&&(t(0,"button",0),u("click",function(){return a.createBasicMessage()}),e(1,"Display a loading indicator"),n())},dependencies:[S,x,E,f],encapsulation:2})};var y=class m{constructor(o){this.message=o}createMessage(o){this.message.create(o,`This is a message of ${o}`)}static \u0275fac=function(i){return new(i||m)(g(h))};static \u0275cmp=z({type:m,selectors:[["nz-demo-message-other"]],decls:6,vars:0,consts:[["nz-button","",3,"click"]],template:function(i,a){i&1&&(t(0,"button",0),u("click",function(){return a.createMessage("success")}),e(1,"Success"),n(),t(2,"button",0),u("click",function(){return a.createMessage("error")}),e(3,"Error"),n(),t(4,"button",0),u("click",function(){return a.createMessage("warning")}),e(5,"Warning"),n())},dependencies:[S,x,E,f],styles:["[nz-button][_ngcontent-%COMP%]{margin-right:8px}"]})};var te=["customTemplate"];function ne(m,o){if(m&1&&e(0),m&2){let i=o.data;K("My Favorite Framework is ",i,"")}}var A=class m{constructor(o){this.message=o}customTemplate;showMessage(){this.message.success(this.customTemplate,{nzData:"Angular"})}static \u0275fac=function(i){return new(i||m)(g(h))};static \u0275cmp=z({type:m,selectors:[["nz-demo-message-template"]],viewQuery:function(i,a){if(i&1&&F(te,7),i&2){let l;v(l=b())&&(a.customTemplate=l.first)}},decls:4,vars:0,consts:[["customTemplate",""],["nz-button","","nzType","default",3,"click"]],template:function(i,a){if(i&1){let l=J();t(0,"button",1),u("click",function(){return Y(l),U(a.showMessage())}),e(1,"Display a custom template"),n(),$(2,ne,1,1,"ng-template",null,0,ee)}},dependencies:[S,x,E,f],encapsulation:2})};var V=class m{expanded=!1;codeBoxes;goLink(o){window&&(window.location.hash=o)}

1expandAllCode(){this.expanded=!this.expanded,this.codeBoxes.forEach(o=>o.expandCode(this.expanded))}static \u0275fac=function(i){return new(i||m)};static \u0275cmp=z({type:m,selectors:[["nz-demo-message"]],viewQuery:function(i,a){if(i&1&&F(C,5),i&2){let l;v(l=b())&&(a.codeBoxes=l)}},decls:374,vars:37,consts:[[1,"toc-affix",3,"nzOffsetTop"],["nzShowInkInFixed","",3,"nzClick","nzAffix"],["nzHref","#components-message-demo-info","nzTitle","\u666E\u901A\u63D0\u793A"],["nzHref","#components-message-demo-other","nzTitle","\u5176\u4ED6\u63D0\u793A\u7C7B\u578B"],["nzHref","#components-message-demo-duration","nzTitle","\u4FEE\u6539\u5EF6\u65F6"],["nzHref","#components-message-demo-loading","nzTitle","\u52A0\u8F7D\u4E2D"],["nzHref","#components-message-demo-close","nzTitle","\u7ED3\u675F\u4E8B\u4EF6"],["nzHref","#components-message-demo-template","nzTitle","\u81EA\u5B9A\u4E49\u6A21\u677F"],["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/message/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"],[1,"token","operator"],[1,"token","function"],["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","\u666E\u901A\u63D0\u793A","nzSelector","nz-demo-message-info","nzGenerateCommand","ng g ng-zorro-antd:message-info <name>","nzComponentName","NzDemoMessageInfoComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframe","nzIframeHeight","nzHref"],["demo",""],["intro",""],["nzTitle","\u4FEE\u6539\u5EF6\u65F6","nzSelector","nz-demo-message-duration","nzGenerateCommand","ng g ng-zorro-antd:message-duration <name>","nzComponentName","NzDemoMessageDurationComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframe","nzIframeHeight","nzHref"],["nzTitle","\u7ED3\u675F\u4E8B\u4EF6","nzSelector","nz-demo-message-close","nzGenerateCommand","ng g ng-zorro-antd:message-close <name>","nzComponentName","NzDemoMessageCloseComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframe","nzIframeHeight","nzHref"],["nzTitle","\u5176\u4ED6\u63D0\u793A\u7C7B\u578B","nzSelector","nz-demo-message-other","nzGenerateCommand","ng g ng-zorro-antd:message-other <name>","nzComponentName","NzDemoMessageOtherComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframe","nzIframeHeight","nzHref"],["nzTitle","\u52A0\u8F7D\u4E2D","nzSelector","nz-demo-message-loading","nzGenerateCommand","ng g ng-zorro-antd:message-loading <name>","nzComponentName","NzDemoMessageLoadingComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframe","nzIframeHeight","nzHref"],["nzTitle","\u81EA\u5B9A\u4E49\u6A21\u677F","nzSelector","nz-demo-message-template","nzGenerateCommand","ng g ng-zorro-antd:message-template <name>","nzComponentName","NzDemoMessageTemplateComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframe","nzIframeHeight","nzHref"],[1,"markdown","api-container"],["id","api"],["onclick","window.location.hash = 'api'",1,"anchor"],["id","nzmessageservice"],[1,"api-type-label","service"],["onclick","window.location.hash = 'nzmessageservice'",1,"anchor"],["id","\u5168\u5C40\u914D\u7F6E"],["onclick","window.location.hash = '\u5168\u5C40\u914D\u7F6E'",1,"anchor"],["href","/docs/global-config/zh"],["id","nzmessageref"],["onclick","window.location.hash = 'nzmessageref'",1,"anchor"],[1,"token","class-name"],[1,"token","builtin"],[1,"token","boolean"],[1,"token","comment"]],template:function(i,a){i&1&&(t(0,"article")(1,"nz-affix",0)(2,"nz-anchor",1),u("nzClick",function(O){return a.goLink(O)}),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),n()(),t(10,"section",9)(11,"h1"),e(12,"Message"),t(13,"span",10),e(14,"\u5168\u5C40\u63D0\u793A"),n(),d(15,"span",11),t(16,"a",12),d(17,"nz-icon",13),n()(),t(18,"section",9),p(),t(19,"p"),e(20,"\u5168\u5C40\u5C55\u793A\u64CD\u4F5C\u53CD\u9988\u4FE1\u606F\u3002"),n(),t(21,"h2",14)(22,"span"),e(23,"\u4F55\u65F6\u4F7F\u7528"),n(),t(24,"a",15),e(25,"#"),n()(),t(26,"ul")(27,"li"),e(28,"\u53EF\u63D0\u4F9B\u6210\u529F\u3001\u8B66\u544A\u548C\u9519\u8BEF\u7B49\u53CD\u9988\u4FE1\u606F\u3002"),n(),t(29,"li"),e(30,"\u9876\u90E8\u5C45\u4E2D\u663E\u793A\u5E76\u81EA\u52A8\u6D88\u5931\uFF0C\u662F\u4

1E00\u79CD\u4E0D\u6253\u65AD\u7528\u6237\u64CD\u4F5C\u7684\u8F7B\u91CF\u7EA7\u63D0\u793A\u65B9\u5F0F\u3002"),n()(),t(31,"pre")(32,"code",16)(33,"span",17),e(34,"import"),n(),e(35," "),t(36,"span",18),e(37,"{"),n(),e(38," NzMessageService "),t(39,"span",18),e(40,"}"),n(),e(41," "),t(42,"span",17),e(43,"from"),n(),e(44," "),t(45,"span",19),e(46,"'ng-zorro-antd/message'"),n(),t(47,"span",18),e(48,";"),n(),e(49,`
2
3`),t(50,"span",17),e(51,"private"),n(),e(52," "),t(53,"span",17),e(54,"readonly"),n(),e(55," message "),t(56,"span",20),e(57,"="),n(),e(58," "),t(59,"span",21),e(60,"inject"),n(),t(61,"span",18),e(62,"("),n(),e(63,"NzMessageService"),t(64,"span",18),e(65,")"),n(),t(66,"span",18),e(67,";"),n(),e(68,`
4`),n()(),c(),n(),t(69,"h2")(70,"span"),e(71,"\u4EE3\u7801\u6F14\u793A"),n(),t(72,"nz-icon",22),u("click",function(){return a.expandAllCode()}),n()()(),t(73,"div",23)(74,"div",24)(75,"nz-code-box",25),d(76,"nz-demo-message-info",26),t(77,"div",27),p(),t(78,"p"),e(79,"\u4FE1\u606F\u63D0\u9192\u53CD\u9988\u3002"),n(),c(),n()(),t(80,"nz-code-box",28),d(81,"nz-demo-message-duration",26),t(82,"div",27),p(),t(83,"p"),e(84,"\u81EA\u5B9A\u4E49\u65F6\u957F "),t(85,"code"),e(86,"10s"),n(),e(87,"\uFF0C\u9ED8\u8BA4\u65F6\u957F\u4E3A "),t(88,"code"),e(89,"3s"),n(),e(90,"\u3002"),n(),c(),n()(),t(91,"nz-code-box",29),d(92,"nz-demo-message-close",26),t(93,"div",27),p(),t(94,"p"),e(95,"\u53EF\u901A\u8FC7\u8BA2\u9605 "),t(96,"code"),e(97,"onClose"),n(),e(98," \u4E8B\u4EF6\u5728 message \u5173\u95ED\u65F6\u505A\u51FA\u67D0\u4E9B\u64CD\u4F5C\u3002\u4EE5\u4E0A\u7528\u4F8B\u5C06\u4F9D\u6B21\u6253\u5F00\u4E09\u4E2A message\u3002"),n(),c(),n()()(),t(99,"div",24)(100,"nz-code-box",30),d(101,"nz-demo-message-other",26),t(102,"div",27),p(),t(103,"p"),e(104,"\u5305\u62EC\u6210\u529F\u3001\u5931\u8D25\u3001\u8B66\u544A\u3002"),n(),c(),n()(),t(105,"nz-code-box",31),d(106,"nz-demo-message-loading",26),t(107,"div",27),p(),t(108,"p"),e(109,"\u8FDB\u884C\u5168\u5C40 loading\uFF0C\u5F02\u6B65\u81EA\u884C\u79FB\u9664\u3002"),n(),c(),n()(),t(110,"nz-code-box",32),d(111,"nz-demo-message-template",26),t(112,"div",27),p(),t(113,"p"),e(114,`\u60A8\u53EF\u4EE5\u4E3A\u6D88\u606F\u5185\u5BB9\u521B\u5EFA\u81EA\u5B9A\u4E49\u6A21\u677F\u3002
5\u901A\u8FC7 `),t(115,"code"),e(116,"nzData"),n(),e(117," \u9009\u9879\uFF0C\u60A8\u53EF\u4EE5\u4F20\u9012\u4E00\u4E9B\u53EF\u9009\u7684\u6570\u636E\u7ED9\u6B64\u81EA\u5B9A\u4E49\u6A21\u677F\u3002"),n(),c(),n()()()(),t(118,"section",33),p(),t(119,"h2",34)(120,"span"),e(121,"API"),n(),t(122,"a",35),e(123,"#"),n()(),t(124,"h3",36)(125,"span"),e(126,"NzMessageService"),n(),t(127,"label",37),e(128,"service"),n(),t(129,"a",38),e(130,"#"),n()(),t(131,"p"),e(132,"\u7EC4\u4EF6\u63D0\u4F9B\u4E86\u4E00\u4E9B\u670D\u52A1\u65B9\u6CD5\uFF0C\u4F7F\u7528\u65B9\u5F0F\u548C\u53C2\u6570\u5982\u4E0B\uFF1A"),n(),t(133,"ul")(134,"li")(135,"code"),e(136,"NzMessageService.success(content, [options])"),n()(),t(137,"li")(138,"code"),e(139,"NzMessageService.error(content, [options])"),n()(),t(140,"li")(141,"code"),e(142,"NzMessageService.info(content, [options])"),n()(),t(143,"li")(144,"code"),e(145,"NzMessageService.warning(content, [options])"),n()(),t(146,"li")(147,"code"),e(148,"NzMessageService.loading(content, [options])"),n()()(),t(149,"table")(150,"thead")(151,"tr")(152,"th"),e(153,"\u53C2\u6570"),n(),t(154,"th"),e(155,"\u8BF4\u660E"),n(),t(156,"th"),e(157,"\u7C7B\u578B"),n(),t(158,"th"),e(159,"\u9ED8\u8BA4\u503C"),n()()(),t(160,"tbody")(161,"tr")(162,"td"),e(163,"content"),n(),t(164,"td"),e(165,"\u63D0\u793A\u5185\u5BB9"),n(),t(166,"td")(167,"code"),e(168,"string | TemplateRef<void>"),n()(),t(169,"td"),e(170,"-"),n()(),t(171,"tr")(172,"td"),e(173,"options"),n(),t(174,"td"),e(175,"\u652F\u6301\u8BBE\u7F6E\u9488\u5BF9\u5F53\u524D\u63D0\u793A\u6846\u7684\u53C2\u6570\uFF0C\u89C1\u4E0B\u65B9\u8868\u683C"),n(),t(176,"td")(177,"code"),e(178,"object"),n()(),t(179,"td"),e(180,"-"),n()()()(),t(181,"p")(182,"code"),e(183,"options"),n(),e(184," \u652F\u6301\u8BBE\u7F6E\u7684\u53C2\u6570\u5982\u4E0B\uFF1A"),n(),t(185,"table")(186,"thead")(187,"tr")(188,"th"),e(189,"\u53C2\u6570"),n(),t(190,"th"),e(191,"\u8BF4\u660E"),n(),t(192,"th"),e(193,"\u7C7B\u578B"),n()()(),t(194,"tbody")(195,"tr")(196,"td"),e(197,"nzDuration"),n(),t(198,"td"),e(199,"\u6301\u7EED\u65F6\u95F4(\u6BEB\u79D2)\uFF0C\u5F53\u8BBE\u7F6E\u4E3A0\u65F6\u4E0D\u6D88\u5931"),n(),t(200,"td")(201,"code"),e(202,"number"),n()()(),t(203,"tr")(204,"td"),e(205,"nzPauseOnHover"),n(),t(206,"td"),e(207,"\u9F20\u6807\u79FB\u4E0A\u65F6\u7981\u6B62\u81EA\u52A8\u79FB\u9

5664"),n(),t(208,"td")(209,"code"),e(210,"boolean"),n()()(),t(211,"tr")(212,"td"),e(213,"nzAnimate"),n(),t(214,"td"),e(215,"\u5F00\u5173\u52A8\u753B\u6548\u679C"),n(),t(216,"td")(217,"code"),e(218,"boolean"),n()()(),t(219,"tr")(220,"td"),e(221,"nzData"),n(),t(222,"td"),e(223,"\u4F20\u9012\u7ED9\u81EA\u5B9A\u4E49\u6A21\u677F\u7684\u6570\u636E"),n(),t(224,"td")(225,"code"),e(226,"NzSafeAny"),n()()()()(),t(227,"p"),e(228,"\u8FD8\u63D0\u4F9B\u4E86\u5168\u5C40\u9500\u6BC1\u65B9\u6CD5\uFF1A"),n(),t(229,"ul")(230,"li")(231,"code"),e(232,"NzMessageService.remove(id)"),n(),e(233," // \u79FB\u9664\u7279\u5B9Aid\u7684\u6D88\u606F\uFF0C\u5F53id\u4E3A\u7A7A\u65F6\uFF0C\u79FB\u9664\u6240\u6709\u6D88\u606F\uFF08\u8BE5\u6D88\u606Fid\u901A\u8FC7\u4E0A\u8FF0\u65B9\u6CD5\u8FD4\u56DE\u503C\u4E2D\u5F97\u5230\uFF09"),n()(),t(234,"h3",39)(235,"span"),e(236,"\u5168\u5C40\u914D\u7F6E"),n(),t(237,"a",40),e(238,"#"),n()(),t(239,"p"),e(240,"\u53EF\u4EE5\u901A\u8FC7 "),t(241,"code"),e(242,"NzConfigService"),n(),e(243," \u8FDB\u884C\u5168\u5C40\u914D\u7F6E\uFF0C\u8BE6\u60C5\u8BF7\u89C1\u6587\u6863\u4E2D "),t(244,"a",41),e(245,"\u5168\u5C40\u914D\u7F6E\u9879"),n(),e(246," \u7AE0\u8282\u3002"),n(),t(247,"table")(248,"thead")(249,"tr")(250,"th"),e(251,"\u53C2\u6570"),n(),t(252,"th"),e(253,"\u8BF4\u660E"),n(),t(254,"th"),e(255,"\u7C7B\u578B"),n(),t(256,"th"),e(257,"\u9ED8\u8BA4\u503C"),n()()(),t(258,"tbody")(259,"tr")(260,"td"),e(261,"nzDuration"),n(),t(262,"td"),e(263,"\u6301\u7EED\u65F6\u95F4(\u6BEB\u79D2)\uFF0C\u5F53\u8BBE\u7F6E\u4E3A 0 \u65F6\u4E0D\u6D88\u5931"),n(),t(264,"td")(265,"code"),e(266,"number"),n()(),t(267,"td")(268,"code"),e(269,"3000"),n()()(),t(270,"tr")(271,"td"),e(272,"nzMaxStack"),n(),t(273,"td"),e(274,"\u540C\u4E00\u65F6\u95F4\u53EF\u5C55\u793A\u7684\u6700\u5927\u63D0\u793A\u6570\u91CF"),n(),t(275,"td")(276,"code"),e(277,"number"),n()(),t(278,"td")(279,"code"),e(280,"7"),n()()(),t(281,"tr")(282,"td"),e(283,"nzPauseOnHover"),n(),t(284,"td"),e(285,"\u9F20\u6807\u79FB\u4E0A\u65F6\u7981\u6B62\u81EA\u52A8\u79FB\u9664"),n(),t(286,"td")(287,"code"),e(288,"boolean"),n()(),t(289,"td")(290,"code"),e(291,"true"),n()()(),t(292,"tr")(293,"td"),e(294,"nzAnimate"),n(),t(295,"td"),e(296,"\u5F00\u5173\u52A8\u753B\u6548\u679C"),n(),t(297,"td")(298,"code"),e(299,"boolean"),n()(),t(300,"td")(301,"code"),e(302,"true"),n()()(),t(303,"tr")(304,"td"),e(305,"nzTop"),n(),t(306,"td"),e(307,"\u6D88\u606F\u8DDD\u79BB\u9876\u90E8\u7684\u4F4D\u7F6E"),n(),t(308,"td")(309,"code"),e(310,"number | string"),n()(),t(311,"td")(312,"code"),e(313,"24"),n()()(),t(314,"tr")(315,"td"),e(316,"nzDirection"),n(),t(317,"td"),e(318,"\u6D88\u606F\u6587\u5B57\u65B9\u5411"),n(),t(319,"td")(320,"code"),e(321,"'ltr' | 'rtl'"),n()(),t(322,"td"),e(323,"-"),n()()()(),t(324,"h3",42)(325,"span"),e(326,"NzMessageRef"),n(),t(327,"a",43),e(328,"#"),n()(),t(329,"p"),e(330,"\u5F53\u4F60\u8C03\u7528 "),t(331,"code"),e(332,"NzMessageService.success"),n(),e(333," \u6216\u5176\u4ED6\u65B9\u6CD5\u65F6\u4F1A\u8FD4\u56DE\u8BE5\u5BF9\u8C61\u3002"),n(),t(334,"pre")(335,"code",16)(336,"span",17),e(337,"export"),n(),e(338," "),t(339,"span",17),e(340,"interface"),n(),e(341," "),t(342,"span",44),e(343,"NzMessageRef"),n(),e(344," "),t(345,"span",18),e(346,"{"),n(),e(347,`
6  messageId`),t(348,"span",20),e(349,":"),n(),e(350," "),t(351,"span",45),e(352,"string"),n(),t(353,"span",18),e(354,";"),n(),e(355,`
7  onClose`),t(356,"span",20),e(357,":"),n(),e(358," Subject"),t(359,"span",20),e(360,"<"),n(),t(361,"span",46),e(362,"false"),n(),t(363,"span",20),e(364,">"),n(),t(365,"span",18),e(366,";"),n(),e(367," "),t(368,"span",47),e(369,"// \u5F53 message \u5173\u95ED\u65F6\u5B83\u4F1A\u6D3E\u53D1\u4E00\u4E2A\u4E8B\u4EF6"),n(),e(370,`
8`),t(371,"span",18),e(372,"}"),n(),e(373,`
9`),n()(),c(),n()()),i&2&&(s(),r("nzOffsetTop",16),s(),r("nzAffix",!1),s(71),r("nzGutter",16),s(),r("nzXl",12)("nzSpan",24),s(),r("nzId","components-message-demo-info")("nzLink","components-message-demo-info")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/message/demo/info.md"),s(5),r("nzId","components-message-demo-duration")("nzLink","components-message-demo-duration")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/message/demo/duration.md"),s(11),r("nzId","components-message-demo-close")("nzLink","components-message-demo-close")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/message/demo/close.md"),s(8),r("nzXl",12)("nzSpan",24),s(),r("nzId","components-message-demo-other")("nzLink","components-message-demo-other")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/message/demo/other.md"),s(5),r("nzId","components-message-demo-loading")("nzLink","components-message-demo-loading")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/message/demo/loading.md"),s(5),r("nzId","components-message-demo-template")("nzLink","components-message-demo-template")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/message/demo/template.md"))},dependencies:[W,C,Q,j,Z,P,G,L,R,M,B,k,I,y,A],encapsulation:2})};var X=class m{expanded=!1;codeBoxes;goLink(o){window&&(window.location.hash=o)}

9expandAllCode(){this.expanded=!this.expanded,this.codeBoxes.forEach(o=>o.expandCode(this.expanded))}static \u0275fac=function(i){return new(i||m)};static \u0275cmp=z({type:m,selectors:[["nz-demo-message"]],viewQuery:function(i,a){if(i&1&&F(C,5),i&2){let l;v(l=b())&&(a.codeBoxes=l)}},decls:378,vars:37,consts:[[1,"toc-affix",3,"nzOffsetTop"],["nzShowInkInFixed","",3,"nzClick","nzAffix"],["nzHref","#components-message-demo-info","nzTitle","Normal prompt"],["nzHref","#components-message-demo-other","nzTitle","Other types of message"],["nzHref","#components-message-demo-duration","nzTitle","Customize duration"],["nzHref","#components-message-demo-loading","nzTitle","Message of loading"],["nzHref","#components-message-demo-close","nzTitle","Customize duration"],["nzHref","#components-message-demo-template","nzTitle","Custom Template"],["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/message/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"],[1,"token","operator"],[1,"token","function"],["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","Normal prompt","nzSelector","nz-demo-message-info","nzGenerateCommand","ng g ng-zorro-antd:message-info <name>","nzComponentName","NzDemoMessageInfoComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframe","nzIframeHeight","nzHref"],["demo",""],["intro",""],["nzTitle","Customize duration","nzSelector","nz-demo-message-duration","nzGenerateCommand","ng g ng-zorro-antd:message-duration <name>","nzComponentName","NzDemoMessageDurationComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframe","nzIframeHeight","nzHref"],["nzTitle","Customize duration","nzSelector","nz-demo-message-close","nzGenerateCommand","ng g ng-zorro-antd:message-close <name>","nzComponentName","NzDemoMessageCloseComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframe","nzIframeHeight","nzHref"],["nzTitle","Other types of message","nzSelector","nz-demo-message-other","nzGenerateCommand","ng g ng-zorro-antd:message-other <name>","nzComponentName","NzDemoMessageOtherComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframe","nzIframeHeight","nzHref"],["nzTitle","Message of loading","nzSelector","nz-demo-message-loading","nzGenerateCommand","ng g ng-zorro-antd:message-loading <name>","nzComponentName","NzDemoMessageLoadingComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframe","nzIframeHeight","nzHref"],["nzTitle","Custom Template","nzSelector","nz-demo-message-template","nzGenerateCommand","ng g ng-zorro-antd:message-template <name>","nzComponentName","NzDemoMessageTemplateComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframe","nzIframeHeight","nzHref"],[1,"markdown","api-container"],["id","api"],["onclick","window.location.hash = 'api'",1,"anchor"],["id","nzmessageservice"],[1,"api-type-label","service"],["onclick","window.location.hash = 'nzmessageservice'",1,"anchor"],["id","global_configuration"],["onclick","window.location.hash = 'global_configuration'",1,"anchor"],["href","/docs/global-config/en"],["id","nzmessageref"],["onclick","window.location.hash = 'nzmessageref'",1,"anchor"],[1,"token","class-name"],[1,"token","builtin"],[1,"token","boolean"],[1,"token","comment"]],template:function(i,a){i&1&&(t(0,"article")(1,"nz-affix",0)(2,"nz-anchor",1),u("nzClick",function(O){return a.goLink(O)}),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),n()(),t(10,"section",9)(11,"h1"),e(12,"Message"),d(13,"span",10)(14,"span",11),t(15,"a",12),d(16,"nz-icon",13),n()(),t(17,"section",9),p(),t(18,"p"),e(19,"Display global messages as feedback in response to user operations."),n(),t(20,"h2",14)(21,"span"),e(22,"When To Use"),n(),t(23,"a",15),e(24,"#"),n()(),t(25,"ul")(26,"li"),e(27,"To provide feedback such as success, warning, error etc."),n(),t(28,"li"),e(29,"A message is displayed at top and center and will be dismissed automatically, as a non-interrupting light-weighted prompt."),n()(),t(30,"pre")(31,"code",16)(32,"span",17),e(33,"import"),n(),e(34," "),t(35,"span",18),e(36,"{"),n(),e(37," NzMessageService "),t(38,"span",18),e(39,"}"),n(),e(40," "),t(41,"span",17),e(42,"from"),n(),e(43," "),t(44,"span",19),e(45,"'ng-zorro-antd/message'"),n(),t(46,"span",18),e(47,";"),n(),e(48,`
10
11`),t(49,"span",17),e(50,"private"),n(),e(51," "),t(52,"span",17),e(53,"readonly"),n(),e(54," message "),t(55,"span",20),e(56,"="),n(),e(57," "),t(58,"span",21),e(59,"inject"),n(),t(60,"span",18),e(61,"("),n(),e(62,"NzMessageService"),t(63,"span",18),e(64,")"),n(),t(65,"span",18),e(66,";"),n(),e(67,`
12`),n()(),c(),n(),t(68,"h2")(69,"span"),e(70,"Examples"),n(),t(71,"nz-icon",22),u("click",function(){return a.expandAllCode()}),n()()(),t(72,"div",23)(73,"div",24)(74,"nz-code-box",25),d(75,"nz-demo-message-info",26),t(76,"div",27),p(),t(77,"p"),e(78,"Normal messages as feedbacks."),n(),c(),n()(),t(79,"nz-code-box",28),d(80,"nz-demo-message-duration",26),t(81,"div",27),p(),t(82,"p"),e(83,"Customize message display duration from default "),t(84,"code"),e(85,"3s"),n(),e(86," to "),t(87,"code"),e(88,"10s"),n(),e(89,"."),n(),c(),n()(),t(90,"nz-code-box",29),d(91,"nz-demo-message-close",26),t(92,"div",27),p(),t(93,"p"),e(94,"You can subscribe to "),t(95,"code"),e(96,"onClose"),n(),e(97," event to make some operations. This case would open three messages in sequence."),n(),c(),n()()(),t(98,"div",24)(99,"

12nz-code-box",30),d(100,"nz-demo-message-other",26),t(101,"div",27),p(),t(102,"p"),e(103,"Messages of success, error and warning types."),n(),c(),n()(),t(104,"nz-code-box",31),d(105,"nz-demo-message-loading",26),t(106,"div",27),p(),t(107,"p"),e(108,"Display a global loading indicator, which is dismissed by itself asynchronously."),n(),c(),n()(),t(109,"nz-code-box",32),d(110,"nz-demo-message-template",26),t(111,"div",27),p(),t(112,"p"),e(113,`You can have a custom template for the message content.
13You would have the possibility to pass some optional data to this custom template thanks to the `),t(114,"code"),e(115,"nzData"),n(),e(116," option"),n(),c(),n()()()(),t(117,"section",33),p(),t(118,"h2",34)(119,"span"),e(120,"API"),n(),t(121,"a",35),e(122,"#"),n()(),t(123,"h3",36)(124,"span"),e(125,"NzMessageService"),n(),t(126,"label",37),e(127,"service"),n(),t(128,"a",38),e(129,"#"),n()(),t(130,"p"),e(131,"This components provides some service methods, with usage and arguments as following:"),n(),t(132,"ul")(133,"li")(134,"code"),e(135,"NzMessageService.success(content, [options])"),n()(),t(136,"li")(137,"code"),e(138,"NzMessageService.error(content, [options])"),n()(),t(139,"li")(140,"code"),e(141,"NzMessageService.info(content, [options])"),n()(),t(142,"li")(143,"code"),e(144,"NzMessageService.warning(content, [options])"),n()(),t(145,"li")(146,"code"),e(147,"NzMessageService.loading(content, [options])"),n()()(),t(148,"table")(149,"thead")(150,"tr")(151,"th"),e(152,"Argument"),n(),t(153,"th"),e(154,"Description"),n(),t(155,"th"),e(156,"Type"),n(),t(157,"th"),e(158,"Default"),n()()(),t(159,"tbody")(160,"tr")(161,"td"),e(162,"content"),n(),t(163,"td"),e(164,"The content of message"),n(),t(165,"td")(166,"code"),e(167,"string | TemplateRef<void>"),n()(),t(168,"td"),e(169,"-"),n()(),t(170,"tr")(171,"td"),e(172,"options"),n(),t(173,"td"),e(174,"Support setting the parameters for the current message box, see the table below"),n(),t(175,"td")(176,"code"),e(177,"object"),n()(),t(178,"td"),e(179,"-"),n()()()(),t(180,"p"),e(181,"The parameters that are set by the "),t(182,"code"),e(183,"options"),n(),e(184," support are as follows:"),n(),t(185,"table")(186,"thead")(187,"tr")(188,"th"),e(189,"Argument"),n(),t(190,"th"),e(191,"Description"),n(),t(192,"th"),e(193,"Type"),n()()(),t(194,"tbody")(195,"tr")(196,"td"),e(197,"nzDuration"),n(),t(198,"td"),e(199,"Duration (milliseconds), does not disappear when set to 0"),n(),t(200,"td")(201,"code"),e(202,"number"),n()()(),t(203,"tr")(204,"td"),e(205,"nzPauseOnHover"),n(),t(206,"td"),e(207,"Do not remove automatically when mouse is over while setting to "),t(208,"code"),e(209,"true"),n()(),t(210,"td")(211,"code"),e(212,"boolean"),n()()(),t(213,"tr")(214,"td"),e(215,"nzAnimate"),n(),t(216,"td"),e(217,"Whether to turn on animation"),n(),t(218,"td")(219,"code"),e(220,"boolean"),n()()(),t(221,"tr")(222,"td"),e(223,"nzData"),n(),t(224,"td"),e(225,"Data to pass to custom template"),n(),t(226,"td")(227,"code"),e(228,"NzSafeAny"),n()()()()(),t(229,"p"),e(230,"Methods for destruction are also provided:"),n(),t(231,"ul")(232,"li")(233,"code"),e(234,"message.remove(id)"),n(),e(235," // Remove the message with the specified id. When the id is empty, remove all messages (the message id is returned by the above method)"),n()(),t(236,"h3",39)(237,"span"),e(238,"Global Configuration"),n(),t(239,"a",40),e(240,"#"),n()(),t(241,"p"),e(242,"You can use "),t(243,"code"),e(244,"NzConfigService"),n(),e(245," to configure this component globally. Please check the "),t(246,"a",41),e(247,"Global Configuration"),n(),e(248," chapter for more information."),n(),t(249,"table")(250,"thead")(251,"tr")(252,"th"),e(253,"Argument"),n(),t(254,"th"),e(255,"Description"),n(),t(256,"th"),e(257,"Type"),n(),t(258,"th"),e(259,"Default"),n()()(),t(260,"tbody")(261,"tr")(262,"td"),e(263,"nzDuration"),n(),t(264,"td"),e(265,"Duration (milliseconds), does not disappear when set to 0"),n(),t(266,"td")(267,"code"),e(268,"number"),n()(),t(269,"td")(270,"code"),e(271,"3000"),n()()(),t(272,"tr")(273,"td"),e(274,"nzMaxStack"),n(),t(275,"td"),e(276,"The maximum number of messages that can be displayed at the same time"),n(),t(277,"td")(278,"code"),e(279,"number"),n()(),t(280,"td")(281,"code"),e(282,"7"),n()()(),t(283,"tr")(284,"td"),e(285,"nzPauseOnHover"),n(),t(286,"td"),e(287,"Do not remove automatically when mouse is over while setting to "),t(288,"code"),e(289,"true"),n()(),t(290,"td")(291,"code"),e(292,"boolean"),n()(),t(293,"td")(294,"code"),e(295,"true"),n()()(),t(296,"tr")(297,"td"),e(298,"nzAnimate"),n(),t(299,"td"),e(300,"Whether to turn on animation"),n(),t(301,"td")(302,"code"),e(303,"boolean"),n()(),t(304,"td")(305,"code"),e(306,"true"),n()()(),t(307,"tr")(308,"td"),e(309,"nzTop"),n(),t(310,"td"),e(311,"Distance from top"),n(),t(312,"td")(313,"code"),e(314,"number | string"),n()(),t(315,"td")(316,"code"),e(317,"24"),n()()(),t(318,"tr")(319,"td"),e(320,"nzDirection"),n(),t(321,"td"),e(322,"Direction of the text in the messages"),n(),t(323,"td")(324,"code"),e(325,"'ltr' | 'rtl'"),n()(),t(326,"td"),e(327,"-"),n()()()(),t(328,"h3",42)(329,"span"),e(330,"NzMessageRef"),n(),t(331,"a",43),e(332,"#"),n()(),t(333,"p"),e(334,"It's the object that returned when you call "),t(335,"code"),e(336,"NzMessageService.success"),n(),e(337," and others."),n(),t(338,"pre")(339,"code",16)(340,"span",17),e(341,"export"),n(),e(342," "),t(343,"span",17),e(344,"interface"),n(),e(345," "),t(346,"span",44),e(347,"NzMessageRef"),n(),e(348," "),t(349,"span",18),e(350,"{"),n(),e(351,`
14  messageId`),t(352,"span",20),e(353,":"),n(),e(354," "),t(355,"span",45),e(356,"string"),n(),t(357,"span",18),e(358,";"),n(),e(359,`
15  onClose`),t(360,"span",20),e(361,":"),n(),e(362," Subject"),t(363,"span",20),e(364,"<"),n(),t(365,"span",46),e(366,"false"),n(),t(367,"span",20),e(368,">"),n(),t(369,"span",18),e(370,";"),n(),e(371," "),t(372,"span",47),e(373,"// It would emit an event when the message is closed"),n(),e(374,`
16`),t(375,"span",18),e(376,"}"),n(),e(377,`
17`),n()(),c(),n()()),i&2&&(s(),r("nzOffsetTop",16),s(),r("nzAffix",!1),s(70),r("nzGutter",16),s(),r("nzXl",12)("nzSpan",24),s(),r("nzId","components-message-demo-info")("nzLink","components-message-demo-info")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/message/demo/info.md"),s(5),r("nzId","components-message-demo-duration")("nzLink","components-message-demo-duration")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/message/demo/duration.md"),s(11),r("nzId","components-message-demo-close")("nzLink","components-message-demo-close")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/message/demo/close.md"),s(8),r("nzXl",12)("nzSpan",24),s(),r("nzId","components-message-demo-other")("nzLink","components-message-demo-other")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/message/demo/other.md"),s(5),r("nzId","components-message-demo-loading")("nzLink","components-message-demo-loading")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/message/demo/loading.md"),s(5),r("nzId","components-message-demo-template")("nzLink","components-message-demo-template")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/message/demo/template.md"))},dependencies:[W,C,Q,j,Z,P,G,L,R,M,B,k,I,y,A],encapsulation:2})};var le=[{path:"en",component:X},{path:"zh",component:V}],Qe=le;export{Qe as default};