https://preview-9127-ng-zorro-antd.surge.sh/chunk-AIQM3ZW4.js

1import{a as f,b as C}from"./chunk-QDCPCRSG.js";import{a as D,g as q,h as Y,m as j,n as J}from"./chunk-2ZL4YWDH.js";import"./chunk-DIGTPZB7.js";import"./chunk-ZM4OV56V.js";import{Cd as pe,Dd as $,Ed as X,Hd as U,Ja as Q,Uc as de,Yc as se,Zb as le,_a as E,ab as w,ad as ce,nd as ue,xd as ze,zc as W}from"./chunk-KK7CC6GQ.js";import{Aa as k,Ac as y,Bc as v,Cc as F,Hc as n,Ic as Z,Jb as z,Jc as P,Mc as ae,Nc as me,Oc as re,Pb as ne,Wb as l,dc as oe,ec as ie,fc as I,gc as x,hc as S,ic as e,jc as t,kc as d,oc as _,rc as p,sb as m,tc as h,xa as c,ya as u,za as N}from"./chunk-PXCXDVYP.js";import"./chunk-EQDQRRRY.js";var H=class a{onClose(){console.log("tag was closed.")}preventDefault(i){i.preventDefault(),i.stopPropagation(),console.log("tag can not be closed.")}static \u0275fac=function(o){return new(o||a)};static \u0275cmp=z({type:a,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(o,r){o&1&&(e(0,"nz-tag"),n(1,"Tag 1"),t(),e(2,"nz-tag")(3,"a",0),n(4,"Link"),t()(),e(5,"nz-tag",1),p("nzOnClose",function(){return r.onClose()}),n(6,"Tag 2"),t(),e(7,"nz-tag",1),p("nzOnClose",function(g){return r.preventDefault(g)}),n(8,"Prevent Default"),t())},dependencies:[C,f],encapsulation:2})};function fe(a,i){if(a&1&&(e(0,"nz-tag",0),n(1),t()),a&2){let o=i.$implicit;l("nzColor",o)("nzBordered",!1),m(),Z(o)}}var M=class a{tagColors=Q;static \u0275fac=function(o){return new(o||a)};static \u0275cmp=z({type:a,selectors:[["nz-demo-tag-borderless"]],decls:2,vars:0,consts:[[3,"nzColor","nzBordered"]],template:function(o,r){o&1&&x(0,fe,2,3,"nz-tag",0,I),o&2&&S(r.tagColors)},dependencies:[C,f],encapsulation:2})};var O=class a{checkChange(i){console.log(i)}static \u0275fac=function(o){return new(o||a)};static \u0275cmp=z({type:a,selectors:[["nz-demo-tag-checkable"]],decls:6,vars:3,consts:[["nzMode","checkable",3,"nzCheckedChange","nzChecked"]],template:function(o,r){o&1&&(e(0,"nz-tag",0),p("nzCheckedChange",function(g){return r.checkChange(g)}),n(1,"Tag1"),t(),e(2,"nz-tag",0),p("nzCheckedChange",function(g){return r.checkChange(g)}),n(3,"Tag2"),t(),e(4,"nz-tag",0),p("nzCheckedChange",function(g){return r.checkChange(g)}),n(5,"Tag3"),t()),o&2&&(l("nzChecked",!0),m(2),l("nzChecked",!0),m(2),l("nzChecked",!0))},dependencies:[C,f],encapsulation:2})};function Ce(a,i){if(a&1&&(e(0,"nz-tag",1),n(1),t()),a&2){let o=i.$implicit;l("nzColor",o),m(),Z(o)}}function he(a,i){if(a&1&&(e(0,"nz-tag",1),n(1),t()),a&2){let o=i.$implicit;l("nzColor",o),m(),Z(o)}}var A=class a{presetColors=Q;customColors=["#f50","#2db7f5","#87d068","#108ee9"];static \u0275fac=function(o){return new(o||a)};static \u0275cmp=z({type:a,selectors:[["nz-demo-tag-colorful"]],decls:10,vars:0,consts:[[2,"margin-bottom","16px"],[3,"nzColor"],[2,"margin","16px 0"]],template:function(o,r){o&1&&(e(0,"h4",0),n(1,"Presets:"),t(),e(2,"div"),x(3,Ce,2,2,"nz-tag",1,I),t(),e(5,"h4",2),n(6,"Custom:"),t(),e(7,"div"),x(8,he,2,2,"nz-tag",1,I),t()),o&2&&(m(3),S(r.presetColors),m(5),S(r.customColors))},dependencies:[C,f],styles:[".ant-tag[_ngcontent-%COMP%]{margin-bottom:8px}"]})};var Ee=["inputElement"];function xe(a,i){if(a&1){let o=_();e(0,"nz-tag",4),p("nzOnClose",function(){let s=N(o).$implicit,g=h();return k(g.handleClose(s))}),n(1),t()}if(a&2){let o=i.$implicit,r=i.$index,s=h();l("nzMode",r===0?"default":"closeable"),m(),P(" ",s.sliceTagName(o)," ")}}function Se(a,i){if(a&1){let o=_();e(0,"nz-tag",5),p("click",function(){N(o);let s=h();return k(s.showInput())}),d(1,"nz-icon",6),n(2," New Tag "),t()}}function Te(a,i){if(a&1){let o=_();e(0,"input",7,0),re("ngModelChange",function(s){N(o);let g=h();return me(g.inputValue,s)||(g.inputValue=s),k(s)}),p("blur",function(){N(o);let s=h();return k(s.handleInputConfirm())})("keydown.enter",function(){N(o);let s=h();return k(s.handleInputConfirm())}),t()}if(a&2){let o=h();ae("ngModel",o.inputValue)}}var R=class a{tags=["Unremovable","Tag 2","Tag 3"];inputVisible=!1;inputValue="";inputElement;handleClose(i){this.tags=this.tags.filter(o=>o!==i)}sliceTagName(i){return i.length>20?`${i.slice(0,20)}...`:i}showInput(){this.inputVisible=!0,setTimeout(()=>{this.inputElement?.nativeElement.focus()},10)}handleInputConfirm(){this.inputValue&&this.tags.indexOf(this.inputValue)===-1&&(this.tags=[...this.tags,this.inputValue]),this.inputValue="",this.inputVisible=!1}static \u0275fac=function(o){return new(o||a)};static \u0275cmp=z({type:a,selectors:[["nz-demo-tag-control"]],viewQuery:function(o,r){if(o&1&&y(Ee,5),o&2){let s;v(s=F())&&(r.inputElement=s.first)}},decls:4,vars:1,consts:[["inputElement",""],[3,"nzMode"],["nzNoAnimation","",1,"editable-tag"],["nz-input","","nzSize","small","type","text",2,"width","78px",3,"ngModel"],[3,"nzOnClose","nzMode"],["nzNoAnimation","",1,"editable-tag",3,"click"],["nzType","plus"],["nz-input","","nzSize","small","type","text",2,"width","78px",3,"ngModelChange","blur","keydown.enter","ngModel"]],template:function(o,r){o&1&&(x(0,xe,2,2,"nz-tag",1,I),ne(2,Se,3,0,"nz-tag",2)(3,Te,2,1,"input",3)),o&2&&(S(r.tags),m(2),oe(r.inputVisible?3:2))},dependencies:[ue,de,se,ce,w,E,pe,ze,C,f,le],styles:[".editable-tag[_ngcontent-%COMP%]{background:#fff;border-style:dashed}"]})};function be(a,i){if(a&1){let o=_();e(0,"nz-tag",1),p("nzCheckedChange",function(s){let g=N(o).$implicit,ge=h();return k(ge.handleChange(s,g))}),n(1),t()}if(a&2){let o=i.$implicit,r=h();l("nzChecked",r.selectedTags.indexOf(o)>-1),m(),P(" ",o," ")}}var Ne=["Movie","Books","Music","Sports"],L=class a{hotTags=Ne;selectedTags=[];handleChange(i,o){i?this.selectedTags.push(o):this.selectedTags=this.selectedTags.filter(r=>

1r!==o),console.log("You are interested in: ",this.selectedTags)}static \u0275fac=function(o){return new(o||a)};static \u0275cmp=z({type:a,selectors:[["nz-demo-tag-hot-tags"]],decls:4,vars:0,consts:[["nzMode","checkable",3,"nzChecked"],["nzMode","checkable",3,"nzCheckedChange","nzChecked"]],template:function(o,r){o&1&&(e(0,"strong"),n(1,"Categories:"),t(),x(2,be,2,2,"nz-tag",0,ie)),o&2&&(m(2),S(r.hotTags))},dependencies:[C,f],encapsulation:2})};var G=class a{static \u0275fac=function(o){return new(o||a)};static \u0275cmp=z({type:a,selectors:[["nz-demo-tag-icon"]],decls:16,vars:0,consts:[["nzColor","#55acee"],["nzType","twitter"],["nzColor","#cd201f"],["nzType","youtube"],["nzColor","#3b5999"],["nzType","facebook"],["nzType","linkedin"]],template:function(o,r){o&1&&(e(0,"nz-tag",0),d(1,"nz-icon",1),e(2,"span"),n(3,"Twitter"),t()(),e(4,"nz-tag",2),d(5,"nz-icon",3),e(6,"span"),n(7,"Youtube"),t()(),e(8,"nz-tag",4),d(9,"nz-icon",5),e(10,"span"),n(11,"Facebook"),t()(),e(12,"nz-tag",0),d(13,"nz-icon",6),e(14,"span"),n(15,"LinkedIn"),t()())},dependencies:[w,E,C,f],encapsulation:2})};var V=class a{static \u0275fac=function(o){return new(o||a)};static \u0275cmp=z({type:a,selectors:[["nz-demo-tag-status"]],decls:36,vars:0,consts:[["nzColor","success"],["nzColor","processing"],["nzColor","error"],["nzColor","warning"],["nzColor","default"],["nzType","check-circle"],["nzType","sync","nzSpin",""],["nzType","close-circle"],["nzType","exclamation-circle"],["nzType","clock-circle"]],template:function(o,r){o&1&&(e(0,"div")(1,"h4"),n(2,"Without icon"),t(),e(3,"nz-tag",0),n(4,"success"),t(),e(5,"nz-tag",1),n(6,"processing"),t(),e(7,"nz-tag",2),n(8,"error"),t(),e(9,"nz-tag",3),n(10,"warning"),t(),e(11,"nz-tag",4),n(12,"default"),t()(),e(13,"div")(14,"h4"),n(1

15,"With icon"),t(),e(16,"nz-tag",0),d(17,"nz-icon",5),e(18,"span"),n(19,"success"),t()(),e(20,"nz-tag",1),d(21,"nz-icon",6),e(22,"span"),n(23,"processing"),t()(),e(24,"nz-tag",2),d(25,"nz-icon",7),e(26,"span"),n(27,"error"),t()(),e(28,"nz-tag",3),d(29,"nz-icon",8),e(30,"span"),n(31,"warning"),t()(),e(32,"nz-tag",4),d(33,"nz-icon",9),e(34,"span"),n(35,"default"),t()()())},dependencies:[w,E,C,f],encapsulation:2})};var ee=class a{expanded=!1;codeBoxes;goLink(i){window&&(window.location.hash=i)}expandAllCode(){this.expanded=!this.expanded,this.codeBoxes.forEach(i=>i.expandCode(this.expanded))}static \u0275fac=function(o){return new(o||a)};static \u0275cmp=z({type:a,selectors:[["nz-demo-tag"]],viewQuery:function(o,r){if(o&1&&y(D,5),o&2){let s;v(s=F())&&(r.codeBoxes=s)}},decls:209,vars:47,consts:[[1,"toc-affix",3,"nzOffsetTop"],["nzShowInkInFixed","",3,"nzClick","nzAffix"],["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-borderless","nzTitle","\u65E0\u8FB9\u6846"],["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"],["nzType","edit"],["name","tag","description","\u8FDB\u884C\u6807\u8BB0\u548C\u5206\u7C7B\u7684\u5C0F\u6807\u7B7E\u3002","language","zh"],["id","\u4F55\u65F6\u4F7F\u7528"],["onclick","window.location.hash = '\u4F55\u65F6\u4F7F\u7528'",1,"anchor"],["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","nzIframe","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","nzIframe","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","nzIframe","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","nzIframe","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","nzIframe","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","nzIframe","nzIframeHeight","nzHref"],["nzTitle","\u65E0\u8FB9\u6846","nzSelector","nz-demo-tag-borderless","nzGenerateCommand","ng g ng-zorro-antd:tag-borderless <name>","nzComponentName","NzDemoTagBorderlessComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframe","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","nzIframe","nzIframeHeight","nzHref"],[1,"markdown","api-container"],["id","api"],["onclick","window.location.hash = 'api'",1,"anchor"],["id","nz-tag"],[1,"api-type-label","component"],["onclick","window.location.hash = 'nz-tag'",1,"anchor"]],template:function(o,r){o&1&&(e(0,"article")(1,"nz-affix",0)(2,"nz-anchor",1),p("nzClick",function(g){return r.goLink(g)}),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),t()(),e(12,"section",11)(13,"h1"),n(14,"Tag"),e(15,"span",12),n(16,"\u6807\u7B7E"),t(),d(17,"span",13),e(18,"a",14),d(19,"nz-icon",15),t()(),d(20,"component-meta",16),e(21,"section",11),u(),e(22,"h2",17)(23,"span"),n(24,"\u4F55\u65F6\u4F7F\u7528"),t(),e(25,"a",18),n(26,"#"),t()(),e(27,"ul")(28,"li"),n(29,"\u7528\u4E8E\u6807\u8BB0\u4

1E8B\u7269\u7684\u5C5E\u6027\u548C\u7EF4\u5EA6\u3002"),t(),e(30,"li"),n(31,"\u8FDB\u884C\u5206\u7C7B\u3002"),t()(),c(),t(),e(32,"h2")(33,"span"),n(34,"\u4EE3\u7801\u6F14\u793A"),t(),e(35,"nz-icon",19),p("click",function(){return r.expandAllCode()}),t()()(),e(36,"div",20)(37,"div",21)(38,"nz-code-box",22),d(39,"nz-demo-tag-basic",23),e(40,"div",24),u(),e(41,"p"),n(42,"\u57FA\u672C\u6807\u7B7E\u7684\u7528\u6CD5\uFF0C\u53EF\u4EE5\u901A\u8FC7\u6DFB\u52A0 "),e(43,"code"),n(44,'nzMode="closeable"'),t(),n(45," \u53D8\u4E3A\u53EF\u5173\u95ED\u6807\u7B7E\u3002\u53EF\u5173\u95ED\u6807\u7B7E\u5177\u6709 "),e(46,"code"),n(47,"nzOnClose"),t(),n(48," \u4E8B\u4EF6\u3002"),t(),c(),t()(),e(49,"nz-code-box",25),d(50,"nz-demo-tag-control",23),e(51,"div",24),u(),e(52,"p"),n(53,"\u7528\u6570\u7EC4\u751F\u6210\u4E00\u7EC4\u6807\u7B7E\uFF0C\u53EF\u4EE5\u52A8\u6001\u6DFB\u52A0\u548C\u5220\u9664\u3002"),t(),c(),t()(),e(54,"nz-code-box",26),d(55,"nz-demo-tag-hot-tags",23),e(56,"div",24),u(),e(57,"p"),n(58,"\u9009\u62E9\u4F60\u611F\u5174\u8DA3\u7684\u8BDD\u9898\u3002"),t(),c(),t()(),e(59,"nz-code-box",27),d(60,"nz-demo-tag-icon",23),e(61,"div",24),u(),e(62,"p"),n(63,"\u5728 tag \u7EC4\u4EF6\u5185\u5D4C\u5165 icon\u3002"),t(),c(),t()()(),e(64,"div",21)(65,"nz-code-box",28),d(66,"nz-demo-tag-colorful",23),e(67,"div",24),u(),e(68,"p"),n(69,"\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"),t(),c(),t()(),e(70,"nz-code-box",29),d(71,"nz-demo-tag-checkable",23),e(72,"div",24),u(),e(73,"p"),n(74,"\u53EF\u901A\u8FC7 "),e(75,"code"),n(76,'nzMode="checkable"'),t(),n(77," \u5B9E\u73B0\u7C7B\u4F3C Checkbox \u7684\u6548\u679C\uFF0C\u70B9\u51FB\u5207\u6362\u9009\u4E2D\u6548\u679C\u3002"),t(),c(),t()(),e(78,"nz-code-box",30),d(79,"nz-demo-tag-borderless",23),e(80,"div",24),u(),e(81,"p"),n(82,"\u65E0\u8FB9\u6846\u6A21\u5F0F\u3002"),t(),c(),t()(),e(83,"nz-code-box",31),d(84,"nz-demo-tag-status",23),e(85,"div",24),u(),e(86,"p"),n(87,"\u9884\u8BBE\u4E94\u79CD\u72B6\u6001\u989C\u8272\uFF0C\u53EF\u4EE5\u901A\u8FC7\u8BBE\u7F6E "),e(88,"code"),n(89,"nzColor"),t(),n(90," \u4E3A "),e(91,"code"),n(92,"success"),t(),n(93,"\u3001 "),e(94,"code"),n(95,"processing"),t(),n(96,"\u3001"),e(97,"code"),n(98,"error"),t(),n(99,"\u3001"),e(100,"code"),n(101,"default"),t(),n(102,"\u3001"),e(103,"code"),n(104,"warning"),t(),n(105," \u6765\u4EE3\u8868\u4E0D\u540C\u7684\u72B6\u6001\u3002"),t(),c(),t()()()(),e(106,"section",32),u(),e(107,"h2",33)(108,"span"),n(109,"API"),t(),e(110,"a",34),n(111,"#"),t()(),e(112,"h3",35)(113,"span"),n(114,"nz-tag"),t(),e(115,"label",36),n(116,"component"),t(),e(117,"a",37),n(118,"#"),t()(),e(119,"table")(120,"thead")(121,"tr")(122,"th"),n(123,"\u53C2\u6570"),t(),e(124,"th"),n(125,"\u8BF4\u660E"),t(),e(126,"th"),n(127,"\u7C7B\u578B"),t(),e(128,"th"),n(129,"\u9ED8\u8BA4\u503C"),t()()(),e(130,"tbody")(131,"tr")(132,"td")(133,"code"),n(134,"[nzMode]"),t()(),e(135,"td"),n(136,"\u8BBE\u5B9A\u6807\u7B7E\u5DE5\u4F5C\u7684\u6A21\u5F0F"),t(),e(137,"td")(138,"code"),n(139,"'closeable' | 'default' | 'checkable'"),t()(),e(140,"td")(141,"code"),n(142,"'default'"),t()()(),e(143,"tr")(144,"td")(145,"code"),n(146,"[nzChecked]"),t()(),e(147,"td"),n(148,"\u8BBE\u7F6E\u6807\u7B7E\u7684\u9009\u4E2D\u72B6\u6001\uFF0C\u53EF\u53CC\u5411\u7ED1\u5B9A\uFF0C\u5728 "),e(149,"code"),n(150,'nzMode="checkable"'),t(),n(151," \u65F6\u53EF\u7528"),t(),e(152,"td")(153,"code"),n(154,"boolean"),t()(),e(155,"td")(156,"code"),n(157,"false"),t()()(),e(158,"tr")(159,"td")(160,"code"),n(161,"[nzColor]"),t()(),e(162,"td"),n(163,"\u6807\u7B7E\u8272"),t(),e(164,"td")(165,"code"),n(166,"string"),t()(),e(167,"td"),n(168,"-"),t()(),e(169,"tr")(170,"td")(171,"code"),n(172,"[nzBordered]"),t()(),e(173,"td"),n(174,"\u662F\u5426\u6709\u8FB9\u6846"),t(),e(175,"td")(176,"code"),n(177,"boolean"),t()(),e(178,"td")(179,"code"),n(180,"true"),t()()(),e(181,"tr")(182,"td")(183,"code"),n(184,"(nzOnClose)"),t()(),e(185,"td"),n(186,"\u5173\u95ED\u65F6\u7684\u56DE\u8C03\uFF0C\u5728 "),e(187,"code"),n(188,'nzMode="closable"'),t(),n(189," \u65F6\u53EF\u7528"),t(),e(190,"td")(191,"code"),n(192,"EventEmitter<MouseEvent>"),t()(),e(193,"td"),n(194,"-"),t()(),e(195,"tr")(196,"td")(197,"code"),n(198,"(nzCheckedChange)"),t()(),e(199,"td"),n(200,"\u8BBE\u7F6E\u6807\u7B7E\u7684\u9009\u4E2D\u72B6\u6001\u7684\u56DE\u8C03\uFF0C\u5728 "),e(201,"code"),n(202,'nzMode="checkable"'),t(),n(203," \u65F6\u53EF\u7528"),t(),e(204,"td")(205,"code"),n(206,"EventEmitter<void>"),t()(),e(207,"td"),n(208,"-"),t()()()(),c(),t()()),o&2&&(m(),l("nzOff

1setTop",16),m(),l("nzAffix",!1),m(34),l("nzGutter",16),m(),l("nzXl",12)("nzSpan",24),m(),l("nzId","components-tag-demo-basic")("nzLink","components-tag-demo-basic")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/tag/demo/basic.md"),m(11),l("nzId","components-tag-demo-control")("nzLink","components-tag-demo-control")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/tag/demo/control.md"),m(5),l("nzId","components-tag-demo-hot-tags")("nzLink","components-tag-demo-hot-tags")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/tag/demo/hot-tags.md"),m(5),l("nzId","components-tag-demo-icon")("nzLink","components-tag-demo-icon")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/tag/demo/icon.md"),m(5),l("nzXl",12)("nzSpan",24),m(),l("nzId","components-tag-demo-colorful")("nzLink","components-tag-demo-colorful")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/tag/demo/colorful.md"),m(5),l("nzId","components-tag-demo-checkable")("nzLink","components-tag-demo-checkable")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/tag/demo/checkable.md"),m(8),l("nzId","components-tag-demo-borderless")("nzLink","components-tag-demo-borderless")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/tag/demo/borderless.md"),m(5),l("nzId","components-tag-demo-status")("nzLink","components-tag-demo-status")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/tag/demo/status.md"))},dependencies:[J,D,j,q,Y,U,X,$,W,E,H,M,O,A,R,L,G,V],encapsulation:2})};var te=class a{expanded=!1;codeBoxes;goLink(i){window&&(window.location.hash=i)}expandAllCode(){this.expanded=!this.expanded,this.codeBoxes.forEach(i=>i.expandCode(this.expanded))}static \u0275fac=function(o){return new(o||a)};static \u0275cmp=z({type:a,selectors:[["nz-demo-tag"]],viewQuery:function(o,r){if(o&1&&y(D,5),o&2){let s;v(s=F())&&(r.codeBoxes=s)}},decls:206,vars:47,consts:[[1,"toc-affix",3,"nzOffsetTop"],["nzShowInkInFixed","",3,"nzClick","nzAffix"],["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-borderless","nzTitle","Borderless"],["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"],["nzType","edit"],["name","tag","description","Used for marking and categorization.","language","en"],["id","when_to_use"],["onclick","window.location.hash = 'when_to_use'",1,"anchor"],["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","nzIframe","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","nzIframe","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","nzIframe","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","nzIframe","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","nzIframe","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","nzIframe","nzIframeHeight","nzHref"],["nzTitle","Borderless","nzSelector","nz-demo-tag-borderless","nzGenerateCommand","ng g ng-zorro-antd:tag-borderless <name>","nzComponentName","NzDemoTagBorderlessComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframe","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","nzIframe","nzIframeHeight","nzHref"],[1,"markdown","api-container"],["id","api"],["onclick","window.location.hash = 'api'",1,"anchor"],["id","nz-tag"],[1,"api-type-label","component"],["onclick","window.location.hash = 'nz-tag'",1,"anchor"]],template:function(o,r){o&1&&(e(0,"article")(1,"nz-affix",0)(2,"nz-anchor",1),p("nzClick",function(g){return r.goLink(g)}),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),t()(),e(12,"section",11)(13,"h1"),n(14,"Tag"),d(15,"span",12)(16,"span",13),e(17,"a",14),d(18,"nz-icon",15),t()(),d(19,"component-meta",16),e(20,"section",11),u(),e(2

11,"h2",17)(22,"span"),n(23,"When To Use"),t(),e(24,"a",18),n(25,"#"),t()(),e(26,"ul")(27,"li")(28,"p"),n(29,"It can be used to tag by dimension or property."),t()(),e(30,"li")(31,"p"),n(32,"When categorizing."),t()()(),c(),t(),e(33,"h2")(34,"span"),n(35,"Examples"),t(),e(36,"nz-icon",19),p("click",function(){return r.expandAllCode()}),t()()(),e(37,"div",20)(38,"div",21)(39,"nz-code-box",22),d(40,"nz-demo-tag-basic",23),e(41,"div",24),u(),e(42,"p"),n(43,"Usage of basic Tag, and it could be closeable by set "),e(44,"code"),n(45,'nzMode="closeable"'),t(),n(46," property. Closeable Tag supports "),e(47,"code"),n(48,"nzOnClose"),t(),n(49," events."),t(),c(),t()(),e(50,"nz-code-box",25),d(51,"nz-demo-tag-control",23),e(52,"div",24),u(),e(53,"p"),n(54,"Generating a set of Tags by array, you can add and remove dynamically."),t(),c(),t()(),e(55,"nz-code-box",26),d(56,"nz-demo-tag-hot-tags",23),e(57,"div",24),u(),e(58,"p"),n(59,"Select your favourite topics."),t(),c(),t()(),e(60,"nz-code-box",27),d(61,"nz-demo-tag-icon",23),e(62,"div",24),u(),e(63,"p"),n(64,"Tag components can contain an icon."),t(),c(),t()()(),e(65,"div",21)(66,"nz-code-box",28),d(67,"nz-demo-tag-colorful",23),e(68,"div",24),u(),e(69,"p"),n(70,`We preset a series of colorful tag style for different situation usage.
2And you can always set it to a hex color string for custom color.`),t(),c(),t()(),e(71,"nz-code-box",29),d(72,"nz-demo-tag-checkable",23),e(73,"div",24),u(),e(74,"p")(75,"code"),n(76,'nzMode="checkable"'),t(),n(77," works like Checkbox, click it to toggle checked state."),t(),c(),t()(),e(78,"nz-code-box",30),d(79,"nz-demo-tag-borderless",23),e(80,"div",24),u(),e(81,"p"),n(82,"borderless."),t(),c(),t()(),e(83,"nz-code-box",31),d(84,"nz-demo-tag-status",23),e(85,"div",24),u(),e(86,"p"),n(87,"We preset five different colors, you can set "),e(88,"code"),n(89,"nzColor"),t(),n(90," property such as "),e(91,"code"),n(92,"success"),t(),n(93,","),e(94,"code"),n(95,"processing"),t(),n(96,","),e(97,"code"),n(98,"error"),t(),n(99,","),e(100,"code"),n(101,"default"),t(),n(102," and "),e(103,"code"),n(104,"warning"),t(),n(105," to indicate specific status."),t(),c(),t()()()(),e(106,"section",32),u(),e(107,"h2",33)(108,"span"),n(109,"API"),t(),e(110,"a",34),n(111,"#"),t()(),e(112,"h3",35)(113,"span"),n(114,"nz-tag"),t(),e(115,"label",36),n(116,"component"),t(),e(117,"a",37),n(118,"#"),t()(),e(119,"table")(120,"thead")(121,"tr")(122,"th"),n(123,"Property"),t(),e(124,"th"),n(125,"Description"),t(),e(126,"th"),n(127,"Type"),t(),e(128,"th"),n(129,"Default"),t()()(),e(130,"tbody")(131,"tr")(132,"td")(133,"code"),n(134,"[nzMode]"),t()(),e(135,"td"),n(136,"Mode of tag"),t(),e(137,"td")(138,"code"),n(139,"'closeable' | 'default' | 'checkable'"),t()(),e(140,"td")(141,"code"),n(142,"'default'"),t()()(),e(143,"tr")(144,"td")(145,"code"),n(146,"[nzChecked]"),t()(),e(147,"td"),n(148,"Checked status of Tag, double binding, only works when "),e(149,"code"),n(150,'nzMode="checkable"'),t()(),e(151,"td")(152,"code"),n(153,"boolean"),t()(),e(154,"td")(155,"code"),n(156,"false"),t()()(),e(157,"tr")(158,"td")(159,"code"),n(160,"[nzColor]"),t()(),e(161,"td"),n(162,"Color of the Tag"),t(),e(163,"td")(164,"code"),n(165,"string"),t()(),e(166,"td"),n(167,"-"),t()(),e(168,"tr")(169,"td")(170,"code"),n(171,"[nzBordered]"),t()(),e(172,"td"),n(173,"Whether has border style"),t(),e(174,"td")(175,"code"),n(176,"boolean"),t()(),e(177,"td")(178,"code"),n(179,"true"),t()()(),e(180,"tr")(181,"td")(182,"code"),n(183,"(nzOnClose)"),t()(),e(184,"td"),n(185,"Callback executed when tag is closed, only works when "),e(186,"code"),n(187,'nzMode="closable"'),t()(),e(188,"td")(189,"code"),n(190,"EventEmitter<MouseEvent>"),t()(),e(191,"td"),n(192,"-"),t()(),e(193,"tr")(194,"td")(195,"code"),n(196,"(nzCheckedChange)"),t()(),e(197,"td"),n(198,"Checked status change call back, only works when "),e(199,"code"),n(200,'nzMode="checkable"'),t()(),e(201,"td")(202,"code"),n(203,"EventEmitter<boolean>"),t()(),e(204,"td"),n(205,"-"),t()()()(),c(),t()()),o&2&&(m(),l("nzOffsetTop",16),m(),l("nzAffix",!1),m(35),l("nzGutter",16),m(),l("nzXl",12)("nzSpan",24),m(),l("nzId","components-tag-demo-basic")("nzLink","components-tag-demo-basic")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/tag/demo/basic.md"),m(11),l("nzId","components-tag-demo-control")("nzLink","components-tag-demo-control")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/tag/demo/control.md"),m(5),l("nzId","components-tag-demo-hot-tags")("nzLink","components-tag-demo-hot-tags")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/tag/demo/hot-tags.md"),m(5),l("nzId","components-tag-demo-icon")("nzLink","components-tag-demo-icon")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/tag/demo/icon.md"),m(5),l("nzXl",12)("nzSpan",24),m(),l("nzId","components-tag-demo-colorful")("nzLink","components-tag-demo-colorful")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/tag/demo/colorful.md"),m(5),l("nzId","components-tag-demo-checkable")("nzLink","components-tag-demo-checkable")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/tag/demo/checkable.md"),m(7),l("nzId","components-tag-demo-borderless")("nzLink","components-tag-demo-borderless")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/tag/demo/borderless.md"),m(5),l("nzId","components-tag-demo-status")("nzLink","components-tag-demo-status")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/tag/demo/status.md"))},dependencies:[J,D,j,q,Y,U,X,$,W,E,H,M,O,A,R,L,G,V],encapsulation:2})};var ve=[{path:"en",component:te},{path:"zh",component:ee}],Bt=ve;export{Bt as default};