https://preview-8206-ng-zorro-antd.surge.sh/3024.849c99bbd5b1faf7.js

1"use strict";(self.webpackChunkng_zorro_antd_doc=self.webpackChunkng_zorro_antd_doc||[]).push([[3024],{3024:(O,Z,g)=>{g.r(Z),g.d(Z,{NzDemoTagModule:()=>w});var b=g(4190),E=g(6242),i=g(5584),T=g(337),s=g(227);const F=[i.X,T.o7,s.PV];var r=g(379),n=g(9212),d=g(5393),_=g(8101),z=g(3185),h=g(8332);let f=(()=>{class o{onClose(){console.log("tag was closed.")}preventDefault(t){t.preventDefault(),t.stopPropagation(),console.log("tag can not be closed.")}static#n=this.\u0275fac=function(e){return new(e||o)};static#e=this.\u0275cmp=n.Xpm({type:o,selectors:[["nz-demo-tag-basic"]],decls:9,vars:0,consts:[["href","https://github.com/NG-ZORRO/ng-zorro-antd"],["nzMode","closeable",3,"nzOnClose"]],template:function(e,a){1&e&&(n.TgZ(0,"nz-tag"),n._uU(1,"Tag 1"),n.qZA(),n.TgZ(2,"nz-tag")(3,"a",0),n._uU(4,"Link"),n.qZA()(),n.TgZ(5,"nz-tag",1),n.NdJ("nzOnClose",function(){return a.onClose()}),n._uU(6,"Tag 2"),n.qZA(),n.TgZ(7,"nz-tag",1),n.NdJ("nzOnClose",function(c){return a.preventDefault(c)}),n._uU(8,"Prevent Default"),n.qZA())},dependencies:[i.j],encapsulation:2})}return o})(),C=(()=>{class o{checkChange(t){console.log(t)}static#n=this.\u0275fac=function(e){return new(e||o)};static#e=this.\u0275cmp=n.Xpm({type:o,selectors:[["nz-demo-tag-checkable"]],decls:6,vars:3,consts:[["nzMode","checkable",3,"nzChecked","nzCheckedChange"]],template:function(e,a){1&e&&(n.TgZ(0,"nz-tag",0),n.NdJ("nzCheckedChange",function(c){return a.checkChange(c)}),n._uU(1,"Tag1"),n.qZA(),n.TgZ(2,"nz-tag",0),n.NdJ("nzCheckedChange",function(c){return a.checkChange(c)}),n._uU(3,"Tag2"),n.qZA(),n.TgZ(4,"nz-tag",0),n.NdJ("nzCheckedChange",function(c){return a.checkChange(c)}),n._uU(5,"Tag3"),n.qZA()),2&e&&(n.Q6J("nzChecked",!0),n.xp6(2),n.Q6J("nzChecked",!0),n.xp6(2),n.Q6J("nzChecked",!0))},dependencies:[i.j],encapsulation:2})}return o})(),A=(()=>{class o{static#n=this.\u0275fac=function(e){return new(e||o)};static#e=this.\u0275cmp=n.Xpm({type:o,selectors:[["nz-demo-tag-colorful"]],decls:36,vars:15,consts:[[2,"margin-bottom","16px"],[3,"nzColor"],[2,"margin","16px 0px"]],template:function(e,a){1&e&&(n.TgZ(0,"h4",0),n._uU(1,"Presets:"),n.qZA(),n.TgZ(2,"div")(3,"nz-tag",1),n._uU(4,"magenta"),n.qZA(),n.TgZ(5,"nz-tag",1),n._uU(6,"red"),n.qZA(),n.TgZ(7,"nz-tag",1),n._uU(8,"volcano"),n.qZA(),n.TgZ(9,"nz-tag",1),n._uU(10,"orange"),n.qZA(),n.TgZ(11,"nz-tag",1),n._uU(12,"gold"),n.qZA(),n.TgZ(13,"nz-tag",1),n._uU(14,"lime"),n.qZA(),n.TgZ(15,"nz-tag",1),n._uU(16,"green"),n.qZA(),n.TgZ(17,"nz-tag",1),n._uU(18,"cyan"),n.qZA(),n.TgZ(19,"nz-tag",1),n._uU(20,"blue"),n.qZA(),n.TgZ(21,"nz-tag",1),n._uU(22,"geekblue"),n.qZA(),n.TgZ(23,"nz-tag",1),n._uU(24,"purple"),n.qZA()(),n.TgZ(25,"h4",2),n._uU(26,"Custom:"),n.qZA(),n.TgZ(27,"div")(28,"nz-tag",1),n._uU(29,"#f50"),n.qZA(),n.TgZ(30,"nz-tag",1),n._uU(31,"#2db7f5"),n.qZA(),n.TgZ(32,"nz-tag",1),n._uU(33,"#87d068"),n.qZA(),n.TgZ(34,"nz-tag",1),n._uU(35,"#108ee9"),n.qZA()()),2&e&&(n.xp6(3),n.Q6J("nzColor","magenta"),n.xp6(2),n.Q6J("nzColor","red"),n.xp6(2),n.Q6J("nzColor","volcano"),n.xp6(2),n.Q6J("nzColor","orange"),n.xp6(2),n.Q6J("nzColor","gold"),n.xp6(2),n.Q6J("nzColor","lime"),n.xp6(2),n.Q6J("nzColor","green"),n.xp6(2),n.Q6J("nzColor","cyan"),n.xp6(2),n.Q6J("nzColor","blue"),n.xp6(2),n.Q6J("nzColor","geekblue"),n.xp6(2),n.Q6J("nzColor","purple"),n.xp6(5),n.Q6J("nzColor","#f50"),n.xp6(2),n.Q6J("nzColor","#2db7f5"),n.xp6(2),n.Q6J("nzColor","#87d068"),n.xp6(2),n.Q6J("nzColor","#108ee9"))},dependencies:[i.j],styles:[".ant-tag{margin-bottom:8px}\n"],encapsulation:2})}return o})();var m=g(6814),p=g(6223);const I=["inputElement"];function N(o,l){if(1&o){const t=n.EpF();n.TgZ(0,"nz-tag",3),n.NdJ("nzOnClose",function(){const u=n.CHM(t).$implicit,c=n.oxw();return n.KtG(c.handleClose(u))}),n._uU(1),n.qZA()}if(2&o){const t=l.$implicit,e=l.index,a=n.oxw();n.Q6J("nzMode",0===e?"default":"closeable"),n.xp6(1),n.hij(" ",a.sliceTagName(t)," ")}}function D(o,l){if(1&o){const t=n.EpF();

1n.TgZ(0,"nz-tag",4),n.NdJ("click",function(){n.CHM(t);const a=n.oxw();return n.KtG(a.showInput())}),n._UZ(1,"span",5),n._uU(2," New Tag "),n.qZA()}}function H(o,l){if(1&o){const t=n.EpF();n.TgZ(0,"input",6,7),n.NdJ("ngModelChange",function(a){n.CHM(t);const u=n.oxw();return n.KtG(u.inputValue=a)})("blur",function(){n.CHM(t);const a=n.oxw();return n.KtG(a.handleInputConfirm())})("keydown.enter",function(){n.CHM(t);const a=n.oxw();return n.KtG(a.handleInputConfirm())}),n.qZA()}if(2&o){const t=n.oxw();n.Q6J("ngModel",t.inputValue)}}let U=(()=>{class o{constructor(){this.tags=["Unremovable","Tag 2","Tag 3"],this.inputVisible=!1,this.inputValue=""}handleClose(t){this.tags=this.tags.filter(e=>e!==t)}sliceTagName(t){return t.length>20?`${t.slice(0,20)}...`:t}showInput(){this.inputVisible=!0,setTimeout(()=>{this.inputElement?.nativeElement.focus()},10)}handleInputConfirm(){this.inputValue&&-1===this.tags.indexOf(this.inputValue)&&(this.tags=[...this.tags,this.inputValue]),this.inputValue="",this.inputVisible=!1}static#n=this.\u0275fac=function(e){return new(e||o)};static#e=this.\u0275cmp=n.Xpm({type:o,selectors:[["nz-demo-tag-control"]],viewQuery:function(e,a){if(1&e&&n.Gf(I,5),2&e){let u;n.iGM(u=n.CRH())&&(a.inputElement=u.first)}},decls:3,vars:3,consts:[[3,"nzMode","nzOnClose",4,"ngFor","ngForOf"],["class","editable-tag","nzNoAnimation","",3,"click",4,"ngIf"],["nz-input","","nzSize","small","type","text","style","width: 78px;",3,"ngModel","ngModelChange","blur","keydown.enter",4,"ngIf"],[3,"nzMode","nzOnClose"],["nzNoAnimation","",1,"editable-tag",3,"click"],["nz-icon","","nzType","plus"],["nz-input","","nzSize","small","type","text",2,"width","78px",3,"ngModel","ngModelChange","blur","keydown.enter"],["inputElement",""]],template:function(e,a){1&e&&n.YNc(0,N,2,2,"nz-tag",0)(1,D,3,0,"nz-tag",1)(2,H,2,1,"input",2),2&e&&(n.Q6J("ngForOf",a.tags),n.xp6(1),n.Q6J("ngIf",!a.inputVisible),n.xp6(1),n.Q6J("ngIf",a.inputVisible))},dependencies:[m.sg,m.O5,p.Fj,p.JJ,p.On,s.Ls,i.j,T.Zp],styles:[".editable-tag[_ngcontent-%COMP%]{background:rgb(255,255,255);border-style:dashed}"]})}return o})();function y(o,l){if(1&o){const t=n.EpF();n.TgZ(0,"nz-tag",1),n.NdJ("nzCheckedChange",function(a){const c=n.CHM(t).$implicit,J=n.oxw();return n.KtG(J.handleChange(a,c))}),n._uU(1),n.qZA()}if(2&o){const t=l.$implicit,e=n.oxw();n.Q6J("nzChecked",e.selectedTags.indexOf(t)>-1),n.xp6(1),n.hij(" ",t," ")}}const B=["Movie","Books","Music","Sports"];let q=(()=>{class o{constructor(){this.hotTags=B,this.selectedTags=[]}handleChange(t,e){t?this.selectedTags.push(e):this.selectedTags=this.selectedTags.filter(a=>a!==e),console.log("You are interested in: ",this.selectedTags)}static#n=this.\u0275fac=function(e){return new(e||o)};static#e=this.\u0275cmp=n.Xpm({type:o,selectors:[["nz-demo-tag-hot-tags"]],decls:3,vars:1,consts:[["nzMode","checkable",3,"nzChecked","nzCheckedChange",4,"ngFor","ngForOf"],["nzMode","checkable",3,"nzChecked","nzCheckedChange"]],template:function(e,a){1&e&&(n.TgZ(0,"strong"),n._uU(1,"Categories:"),n.qZA(),n.YNc(2,y,2,2,"nz-tag",0)),2&e&&(n.xp6(2),n.Q6J("ngForOf",a.hotTags))},dependencies:[m.sg,i.j],encapsulation:2})}return o})(),k=(()=>{class o{static#n=this.\u0275fac=function(e){return new(e||o)};static#e=this.\u0275cmp=n.Xpm({type:o,selectors:[["nz-demo-tag-icon"]],decls:16,vars:0,consts:[["nzColor","#55acee"],["nz-icon","","nzType","twitter"],["nzColor","#cd201f"],["nz-icon","","nzType","youtube"],["nzColor","#3b5999"],["nz-icon","","nzType","facebook"],["nz-icon","","nzType","linkedin"]],template:function(e,a){1&e&&(n.TgZ(0,"nz-tag",0),n._UZ(1,"span",1),n.TgZ(2,"span"),n._uU(3,"Twitter"),n.qZA()(),n.TgZ(4,"nz-tag",2),n._UZ(5,"span",3),n.TgZ(6,"span"),n._uU(7,"Youtube"),n.qZA()(),n.TgZ(8,"nz-tag",4),n._UZ(9,"span",5),n.TgZ(10,"span"),n._uU(11,"Facebook"),n.qZA()(),n.TgZ(12,"nz-tag",0),n._UZ(13,"span",6),n.TgZ(14,"span"),n._uU(15,"LinkedIn"),n.qZA()())},dependencies:[s.Ls,i.j],encapsulation:2})}return o})(),x=(()=>{class o{static#n=this.\u0275fac=function(e){return new(e||o)};static#e=this.\u0275cmp=n.Xpm({type:o,selectors:[["nz-demo-tag-status"]],decls:36,vars:0,consts:[["nzColor","success"],["nzColor","processing"],["nzColor","error"],["nzColor","warning"],["nzColor","default"],["nz-icon","","nzType","check-circle"],["nz-icon","","nzType","sync","nzSpin",""],["nz-icon","","nzType","close-circle"],["nz-icon","","nzType","exclamation-circle"],["nz-icon","","nzType","clock-circle"]],template:function(e,a){1&e&&(n.TgZ(0,"div")(1,"h4"),n._uU(2,"Without icon"),n.qZA(),n.TgZ(3,"nz-tag",0),n._uU(4,"success"),n.qZA(),n.TgZ(5,"nz-tag",1),n._uU(6,"processing"),n.qZA(),n.TgZ(7,"nz-tag",2),n._uU(8,"error"),n.qZA(),n.TgZ(9,"nz-tag",3),n._uU(10,"warning"),n.qZA(),n.TgZ(11,"nz-tag",4),n._uU(12,"default"),n.qZA()(),n.TgZ(13,"div")(14,"h4"),n._uU(15,"With icon"),n.qZA(),n.TgZ(16,"nz-tag",0),n._UZ(17,"span",5),n.TgZ(18,"span"),n._uU(19,"success"),n.qZA()(),n.TgZ(20,"nz-tag",1),n._UZ(21,"span",6),n.TgZ(22,"span"),n._uU(23,"processing"),n.qZA()(),n.TgZ(24,"nz-tag",2),n._UZ(25,"span",7),n.TgZ(26,"span"),n._uU(27,"error"),n.qZA()(),n.TgZ(28,"nz-tag",3),n._UZ(29,"span",8),n.TgZ(30,"span"),n._uU(31,"warning"),n.qZA()(),n.TgZ(32,"nz-tag",4),n._UZ(33,"span",9),n.TgZ(34,"span"),n._uU(35,"default"),n.qZA()()())},dependencies:[s.Ls,i.j],encapsulation:2})}return o}

1)(),Q=(()=>{class o{constructor(){this.expanded=!1}goLink(t){window&&(window.location.hash=t)}expandAllCode(){this.expanded=!this.expanded,this.codeBoxes.forEach(t=>{t.nzExpanded=this.expanded,t.expandCode(this.expanded),t.check()})}static#n=this.\u0275fac=function(e){return new(e||o)};static#e=this.\u0275cmp=n.Xpm({type:o,selectors:[["nz-demo-tag"]],viewQuery:function(e,a){if(1&e&&n.Gf(r.G,5),2&e){let u;n.iGM(u=n.CRH())&&(a.codeBoxes=u)}},decls:212,vars:35,consts:[[1,"toc-affix",3,"nzOffsetTop"],["nzShowInkInFixed","",3,"nzAffix","nzClick"],["nzHref","#components-tag-demo-basic","nzTitle","\u57fa\u672c"],["nzHref","#components-tag-demo-colorful","nzTitle","\u591a\u5f69\u6807\u7b7e"],["nzHref","#components-tag-demo-control","nzTitle","\u52a8\u6001\u6dfb\u52a0\u548c\u5220\u9664"],["nzHref","#components-tag-demo-checkable","nzTitle","\u53ef\u9009\u62e9"],["nzHref","#components-tag-demo-hot-tags","nzTitle","\u70ed\u95e8\u6807\u7b7e"],["nzHref","#components-tag-demo-icon","nzTitle","\u56fe\u6807\u6309\u94ae"],["nzHref","#components-tag-demo-status","nzTitle","\u9884\u8bbe\u72b6\u6001\u7684\u6807\u7b7e"],["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/tag/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-tag-basic","nzGenerateCommand","ng g ng-zorro-antd:tag-basic <name>","nzComponentName","NzDemoTagBasicComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframeHeight","nzHref"],["demo",""],["intro",""],["nzTitle","\u52a8\u6001\u6dfb\u52a0\u548c\u5220\u9664","nzSelector","nz-demo-tag-control","nzGenerateCommand","ng g ng-zorro-antd:tag-control <name>","nzComponentName","NzDemoTagControlComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframeHeight","nzHref"],["nzTitle","\u70ed\u95e8\u6807\u7b7e","nzSelector","nz-demo-tag-hot-tags","nzGenerateCommand","ng g ng-zorro-antd:tag-hot-tags <name>","nzComponentName","NzDemoTagHotTagsComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframeHeight","nzHref"],["nzTitle","\u9884\u8bbe\u72b6\u6001\u7684\u6807\u7b7e","nzSelector","nz-demo-tag-status","nzGenerateCommand","ng g ng-zorro-antd:tag-status <name>","nzComponentName","NzDemoTagStatusComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframeHeight","nzHref"],["nzTitle","\u591a\u5f69\u6807\u7b7e","nzSelector","nz-demo-tag-colorful","nzGenerateCommand","ng g ng-zorro-antd:tag-colorful <name>","nzComponentName","NzDemoTagColorfulComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframeHeight","nzHref"],["nzTitle","\u53ef\u9009\u62e9","nzSelector","nz-demo-tag-checkable","nzGenerateCommand","ng g ng-zorro-antd:tag-checkable <name>","nzComponentName","NzDemoTagCheckableComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframeHeight","nzHref"],["nzTitle","\u56fe\u6807\u6309\u94ae","nzSelector","nz-demo-tag-icon","nzGenerateCommand","ng g ng-zorro-antd:tag-icon <name>","nzComponentName","NzDemoTagIconComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframeHeight","nzHref"],[1,"markdown","api-container"],["id","api"],["onclick","window.location.hash = 'api'",1,"anchor"],["id","nz-tag:standalone"],[1,"api-type-label","component"],[1,"api-type-label","standalone"],["onclick","window.location.hash = 'nz-tag:standalone'",1,"anchor"]],template:function(e,a){1&e&&(n.TgZ(0,"article")(1,"nz-affix",0)(2,"nz-anchor",1),n.NdJ("nzClick",function(c){return a.goLink(c)}),n._UZ(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),n.qZA()(),n.TgZ(11,"section",10)(12,"h1"),n._uU(13,"Tag"),n.TgZ(14,"span",11),n._uU(15,"\u6807\u7b7e"),n.qZA(),n._UZ(16,"span",12),n.TgZ(17,"a",13),n._UZ(18,"span",14),n.qZA()(),n.TgZ(19,"section",10),n.IAx(),n.TgZ(20,"p"),n._uU(21,"\u8fdb\u884c\u6807\u8bb0\u548c\u5206\u7c7b\u7684\u5c0f\u6807\u7b7e\u3002"),n.qZA(),n.TgZ(22,"h2",15)(23,"span"),n._uU(24,"\u4f55\u65f6\u4f7f\u7528"),n.qZA(),n.TgZ(25,"a",16),n._uU(26,"#"),n.qZA()(),n.TgZ(27,"ul")(28,"li"),n._uU(29,"\u7528\u4e8e\u6807\u8bb0\u4e8b\u7269\u7684\u5c5e\u6027\u548c\u7ef4\u5ea6\u3002"),n.qZA(),n.TgZ(30,"li"),n._uU(31,"\u8fdb\u884c\u5206\u7c7b\u3002"),n.qZA()(),n.TgZ(32,"pre",17)(33,"code")(34,"span",18),n._uU(35,"import"),n.qZA(),n._uU(36," "),n.TgZ(37,"span",19),n._uU(38,"{"),n.qZA(),n._uU(39," NzTagModule "),n.TgZ(40,"span",19),n._uU(41,"}"),n.qZA(),n._uU(42," "),n.TgZ(43,"span",18),n._uU(44,"from"),n.qZA(),n._uU(45," "),n.TgZ(46,"span",20),n._uU(47,"'

1ng-zorro-antd/tag'"),n.qZA(),n.TgZ(48,"span",19),n._uU(49,";"),n.qZA()()(),n.fQ9(),n.qZA(),n.TgZ(50,"h2")(51,"span"),n._uU(52,"\u4ee3\u7801\u6f14\u793a"),n.qZA(),n.TgZ(53,"span",21),n.NdJ("click",function(){return a.expandAllCode()}),n.qZA()()(),n.TgZ(54,"div",22)(55,"div",23)(56,"nz-code-box",24),n._UZ(57,"nz-demo-tag-basic",25),n.TgZ(58,"div",26),n.IAx(),n.TgZ(59,"p"),n._uU(60,"\u57fa\u672c\u6807\u7b7e\u7684\u7528\u6cd5\uff0c\u53ef\u4ee5\u901a\u8fc7\u6dfb\u52a0 "),n.TgZ(61,"code"),n._uU(62,'nzMode="closeable"'),n.qZA(),n._uU(63," \u53d8\u4e3a\u53ef\u5173\u95ed\u6807\u7b7e\u3002\u53ef\u5173\u95ed\u6807\u7b7e\u5177\u6709 "),n.TgZ(64,"code"),n._uU(65,"nzOnClose"),n.qZA(),n._uU(66," \u4e8b\u4ef6\u3002"),n.qZA(),n.fQ9(),n.qZA()(),n.TgZ(67,"nz-code-box",27),n._UZ(68,"nz-demo-tag-control",25),n.TgZ(69,"div",26),n.IAx(),n.TgZ(70,"p"),n._uU(71,"\u7528\u6570\u7ec4\u751f\u6210\u4e00\u7ec4\u6807\u7b7e\uff0c\u53ef\u4ee5\u52a8\u6001\u6dfb\u52a0\u548c\u5220\u9664\u3002"),n.qZA(),n.fQ9(),n.qZA()(),n.TgZ(72,"nz-code-box",28),n._UZ(73,"nz-demo-tag-hot-tags",25),n.TgZ(74,"div",26),n.IAx(),n.TgZ(75,"p"),n._uU(76,"\u9009\u62e9\u4f60\u611f\u5174\u8da3\u7684\u8bdd\u9898\u3002"),n.qZA(),n.fQ9(),n.qZA()(),n.TgZ(77,"nz-code-box",29),n._UZ(78,"nz-demo-tag-status",25),n.TgZ(79,"div",26),n.IAx(),n.TgZ(80,"p"),n._uU(81,"\u9884\u8bbe\u4e94\u79cd\u72b6\u6001\u989c\u8272\uff0c\u53ef\u4ee5\u901a\u8fc7\u8bbe\u7f6e "),n.TgZ(82,"code"),n._uU(83,"nzColor"),n.qZA(),n._uU(84," \u4e3a "),n.TgZ(85,"code"),n._uU(86,"success"),n.qZA(),n._uU(87,"\u3001 "),n.TgZ(88,"code"),n._uU(89,"processing"),n.qZA(),n._uU(90,"\u3001"),n.TgZ(91,"code"),n._uU(92,"error"),n.qZA(),n._uU(93,"\u3001"),n.TgZ(94,"code"),n._uU(95,"default"),n.qZA(),n._uU(96,"\u3001"),n.TgZ(97,"code"),n._uU(98,"warning"),n.qZA(),n._uU(99," \u6765\u4ee3\u8868\u4e0d\u540c\u7684\u72b6\u6001\u3002"),n.qZA(),n.fQ9(),n.qZA()()(),n.TgZ(100,"div",23)(101,"nz-code-box",30),n._UZ(102,"nz-demo-tag-colorful",25),n.TgZ(103,"div",26),n.IAx(),n.TgZ(104,"p"),n._uU(105,"\u6211\u4eec\u6dfb\u52a0\u4e86\u591a\u79cd\u9884\u8bbe\u8272\u5f69\u7684\u6807\u7b7e\u6837\u5f0f\uff0c\u7528\u4f5c\u4e0d\u540c\u573a\u666f\u4f7f\u7528\u3002\u5982\u679c\u9884\u8bbe\u503c\u4e0d\u80fd\u6ee1\u8db3\u4f60\u7684\u9700\u6c42\uff0c\u53ef\u4ee5\u8bbe\u7f6e\u4e3a\u5177\u4f53\u7684\u8272\u503c\u3002"),n.qZA(),n.fQ9(),n.qZA()(),n.TgZ(106,"nz-code-box",31),n._UZ(107,"nz-demo-tag-checkable",25),n.TgZ(108,"div",26),n.IAx(),n.TgZ(109,"p"),n._uU(110,"\u53ef\u901a\u8fc7 "),n.TgZ(111,"code"),n._uU(112,'nzMode="checkable"'),n.qZA(),n._uU(113," \u5b9e\u73b0\u7c7b\u4f3c Checkbox \u7684\u6548\u679c\uff0c\u70b9\u51fb\u5207\u6362\u9009\u4e2d\u6548\u679c\u3002"),n.qZA(),n.fQ9(),n.qZA()(),n.TgZ(114,"nz-code-box",32),n._UZ(115,"nz-demo-tag-icon",25),n.TgZ(116,"div",26),n.IAx(),n.TgZ(117,"p"),n._uU(118,"\u5728 tag \u7ec4\u4ef6\u5185\u5d4c\u5165 icon\u3002"),n.qZA(),n.fQ9(),n.qZA()()()(),n.TgZ(119,"section",33),n.IAx(),n.TgZ(120,"h2",34)(121,"span"),n._uU(122,"API"),n.qZA(),n.TgZ(123,"a",35),n._uU(124,"#"),n.qZA()(),n.TgZ(125,"h3",36)(126,"span"),n._uU(127,"nz-tag"),n.qZA(),n.TgZ(128,"label",37),n._uU(129,"component"),n.qZA(),n.TgZ(130,"label",38),n._uU(131,"standalone"),n.qZA(),n.TgZ(132,"a",39),n._uU(133,"#"),n.qZA()(),n.TgZ(134,"table")(135,"thead")(136,"tr")(137,"th"),n._uU(138,"\u53c2\u6570"),n.qZA(),n.TgZ(139,"th"),n._uU(140,"\u8bf4\u660e"),n.qZA(),n.TgZ(141,"th"),n._uU(142,"\u7c7b\u578b"),n.qZA(),n.TgZ(143,"th"),n._uU(144,"\u9ed8\u8ba4\u503c"),n.qZA()()(),n.TgZ(145,"tbody")(146,"tr")(147,"td")(148,"code"),n._uU(149,"[nzMode]"),n.qZA()(),n.TgZ(150,"td"),n._uU(151,"\u8bbe\u5b9a\u6807\u7b7e\u5de5\u4f5c\u7684\u6a21\u5f0f"),n.qZA(),n.TgZ(152,"td")(153,"code"),n._uU(154,"'closeable' | 'default' | 'checkable'"),n.qZA()(),n.TgZ(155,"td")(156,"code"),n._uU(157,"'default'"),n.qZA()()(),n.TgZ(158,"tr")(159,"td")(160,"code"),n._uU(161,"[nzChecked]"),n.qZA()(),n.TgZ(162,"td"),n._uU(163,"\u8bbe\u7f6e\u6807\u7b7e\u7684\u9009\u4e2d\u72b6\u6001\uff0c\u53ef\u53cc\u5411\u7ed1\u5b9a\uff0c\u5728 "),n.TgZ(164,"code"),n._uU(165,'nzMode="checkable"'),n.qZA(),n._uU(166," \u65f6\u53ef\u7528"),n.qZA(),n.TgZ(167,"td")(168,"code"),n._uU(169,"boolean"),n.qZA()(),n.TgZ(170,"td")(171,"code"),n._uU(172,"false"),n.qZA()()(),n.TgZ(173,"tr")(174,"td")(175,"code"),n._uU(176,"[nzColor]"),n.qZA()(),n.TgZ(177,"td"),n._uU(178,"\u6807\u7b7e\u8272"),n.qZA(),n.TgZ(179,"td")(180,"code"),n._uU(181,"string"),n.qZA()(),n.TgZ(182,"td"),n._uU(183,"-"),n.qZA()(),n.TgZ(184,"tr")(185,"td")(186,"code"),n._uU(187,"(nzOnClose)"),n.qZA()(),n.TgZ(188,"td"),n._uU(189,"\u5173\u95ed\u65f6\u7684\u56de\u8c03\uff0c\u5728 "),n.TgZ(190,"code"),n._uU(191,'nzMode="closable"'),n.qZA(),n._uU(192," \u65f6\u53ef\u7528"),n.qZA(),n.TgZ(193,"td")(194,"code"),n._uU(195,"EventEmitter<MouseEvent>"),n.qZA()(),n.TgZ(196,"td"),n._uU(197,"-"),n.qZA()(),n.TgZ(198,"tr")(199,"td")(200,"code"),n._uU(201,"(nzCheckedChange)"),n.qZA()(),n.TgZ(202,"td"),n._uU(203,"\u8bbe\u7f6e\u6807\u7b7e\u7684\u9009\u4e2d\u72b6\u6001\u7684\u56de\u8c03\uff0c\u5728 "),n.TgZ(204,"code"),n._uU(205,'nzMode="checkable"'),n.qZA(),n._uU(206," \u65f6\u53ef\u7528"),n.qZA(),n.TgZ(207,"td")(208,"code"),n._uU(209,"EventEmitter<void>"),n.qZA()(),n.TgZ(210,"td"),n._uU(211,"-"),n.qZA()()()(),n.fQ9(),n.qZA()()),2&e&&(n.xp6(1),n.Q6J("nzOffsetTop",16),n.xp6(1),n.Q6J("nzAffix",!1),n.xp6(52),n.Q6J("nzGutter",16),n.xp6(1),n.Q6J("nzXl",12)("nzSpan",24),n.xp6(1),n.Q6J("nzId","components-tag-demo-basic")("nzLink","components-tag-demo-basic")("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/tag/demo/basic.md"),n.xp6(11),n.Q6J("nzId","components-tag-demo-control")("nzLink","components-tag-demo-control")("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/tag/demo/control.md"),n.xp6(5),n.Q6J("nzId","components-tag-demo-hot-tags")("nzLink","components-tag-demo-hot-tags")("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/tag/demo/hot-tags.md"),n.xp6(5),n.Q6J("nzId","components-tag-demo-status")("nzLink","components-tag-demo-status")("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/tag/demo/status.md"),n.xp6(23),n.Q6J("nzXl",12)("nzSpan",24),n.xp6(1),n.Q6J("nzId","components-tag-demo-colorful")("nzLink","components-tag-demo-colorful")("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/tag/demo/colorful.md"),n.xp6(5),n.Q6J("nzId","components-tag-demo-checkable")("nzLink","components-tag-demo-checkable")("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/tag/demo/checkable.md"),n.xp6(8),n.Q6J("nzId","components-tag-demo-icon")("nzLink","components-tag-demo-icon")("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/tag/demo/icon.md"))},dependencies:[r.G,d.IT,d.Fp,_.$,z.t3,z.SK,h.SY,s.Ls,f,C,A,U,q,k,x],encapsulation:2})}return o}

1)(),v=(()=>{class o{constructor(){this.expanded=!1}goLink(t){window&&(window.location.hash=t)}expandAllCode(){this.expanded=!this.expanded,this.codeBoxes.forEach(t=>{t.nzExpanded=this.expanded,t.expandCode(this.expanded),t.check()})}static#n=this.\u0275fac=function(e){return new(e||o)};static#e=this.\u0275cmp=n.Xpm({type:o,selectors:[["nz-demo-tag"]],viewQuery:function(e,a){if(1&e&&n.Gf(r.G,5),2&e){let u;n.iGM(u=n.CRH())&&(a.codeBoxes=u)}},decls:209,vars:35,consts:[[1,"toc-affix",3,"nzOffsetTop"],["nzShowInkInFixed","",3,"nzAffix","nzClick"],["nzHref","#components-tag-demo-basic","nzTitle","Basic"],["nzHref","#components-tag-demo-colorful","nzTitle","Colorful Tag"],["nzHref","#components-tag-demo-control","nzTitle","Add & Remove Dynamically"],["nzHref","#components-tag-demo-checkable","nzTitle","Checkable"],["nzHref","#components-tag-demo-hot-tags","nzTitle","Hot Tags"],["nzHref","#components-tag-demo-icon","nzTitle","Icon"],["nzHref","#components-tag-demo-status","nzTitle","Status Tag"],["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/tag/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-tag-basic","nzGenerateCommand","ng g ng-zorro-antd:tag-basic <name>","nzComponentName","NzDemoTagBasicComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframeHeight","nzHref"],["demo",""],["intro",""],["nzTitle","Add & Remove Dynamically","nzSelector","nz-demo-tag-control","nzGenerateCommand","ng g ng-zorro-antd:tag-control <name>","nzComponentName","NzDemoTagControlComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframeHeight","nzHref"],["nzTitle","Hot Tags","nzSelector","nz-demo-tag-hot-tags","nzGenerateCommand","ng g ng-zorro-antd:tag-hot-tags <name>","nzComponentName","NzDemoTagHotTagsComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframeHeight","nzHref"],["nzTitle","Status Tag","nzSelector","nz-demo-tag-status","nzGenerateCommand","ng g ng-zorro-antd:tag-status <name>","nzComponentName","NzDemoTagStatusComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframeHeight","nzHref"],["nzTitle","Colorful Tag","nzSelector","nz-demo-tag-colorful","nzGenerateCommand","ng g ng-zorro-antd:tag-colorful <name>","nzComponentName","NzDemoTagColorfulComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframeHeight","nzHref"],["nzTitle","Checkable","nzSelector","nz-demo-tag-checkable","nzGenerateCommand","ng g ng-zorro-antd:tag-checkable <name>","nzComponentName","NzDemoTagCheckableComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframeHeight","nzHref"],["nzTitle","Icon","nzSelector","nz-demo-tag-icon","nzGenerateCommand","ng g ng-zorro-antd:tag-icon <name>","nzComponentName","NzDemoTagIconComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframeHeight","nzHref"],[1,"markdown","api-container"],["id","api"],["onclick","window.location.hash = 'api'",1,"anchor"],["id","nz-tag:standalone"],[1,"api-type-label","component"],[1,"api-type-label","standalone"],["onclick","window.location.hash = 'nz-tag:standalone'",1,"anchor"]],template:function(e,a){1&e&&(n.TgZ(0,"article")(1,"nz-affix",0)(2,"nz-anchor",1),n.NdJ("nzClick",function(c){return a.goLink(c)}),n._UZ(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),n.qZA()(),n.TgZ(11,"section",10)(12,"h1"),n._uU(13,"Tag"),n._UZ(14,"span",11)(15,"span",12),n.TgZ(16,"a",13),n._UZ(17,"span",14),n.qZA()(),n.TgZ(18,"section",10),n.IAx(),n.TgZ(19,"p"),n._uU(20,"Tag for categorizing or markup."),n.qZA(),n.TgZ(21,"h2",15)(22,"span"),n._uU(23,"When To Use"),n.qZA(),n.TgZ(24,"a",16),n._uU(25,"#"),n.qZA()(),n.TgZ(26,"ul")(27,"li")(28,"p"),n._uU(29,"It can be used to tag by dimension or property."),n.qZA()(),n.TgZ(30,"li")(31,"p"),n._uU(32,"When categorizing."),n.qZA()()(),n.TgZ(33,"pre",17)(34,"code")(35,"span",18),n._uU(36,"import"),n.qZA(),n._uU(37," "),n.TgZ(38,"span",19),n._uU(39,"{"),n.qZA(),n._uU(40," NzTagModule "),n.TgZ(41,"span",19),n._uU(42,"}"),n.qZA(),n._uU(43," "),n.TgZ(44,"span",18),n._uU(45,"from"),n.qZA(),n._uU(46," "),n.TgZ(47,"span",20),n._uU(48,"'ng-zorro-antd/tag'"),n.qZA(),n.TgZ(49,"span",19),n._uU(50,";"),n.qZA()()(),n.fQ9(),n.qZA(),n.TgZ(51,"h2")(52,"span"),n._uU(53,"Examples"),n.qZA(),n.TgZ(54,"span",21),n.NdJ("

1click",function(){return a.expandAllCode()}),n.qZA()()(),n.TgZ(55,"div",22)(56,"div",23)(57,"nz-code-box",24),n._UZ(58,"nz-demo-tag-basic",25),n.TgZ(59,"div",26),n.IAx(),n.TgZ(60,"p"),n._uU(61,"Usage of basic Tag, and it could be closeable by set "),n.TgZ(62,"code"),n._uU(63,'nzMode="closeable"'),n.qZA(),n._uU(64," property. Closeable Tag supports "),n.TgZ(65,"code"),n._uU(66,"nzOnClose"),n.qZA(),n._uU(67," events."),n.qZA(),n.fQ9(),n.qZA()(),n.TgZ(68,"nz-code-box",27),n._UZ(69,"nz-demo-tag-control",25),n.TgZ(70,"div",26),n.IAx(),n.TgZ(71,"p"),n._uU(72,"Generating a set of Tags by array, you can add and remove dynamically."),n.qZA(),n.fQ9(),n.qZA()(),n.TgZ(73,"nz-code-box",28),n._UZ(74,"nz-demo-tag-hot-tags",25),n.TgZ(75,"div",26),n.IAx(),n.TgZ(76,"p"),n._uU(77,"Select your favourite topics."),n.qZA(),n.fQ9(),n.qZA()(),n.TgZ(78,"nz-code-box",29),n._UZ(79,"nz-demo-tag-status",25),n.TgZ(80,"div",26),n.IAx(),n.TgZ(81,"p"),n._uU(82,"We preset five different colors, you can set "),n.TgZ(83,"code"),n._uU(84,"nzColor"),n.qZA(),n._uU(85," property such as "),n.TgZ(86,"code"),n._uU(87,"success"),n.qZA(),n._uU(88,","),n.TgZ(89,"code"),n._uU(90,"processing"),n.qZA(),n._uU(91,","),n.TgZ(92,"code"),n._uU(93,"error"),n.qZA(),n._uU(94,","),n.TgZ(95,"code"),n._uU(96,"default"),n.qZA(),n._uU(97," and "),n.TgZ(98,"code"),n._uU(99,"warning"),n.qZA(),n._uU(100," to indicate specific status."),n.qZA(),n.fQ9(),n.qZA()()(),n.TgZ(101,"div",23)(102,"nz-code-box",30),n._UZ(103,"nz-demo-tag-colorful",25),n.TgZ(104,"div",26),n.IAx(),n.TgZ(105,"p"),n._uU(106,"We preset a series of colorful tag style for different situation usage.\nAnd you can always set it to a hex color string for custom color."),n.qZA(),n.fQ9(),n.qZA()(),n.TgZ(107,"nz-code-box",31),n._UZ(108,"nz-demo-tag-checkable",25),n.TgZ(109,"div",26),n.IAx(),n.TgZ(110,"p")(111,"code"),n._uU(112,'nzMode="checkable"'),n.qZA(),n._uU(113," works like Checkbox, click it to toggle checked state."),n.qZA(),n.fQ9(),n.qZA()(),n.TgZ(114,"nz-code-box",32),n._UZ(115,"nz-demo-tag-icon",25),n.TgZ(116,"div",26),n.IAx(),n.TgZ(117,"p"),n._uU(118,"Tag components can contain an icon."),n.qZA(),n.fQ9(),n.qZA()()()(),n.TgZ(119,"section",33),n.IAx(),n.TgZ(120,"h2",34)(121,"span"),n._uU(122,"API"),n.qZA(),n.TgZ(123,"a",35),n._uU(124,"#"),n.qZA()(),n.TgZ(125,"h3",36)(126,"span"),n._uU(127,"nz-tag"),n.qZA(),n.TgZ(128,"label",37),n._uU(129,"component"),n.qZA(),n.TgZ(130,"label",38),n._uU(131,"standalone"),n.qZA(),n.TgZ(132,"a",39),n._uU(133,"#"),n.qZA()(),n.TgZ(134,"table")(135,"thead")(136,"tr")(137,"th"),n._uU(138,"Property"),n.qZA(),n.TgZ(139,"th"),n._uU(140,"Description"),n.qZA(),n.TgZ(141,"th"),n._uU(142,"Type"),n.qZA(),n.TgZ(143,"th"),n._uU(144,"Default"),n.qZA()()(),n.TgZ(145,"tbody")(146,"tr")(147,"td")(148,"code"),n._uU(149,"[nzMode]"),n.qZA()(),n.TgZ(150,"td"),n._uU(151,"Mode of tag"),n.qZA(),n.TgZ(152,"td")(153,"code"),n._uU(154,"'closeable' | 'default' | 'checkable'"),n.qZA()(),n.TgZ(155,"td")(156,"code"),n._uU(157,"'default'"),n.qZA()()(),n.TgZ(158,"tr")(159,"td")(160,"code"),n._uU(161,"[nzChecked]"),n.qZA()(),n.TgZ(162,"td"),n._uU(163,"Checked status of Tag, double binding, only works when "),n.TgZ(164,"code"),n._uU(165,'nzMode="checkable"'),n.qZA()(),n.TgZ(166,"td")(167,"code"),n._uU(168,"boolean"),n.qZA()(),n.TgZ(169,"td")(170,"code"),n._uU(171,"false"),n.qZA()()(),n.TgZ(172,"tr")(173,"td")(174,"code"),n._uU(175,"[nzColor]"),n.qZA()(),n.TgZ(176,"td"),n._uU(177,"Color of the Tag"),n.qZA(),n.TgZ(178,"td")(179,"code"),n._uU(180,"string"),n.qZA()(),n.TgZ(181,"td"),n._uU(182,"-"),n.qZA()(),n.TgZ(183,"tr")(184,"td")(185,"code"),n._uU(186,"(nzOnClose)"),n.qZA()(),n.TgZ(187,"td"),n._uU(188,"Callback executed when tag is closed, only works when "),n.TgZ(189,"code"),n._uU(190,'nzMode="closable"'),n.qZA()(),n.TgZ(191,"td")(192,"code"),n._uU(193,"EventEmitter<MouseEvent>"),n.qZA()(),n.TgZ(194,"td"),n._uU(195,"-"),n.qZA()(),n.TgZ(196,"tr")(197,"td")(198,"code"),n._uU(199,"(nzCheckedChange)"),n.qZA()(),n.TgZ(200,"td"),n._uU(201,"Checked status change call back, only works when "),n.TgZ(202,"code"),n._uU(203,'nzMode="checkable"'),n.qZA()(),n.TgZ(204,"td")(205,"code"),n._uU(206,"EventEmitter<boolean>"),n.qZA()(),n.TgZ(207,"td"),n._uU(208,"-"),n.qZA()()()(),n.fQ9(),n.qZA()()),2&e&&(n.xp6(1),n.Q6J("nzOffsetTop",16),n.xp6(1),n.Q6J("nzAffix",!1),n.xp6(53),n.Q6J("nzGutter",16),n.xp6(1),n.Q6J("nzXl",12)("nzSpan",24),n.xp6(1),n.Q6J("nzId","components-tag-demo-basic")("nzLink","components-tag-demo-basic")("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/tag/demo/basic.md"),n.xp6(11),n.Q6J("nzId","components-tag-demo-control")("nzLink","components-tag-demo-control")("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/tag/demo/control.md"),n.xp6(5),n.Q6J("nzId","components-tag-demo-hot-tags")("nzLink","components-tag-demo-hot-tags")("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/tag/demo/hot-tags.md"),n.xp6(5),n.Q6J("nzId","components-tag-demo-status")("nzLink","components-tag-demo-status")("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/tag/demo/status.md"),n.xp6(23),n.Q6J("nzXl",12)("nzSpan",24),n.xp6(1),n.Q6J("nzId","components-tag-demo-colorful")("nzLink","components-tag-demo-colorful")("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/tag/demo/colorful.md"),n.xp6(5),n.Q6J("nzId","components-tag-demo-checkable")("nzLink","components-tag-demo-checkable")("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/tag/demo/checkable.md"),n.xp6(7),n.Q6J("nzId","components-tag-demo-icon")("nzLink","components-tag-demo-icon")("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/tag/demo/icon.md"))},dependencies:[r.G,d.IT,d.Fp,_.$,z.t3,z.SK,h.SY,s.Ls,f,C,A,U,q,k,x],encapsulation:2})}return o}

1)(),w=(()=>{class o{static#n=this.\u0275fac=function(e){return new(e||o)};static#e=this.\u0275mod=n.oAB({type:o});static#t=this.\u0275inj=n.cJS({imports:[E.G,F,b.Bz.forChild([{path:"en",component:v},{path:"zh",component:Q}])]})}return o})()}}]);