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