-
Notifications
You must be signed in to change notification settings - Fork 11
/
chunk-2XNL5NKY.js
6 lines (6 loc) · 44.4 KB
/
chunk-2XNL5NKY.js
1
2
3
4
5
6
import{d as Ee,e as be}from"./chunk-KWVNTGS4.js";import"./chunk-MPDZYTJY.js";import{a as X,b as U}from"./chunk-JU572LED.js";import{a as c,b as fe,c as z}from"./chunk-3MTJK7JU.js";import{a as pe,b as ze,c as ce,d as ge}from"./chunk-HVFPNQ3B.js";import{a as se}from"./chunk-6AJOFIIP.js";import"./chunk-3LAVY7RV.js";import{a as h,g as P,h as W,j as Q}from"./chunk-PNYJKZIQ.js";import"./chunk-UJZP7RYT.js";import{Ca as f,Ea as C,Fc as R,Hc as L,Ic as G,Lc as Z,ec as O,oc as _,sc as M}from"./chunk-YWVGY2C2.js";import{Aa as p,Ac as D,Ba as re,Bc as y,Ca as le,Cc as w,Gc as k,Hc as n,Ib as s,Mc as T,Nc as I,Oc as H,Pb as N,Qc as F,Wb as d,_c as A,fc as ae,gc as me,hc as de,ic as t,jc as e,kc as i,oc as ue,rb as m,rc as x,za as u}from"./chunk-GBKJFEQZ.js";import"./chunk-EQDQRRRY.js";function Ce(o,B){o&1&&i(0,"nz-icon",4)}var V=(()=>{class o{static{this.\u0275fac=function(a){return new(a||o)}}static{this.\u0275cmp=s({type:o,selectors:[["nz-demo-badge-basic"]],decls:8,vars:3,consts:[["iconTemplate",""],[3,"nzCount"],[1,"head-example"],["nzShowZero","",3,"nzCount"],["nzType","clock-circle",1,"ant-scroll-number-custom-component",2,"color","#f5222d"]],template:function(a,l){if(a&1&&(t(0,"nz-badge",1),i(1,"a",2),e(),t(2,"nz-badge",3),i(3,"a",2),e(),t(4,"nz-badge",1),i(5,"a",2),e(),N(6,Ce,1,0,"ng-template",null,0,A)),a&2){let g=k(7);d("nzCount",5),m(2),d("nzCount",0),m(2),d("nzCount",g)}},dependencies:[z,c,C,f],styles:["nz-badge[_ngcontent-%COMP%]{margin-right:20px}.head-example[_ngcontent-%COMP%]{width:42px;height:42px;border-radius:4px;background:#eee;display:inline-block;vertical-align:middle}"]})}}return o})();var q=(()=>{class o{constructor(){this.count=5,this.dot=!0}addCount(){this.count++}minusCount(){this.count=Math.max(0,this.count-1)}static{this.\u0275fac=function(a){return new(a||o)}}static{this.\u0275cmp=s({type:o,selectors:[["nz-demo-badge-change"]],decls:13,vars:3,consts:[[3,"nzCount"],[1,"head-example"],["nz-button","",3,"click"],["nzType","minus"],["nzType","plus"],[3,"nzDot"],[3,"ngModelChange","ngModel"]],template:function(a,l){a&1&&(t(0,"div")(1,"nz-badge",0),i(2,"a",1),e(),t(3,"nz-button-group")(4,"button",2),x("click",function(){return l.minusCount()}),i(5,"nz-icon",3),e(),t(6,"button",2),x("click",function(){return l.addCount()}),i(7,"nz-icon",4),e()()(),i(8,"br"),t(9,"div")(10,"nz-badge",5),i(11,"a",1),e(),t(12,"nz-switch",6),H("ngModelChange",function(S){return I(l.dot,S)||(l.dot=S),S}),e()()),a&2&&(m(),d("nzCount",l.count),m(9),d("nzDot",l.dot),m(2),T("ngModel",l.dot))},dependencies:[R,_,M,z,c,ge,ze,ce,pe,se,C,f,U,X],styles:["nz-badge[_ngcontent-%COMP%]{margin-right:20px}nz-badge.ant-badge-rtl[_ngcontent-%COMP%]{margin-right:0;margin-left:20px}.head-example[_ngcontent-%COMP%]{width:42px;height:42px;border-radius:4px;background:#eee;display:inline-block;vertical-align:middle}"]})}}return o})();function Fe(o,B){if(o&1&&(t(0,"div"),i(1,"nz-badge",0),e()),o&2){let r=B.$implicit;m(),d("nzColor",r)("nzText",r)}}function ve(o,B){if(o&1&&(t(0,"div"),i(1,"nz-badge",0),e()),o&2){let r=B.$implicit;m(),d("nzColor",r)("nzText",r)}}var j=(()=>{class o{constructor(){this.presets=["pink","red","yellow","orange","cyan","green","blue","purple","geekblue","magenta","volcano","gold","lime"],this.customColors=["#f50","#2db7f5","#87d068","#108ee9"]}static{this.\u0275fac=function(a){return new(a||o)}}static{this.\u0275cmp=s({type:o,selectors:[["nz-demo-badge-colorful"]],decls:9,vars:0,consts:[[3,"nzColor","nzText"]],template:function(a,l){a&1&&(t(0,"h4"),n(1,"Presets:"),e(),me(2,Fe,2,2,"div",null,ae),i(4,"br"),t(5,"h4"),n(6,"Custom:"),e(),me(7,ve,2,2,"div",null,ae)),a&2&&(m(2),de(l.presets),m(5),de(l.customColors))},dependencies:[z,c],encapsulation:2})}}return o})();var J=(()=>{class o{static{this.\u0275fac=function(a){return new(a||o)}}static{this.\u0275cmp=s({type:o,selectors:[["nz-demo-badge-dot"]],decls:7,vars:1,consts:[["nzDot",""],["nzType","notification"],["nzDot","",3,"nzShowDot"]],template:function(a,l){a&1&&(t(0,"nz-badge",0),i(1,"nz-icon",1),e(),t(2,"nz-badge",2),i(3,"nz-icon",1),e(),t(4,"nz-badge",0)(5,"a"),n(6,"Link something"),e()()),a&2&&(m(2),d("nzShowDot",!1))},dependencies:[z,c,C,f],styles:["nz-badge[_ngcontent-%COMP%]{margin-right:20px}nz-icon[_ngcontent-%COMP%]{width:16px;height:16px;line-height:16px;font-size:16px}"]})}}return o})();var K=(()=>{class o{static{this.\u0275fac=function(a){return new(a||o)}}static{this.\u0275cmp=s({type:o,selectors:[["nz-demo-badge-link"]],decls:3,vars:1,consts:[[3,"nzCount"],[1,"head-example"]],template:function(a,l){a&1&&(t(0,"a")(1,"nz-badge",0),i(2,"a",1),e()()),a&2&&(m(),d("nzCount",5))},dependencies:[z,c],styles:[".head-example[_ngcontent-%COMP%]{width:42px;height:42px;border-radius:4px;background:#eee;display:inline-block;vertical-align:middle}"]})}}return o})();var Ne=()=>({backgroundColor:"#fff",color:"#999",boxShadow:"0 0 0 1px #d9d9d9 inset"}),De=()=>({backgroundColor:"#52c41a"});function ye(o,B){o&1&&i(0,"nz-icon",5)}var Y=(()=>{class o{constructor(){this.show=!0}static{this.\u0275fac=function(a){return new(a||o)}}static{this.\u0275cmp=s({type:o,selectors:[["nz-demo-badge-no-wrapper"]],decls:8,vars:9,consts:[["iconTemplate",""],[3,"ngModelChange","ngModel"],["nzStandalone","",3,"nzCount"],["nzStandalone","",3,"nzCount","nzStyle"],[1,"head-example"],["nzType","clock-circle",1,"ant-scroll-number-custom-component",2,"color","#f5222d"]],template:function(a,l){if(a&1){let g=ue();t(0,"nz-switch",1),H("ngModelChange",function(oe){return re(g),I(l.show,oe)||(l.show=oe),le(oe)}),e(),i(1,"nz-badge",2)(2,"nz-badge",3),t(3,"nz-badge",2),i(4,"a",4),e(),N(5,ye,1,0,"ng-template",null,0,A),i(7,"nz-badge",3)}if(a&2){let g=k(6);T("ngModel",l.show),m(),d("nzCount",l.show?25:0),m(),d("nzCount",l.show?4:0)("nzStyle",F(7,Ne)),m(),d("nzCount",l.show?g:0),m(4),d("nzCount",l.show?109:0)("nzStyle",F(8,De))}},dependencies:[R,_,M,z,c,C,f,U,X],styles:["nz-badge[_ngcontent-%COMP%]{margin-right:20px}"]})}}return o})();var we=()=>[10,10],$=(()=>{class o{static{this.\u0275fac=function(a){return new(a||o)}}static{this.\u0275cmp=s({type:o,selectors:[["nz-demo-badge-offset"]],decls:3,vars:3,consts:[[3,"nzCount","nzOffset"],[1,"head-example"]],template:function(a,l){a&1&&(t(0,"a")(1,"nz-badge",0),i(2,"a",1),e()()),a&2&&(m(),d("nzCount",5)("nzOffset",F(2,we)))},dependencies:[z,c],styles:[".head-example[_ngcontent-%COMP%]{width:42px;height:42px;border-radius:4px;background:#eee;display:inline-block;vertical-align:middle}"]})}}return o})();var ee=(()=>{class o{static{this.\u0275fac=function(a){return new(a||o)}}static{this.\u0275cmp=s({type:o,selectors:[["nz-demo-badge-overflow"]],decls:8,vars:6,consts:[[3,"nzCount"],[1,"head-example"],[3,"nzCount","nzOverflowCount"]],template:function(a,l){a&1&&(t(0,"nz-badge",0),i(1,"a",1),e(),t(2,"nz-badge",0),i(3,"a",1),e(),t(4,"nz-badge",2),i(5,"a",1),e(),t(6,"nz-badge",2),i(7,"a",1),e()),a&2&&(d("nzCount",99),m(2),d("nzCount",200),m(2),d("nzCount",200)("nzOverflowCount",10),m(2),d("nzCount",1e4)("nzOverflowCount",999))},dependencies:[z,c],styles:["nz-badge[_ngcontent-%COMP%]{margin-right:20px}.head-example[_ngcontent-%COMP%]{width:42px;height:42px;border-radius:4px;background:#eee;display:inline-block;vertical-align:middle}"]})}}return o})();var te=(()=>{class o{static{this.\u0275fac=function(a){return new(a||o)}}static{this.\u0275cmp=s({type:o,selectors:[["nz-demo-badge-ribbon"]],decls:31,vars:0,consts:[["nzText","Hippies"],["nzTitle","Pushes open the window","nzSize","small"],["nzText","Hippies","nzColor","pink"],["nzText","Hippies","nzColor","red"],["nzText","Hippies","nzColor","cyan"],["nzText","Hippies","nzColor","green"],["nzText","Hippies","nzColor","purple"],["nzText","Hippies","nzColor","volcano"],["nzText","Hippies","nzColor","magenta"]],template:function(a,l){a&1&&(t(0,"nz-ribbon",0)(1,"nz-card",1),n(2," And raises the spyglass. "),e()(),i(3,"br"),t(4,"nz-ribbon",2)(5,"nz-card",1),n(6," And raises the spyglass. "),e()(),i(7,"br"),t(8,"nz-ribbon",3)(9,"nz-card",1),n(10," And raises the spyglass. "),e()(),i(11,"br"),t(12,"nz-ribbon",4)(13,"nz-card",1),n(14," And raises the spyglass. "),e()(),i(15,"br"),t(16,"nz-ribbon",5)(17,"nz-card",1),n(18," And raises the spyglass. "),e()(),i(19,"br"),t(20,"nz-ribbon",6)(21,"nz-card",1),n(22," And raises the spyglass. "),e()(),i(23,"br"),t(24,"nz-ribbon",7)(25,"nz-card",1),n(26," And raises the spyglass. "),e()(),i(27,"br"),t(28,"nz-ribbon",8)(29,"nz-card",1),n(30," And raises the spyglass. "),e()())},dependencies:[z,fe,be,Ee],encapsulation:2})}}return o})();var ne=(()=>{class o{static{this.\u0275fac=function(a){return new(a||o)}}static{this.\u0275cmp=s({type:o,selectors:[["nz-demo-badge-size"]],decls:4,vars:2,consts:[["nzSize","default",3,"nzCount"],[1,"head-example"],["nzSize","small",3,"nzCount"]],template:function(a,l){a&1&&(t(0,"nz-badge",0),i(1,"a",1),e(),t(2,"nz-badge",2),i(3,"a",1),e()),a&2&&(d("nzCount",5),m(2),d("nzCount",5))},dependencies:[z,c],styles:["nz-badge[_ngcontent-%COMP%]{margin-right:20px}.head-example[_ngcontent-%COMP%]{width:42px;height:42px;border-radius:4px;background:#eee;display:inline-block;vertical-align:middle}"]})}}return o})();var ie=(()=>{class o{static{this.\u0275fac=function(a){return new(a||o)}}static{this.\u0275cmp=s({type:o,selectors:[["nz-demo-badge-status"]],decls:16,vars:0,consts:[["nzStatus","success"],["nzStatus","error"],["nzStatus","default"],["nzStatus","processing"],["nzStatus","warning"],["nzStatus","success","nzText","Success"],["nzStatus","error","nzText","Error"],["nzStatus","default","nzText","Default"],["nzStatus","processing","nzText","Processing"],["nzStatus","warning","nzText","Warning"]],template:function(a,l){a&1&&i(0,"nz-badge",0)(1,"nz-badge",1)(2,"nz-badge",2)(3,"nz-badge",3)(4,"nz-badge",4)(5,"br")(6,"nz-badge",5)(7,"br")(8,"nz-badge",6)(9,"br")(10,"nz-badge",7)(11,"br")(12,"nz-badge",8)(13,"br")(14,"nz-badge",9)(15,"br")},dependencies:[z,c],encapsulation:2})}}return o})();var xe=(()=>{class o{constructor(){this.expanded=!1}goLink(r){window&&(window.location.hash=r)}expandAllCode(){this.expanded=!this.expanded,this.codeBoxes.forEach(r=>r.expandCode(this.expanded))}static{this.\u0275fac=function(a){return new(a||o)}}static{this.\u0275cmp=s({type:o,selectors:[["nz-demo-badge"]],viewQuery:function(a,l){if(a&1&&D(h,5),a&2){let g;y(g=w())&&(l.codeBoxes=g)}},decls:474,vars:51,consts:[[1,"toc-affix",3,"nzOffsetTop"],["nzShowInkInFixed","",3,"nzClick","nzAffix"],["nzHref","#components-badge-demo-basic","nzTitle","\u57FA\u672C"],["nzHref","#components-badge-demo-no-wrapper","nzTitle","\u72EC\u7ACB\u4F7F\u7528"],["nzHref","#components-badge-demo-overflow","nzTitle","\u5C01\u9876\u6570\u5B57"],["nzHref","#components-badge-demo-dot","nzTitle","\u8BA8\u5ACC\u7684\u5C0F\u7EA2\u70B9"],["nzHref","#components-badge-demo-link","nzTitle","\u53EF\u70B9\u51FB"],["nzHref","#components-badge-demo-change","nzTitle","\u52A8\u6001"],["nzHref","#components-badge-demo-offset","nzTitle","\u81EA\u5B9A\u4E49\u4F4D\u7F6E\u504F\u79FB"],["nzHref","#components-badge-demo-status","nzTitle","\u72B6\u6001\u70B9"],["nzHref","#components-badge-demo-size","nzTitle","\u5927\u5C0F"],["nzHref","#components-badge-demo-colorful","nzTitle","\u591A\u5F69\u5FBD\u6807"],["nzHref","#components-badge-demo-ribbon","nzTitle","\u7F0E\u5E26"],["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/badge/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"],["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-badge-basic","nzGenerateCommand","ng g ng-zorro-antd:badge-basic <name>","nzComponentName","NzDemoBadgeBasicComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframeHeight","nzHref"],["demo",""],["intro",""],["nzTitle","\u5C01\u9876\u6570\u5B57","nzSelector","nz-demo-badge-overflow","nzGenerateCommand","ng g ng-zorro-antd:badge-overflow <name>","nzComponentName","NzDemoBadgeOverflowComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframeHeight","nzHref"],["nzTitle","\u53EF\u70B9\u51FB","nzSelector","nz-demo-badge-link","nzGenerateCommand","ng g ng-zorro-antd:badge-link <name>","nzComponentName","NzDemoBadgeLinkComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframeHeight","nzHref"],["nzTitle","\u81EA\u5B9A\u4E49\u4F4D\u7F6E\u504F\u79FB","nzSelector","nz-demo-badge-offset","nzGenerateCommand","ng g ng-zorro-antd:badge-offset <name>","nzComponentName","NzDemoBadgeOffsetComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframeHeight","nzHref"],["nzTitle","\u5927\u5C0F","nzSelector","nz-demo-badge-size","nzGenerateCommand","ng g ng-zorro-antd:badge-size <name>","nzComponentName","NzDemoBadgeSizeComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframeHeight","nzHref"],["nzTitle","\u7F0E\u5E26","nzSelector","nz-demo-badge-ribbon","nzGenerateCommand","ng g ng-zorro-antd:badge-ribbon <name>","nzComponentName","NzDemoBadgeRibbonComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframeHeight","nzHref"],["nzTitle","\u72EC\u7ACB\u4F7F\u7528","nzSelector","nz-demo-badge-no-wrapper","nzGenerateCommand","ng g ng-zorro-antd:badge-no-wrapper <name>","nzComponentName","NzDemoBadgeNoWrapperComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframeHeight","nzHref"],["nzTitle","\u8BA8\u5ACC\u7684\u5C0F\u7EA2\u70B9","nzSelector","nz-demo-badge-dot","nzGenerateCommand","ng g ng-zorro-antd:badge-dot <name>","nzComponentName","NzDemoBadgeDotComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframeHeight","nzHref"],["nzTitle","\u52A8\u6001","nzSelector","nz-demo-badge-change","nzGenerateCommand","ng g ng-zorro-antd:badge-change <name>","nzComponentName","NzDemoBadgeChangeComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframeHeight","nzHref"],["nzTitle","\u72B6\u6001\u70B9","nzSelector","nz-demo-badge-status","nzGenerateCommand","ng g ng-zorro-antd:badge-status <name>","nzComponentName","NzDemoBadgeStatusComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframeHeight","nzHref"],["nzTitle","\u591A\u5F69\u5FBD\u6807","nzSelector","nz-demo-badge-colorful","nzGenerateCommand","ng g ng-zorro-antd:badge-colorful <name>","nzComponentName","NzDemoBadgeColorfulComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframeHeight","nzHref"],[1,"markdown","api-container"],["id","api"],["onclick","window.location.hash = 'api'",1,"anchor"],[1,"language-html"],[1,"token","tag"],[1,"token","attr-name"],[1,"token","attr-value"],["id","nz-badge"],[1,"api-type-label","component"],["onclick","window.location.hash = 'nz-badge'",1,"anchor"],["id","nz-ribbon"],["onclick","window.location.hash = 'nz-ribbon'",1,"anchor"]],template:function(a,l){a&1&&(t(0,"article")(1,"nz-affix",0)(2,"nz-anchor",1),x("nzClick",function(S){return l.goLink(S)}),i(3,"nz-link",2)(4,"nz-link",3)(5,"nz-link",4)(6,"nz-link",5)(7,"nz-link",6)(8,"nz-link",7)(9,"nz-link",8)(10,"nz-link",9)(11,"nz-link",10)(12,"nz-link",11)(13,"nz-link",12)(14,"nz-link",13),e()(),t(15,"section",14)(16,"h1"),n(17,"Badge"),t(18,"span",15),n(19,"\u5FBD\u6807\u6570"),e(),i(20,"span",16),t(21,"a",17),i(22,"nz-icon",18),e()(),t(23,"section",14),p(),t(24,"p"),n(25,"\u56FE\u6807\u53F3\u4E0A\u89D2\u7684\u5706\u5F62\u5FBD\u6807\u6570\u5B57\u3002"),e(),t(26,"h2",19)(27,"span"),n(28,"\u4F55\u65F6\u4F7F\u7528"),e(),t(29,"a",20),n(30,"#"),e()(),t(31,"p"),n(32,"\u4E00\u822C\u51FA\u73B0\u5728\u901A\u77E5\u56FE\u6807\u6216\u5934\u50CF\u7684\u53F3\u4E0A\u89D2\uFF0C\u7528\u4E8E\u663E\u793A\u9700\u8981\u5904\u7406\u7684\u6D88\u606F\u6761\u6570\uFF0C\u901A\u8FC7\u9192\u76EE\u89C6\u89C9\u5F62\u5F0F\u5438\u5F15\u7528\u6237\u5904\u7406\u3002"),e(),t(33,"pre",21)(34,"code")(35,"span",22),n(36,"import"),e(),n(37," "),t(38,"span",23),n(39,"{"),e(),n(40," NzBadgeModule "),t(41,"span",23),n(42,"}"),e(),n(43," "),t(44,"span",22),n(45,"from"),e(),n(46," "),t(47,"span",24),n(48,"'ng-zorro-antd/badge'"),e(),t(49,"span",23),n(50,";"),e()()(),u(),e(),t(51,"h2")(52,"span"),n(53,"\u4EE3\u7801\u6F14\u793A"),e(),t(54,"span",25),x("click",function(){return l.expandAllCode()}),e()()(),t(55,"div",26)(56,"div",27)(57,"nz-code-box",28),i(58,"nz-demo-badge-basic",29),t(59,"div",30),p(),t(60,"p"),n(61,"\u7B80\u5355\u7684\u5FBD\u7AE0\u5C55\u793A\uFF0C\u5F53 "),t(62,"code"),n(63,"nzCount"),e(),n(64," \u4E3A "),t(65,"code"),n(66,"0"),e(),n(67," \u65F6\uFF0C\u9ED8\u8BA4\u4E0D\u663E\u793A\uFF0C\u4F46\u662F\u53EF\u4EE5\u4F7F\u7528 "),t(68,"code"),n(69,"nzShowZero"),e(),n(70," \u4FEE\u6539\u4E3A\u663E\u793A\u3002"),e(),u(),e()(),t(71,"nz-code-box",31),i(72,"nz-demo-badge-overflow",29),t(73,"div",30),p(),t(74,"p"),n(75,"\u8D85\u8FC7 "),t(76,"code"),n(77,"nzOverflowCount"),e(),n(78," \u7684\u4F1A\u663E\u793A\u4E3A "),t(79,"code"),n(80,"nzOverflowCount+"),e(),n(81,"\uFF0C\u9ED8\u8BA4\u7684 "),t(82,"code"),n(83,"nzOverflowCount"),e(),n(84," \u4E3A "),t(85,"code"),n(86,"99"),e(),n(87,"\u3002"),e(),u(),e()(),t(88,"nz-code-box",32),i(89,"nz-demo-badge-link",29),t(90,"div",30),p(),t(91,"p"),n(92,"\u7528 "),t(93,"code"),n(94,"a"),e(),n(95," \u6807\u7B7E\u8FDB\u884C\u5305\u88F9\u5373\u53EF\u3002"),e(),u(),e()(),t(96,"nz-code-box",33),i(97,"nz-demo-badge-offset",29),t(98,"div",30),p(),t(99,"p"),n(100,"\u8BBE\u7F6E\u72B6\u6001\u70B9\u7684\u4F4D\u7F6E\u504F\u79FB\uFF0C\u683C\u5F0F\u4E3A "),t(101,"code"),n(102,"[left, top]"),e(),n(103,"\uFF0C\u8868\u793A\u72B6\u6001\u70B9\u8DDD\u9ED8\u8BA4\u4F4D\u7F6E\u5DE6\u4FA7\u3001\u4E0A\u65B9\u7684\u504F\u79FB\u91CF\u3002"),e(),u(),e()(),t(104,"nz-code-box",34),i(105,"nz-demo-badge-size",29),t(106,"div",30),p(),t(107,"p"),n(108,"\u53EF\u4EE5\u8BBE\u7F6E\u6709\u6570\u5B57\u5FBD\u6807\u7684\u5927\u5C0F\u3002"),e(),u(),e()(),t(109,"nz-code-box",35),i(110,"nz-demo-badge-ribbon",29),t(111,"div",30),p(),t(112,"p"),n(113,"\u4F7F\u7528\u7F0E\u5E26\u578B\u7684\u5FBD\u6807\u3002"),e(),u(),e()()(),t(114,"div",27)(115,"nz-code-box",36),i(116,"nz-demo-badge-no-wrapper",29),t(117,"div",30),p(),t(118,"p"),n(119,"\u4E0D\u5305\u88F9\u4EFB\u4F55\u5143\u7D20\uFF0C\u589E\u52A0 "),t(120,"code"),n(121,"nzStandalone"),e(),n(122,"\u6807\u7B7E\u540E\uFF0C\u5373\u662F\u72EC\u7ACB\u4F7F\u7528\uFF0C\u53EF\u81EA\u5B9A\u6837\u5F0F\u5C55\u73B0\u3002"),e(),t(123,"blockquote")(124,"p"),n(125,"\u5728\u53F3\u4E0A\u89D2\u7684 badge \u5219\u9650\u5B9A\u4E3A\u7EA2\u8272\u3002"),e()(),u(),e()(),t(126,"nz-code-box",37),i(127,"nz-demo-badge-dot",29),t(128,"div",30),p(),t(129,"p"),n(130,"\u6CA1\u6709\u5177\u4F53\u7684\u6570\u5B57\u3002"),e(),u(),e()(),t(131,"nz-code-box",38),i(132,"nz-demo-badge-change",29),t(133,"div",30),p(),t(134,"p"),n(135,"\u5C55\u793A\u52A8\u6001\u53D8\u5316\u7684\u6548\u679C\u3002"),e(),u(),e()(),t(136,"nz-code-box",39),i(137,"nz-demo-badge-status",29),t(138,"div",30),p(),t(139,"p"),n(140,"\u7528\u4E8E\u8868\u793A\u72B6\u6001\u7684\u5C0F\u5706\u70B9\u3002"),e(),u(),e()(),t(141,"nz-code-box",40),i(142,"nz-demo-badge-colorful",29),t(143,"div",30),p(),t(144,"p"),n(145,"\u6211\u4EEC\u6DFB\u52A0\u4E86\u591A\u79CD\u9884\u8BBE\u8272\u5F69\u7684\u5FBD\u6807\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"),e(),u(),e()()()(),t(146,"section",41),p(),t(147,"h2",42)(148,"span"),n(149,"API"),e(),t(150,"a",43),n(151,"#"),e()(),t(152,"pre",44)(153,"code")(154,"span",45)(155,"span",45)(156,"span",23),n(157,"<"),e(),n(158,"nz-badge"),e(),n(159," "),t(160,"span",46),n(161,"[nzCount]"),e(),t(162,"span",47)(163,"span",23),n(164,"="),e(),t(165,"span",23),n(166,'"'),e(),n(167,"5"),t(168,"span",23),n(169,'"'),e()(),t(170,"span",23),n(171,">"),e()(),n(172,`
`),t(173,"span",45)(174,"span",45)(175,"span",23),n(176,"<"),e(),n(177,"a"),e(),n(178," "),t(179,"span",46),n(180,"class"),e(),t(181,"span",47)(182,"span",23),n(183,"="),e(),t(184,"span",23),n(185,'"'),e(),n(186,"head-example"),t(187,"span",23),n(188,'"'),e()(),t(189,"span",23),n(190,">"),e()(),t(191,"span",45)(192,"span",45)(193,"span",23),n(194,"</"),e(),n(195,"a"),e(),t(196,"span",23),n(197,">"),e()(),n(198,`
`),t(199,"span",45)(200,"span",45)(201,"span",23),n(202,"</"),e(),n(203,"nz-badge"),e(),t(204,"span",23),n(205,">"),e()()()(),t(206,"pre",44)(207,"code")(208,"span",45)(209,"span",45)(210,"span",23),n(211,"<"),e(),n(212,"nz-badge"),e(),n(213," "),t(214,"span",46),n(215,"[nzCount]"),e(),t(216,"span",47)(217,"span",23),n(218,"="),e(),t(219,"span",23),n(220,'"'),e(),n(221,"5"),t(222,"span",23),n(223,'"'),e()(),n(224," "),t(225,"span",46),n(226,"nzStandalone"),e(),t(227,"span",23),n(228,">"),e()(),t(229,"span",45)(230,"span",45)(231,"span",23),n(232,"</"),e(),n(233,"nz-badge"),e(),t(234,"span",23),n(235,">"),e()()()(),t(236,"h3",48)(237,"span"),n(238,"nz-badge"),e(),t(239,"label",49),n(240,"component"),e(),t(241,"a",50),n(242,"#"),e()(),t(243,"table")(244,"thead")(245,"tr")(246,"th"),n(247,"\u53C2\u6570"),e(),t(248,"th"),n(249,"\u8BF4\u660E"),e(),t(250,"th"),n(251,"\u7C7B\u578B"),e(),t(252,"th"),n(253,"\u9ED8\u8BA4\u503C"),e(),t(254,"th"),n(255,"\u5168\u5C40\u914D\u7F6E"),e()()(),t(256,"tbody")(257,"tr")(258,"td")(259,"code"),n(260,"[nzStandalone]"),e()(),t(261,"td"),n(262,"\u662F\u5426\u72EC\u7ACB\u4F7F\u7528"),e(),t(263,"td")(264,"code"),n(265,"boolean"),e()(),t(266,"td"),n(267,"-"),e(),t(268,"td"),n(269,"-"),e()(),t(270,"tr")(271,"td")(272,"code"),n(273,"[nzColor]"),e()(),t(274,"td"),n(275,"\u81EA\u5B9A\u4E49\u5C0F\u5706\u70B9\u7684\u989C\u8272"),e(),t(276,"td"),n(277,"string"),e(),t(278,"td"),n(279,"-"),e(),t(280,"td"),n(281,"\u2705"),e()(),t(282,"tr")(283,"td")(284,"code"),n(285,"[nzCount]"),e()(),t(286,"td"),n(287,"\u5C55\u793A\u7684\u6570\u5B57\uFF0C\u5927\u4E8E nzOverflowCount \u65F6\u663E\u793A\u4E3A "),t(288,"code"),n(289,"${nzOverflowCount}+"),e(),n(290,"\uFF0C\u4E3A 0 \u65F6\u9690\u85CF"),e(),t(291,"td")(292,"code"),n(293,"number | TemplateRef<void>"),e()(),t(294,"td"),n(295,"-"),e(),i(296,"td"),e(),t(297,"tr")(298,"td")(299,"code"),n(300,"[nzDot]"),e()(),t(301,"td"),n(302,"\u4E0D\u5C55\u793A\u6570\u5B57\uFF0C\u53EA\u6709\u4E00\u4E2A\u5C0F\u7EA2\u70B9"),e(),t(303,"td")(304,"code"),n(305,"boolean"),e()(),t(306,"td")(307,"code"),n(308,"false"),e()(),i(309,"td"),e(),t(310,"tr")(311,"td")(312,"code"),n(313,"[nzShowDot]"),e()(),t(314,"td"),n(315,"\u662F\u5426\u5C55\u793A\u5C0F\u7EA2\u70B9"),e(),t(316,"td")(317,"code"),n(318,"boolean"),e()(),t(319,"td")(320,"code"),n(321,"true"),e()(),i(322,"td"),e(),t(323,"tr")(324,"td")(325,"code"),n(326,"[nzOverflowCount]"),e()(),t(327,"td"),n(328,"\u5C55\u793A\u5C01\u9876\u7684\u6570\u5B57\u503C"),e(),t(329,"td")(330,"code"),n(331,"number"),e()(),t(332,"td")(333,"code"),n(334,"99"),e()(),t(335,"td"),n(336,"\u2705"),e()(),t(337,"tr")(338,"td")(339,"code"),n(340,"[nzShowZero]"),e()(),t(341,"td"),n(342,"\u5F53\u6570\u503C\u4E3A 0 \u65F6\uFF0C\u662F\u5426\u5C55\u793A Badge"),e(),t(343,"td")(344,"code"),n(345,"boolean"),e()(),t(346,"td")(347,"code"),n(348,"false"),e()(),i(349,"td"),e(),t(350,"tr")(351,"td")(352,"code"),n(353,"[nzSize]"),e()(),t(354,"td"),n(355,"\u5728\u8BBE\u7F6E\u4E86 "),t(356,"code"),n(357,"nzCount"),e(),n(358," \u7684\u524D\u63D0\u4E0B\u6709\u6548\uFF0C\u8BBE\u7F6E\u5C0F\u5706\u70B9\u7684\u5927\u5C0F"),e(),t(359,"td")(360,"code"),n(361,"default | small"),e()(),t(362,"td")(363,"code"),n(364,"default"),e()(),i(365,"td"),e(),t(366,"tr")(367,"td")(368,"code"),n(369,"[nzStatus]"),e()(),t(370,"td"),n(371,"\u8BBE\u7F6E "),t(372,"code"),n(373,"nz-badge"),e(),n(374," \u4E3A\u72B6\u6001\u70B9"),e(),t(375,"td")(376,"code"),n(377,"'success' | 'processing' | 'default' | 'error' | 'warning'"),e()(),t(378,"td"),n(379,"-"),e(),i(380,"td"),e(),t(381,"tr")(382,"td")(383,"code"),n(384,"[nzText]"),e()(),t(385,"td"),n(386,"\u5728\u8BBE\u7F6E\u4E86 "),t(387,"code"),n(388,"nzStatus"),e(),n(389," \u7684\u524D\u63D0\u4E0B\u6709\u6548\uFF0C\u8BBE\u7F6E\u72B6\u6001\u70B9\u7684\u6587\u672C"),e(),t(390,"td")(391,"code"),n(392,"string | TemplateRef<void>"),e()(),t(393,"td"),n(394,"-"),e(),i(395,"td"),e(),t(396,"tr")(397,"td")(398,"code"),n(399,"[nzTitle]"),e()(),t(400,"td"),n(401,"\u8BBE\u7F6E\u9F20\u6807\u653E\u5728\u72B6\u6001\u70B9\u4E0A\u65F6\u663E\u793A\u7684\u6587\u5B57 (\u975E\u72EC\u7ACB\u4F7F\u7528\u65F6), \u4E3A "),t(402,"code"),n(403,"null"),e(),n(404," \u65F6\u9690\u85CF"),e(),t(405,"td")(406,"code"),n(407,"string | null"),e()(),t(408,"td")(409,"code"),n(410,"nzCount"),e()(),i(411,"td"),e(),t(412,"tr")(413,"td")(414,"code"),n(415,"[nzOffset]"),e()(),t(416,"td"),n(417,"\u8BBE\u7F6E\u72B6\u6001\u70B9\u7684\u4F4D\u7F6E\u504F\u79FB\uFF0C\u683C\u5F0F\u4E3A [x, y] (\u975E\u72EC\u7ACB\u4F7F\u7528\u65F6)"),e(),t(418,"td")(419,"code"),n(420,"[number, number]"),e()(),t(421,"td"),n(422,"-"),e(),i(423,"td"),e()()(),t(424,"h3",51)(425,"span"),n(426,"nz-ribbon"),e(),t(427,"label",49),n(428,"component"),e(),t(429,"a",52),n(430,"#"),e()(),t(431,"table")(432,"thead")(433,"tr")(434,"th"),n(435,"\u53C2\u6570"),e(),t(436,"th"),n(437,"\u8BF4\u660E"),e(),t(438,"th"),n(439,"\u7C7B\u578B"),e(),t(440,"th"),n(441,"\u9ED8\u8BA4\u503C"),e()()(),t(442,"tbody")(443,"tr")(444,"td"),n(445,"nzColor"),e(),t(446,"td"),n(447,"\u81EA\u5B9A\u4E49\u7F0E\u5E26\u7684\u989C\u8272"),e(),t(448,"td")(449,"code"),n(450,"string"),e()(),t(451,"td"),n(452,"-"),e()(),t(453,"tr")(454,"td"),n(455,"nzPlacement"),e(),t(456,"td"),n(457,"\u7F0E\u5E26\u7684\u4F4D\u7F6E"),e(),t(458,"td")(459,"code"),n(460,"start"),e()(),t(461,"td")(462,"code"),n(463,"end"),e()()(),t(464,"tr")(465,"td"),n(466,"nzText"),e(),t(467,"td"),n(468,"\u7F0E\u5E26\u4E2D\u586B\u5165\u7684\u5185\u5BB9"),e(),t(469,"td")(470,"code"),n(471,"string | TemplateRef<void>"),e()(),t(472,"td"),n(473,"-"),e()()()(),u(),e()()),a&2&&(m(),d("nzOffsetTop",16),m(),d("nzAffix",!1),m(53),d("nzGutter",16),m(),d("nzXl",12)("nzSpan",24),m(),d("nzId","components-badge-demo-basic")("nzLink","components-badge-demo-basic")("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/badge/demo/basic.md"),m(14),d("nzId","components-badge-demo-overflow")("nzLink","components-badge-demo-overflow")("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/badge/demo/overflow.md"),m(17),d("nzId","components-badge-demo-link")("nzLink","components-badge-demo-link")("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/badge/demo/link.md"),m(8),d("nzId","components-badge-demo-offset")("nzLink","components-badge-demo-offset")("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/badge/demo/offset.md"),m(8),d("nzId","components-badge-demo-size")("nzLink","components-badge-demo-size")("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/badge/demo/size.md"),m(5),d("nzId","components-badge-demo-ribbon")("nzLink","components-badge-demo-ribbon")("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/badge/demo/ribbon.md"),m(5),d("nzXl",12)("nzSpan",24),m(),d("nzId","components-badge-demo-no-wrapper")("nzLink","components-badge-demo-no-wrapper")("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/badge/demo/no-wrapper.md"),m(11),d("nzId","components-badge-demo-dot")("nzLink","components-badge-demo-dot")("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/badge/demo/dot.md"),m(5),d("nzId","components-badge-demo-change")("nzLink","components-badge-demo-change")("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/badge/demo/change.md"),m(5),d("nzId","components-badge-demo-status")("nzLink","components-badge-demo-status")("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/badge/demo/status.md"),m(5),d("nzId","components-badge-demo-colorful")("nzLink","components-badge-demo-colorful")("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/badge/demo/colorful.md"))},dependencies:[Q,h,P,W,Z,G,L,O,f,V,q,j,J,K,Y,$,ee,te,ne,ie],encapsulation:2})}}return o})();var Se=(()=>{class o{constructor(){this.expanded=!1}goLink(r){window&&(window.location.hash=r)}expandAllCode(){this.expanded=!this.expanded,this.codeBoxes.forEach(r=>r.expandCode(this.expanded))}static{this.\u0275fac=function(a){return new(a||o)}}static{this.\u0275cmp=s({type:o,selectors:[["nz-demo-badge"]],viewQuery:function(a,l){if(a&1&&D(h,5),a&2){let g;y(g=w())&&(l.codeBoxes=g)}},decls:478,vars:51,consts:[[1,"toc-affix",3,"nzOffsetTop"],["nzShowInkInFixed","",3,"nzClick","nzAffix"],["nzHref","#components-badge-demo-basic","nzTitle","Basic"],["nzHref","#components-badge-demo-no-wrapper","nzTitle","Standalone"],["nzHref","#components-badge-demo-overflow","nzTitle","Overflow Count"],["nzHref","#components-badge-demo-dot","nzTitle","Red badge"],["nzHref","#components-badge-demo-link","nzTitle","Clickable"],["nzHref","#components-badge-demo-change","nzTitle","Dynamic"],["nzHref","#components-badge-demo-offset","nzTitle","Offset"],["nzHref","#components-badge-demo-status","nzTitle","Status"],["nzHref","#components-badge-demo-size","nzTitle","Size"],["nzHref","#components-badge-demo-colorful","nzTitle","Colorful Badge"],["nzHref","#components-badge-demo-ribbon","nzTitle","Ribbon"],["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/badge/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"],["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-badge-basic","nzGenerateCommand","ng g ng-zorro-antd:badge-basic <name>","nzComponentName","NzDemoBadgeBasicComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframeHeight","nzHref"],["demo",""],["intro",""],["nzTitle","Overflow Count","nzSelector","nz-demo-badge-overflow","nzGenerateCommand","ng g ng-zorro-antd:badge-overflow <name>","nzComponentName","NzDemoBadgeOverflowComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframeHeight","nzHref"],["nzTitle","Clickable","nzSelector","nz-demo-badge-link","nzGenerateCommand","ng g ng-zorro-antd:badge-link <name>","nzComponentName","NzDemoBadgeLinkComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframeHeight","nzHref"],["nzTitle","Offset","nzSelector","nz-demo-badge-offset","nzGenerateCommand","ng g ng-zorro-antd:badge-offset <name>","nzComponentName","NzDemoBadgeOffsetComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframeHeight","nzHref"],["nzTitle","Size","nzSelector","nz-demo-badge-size","nzGenerateCommand","ng g ng-zorro-antd:badge-size <name>","nzComponentName","NzDemoBadgeSizeComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframeHeight","nzHref"],["nzTitle","Ribbon","nzSelector","nz-demo-badge-ribbon","nzGenerateCommand","ng g ng-zorro-antd:badge-ribbon <name>","nzComponentName","NzDemoBadgeRibbonComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframeHeight","nzHref"],["nzTitle","Standalone","nzSelector","nz-demo-badge-no-wrapper","nzGenerateCommand","ng g ng-zorro-antd:badge-no-wrapper <name>","nzComponentName","NzDemoBadgeNoWrapperComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframeHeight","nzHref"],["nzTitle","Red badge","nzSelector","nz-demo-badge-dot","nzGenerateCommand","ng g ng-zorro-antd:badge-dot <name>","nzComponentName","NzDemoBadgeDotComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframeHeight","nzHref"],["nzTitle","Dynamic","nzSelector","nz-demo-badge-change","nzGenerateCommand","ng g ng-zorro-antd:badge-change <name>","nzComponentName","NzDemoBadgeChangeComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframeHeight","nzHref"],["nzTitle","Status","nzSelector","nz-demo-badge-status","nzGenerateCommand","ng g ng-zorro-antd:badge-status <name>","nzComponentName","NzDemoBadgeStatusComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframeHeight","nzHref"],["nzTitle","Colorful Badge","nzSelector","nz-demo-badge-colorful","nzGenerateCommand","ng g ng-zorro-antd:badge-colorful <name>","nzComponentName","NzDemoBadgeColorfulComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframeHeight","nzHref"],[1,"markdown","api-container"],["id","api"],["onclick","window.location.hash = 'api'",1,"anchor"],[1,"language-html"],[1,"token","tag"],[1,"token","attr-name"],[1,"token","attr-value"],["id","nz-badge"],[1,"api-type-label","component"],["onclick","window.location.hash = 'nz-badge'",1,"anchor"],["id","nz-ribbon"],["onclick","window.location.hash = 'nz-ribbon'",1,"anchor"]],template:function(a,l){a&1&&(t(0,"article")(1,"nz-affix",0)(2,"nz-anchor",1),x("nzClick",function(S){return l.goLink(S)}),i(3,"nz-link",2)(4,"nz-link",3)(5,"nz-link",4)(6,"nz-link",5)(7,"nz-link",6)(8,"nz-link",7)(9,"nz-link",8)(10,"nz-link",9)(11,"nz-link",10)(12,"nz-link",11)(13,"nz-link",12)(14,"nz-link",13),e()(),t(15,"section",14)(16,"h1"),n(17,"Badge"),i(18,"span",15)(19,"span",16),t(20,"a",17),i(21,"nz-icon",18),e()(),t(22,"section",14),p(),t(23,"p"),n(24,"Small numerical value or status descriptor for UI elements."),e(),t(25,"h2",19)(26,"span"),n(27,"When To Use"),e(),t(28,"a",20),n(29,"#"),e()(),t(30,"p"),n(31,"Badge normally appears in proximity to notifications or user avatars with eye-catching appeal, typically displaying unread messages count."),e(),t(32,"pre",21)(33,"code")(34,"span",22),n(35,"import"),e(),n(36," "),t(37,"span",23),n(38,"{"),e(),n(39," NzBadgeModule "),t(40,"span",23),n(41,"}"),e(),n(42," "),t(43,"span",22),n(44,"from"),e(),n(45," "),t(46,"span",24),n(47,"'ng-zorro-antd/badge'"),e(),t(48,"span",23),n(49,";"),e()()(),u(),e(),t(50,"h2")(51,"span"),n(52,"Examples"),e(),t(53,"span",25),x("click",function(){return l.expandAllCode()}),e()()(),t(54,"div",26)(55,"div",27)(56,"nz-code-box",28),i(57,"nz-demo-badge-basic",29),t(58,"div",30),p(),t(59,"p"),n(60,"Simplest Usage. Badge will be hidden when "),t(61,"code"),n(62,"nzCount"),e(),n(63," is "),t(64,"code"),n(65,"0"),e(),n(66,", but we can use "),t(67,"code"),n(68,"nzShowZero"),e(),n(69," to show it."),e(),u(),e()(),t(70,"nz-code-box",31),i(71,"nz-demo-badge-overflow",29),t(72,"div",30),p(),t(73,"p")(74,"code"),n(75,"nzOverflowCount+"),e(),n(76," is displayed when count is larger than "),t(77,"code"),n(78,"nzOverflowCount"),e(),n(79,". The default value of "),t(80,"code"),n(81,"nzOverflowCount"),e(),n(82," is "),t(83,"code"),n(84,"99"),e(),n(85,"."),e(),u(),e()(),t(86,"nz-code-box",32),i(87,"nz-demo-badge-link",29),t(88,"div",30),p(),t(89,"p"),n(90,"The badge can be wrapped with "),t(91,"code"),n(92,"a"),e(),n(93," tag to make it linkable."),e(),u(),e()(),t(94,"nz-code-box",33),i(95,"nz-demo-badge-offset",29),t(96,"div",30),p(),t(97,"p"),n(98,"Set offset of the badge dot, the format is "),t(99,"code"),n(100,"[left, top]"),e(),n(101,", which represents the offset of the status dot from the left and top of the default position."),e(),u(),e()(),t(102,"nz-code-box",34),i(103,"nz-demo-badge-size",29),t(104,"div",30),p(),t(105,"p"),n(106,"Set size of numeral Badge."),e(),u(),e()(),t(107,"nz-code-box",35),i(108,"nz-demo-badge-ribbon",29),t(109,"div",30),p(),t(110,"p"),n(111,"Use ribbon badge."),e(),u(),e()()(),t(112,"div",27)(113,"nz-code-box",36),i(114,"nz-demo-badge-no-wrapper",29),t(115,"div",30),p(),t(116,"p"),n(117,"Add "),t(118,"code"),n(119,"nzStandalone"),e(),n(120," when there are no children."),e(),u(),e()(),t(121,"nz-code-box",37),i(122,"nz-demo-badge-dot",29),t(123,"div",30),p(),t(124,"p"),n(125,"This will simply display a red badge, without a specific count."),e(),u(),e()(),t(126,"nz-code-box",38),i(127,"nz-demo-badge-change",29),t(128,"div",30),p(),t(129,"p"),n(130,"The count will be animated as it changes."),e(),u(),e()(),t(131,"nz-code-box",39),i(132,"nz-demo-badge-status",29),t(133,"div",30),p(),t(134,"p"),n(135,"Standalone badge with status."),e(),u(),e()(),t(136,"nz-code-box",40),i(137,"nz-demo-badge-colorful",29),t(138,"div",30),p(),t(139,"p"),n(140,`We preset a series of colorful Badge style for different situation usage.
And you can always set it to a hex color string for custom color.`),e(),u(),e()()()(),t(141,"section",41),p(),t(142,"h2",42)(143,"span"),n(144,"API"),e(),t(145,"a",43),n(146,"#"),e()(),t(147,"pre",44)(148,"code")(149,"span",45)(150,"span",45)(151,"span",23),n(152,"<"),e(),n(153,"nz-badge"),e(),n(154," "),t(155,"span",46),n(156,"[nzCount]"),e(),t(157,"span",47)(158,"span",23),n(159,"="),e(),t(160,"span",23),n(161,'"'),e(),n(162,"5"),t(163,"span",23),n(164,'"'),e()(),t(165,"span",23),n(166,">"),e()(),n(167,`
`),t(168,"span",45)(169,"span",45)(170,"span",23),n(171,"<"),e(),n(172,"a"),e(),n(173," "),t(174,"span",46),n(175,"class"),e(),t(176,"span",47)(177,"span",23),n(178,"="),e(),t(179,"span",23),n(180,'"'),e(),n(181,"head-example"),t(182,"span",23),n(183,'"'),e()(),t(184,"span",23),n(185,">"),e()(),t(186,"span",45)(187,"span",45)(188,"span",23),n(189,"</"),e(),n(190,"a"),e(),t(191,"span",23),n(192,">"),e()(),n(193,`
`),t(194,"span",45)(195,"span",45)(196,"span",23),n(197,"</"),e(),n(198,"nz-badge"),e(),t(199,"span",23),n(200,">"),e()()()(),t(201,"pre",44)(202,"code")(203,"span",45)(204,"span",45)(205,"span",23),n(206,"<"),e(),n(207,"nz-badge"),e(),n(208," "),t(209,"span",46),n(210,"[nzCount]"),e(),t(211,"span",47)(212,"span",23),n(213,"="),e(),t(214,"span",23),n(215,'"'),e(),n(216,"5"),t(217,"span",23),n(218,'"'),e()(),n(219," "),t(220,"span",46),n(221,"nzStandalone"),e(),t(222,"span",23),n(223,">"),e()(),t(224,"span",45)(225,"span",45)(226,"span",23),n(227,"</"),e(),n(228,"nz-badge"),e(),t(229,"span",23),n(230,">"),e()()()(),t(231,"h3",48)(232,"span"),n(233,"nz-badge"),e(),t(234,"label",49),n(235,"component"),e(),t(236,"a",50),n(237,"#"),e()(),t(238,"table")(239,"thead")(240,"tr")(241,"th"),n(242,"Property"),e(),t(243,"th"),n(244,"Description"),e(),t(245,"th"),n(246,"Type"),e(),t(247,"th"),n(248,"Default"),e(),t(249,"th"),n(250,"Global Config"),e()()(),t(251,"tbody")(252,"tr")(253,"td")(254,"code"),n(255,"[nzStandalone]"),e()(),t(256,"td"),n(257,"Whether standalone mode"),e(),t(258,"td")(259,"code"),n(260,"boolean"),e()(),t(261,"td"),n(262,"-"),e(),t(263,"td"),n(264,"-"),e()(),t(265,"tr")(266,"td")(267,"code"),n(268,"[nzColor]"),e()(),t(269,"td"),n(270,"Customize Badge dot color"),e(),t(271,"td"),n(272,"string"),e(),t(273,"td"),n(274,"-"),e(),t(275,"td"),n(276,"\u2705"),e()(),t(277,"tr")(278,"td")(279,"code"),n(280,"[nzCount]"),e()(),t(281,"td"),n(282,"Number to show in badge"),e(),t(283,"td")(284,"code"),n(285,"number | TemplateRef<void>"),e()(),t(286,"td"),n(287,"-"),e(),i(288,"td"),e(),t(289,"tr")(290,"td")(291,"code"),n(292,"[nzDot]"),e()(),t(293,"td"),n(294,"Whether to display a red dot instead of "),t(295,"code"),n(296,"count"),e()(),t(297,"td")(298,"code"),n(299,"boolean"),e()(),t(300,"td")(301,"code"),n(302,"false"),e()(),i(303,"td"),e(),t(304,"tr")(305,"td")(306,"code"),n(307,"[nzShowDot]"),e()(),t(308,"td"),n(309,"Whether to display the red dot"),e(),t(310,"td")(311,"code"),n(312,"boolean"),e()(),t(313,"td")(314,"code"),n(315,"true"),e()(),i(316,"td"),e(),t(317,"tr")(318,"td")(319,"code"),n(320,"[nzOverflowCount]"),e()(),t(321,"td"),n(322,"Max count to show"),e(),t(323,"td")(324,"code"),n(325,"number"),e()(),t(326,"td")(327,"code"),n(328,"99"),e()(),t(329,"td"),n(330,"\u2705"),e()(),t(331,"tr")(332,"td")(333,"code"),n(334,"[nzShowZero]"),e()(),t(335,"td"),n(336,"Whether to show badge when "),t(337,"code"),n(338,"count"),e(),n(339," is zero"),e(),t(340,"td")(341,"code"),n(342,"boolean"),e()(),t(343,"td")(344,"code"),n(345,"false"),e()(),i(346,"td"),e(),t(347,"tr")(348,"td")(349,"code"),n(350,"[nzSize]"),e()(),t(351,"td"),n(352,"If "),t(353,"code"),n(354,"nzCount"),e(),n(355," is set, "),t(356,"code"),n(357,"size"),e(),n(358," sets the size of badge"),e(),t(359,"td")(360,"code"),n(361,"default | small"),e()(),t(362,"td")(363,"code"),n(364,"default"),e()(),i(365,"td"),e(),t(366,"tr")(367,"td")(368,"code"),n(369,"[nzStatus]"),e()(),t(370,"td"),n(371,"Set "),t(372,"code"),n(373,"nz-badge"),e(),n(374," as a status dot"),e(),t(375,"td")(376,"code"),n(377,"'success' | 'processing' | 'default' | 'error' | 'warning'"),e()(),t(378,"td"),n(379,"-"),e(),i(380,"td"),e(),t(381,"tr")(382,"td")(383,"code"),n(384,"[nzText]"),e()(),t(385,"td"),n(386,"If "),t(387,"code"),n(388,"nzStatus"),e(),n(389," is set, "),t(390,"code"),n(391,"text"),e(),n(392," sets the display text of the status "),t(393,"code"),n(394,"dot"),e()(),t(395,"td")(396,"code"),n(397,"string | TemplateRef<void>"),e()(),t(398,"td"),n(399,"-"),e(),i(400,"td"),e(),t(401,"tr")(402,"td")(403,"code"),n(404,"[nzTitle]"),e()(),t(405,"td"),n(406,"Text to show when hovering over the badge\uFF08Only Non-standalone), hide when value is "),t(407,"code"),n(408,"null"),e()(),t(409,"td")(410,"code"),n(411,"string | null"),e()(),t(412,"td")(413,"code"),n(414,"nzCount"),e()(),i(415,"td"),e(),t(416,"tr")(417,"td")(418,"code"),n(419,"[nzOffset]"),e()(),t(420,"td"),n(421,"set offset of the badge dot, like[x, y] (Only Non-standalone)"),e(),t(422,"td")(423,"code"),n(424,"[number, number]"),e()(),t(425,"td"),n(426,"-"),e(),i(427,"td"),e()()(),t(428,"h3",51)(429,"span"),n(430,"nz-ribbon"),e(),t(431,"label",49),n(432,"component"),e(),t(433,"a",52),n(434,"#"),e()(),t(435,"table")(436,"thead")(437,"tr")(438,"th"),n(439,"Property"),e(),t(440,"th"),n(441,"Description"),e(),t(442,"th"),n(443,"Type"),e(),t(444,"th"),n(445,"Default"),e()()(),t(446,"tbody")(447,"tr")(448,"td"),n(449,"nzColor"),e(),t(450,"td"),n(451,"Customize Ribbon color"),e(),t(452,"td")(453,"code"),n(454,"string"),e()(),t(455,"td"),n(456,"-"),e()(),t(457,"tr")(458,"td"),n(459,"nzPlacement"),e(),t(460,"td"),n(461,"The placement of the Ribbon"),e(),t(462,"td")(463,"code"),n(464,"start"),e()(),t(465,"td")(466,"code"),n(467,"end"),e()()(),t(468,"tr")(469,"td"),n(470,"nzText"),e(),t(471,"td"),n(472,"Content inside the Ribbon"),e(),t(473,"td")(474,"code"),n(475,"string | TemplateRef<void>"),e()(),t(476,"td"),n(477,"-"),e()()()(),u(),e()()),a&2&&(m(),d("nzOffsetTop",16),m(),d("nzAffix",!1),m(52),d("nzGutter",16),m(),d("nzXl",12)("nzSpan",24),m(),d("nzId","components-badge-demo-basic")("nzLink","components-badge-demo-basic")("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/badge/demo/basic.md"),m(14),d("nzId","components-badge-demo-overflow")("nzLink","components-badge-demo-overflow")("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/badge/demo/overflow.md"),m(16),d("nzId","components-badge-demo-link")("nzLink","components-badge-demo-link")("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/badge/demo/link.md"),m(8),d("nzId","components-badge-demo-offset")("nzLink","components-badge-demo-offset")("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/badge/demo/offset.md"),m(8),d("nzId","components-badge-demo-size")("nzLink","components-badge-demo-size")("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/badge/demo/size.md"),m(5),d("nzId","components-badge-demo-ribbon")("nzLink","components-badge-demo-ribbon")("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/badge/demo/ribbon.md"),m(5),d("nzXl",12)("nzSpan",24),m(),d("nzId","components-badge-demo-no-wrapper")("nzLink","components-badge-demo-no-wrapper")("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/badge/demo/no-wrapper.md"),m(8),d("nzId","components-badge-demo-dot")("nzLink","components-badge-demo-dot")("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/badge/demo/dot.md"),m(5),d("nzId","components-badge-demo-change")("nzLink","components-badge-demo-change")("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/badge/demo/change.md"),m(5),d("nzId","components-badge-demo-status")("nzLink","components-badge-demo-status")("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/badge/demo/status.md"),m(5),d("nzId","components-badge-demo-colorful")("nzLink","components-badge-demo-colorful")("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/badge/demo/colorful.md"))},dependencies:[Q,h,P,W,Z,G,L,O,f,V,q,j,J,K,Y,$,ee,te,ne,ie],encapsulation:2})}}return o})();var Oe=[{path:"en",component:Se},{path:"zh",component:xe}],qt=Oe;export{qt as default};