https://preview-8460-ng-zorro-antd.surge.sh/3580.be1509763c3b91d5.js

1"use strict";(self.webpackChunkng_zorro_antd_doc=self.webpackChunkng_zorro_antd_doc||[]).push([[3580],{3580:(H,l,o)=>{o.r(l),o.d(l,{NzDemoAvatarModule:()=>N});var b=o(9072),D=o(2928),E=o(1368),u=o(7456),I=o(6240),k=o(8352),R=o(5636),v=o(3164),x=o(1120),i=o(9100);const B=[E.MD,u.nu,I.M7,k.EV,i.wZ,x.YB,R.o,v.uw];var c=o(6056),n=o(4496),s=o(8700),g=o(8656),m=o(3172),O=o(5120),C=o(28);let Y=(()=>{class a{static#n=this.\u0275fac=function(t){return new(t||a)};static#a=this.\u0275cmp=n.In1({type:a,selectors:[["nz-demo-avatar-badge"]],decls:4,vars:3,consts:[[2,"margin-right","24px",3,"nzCount"],["nzIcon","user",3,"nzShape"],["nzDot",""]],template:function(t,r){1&t&&(n.I0R(0,"nz-badge",0),n.wR5(1,"nz-avatar",1),n.C$Y(),n.I0R(2,"nz-badge",2),n.wR5(3,"nz-avatar",1),n.C$Y()),2&t&&(n.E7m("nzCount",5),n.yG2(),n.E7m("nzShape","square"),n.yG2(2),n.E7m("nzShape","square"))},dependencies:[u.uw,I.Er],encapsulation:2})}return a})(),$=(()=>{class a{static#n=this.\u0275fac=function(t){return new(t||a)};static#a=this.\u0275cmp=n.In1({type:a,selectors:[["nz-demo-avatar-basic"]],decls:10,vars:12,consts:[["nzIcon","user",3,"nzSize"],["nzSize","large","nzIcon","user"],["nzIcon","user"],["nzSize","small","nzIcon","user"],[3,"nzShape","nzSize","nzIcon"],[3,"nzShape","nzIcon"]],template:function(t,r){1&t&&(n.I0R(0,"div"),n.wR5(1,"nz-avatar",0)(2,"nz-avatar",1)(3,"nz-avatar",2)(4,"nz-avatar",3),n.C$Y(),n.I0R(5,"div"),n.wR5(6,"nz-avatar",4)(7,"nz-avatar",4)(8,"nz-avatar",5)(9,"nz-avatar",4),n.C$Y()),2&t&&(n.yG2(),n.E7m("nzSize",64),n.yG2(5),n.E7m("nzShape","square")("nzSize",64)("nzIcon","user"),n.yG2(),n.E7m("nzShape","square")("nzSize","large")("nzIcon","user"),n.yG2(),n.E7m("nzShape","square")("nzIcon","user"),n.yG2(),n.E7m("nzShape","square")("nzSize","small")("nzIcon","user"))},dependencies:[u.uw],styles:["nz-avatar[_ngcontent-%COMP%]{margin-top:16px;margin-right:16px}"]})}return a})();var h=o(6504),G=o(7324);const w=a=>({"background-color":a}),p=["Lucy","U","Tom","Edward"],f=["#f56a00","#7265e6","#ffbf00","#00a2ae"];let y=(()=>{class a{constructor(){this.text=p[3],this.color=f[3],this.gap=4}change(){let e=p.indexOf(this.text);++e,e===p.length&&(e=0),this.text=p[e],this.color=f[e]}static#n=this.\u0275fac=function(t){return new(t||a)};static#a=this.\u0275cmp=n.In1({type:a,selectors:[["nz-demo-avatar-dynamic"]],decls:8,vars:9,consts:[[3,"nzMin","nzMax","nzStep","ngModel","ngModelChange"],["nz-button","",3,"click"],["nzSize","large",2,"vertical-align","middle",3,"nzGap","ngStyle","nzText"]],template:function(t,r){1&t&&(n.I0R(0,"div")(1,"label"),n.OEk(2," Gap: "),n.I0R(3,"nz-input-number",0),n.iHE("ngModelChange",function(z){return n.kNx(r.gap,z)||(r.gap=z),z}),n.C$Y()(),n.I0R(4,"button",1),n.qCj("click",function(){return r.change()}),n.I0R(5,"span"),n.OEk(6,"Change Text"),n.C$Y()()(),n.wR5(7,"nz-avatar",2)),2&t&&(n.yG2(3),n.E7m("nzMin",0)("nzMax",16)("nzStep",1),n.OKB("ngModel",r.gap),n.yG2(4),n.E7m("nzGap",r.gap)("ngStyle",n.S45(7,w,r.color))("nzText",r.text))},dependencies:[E.Qt,h.ue,h._G,u.uw,k.Ez,C.k,G.o9,v.mG],styles:["div[_ngcontent-%COMP%]{margin-bottom:16px}button[_ngcontent-%COMP%]{margin-left:8px}"]})}return a})(),F=(()=>{class a{static#n=this.\u0275fac=function(t){return new(t||a)};static#a=this.\u0275cmp=n.In1({type:a,selectors:[["nz-demo-avatar-group"]],decls:10,vars:0,consts:[["nzIcon","user","nzSrc","//zos.alipayobjects.com/rmsportal/ODTLcjxAfvqbxHnVXCYX.png"],["nzText","U",2,"background-color","#f56a00"],["nz-tooltip","","nzTooltipTitle","NG-ZORRO User","nzIcon","user",2,"background-color","#87d068"],["nzText","NG",2,"background-color","#1890ff"],["nzText","+2",2,"background-color","#fde3cf","color","#f56a00"]],template:function(t,r){1&t&&(n.I0R(0,"nz-avatar-group"),n.wR5(1,"nz-avatar",0)(2,"nz-avatar",1)(3,"nz-avatar",2)(4,"nz-avatar",3),n.C$Y(),n.wR5(5,"nz-divider"),n.I0R(6,"nz-avatar-group"),n.wR5(7,"nz-avatar",0)(8,"nz-avatar",1)(9,"nz-avatar",4),n.C$Y())},dependencies:[i.qG,u.uw,u.QR,R.M]})}return a})(),A=(()=>{class a{static#n=this.\u0275fac=function(t){return new(t||a)};static#a=this.\u0275cmp=n.In1({type:a,selectors:[["nz-demo-avatar-type"]],decls:6,vars:0,consts:[["nzIcon","user"],["nzText","U"],["nzText","USER"],["nzIcon","user","nzSrc","//zos.alipayobjects.com/rmsportal/ODTLcjxAfvqbxHnVXCYX.png"],["nzText","U",2,"color","#f56a00","background-color","#fde3cf"],["nzIcon","user",2,"background-color","#87d068"]],template:function(t,r){1&t&&n.wR5(0,"nz-avatar",0)(1,"nz-avatar",1)(2,"nz-avatar",2)(3,"nz-avatar",3)(4,"nz-avatar",4)(5,"nz-avatar",5)}

1,dependencies:[u.uw],styles:["nz-avatar[_ngcontent-%COMP%]{margin-top:16px;margin-right:16px}"]})}return a})(),T=(()=>{class a{constructor(){this.expanded=!1}goLink(e){window&&(window.location.hash=e)}expandAllCode(){this.expanded=!this.expanded,this.codeBoxes.forEach(e=>{e.nzExpanded=this.expanded,e.expandCode(this.expanded),e.check()})}static#n=this.\u0275fac=function(t){return new(t||a)};static#a=this.\u0275cmp=n.In1({type:a,selectors:[["nz-demo-avatar"]],viewQuery:function(t,r){if(1&t&&n.CC$(c.A,5),2&t){let d;n.wto(d=n.Gqi())&&(r.codeBoxes=d)}},decls:269,vars:27,consts:[[1,"toc-affix",3,"nzOffsetTop"],["nzShowInkInFixed","",3,"nzAffix","nzClick"],["nzHref","#components-avatar-demo-basic","nzTitle","\u57fa\u672c"],["nzHref","#components-avatar-demo-type","nzTitle","\u7c7b\u578b"],["nzHref","#components-avatar-demo-dynamic","nzTitle","\u81ea\u52a8\u8c03\u6574\u5b57\u7b26\u5927\u5c0f"],["nzHref","#components-avatar-demo-badge","nzTitle","\u5e26\u5fbd\u6807\u7684\u5934\u50cf"],["nzHref","#components-avatar-demo-group","nzTitle","\u5934\u50cf\u7ec4"],["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/avatar/doc/index.zh-CN.md","target","_blank","rel","noopener noreferrer",1,"edit-button"],["nz-icon","","nzType","edit"],[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-avatar-basic","nzGenerateCommand","ng g ng-zorro-antd:avatar-basic <name>","nzComponentName","NzDemoAvatarBasicComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframeHeight","nzHref"],["demo",""],["intro",""],["nzTitle","\u81ea\u52a8\u8c03\u6574\u5b57\u7b26\u5927\u5c0f","nzSelector","nz-demo-avatar-dynamic","nzGenerateCommand","ng g ng-zorro-antd:avatar-dynamic <name>","nzComponentName","NzDemoAvatarDynamicComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframeHeight","nzHref"],["nzTitle","\u5934\u50cf\u7ec4","nzSelector","nz-demo-avatar-group","nzGenerateCommand","ng g ng-zorro-antd:avatar-group <name>","nzComponentName","NzDemoAvatarGroupComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframeHeight","nzHref"],["nzTitle","\u7c7b\u578b","nzSelector","nz-demo-avatar-type","nzGenerateCommand","ng g ng-zorro-antd:avatar-type <name>","nzComponentName","NzDemoAvatarTypeComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframeHeight","nzHref"],["nzTitle","\u5e26\u5fbd\u6807\u7684\u5934\u50cf","nzSelector","nz-demo-avatar-badge","nzGenerateCommand","ng g ng-zorro-antd:avatar-badge <name>","nzComponentName","NzDemoAvatarBadgeComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframeHeight","nzHref"],[1,"markdown","api-container"],["id","api"],["onclick","window.location.hash = 'api'",1,"anchor"],["id","nz-avatar:standalone"],[1,"api-type-label","component"],[1,"api-type-label","standalone"],["onclick","window.location.hash = 'nz-avatar:standalone'",1,"anchor"],["id","nz-avatar-group:standalone"],["onclick","window.location.hash = 'nz-avatar-group:standalone'",1,"anchor"],[1,"language-html"],[1,"token","tag"],[1,"token","attr-name"],[1,"token","attr-value"]],template:function(t,r){1&t&&(n.I0R(0,"article")(1,"nz-affix",0)(2,"nz-anchor",1),n.qCj("nzClick",function(z){return r.goLink(z)}),n.wR5(3,"nz-link",2)(4,"nz-link",3)(5,"nz-link",4)(6,"nz-link",5)(7,"nz-link",6)(8,"nz-link",7),n.C$Y()(),n.I0R(9,"section",8)(10,"h1"),n.OEk(11,"Avatar"),n.I0R(12,"span",9),n.OEk(13,"\u5934\u50cf"),n.C$Y(),n.wR5(14,"span",10),n.I0R(15,"a",11),n.wR5(16,"span",12),n.C$Y()(),n.I0R(17,"section",8),n.EdD(),n.I0R(18,"p"),n.OEk(19,"\u7528\u6765\u4ee3\u8868\u7528\u6237\u6216\u4e8b\u7269\uff0c\u652f\u6301\u56fe\u7247\u3001\u56fe\u6807\u6216\u5b57\u7b26\u5c55\u793a\u3002"),n.C$Y(),n.I0R(20,"pre",13)(21,"code")(22,"span",14),n.OEk(23,"import"),n.C$Y(),n.OEk(24," "),n.I0R(25,"span",15),n.OEk(26,"{"),n.C$Y(),n.OEk(27," NzAvatarModule "),n.I0R(28,"

1span",15),n.OEk(29,"}"),n.C$Y(),n.OEk(30," "),n.I0R(31,"span",14),n.OEk(32,"from"),n.C$Y(),n.OEk(33," "),n.I0R(34,"span",16),n.OEk(35,"'ng-zorro-antd/avatar'"),n.C$Y(),n.I0R(36,"span",15),n.OEk(37,";"),n.C$Y()()(),n.eAF(),n.C$Y(),n.I0R(38,"h2")(39,"span"),n.OEk(40,"\u4ee3\u7801\u6f14\u793a"),n.C$Y(),n.I0R(41,"span",17),n.qCj("click",function(){return r.expandAllCode()}),n.C$Y()()(),n.I0R(42,"div",18)(43,"div",19)(44,"nz-code-box",20),n.wR5(45,"nz-demo-avatar-basic",21),n.I0R(46,"div",22),n.EdD(),n.I0R(47,"p"),n.OEk(48,"\u5934\u50cf\u6709\u4e09\u79cd\u5c3a\u5bf8\uff0c\u4e24\u79cd\u5f62\u72b6\u53ef\u9009\u3002"),n.C$Y(),n.eAF(),n.C$Y()(),n.I0R(49,"nz-code-box",23),n.wR5(50,"nz-demo-avatar-dynamic",21),n.I0R(51,"div",22),n.EdD(),n.I0R(52,"p"),n.OEk(53,"\u5bf9\u4e8e\u5b57\u7b26\u578b\u7684\u5934\u50cf\uff0c\u5f53\u5b57\u7b26\u4e32\u8f83\u957f\u65f6\uff0c\u5b57\u4f53\u5927\u5c0f\u53ef\u4ee5\u6839\u636e\u5934\u50cf\u5bbd\u5ea6\u81ea\u52a8\u8c03\u6574\u3002"),n.C$Y(),n.eAF(),n.C$Y()(),n.I0R(54,"nz-code-box",24),n.wR5(55,"nz-demo-avatar-group",21),n.I0R(56,"div",22),n.EdD(),n.I0R(57,"p"),n.OEk(58,"\u5934\u50cf\u7ec4\u5408\u5c55\u73b0\u3002"),n.C$Y(),n.eAF(),n.C$Y()()(),n.I0R(59,"div",19)(60,"nz-code-box",25),n.wR5(61,"nz-demo-avatar-type",21),n.I0R(62,"div",22),n.EdD(),n.I0R(63,"p"),n.OEk(64,"\u652f\u6301\u4e09\u79cd\u7c7b\u578b\uff1a\u56fe\u7247\u3001Icon \u4ee5\u53ca\u5b57\u7b26\uff0c\u5176\u4e2d Icon \u548c\u5b57\u7b26\u578b\u53ef\u4ee5\u81ea\u5b9a\u4e49\u56fe\u6807\u989c\u8272\u53ca\u80cc\u666f\u8272\u3002"),n.C$Y(),n.eAF(),n.C$Y()(),n.I0R(65,"nz-code-box",26),n.wR5(66,"nz-demo-avatar-badge",21),n.I0R(67,"div",22),n.EdD(),n.I0R(68,"p"),n.OEk(69,"\u901a\u5e38\u7528\u4e8e\u6d88\u606f\u63d0\u793a\u3002"),n.C$Y(),n.eAF(),n.C$Y()()()(),n.I0R(70,"section",27),n.EdD(),n.I0R(71,"h2",28)(72,"span"),n.OEk(73,"API"),n.C$Y(),n.I0R(74,"a",29),n.OEk(75,"#"),n.C$Y()(),n.I0R(76,"h3",30)(77,"span"),n.OEk(78,"nz-avatar"),n.C$Y(),n.I0R(79,"label",31),n.OEk(80,"component"),n.C$Y(),n.I0R(81,"label",32),n.OEk(82,"standalone"),n.C$Y(),n.I0R(83,"a",33),n.OEk(84,"#"),n.C$Y()(),n.I0R(85,"table")(86,"thead")(87,"tr")(88,"th"),n.OEk(89,"\u53c2\u6570"),n.C$Y(),n.I0R(90,"th"),n.OEk(91,"\u8bf4\u660e"),n.C$Y(),n.I0R(92,"th"),n.OEk(93,"\u7c7b\u578b"),n.C$Y(),n.I0R(94,"th"),n.OEk(95,"\u9ed8\u8ba4\u503c"),n.C$Y(),n.I0R(96,"th"),n.OEk(97,"\u5168\u5c40\u914d\u7f6e"),n.C$Y()()(),n.I0R(98,"tbody")(99,"tr")(100,"td")(101,"code"),n.OEk(102,"[nzIcon]"),n.C$Y()(),n.I0R(103,"td"),n.OEk(104,"\u8bbe\u7f6e\u5934\u50cf\u7684\u56fe\u6807\u7c7b\u578b\uff0c\u53c2\u8003 "),n.I0R(105,"code"),n.OEk(106,"Icon"),n.C$Y()(),n.I0R(107,"td")(108,"code"),n.OEk(109,"string"),n.C$Y()(),n.I0R(110,"td"),n.OEk(111,"-"),n.C$Y(),n.wR5(112,"td"),n.C$Y(),n.I0R(113,"tr")(114,"td")(115,"code"),n.OEk(116,"[nzShape]"),n.C$Y()(),n.I0R(117,"td"),n.OEk(118,"\u6307\u5b9a\u5934\u50cf\u7684\u5f62\u72b6"),n.C$Y(),n.I0R(119,"td")(120,"code"),n.OEk(121,"'circle' | 'square'"),n.C$Y()(),n.I0R(122,"td")(123,"code"),n.OEk(124,"'circle'"),n.C$Y()(),n.I0R(125,"td"),n.OEk(126,"\u2705"),n.C$Y()(),n.I0R(127,"tr")(128,"td")(129,"code"),n.OEk(130,"[nzSize]"),n.C$Y()(),n.I0R(131,"td"),n.OEk(132,"\u8bbe\u7f6e\u5934\u50cf\u7684\u5927\u5c0f"),n.C$Y(),n.I0R(133,"td")(134,"code"),n.OEk(135,"'large' | 'small' | 'default' | number"),n.C$Y()(),n.I0R(136,"td")(137,"code"),n.OEk(138,"'default'"),n.C$Y()(),n.I0R(139,"td"),n.OEk(140,"\u2705"),n.C$Y()(),n.I0R(141,"tr")(142,"td")(143,"code"),n.OEk(144,"[nzGap]"),n.C$Y()(),n.I0R(145,"td"),n.OEk(146,"\u5b57\u7b26\u7c7b\u578b\u8ddd\u79bb\u5de6\u53f3\u4e24\u4fa7\u8fb9\u754c\u5355\u4f4d\u50cf\u7d20"),n.C$Y(),n.I0R(147,"td")(148,"code"),n.OEk(149,"number"),n.C$Y()(),n.I0R(150,"td")(151,"code"),n.OEk(152,"4"),n.C$Y()(),n.I0R(153,"td"),n.OEk(154,"\u2705"),n.C$Y()(),n.I0R(155,"tr")(156,"td")(157,"code"),n.OEk(158,"[nzSrc]"),n.C$Y()(),n.I0R(159,"td"),n.OEk(160,"\u56fe\u7247\u7c7b\u5934\u50cf\u7684\u8d44\u6e90\u5730\u5740"),n.C$Y(),n.I0R(161,"td")(162,"code"),n.OEk(163,"string"),n.C$Y()(),n.I0R(164,"td"),n.OEk(165,"-"),n.C$Y(),n.wR5(166,"td"),n.C$Y(),n.I0R(167,"tr")(168,"td")(169,"code"),n.OEk(170,"[nzSrcSet]"),n.C$Y()(),n.I0R(171,"td"),n.OEk(172,"\u8bbe\u7f6e\u56fe\u7247\u7c7b\u5934\u50cf\u54cd\u5e94\u5f0f\u8d44\u6e90\u5730\u5740"),n.C$Y(),n.I0R(173,"td"),n.OEk(174,"string"),n.C$Y(),n.I0R(175,"td"),n.OEk(176,"-"),n.C$Y(),n.wR5(177,"td"),n.C$Y(),n.I0R(178,"tr")(179,"td")(180,"code"),n.OEk(181,"[nzAlt]"),n.C$Y()(),n.I0R(182,"td"),n.OEk(183,"\u56fe\u50cf\u65e0\u6cd5\u663e\u793a\u65f6\u7684\u66ff\u4ee3\u6587\u672c"),n.C$Y(),n.I0R(184,"td"),n.OEk(185,"string"),n.C$Y(),n.I0R(186,"td"),n.OEk(187,"-"),n.C$Y(),n.wR5(188,"td"),n.C$Y(),n.I0R(189,"tr")(190,"td")(191,"code"),n.OEk(192,"[nzText]"),n.C$Y()(),n.I0R(193,"td"),n.OEk(194,"\u6587\u672c\u7c7b\u5934\u50cf"),n.C$Y(),n.I0R(195,"td")(196,"code"),n.OEk(197,"string"),n.C$Y()(),n.I0R(198,"td"),n.OEk(199,"-"),n.C$Y(),n.wR5(200,"td"),n.C$Y(),n.I0R(201,"tr")(202,"td")(203,"code"),n.OEk(204,"(nzError)"),n.C$Y()(),n.I0R(205,"td"),n.OEk(206,"\u56fe\u7247\u52a0\u8f7d\u5931\u8d25\u7684\u4e8b\u4ef6\uff0c\u8c03\u7528 "),n.I0R(207,"code"),n.OEk(208,"preventDefault"),n.C$Y(),n.OEk(209," \u65b9\u6cd5\u4f1a\u963b\u6b62\u7ec4\u4ef6\u9ed8\u8ba4\u7684 fallback \u884c\u4e3a"),n.C$Y(),n.I0R(210,"td")(211,"code"),n.OEk(212,"EventEmitter<Event>"),n.C$Y()(),n.I0R(213,"td"),n.OEk(214,"-"),n.C$Y(),n.wR5(215,"td"),n.C$Y()()(),n.I0R(216,"h3",34)(217,"span"),n.OEk(218,"nz-avatar-group"),n.C$Y(),n.I0R(219,"label",31),n.OEk(220,"component"),n.C$Y(),n.I0R(221,"label",32),n.OEk(222,"standalone"),n.C$Y(),n.I0R(223,"a",35),n.OEk(224,"#"),n.C$Y()(),n.I0R(225,"pre",36)(226,"code"),n.OEk(227," "),n.I0R(228,"span",37)(229,"span",37)(230,"span",15),n.OEk(231,"<"),n.C$Y(),n.OEk(232,"nz-avatar-group"),n.C$Y(),n.I0R(233,"span",15),n.OEk(234,">"),n.C$Y()(),n.OEk(235,"\n  "),n.I0R(236,"span",37)(237,"span",37)(238,"span",15),n.OEk(239,"<"),n.C$Y(),n.OEk(240,"nz-avatar"),n.C$Y(),n.OEk(241," "),n.I0R(242,"span",38),n.OEk(243,"nzIcon"),n.C$Y(),n.I0R(244,"span",39)(245,"span",15),n.OEk(246,"="),n.C$Y(),n.I0R(247,"span",15),n.OEk(248,'"'),n.C$Y(),n.OEk(249,"user"),n.I0R(250,"span",15),n.OEk(251,'"'),n.C$Y()(),n.I0R(252,"span",15),n.OEk(253,">"),n.C$Y()(),n.I0R(254,"span",37)(255,"span",37)(256,"span",15),n.OEk(257,"</"),n.C$Y(),n.OEk(258,"nz-avatar"),n.C$Y(),n.I0R(259,"span",15),n.OEk(260,">"),n.C$Y()(),n.OEk(261,"\n  ...\n"),n.I0R(262,"span",37)(263,"span",37)(264,"span",15),n.OEk(265,"</"),n.C$Y(),n.OEk(266,"nz-avatar-group"),n.C$Y(),n.I0R(267,"span",15),n.OEk(268,">"),n.C$Y()()()(),n.eAF(),n.C$Y()()),2&t&&(n.yG2(),n.E7m("nzOffsetTop",16),n.yG2(),n.E7m("nzAffix",!1),n.yG2(40),n.E7m("nzGutter",16),n.yG2(),n.E7m("nzXl",12)("nzSpan",24),n.yG2(),n.E7m("nzId","components-avatar-demo-basic")("nzLink","components-avatar-demo-basic")("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/

1avatar/demo/basic.md"),n.yG2(5),n.E7m("nzId","components-avatar-demo-dynamic")("nzLink","components-avatar-demo-dynamic")("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/avatar/demo/dynamic.md"),n.yG2(5),n.E7m("nzId","components-avatar-demo-group")("nzLink","components-avatar-demo-group")("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/avatar/demo/group.md"),n.yG2(5),n.E7m("nzXl",12)("nzSpan",24),n.yG2(),n.E7m("nzId","components-avatar-demo-type")("nzLink","components-avatar-demo-type")("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/avatar/demo/type.md"),n.yG2(5),n.E7m("nzId","components-avatar-demo-badge")("nzLink","components-avatar-demo-badge")("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/avatar/demo/badge.md"))},dependencies:[c.A,s.s9,s.mK,g.g,m.QD,m.ox,i.qG,O.If,C.k,Y,$,y,F,A],encapsulation:2})}return a})(),S=(()=>{class a{constructor(){this.expanded=!1}goLink(e){window&&(window.location.hash=e)}expandAllCode(){this.expanded=!this.expanded,this.codeBoxes.forEach(e=>{e.nzExpanded=this.expanded,e.expandCode(this.expanded),e.check()})}static#n=this.\u0275fac=function(t){return new(t||a)};static#a=this.\u0275cmp=n.In1({type:a,selectors:[["nz-demo-avatar"]],viewQuery:function(t,r){if(1&t&&n.CC$(c.A,5),2&t){let d;n.wto(d=n.Gqi())&&(r.codeBoxes=d)}},decls:274,vars:27,consts:[[1,"toc-affix",3,"nzOffsetTop"],["nzShowInkInFixed","",3,"nzAffix","nzClick"],["nzHref","#components-avatar-demo-basic","nzTitle","Basic"],["nzHref","#components-avatar-demo-type","nzTitle","Type"],["nzHref","#components-avatar-demo-dynamic","nzTitle","Autoset Font Size"],["nzHref","#components-avatar-demo-badge","nzTitle","With Badge"],["nzHref","#components-avatar-demo-group","nzTitle","Avatar Group"],["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/avatar/doc/index.en-US.md","target","_blank","rel","noopener noreferrer",1,"edit-button"],["nz-icon","","nzType","edit"],[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-avatar-basic","nzGenerateCommand","ng g ng-zorro-antd:avatar-basic <name>","nzComponentName","NzDemoAvatarBasicComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframeHeight","nzHref"],["demo",""],["intro",""],["nzTitle","Autoset Font Size","nzSelector","nz-demo-avatar-dynamic","nzGenerateCommand","ng g ng-zorro-antd:avatar-dynamic <name>","nzComponentName","NzDemoAvatarDynamicComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframeHeight","nzHref"],["nzTitle","Avatar Group","nzSelector","nz-demo-avatar-group","nzGenerateCommand","ng g ng-zorro-antd:avatar-group <name>","nzComponentName","NzDemoAvatarGroupComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframeHeight","nzHref"],["nzTitle","Type","nzSelector","nz-demo-avatar-type","nzGenerateCommand","ng g ng-zorro-antd:avatar-type <name>","nzComponentName","NzDemoAvatarTypeComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframeHeight","nzHref"],["nzTitle","With Badge","nzSelector","nz-demo-avatar-badge","nzGenerateCommand","ng g ng-zorro-antd:avatar-badge <name>","nzComponentName","NzDemoAvatarBadgeComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframeHeight","nzHref"],[1,"markdown","api-container"],["id","api"],["onclick","window.location.hash = 'api'",1,"anchor"],["id","nz-avatar:standalone"],[1,"api-type-label","component"],[1,"api-type-label","standalone"],["onclick","window.location.hash = 'nz-avatar:standalone'",1,"anchor"],["id","nz-avatar-group:standalone"],["onclick","window.location.hash = 'nz-avatar-group:standalone'",1,"anchor"],[1,"language-html"],[1,"token","tag"],[1,"token","attr-name"],[1,"token","attr-value"]],template:function(t,r){1&t&&(n.I0R(0,"article")(1,"nz-affix",0)(2,"nz-anchor",1),n.qCj("nzClick",function(z){return r.goLink(z)}),n.wR5(3,"nz-link",2)(4,"nz-link",3)(5,"nz-link",4)(6,"nz-link",5)(7,"nz-link",6)(8,"nz-link",7),n.C$Y()(),n.I0R(9,"section",8)(10,"h1"),n.OEk(11,"Avatar"),n.wR5(12,"span",9)(13,"span",10),n.I0R(14,"a",11),n.wR5(15,"span",12),n.C$Y()(),n.I0R(16,"section",8),n.EdD(),n.I0R(17,"p"),n.OEk(18,"Avatars can be used to represent people or objects. It supports images, "),n.I0R(19,"code"),n.OEk(20,"Icon"),n.C$Y(),n.OEk(21,"s, or letters."),n.C$Y(),n.I0R(22,"pre",13)(23,"code")(24,"span",14),n.OEk(25,"import"),n.C$Y(),n.OEk(26," "),n.I0R(27,"span",15),n.OEk(28,"{"),n.C$Y(),n.OEk(29," NzAvatarModule "),n.I0R(30,"span",15),n.OEk(31,"}"),n.C$Y(),n.OEk(32," "),n.I0R(33,"span",14),n.OEk(34,"from"),n.C$Y(),n.OEk(35," "),n.I0R(36,"span",16),n.OEk(37,"'ng-zorro-antd/avatar'"),n.C$Y(),n.I0R(38,"span",15),n.OEk(39,";"),n.C$Y()()(),n.eAF(),n.C$Y(),n.I0R(40,"h2")(41,"span"),n.OEk(42,"Examples"),n.C$Y(),n.I0R(43,"span",17),n.qCj("click",function(){return r.expandAllCode()}),n.C$Y()()(),n.I0R(44,"div",18)(45,"div",19)(46,"nz-code-box",20),n.wR5(47,"nz-demo-avatar-basic",21),n.I0R(48,"div",22),n.EdD(),n.I0R(49,"p"),n.OEk(50,"Three sizes and two shapes are available."),n.C$Y(),n.eAF(),n.C$Y()(),n.I0R(51,"nz-code-box",23),n.wR5(52,"nz-demo-avatar-dynamic",21),n.I0R(53,"div",22),n.EdD(),n.I0R(54,"p"),n.OEk(55,"For letter type Avatar, when the letters are too long to display, the font size can be automatically adjusted according to the width of the Avatar."),n.C$Y(),n.eAF(),n.C$Y()(),n.I0R(56,"nz-code-box",24),n.wR5(57,"nz-demo-avatar-group",21),n.I0R(58,"div",22),n.EdD(),n.I0R(59,"p"),n.OEk(60,"Avatar group display."),n.C$Y(),n.eAF(),n.C$Y()()(),n.I0R(61,"div",19)(62,"

1nz-code-box",25),n.wR5(63,"nz-demo-avatar-type",21),n.I0R(64,"div",22),n.EdD(),n.I0R(65,"p"),n.OEk(66,"Image, Icon and letter are supported, and the latter two kinds avatar can have custom colors and background colors."),n.C$Y(),n.eAF(),n.C$Y()(),n.I0R(67,"nz-code-box",26),n.wR5(68,"nz-demo-avatar-badge",21),n.I0R(69,"div",22),n.EdD(),n.I0R(70,"p"),n.OEk(71,"Usually used for messages remind."),n.C$Y(),n.eAF(),n.C$Y()()()(),n.I0R(72,"section",27),n.EdD(),n.I0R(73,"h2",28)(74,"span"),n.OEk(75,"API"),n.C$Y(),n.I0R(76,"a",29),n.OEk(77,"#"),n.C$Y()(),n.I0R(78,"h3",30)(79,"span"),n.OEk(80,"nz-avatar"),n.C$Y(),n.I0R(81,"label",31),n.OEk(82,"component"),n.C$Y(),n.I0R(83,"label",32),n.OEk(84,"standalone"),n.C$Y(),n.I0R(85,"a",33),n.OEk(86,"#"),n.C$Y()(),n.I0R(87,"table")(88,"thead")(89,"tr")(90,"th"),n.OEk(91,"Property"),n.C$Y(),n.I0R(92,"th"),n.OEk(93,"Description"),n.C$Y(),n.I0R(94,"th"),n.OEk(95,"Type"),n.C$Y(),n.I0R(96,"th"),n.OEk(97,"Default"),n.C$Y(),n.I0R(98,"th"),n.OEk(99,"Global Config"),n.C$Y()()(),n.I0R(100,"tbody")(101,"tr")(102,"td")(103,"code"),n.OEk(104,"[nzIcon]"),n.C$Y()(),n.I0R(105,"td"),n.OEk(106,"The "),n.I0R(107,"code"),n.OEk(108,"Icon"),n.C$Y(),n.OEk(109," type for an icon avatar, see "),n.I0R(110,"code"),n.OEk(111,"Icon"),n.C$Y()(),n.I0R(112,"td")(113,"code"),n.OEk(114,"string"),n.C$Y()(),n.I0R(115,"td"),n.OEk(116,"-"),n.C$Y(),n.wR5(117,"td"),n.C$Y(),n.I0R(118,"tr")(119,"td")(120,"code"),n.OEk(121,"[nzShape]"),n.C$Y()(),n.I0R(122,"td"),n.OEk(123,"The shape of avatar"),n.C$Y(),n.I0R(124,"td")(125,"code"),n.OEk(126,"'circle' | 'square'"),n.C$Y()(),n.I0R(127,"td")(128,"code"),n.OEk(129,"'circle'"),n.C$Y()(),n.I0R(130,"td"),n.OEk(131,"\u2705"),n.C$Y()(),n.I0R(132,"tr")(133,"td")(134,"code"),n.OEk(135,"[nzSize]"),n.C$Y()(),n.I0R(136,"td"),n.OEk(137,"The size of the avatar"),n.C$Y(),n.I0R(138,"td")(139,"code"),n.OEk(140,"'large' | 'small' | 'default' | number"),n.C$Y()(),n.I0R(141,"td")(142,"code"),n.OEk(143,"'default'"),n.C$Y()(),n.I0R(144,"td"),n.OEk(145,"\u2705"),n.C$Y()(),n.I0R(146,"tr")(147,"td")(148,"code"),n.OEk(149,"[nzGap]"),n.C$Y()(),n.I0R(150,"td"),n.OEk(151,"Letter type unit distance between left and right sides"),n.C$Y(),n.I0R(152,"td")(153,"code"),n.OEk(154,"number"),n.C$Y()(),n.I0R(155,"td")(156,"code"),n.OEk(157,"4"),n.C$Y()(),n.I0R(158,"td"),n.OEk(159,"\u2705"),n.C$Y()(),n.I0R(160,"tr")(161,"td")(162,"code"),n.OEk(163,"[nzSrc]"),n.C$Y()(),n.I0R(164,"td"),n.OEk(165,"The address of the image for an image avatar"),n.C$Y(),n.I0R(166,"td")(167,"code"),n.OEk(168,"string"),n.C$Y()(),n.I0R(169,"td"),n.OEk(170,"-"),n.C$Y(),n.wR5(171,"td"),n.C$Y(),n.I0R(172,"tr")(173,"td")(174,"code"),n.OEk(175,"[nzSrcSet]"),n.C$Y()(),n.I0R(176,"td"),n.OEk(177,"a list of sources to use for different screen resolutions"),n.C$Y(),n.I0R(178,"td"),n.OEk(179,"string"),n.C$Y(),n.I0R(180,"td"),n.OEk(181,"-"),n.C$Y(),n.wR5(182,"td"),n.C$Y(),n.I0R(183,"tr")(184,"td")(185,"code"),n.OEk(186,"[nzAlt]"),n.C$Y()(),n.I0R(187,"td"),n.OEk(188,"This attribute defines the alternative text describing the image"),n.C$Y(),n.I0R(189,"td"),n.OEk(190,"string"),n.C$Y(),n.I0R(191,"td"),n.OEk(192,"-"),n.C$Y(),n.wR5(193,"td"),n.C$Y(),n.I0R(194,"tr")(195,"td")(196,"code"),n.OEk(197,"[nzText]"),n.C$Y()(),n.I0R(198,"td"),n.OEk(199,"Letter type avatar"),n.C$Y(),n.I0R(200,"td")(201,"code"),n.OEk(202,"string"),n.C$Y()(),n.I0R(203,"td"),n.OEk(204,"-"),n.C$Y(),n.wR5(205,"td"),n.C$Y(),n.I0R(206,"tr")(207,"td")(208,"code"),n.OEk(209,"(nzError)"),n.C$Y()(),n.I0R(210,"td"),n.OEk(211,"Handler when img load error, call the "),n.I0R(212,"code"),n.OEk(213,"preventDefault"),n.C$Y(),n.OEk(214," method to prevent default fallback behavior"),n.C$Y(),n.I0R(215,"td")(216,"code"),n.OEk(217,"EventEmitter<Event>"),n.C$Y()(),n.I0R(218,"td"),n.OEk(219,"-"),n.C$Y(),n.wR5(220,"td"),n.C$Y()()(),n.I0R(221,"h3",34)(222,"span"),n.OEk(223,"nz-avatar-group"),n.C$Y(),n.I0R(224,"label",31),n.OEk(225,"component"),n.C$Y(),n.I0R(226,"label",32),n.OEk(227,"standalone"),n.C$Y(),n.I0R(228,"a",35),n.OEk(229,"#"),n.C$Y()(),n.I0R(230,"pre",36)(231,"code"),n.OEk(232," "),n.I0R(233,"span",37)(234,"span",37)(235,"span",15),n.OEk(236,"<"),n.C$Y(),n.OEk(237,"nz-avatar-group"),n.C$Y(),n.I0R(238,"span",15),n.OEk(239,">"),n.C$Y()(),n.OEk(240,"\n  "),n.I0R(241,"span",37)(242,"span",37)(243,"span",15),n.OEk(244,"<"),n.C$Y(),n.OEk(245,"nz-avatar"),n.C$Y(),n.OEk(246," "),n.I0R(247,"span",38),n.OEk(248,"nzIcon"),n.C$Y(),n.I0R(249,"span",39)(250,"span",15),n.OEk(251,"="),n.C$Y(),n.I0R(252,"span",15),n.OEk(253,'"'),n.C$Y(),n.OEk(254,"user"),n.I0R(255,"span",15),n.OEk(256,'"'),n.C$Y()(),n.I0R(257,"span",15),n.OEk(258,">"),n.C$Y()(),n.I0R(259,"span",37)(260,"span",37)(261,"span",15),n.OEk(262,"</"),n.C$Y(),n.OEk(263,"nz-avatar"),n.C$Y(),n.I0R(264,"span",15),n.OEk(265,">"),n.C$Y()(),n.OEk(266,"\n  ...\n"),n.I0R(267,"span",37)(268,"span",37)(269,"span",15),n.OEk(270,"</"),n.C$Y(),n.OEk(271,"nz-avatar-group"),n.C$Y(),n.I0R(272,"span",15),n.OEk(273,">"),n.C$Y()()()(),n.eAF(),n.C$Y()()),2&t&&(n.yG2(),n.E7m("nzOffsetTop",16),n.yG2(),n.E7m("nzAffix",!1),n.yG2(42),n.E7m("nzGutter",16),n.yG2(),n.E7m("nzXl",12)("nzSpan",24),n.yG2(),n.E7m("nzId","components-avatar-demo-basic")("nzLink","components-avatar-demo-basic")("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/

1avatar/demo/basic.md"),n.yG2(5),n.E7m("nzId","components-avatar-demo-dynamic")("nzLink","components-avatar-demo-dynamic")("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/avatar/demo/dynamic.md"),n.yG2(5),n.E7m("nzId","components-avatar-demo-group")("nzLink","components-avatar-demo-group")("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/avatar/demo/group.md"),n.yG2(5),n.E7m("nzXl",12)("nzSpan",24),n.yG2(),n.E7m("nzId","components-avatar-demo-type")("nzLink","components-avatar-demo-type")("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/avatar/demo/type.md"),n.yG2(5),n.E7m("nzId","components-avatar-demo-badge")("nzLink","components-avatar-demo-badge")("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/avatar/demo/badge.md"))},dependencies:[c.A,s.s9,s.mK,g.g,m.QD,m.ox,i.qG,O.If,C.k,Y,$,y,F,A],encapsulation:2})}return a})(),N=(()=>{class a{static#n=this.\u0275fac=function(t){return new(t||a)};static#a=this.\u0275mod=n.a4G({type:a});static#t=this.\u0275inj=n.s3X({imports:[D.K,B,b.qQ.forChild([{path:"en",component:S},{path:"zh",component:T}])]})}return a})()}}]);