https://preview-9270-ng-zorro-antd.surge.sh/chunk-RS7LUF4J.js

1import{a as de,b as le}from"./chunk-QGK55QLP.js";import{a as ee,b as te}from"./chunk-CFIR5PRG.js";import{a as re,c as me}from"./chunk-K3ALD4OB.js";import{a as s,b as V,c as f}from"./chunk-PQ64B72B.js";import{a as v,g as w,h as _,m as M,n as G}from"./chunk-4LWRTZ4J.js";import"./chunk-HECQD5M5.js";import"./chunk-WRS55NNU.js";import{Fc as J,Jc as K,Nd as ne,Od as ae,Qd as ie,Rd as oe,Sd as k,Td as T,Wc as $,Wd as H,qb as x,sb as j,vc as S,xc as Y}from"./chunk-FE3MHUBC.js";import{Ca as Z,Ec as Q,Fc as U,Gc as W,Xb as o,Yb as t,Zb as e,_b as a,cd as P,ic as E,kb as r,nd as X,oc as A,pc as I,qa as p,qc as F,ra as u,vc as q,wb as c,zc as n}from"./chunk-OQ4XWHPB.js";import"./chunk-JNGVGNCT.js";var C=class l{static \u0275fac=function(i){return new(i||l)};static \u0275cmp=c({type:l,selectors:[["nz-demo-avatar-badge"]],decls:4,vars:1,consts:[[2,"margin-right","24px",3,"nzCount"],["nzIcon","user","nzShape","square"],["nzDot",""]],template:function(i,d){i&1&&(t(0,"nz-badge",0),a(1,"nz-avatar",1),e(),t(2,"nz-badge",2),a(3,"nz-avatar",1),e()),i&2&&o("nzCount",5)},dependencies:[me,re,f,s],encapsulation:2})};var y=class l{static \u0275fac=function(i){return new(i||l)};static \u0275cmp=c({type:l,selectors:[["nz-demo-avatar-basic"]],decls:10,vars:2,consts:[["nzIcon","user",3,"nzSize"],["nzSize","large","nzIcon","user"],["nzIcon","user"],["nzSize","small","nzIcon","user"],["nzShape","square","nzIcon","user",3,"nzSize"],["nzShape","square","nzSize","large","nzIcon","user"],["nzShape","square","nzIcon","user"],["nzShape","square","nzSize","small","nzIcon","user"]],template:function(i,d){i&1&&(t(0,"div"),a(1,"nz-avatar",0)(2,"nz-avatar",1)(3,"nz-avatar",2)(4,"nz-avatar",3),e(),t(5,"div"),a(6,"nz-avatar",4)(7,"nz-avatar",5)(8,"nz-avatar",6)(9,"nz-avatar",7),e()),i&2&&(r(),o("nzSize",64),r(5),o("nzSize",64))},dependencies:[f,s],styles:["nz-avatar[_ngcontent-%COMP%]{margin-top:16px;margin-right:16px}"]})};var pe=["Lucy","U","Tom","Edward"],ze=["#f56a00","#7265e6","#ffbf00","#00a2ae"],N=class l{index=Z(3);text=P(()=>pe[this.index()]);color=P(()=>ze[this.index()]);gap=X(4);change(){this.index.update(m=>(m+1)%pe.length)}static \u0275fac=function(i){return new(i||l)};static \u0275cmp=c({type:l,selectors:[["nz-demo-avatar-dynamic"]],inputs:{gap:[1,"gap"]},outputs:{gap:"gapChange"},decls:7,vars:8,consts:[[3,"ngModelChange","nzMin","nzMax","nzStep","ngModel"],["nz-button","",3,"click"],["nzSize","large",3,"nzGap","nzText"]],template:function(i,d){i&1&&(t(0,"div")(1,"label"),n(2,"Gap: "),e(),t(3,"nz-input-number",0),W("ngModelChange",function(g){return U(d.gap,g)||(d.gap=g),g}),e(),t(4,"button",1),E("click",function(){return d.change()}),n(5,"Change Text"),e()(),a(6,"nz-avatar",2)),i&2&&(r(3),o("nzMin",0)("nzMax",16)("nzStep",1),Q("ngModel",d.gap),r(3),q("background-color",d.color()),o("nzGap",d.gap())("nzText",d.text()))},dependencies:[$,J,K,f,s,oe,ie,ne,ae,te,ee],styles:["div[_ngcontent-%COMP%]{margin-bottom:16px}button[_ngcontent-%COMP%]{margin-left:8px}"]})};var D=class l{static \u0275fac=function(i){return new(i||l)};static \u0275cmp=c({type:l,selectors:[["nz-demo-avatar-group"]],decls:12,vars:1,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"],[3,"nzSize"],["nzType","ant-design","nzTheme","outline"],["nzText","+2",2,"background-color","#fde3cf","color","#f56a00"]],template:function(i,d){i&1&&(t(0,"nz-avatar-group"),a(1,"nz-avatar",0)(2,"nz-avatar",1)(3,"nz-avatar",2)(4,"nz-avatar",3),t(5,"nz-avatar",4),a(6,"nz-icon",5),e()(),a(7,"nz-divider"),t(8,"nz-avatar-group"),a(9,"nz-avatar",0)(10,"nz-avatar",1)(11,"nz-avatar",6),e()),i&2&&(r(5),o("nzSize",32))},dependencies:[f,s,V,le,de,Y,S,j,x],encapsulation:2})};var B=class l{static \u0275fac=function(i){return new(i||l)};static \u0275cmp=c({type:l,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(i,d){i&1&&a(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:[f,s],styles:["nz-avatar[_ngcontent-%COMP%]{margin-top:16px;margin-right:16px}"]})};var R=class l{expanded=!1;codeBoxes;goLink(m){window&&(window.location.hash=m)}expandAllCode(){this.expanded=!this.expanded,this.codeBoxes.forEach(m=>m.expandCode(this.expanded))}static \u0275fac=function(i){return new(i||l)};static \u0275cmp=c({type:l,selectors:[["nz-demo-avatar"]],viewQuery:function(i,d){if(i&1&&A(v,5),i&2){let z;I(z=F())&&(d.codeBoxes=z)}},decls:291,vars:32,consts:[[1,"toc-affix",3,"nzOffsetTop"],["nzShowInkInFixed","",3,"nzClick","nzAffix"],["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"],["nzType","edit"],["name","avatar","description","\u7528\u6765\u4EE3\u8868\u7528\u6237\u6216\u4E8B\u7269\uFF0C\u652F\u6301\u56FE\u7247\u3001\u56FE\u6807\u6216\u5B57\u7B26\u5C55\u793A\u3002","language","zh"],["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","nzIframe","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","nzIframe","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","nzIframe","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","nzIframe","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","nzIframe","nzIframeHeight","nzHref"],[1,"markdown","api-container"],["id","api"],["onclick","window.location.hash = 'api'",1,"anchor"],["id","nz-avatar"],[1,"api-type-label","component"],["onclick","window.location.hash = 'nz-avatar'",1,"anchor"],["href","https://developer.mozilla.org/zh-CN/docs/Web/HTML/Reference/Elements/img#loading","target","_blank","rel","noopener"],["href","https://developer.mozilla.org/zh-CN/docs/Web/HTML/Reference/Elements/img#fetchpriority","target","_blank","rel","noopener"],["id","nz-avatar-group"],["onclick","window.location.hash = 'nz-avatar-group'",1,"anchor"],[1,"language-html"],[1,"token","tag"],[1,"token","punctuation"],[1,"token","attr-name"],[1,"token","attr-value"],[1,"token","punctuation","attr-equals"],[1,"token","comment"]],template:function(i,d){i&1&&(t(0,"article")(1,"nz-affix",0)(2,"nz-anchor",1),E("nzClick",function(g){return d.goLink(g)}),a(3,"nz-link",2)(4,"nz-link",3)(5,"nz-link",4)(6,"nz-link",5)(7,"nz-link",6)(8,"nz-link",7),e()(),t(9,"section",8)(10,"h1"),n(11,"Avatar"),t(12,"span",9),n(13,"\u5934\u50CF"),e(),a(14,"span",10),t(15,"a",11),a(16,"nz-icon",12),e()(),a(17,"component-meta",13)(18,"section",8),t(19,"h2")(20,"span"),n(21,"\u4EE3\u7801\u6F14\u793A"),e(),t(22,"nz-icon",14),E("click",function(){return d.expandAllCode()}),e()()(),t(23,"div",15)(24,"div",16)(25,"nz-code-box",17),a(26,"nz-demo-avatar-basic",18),t(27,"div",19),u(),t(28,"p"),n(29,"\u5934\u50CF\u6709\u4E09\u79CD\u5C3A\u5BF8\uFF0C\u4E24\u79CD\u5F62\u72B6\u53EF\u9009\u3002"),e(),p(),e()(),t(30,"nz-code-box",20),a(31,"nz-demo-avatar-dynamic",18),t(32,"div",19),u(),t(33,"p"),n(34,"\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"),e(),p(),e()(),t(35,"nz-code-box",21),a(36,"nz-demo-avatar-group",18),t(37,"div",19),u(),t(38,"p"),n(39,"\u5934\u50CF\u7EC4\u5408\u5C55\u73B0\u3002"),e(),p(),e()()(),t(40,"div",16)(41,"nz-code-box",22),a(42,"nz-demo-avatar-type",18),t(43,"div",19),u(),t(44,"p"),n(45,"\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"),e(),p(),e()(),t(46,"nz-code-box",23),a(47,"nz-demo-avatar-badge",18),t(48,"div",19),u(),t(49,"p"),n(50,"\u901A\u5E38\u7528\u4E8E\u6D88\u606F\u63D0\u793A\u3002"),e(),p(),e()()()(),t(51,"section",24),u(),t(52,"h2",25)(53,"span"),n(54,"API"),e(),t(55,"a",26),n(56,"#"),e()(),t(57,"h3",27)(58,"span"),n(59,"nz-avatar"),e(),t(60,"label",28),n(61,"component"),e(),t(62,"a",29),n(63,"#"),e()(),t(64,"table")(65,"thead")(66,"tr")(67,"th"),n(68,"\u53C2\u6570"),e(),t(69,"th"),n(70,"\u8B

1F4\u660E"),e(),t(71,"th"),n(72,"\u7C7B\u578B"),e(),t(73,"th"),n(74,"\u9ED8\u8BA4\u503C"),e(),t(75,"th"),n(76,"\u5168\u5C40\u914D\u7F6E"),e()()(),t(77,"tbody")(78,"tr")(79,"td")(80,"code"),n(81,"[nzIcon]"),e()(),t(82,"td"),n(83,"\u8BBE\u7F6E\u5934\u50CF\u7684\u56FE\u6807\u7C7B\u578B\uFF0C\u53C2\u8003 "),t(84,"code"),n(85,"Icon"),e()(),t(86,"td")(87,"code"),n(88,"string"),e()(),t(89,"td"),n(90,"-"),e(),a(91,"td"),e(),t(92,"tr")(93,"td")(94,"code"),n(95,"[nzShape]"),e()(),t(96,"td"),n(97,"\u6307\u5B9A\u5934\u50CF\u7684\u5F62\u72B6"),e(),t(98,"td")(99,"code"),n(100,"'circle' | 'square'"),e()(),t(101,"td")(102,"code"),n(103,"'circle'"),e()(),t(104,"td"),n(105,"\u2705"),e()(),t(106,"tr")(107,"td")(108,"code"),n(109,"[nzSize]"),e()(),t(110,"td"),n(111,"\u8BBE\u7F6E\u5934\u50CF\u7684\u5927\u5C0F"),e(),t(112,"td")(113,"code"),n(114,"'large' | 'small' | 'default' | number"),e()(),t(115,"td")(116,"code"),n(117,"'default'"),e()(),t(118,"td"),n(119,"\u2705"),e()(),t(120,"tr")(121,"td")(122,"code"),n(123,"[nzGap]"),e()(),t(124,"td"),n(125,"\u5B57\u7B26\u7C7B\u578B\u8DDD\u79BB\u5DE6\u53F3\u4E24\u4FA7\u8FB9\u754C\u5355\u4F4D\u50CF\u7D20"),e(),t(126,"td")(127,"code"),n(128,"number"),e()(),t(129,"td")(130,"code"),n(131,"4"),e()(),t(132,"td"),n(133,"\u2705"),e()(),t(134,"tr")(135,"td")(136,"code"),n(137,"[nzSrc]"),e()(),t(138,"td"),n(139,"\u56FE\u7247\u7C7B\u5934\u50CF\u7684\u8D44\u6E90\u5730\u5740"),e(),t(140,"td")(141,"code"),n(142,"string"),e()(),t(143,"td"),n(144,"-"),e(

1),a(145,"td"),e(),t(146,"tr")(147,"td")(148,"code"),n(149,"[nzSrcSet]"),e()(),t(150,"td"),n(151,"\u8BBE\u7F6E\u56FE\u7247\u7C7B\u5934\u50CF\u54CD\u5E94\u5F0F\u8D44\u6E90\u5730\u5740"),e(),t(152,"td")(153,"code"),n(154,"string"),e()(),t(155,"td"),n(156,"-"),e(),a(157,"td"),e(),t(158,"tr")(159,"td")(160,"code"),n(161,"[nzAlt]"),e()(),t(162,"td"),n(163,"\u56FE\u50CF\u65E0\u6CD5\u663E\u793A\u65F6\u7684\u66FF\u4EE3\u6587\u672C"),e(),t(164,"td")(165,"code"),n(166,"string"),e()(),t(167,"td"),n(168,"-"),e(),a(169,"td"),e(),t(170,"tr")(171,"td")(172,"code"),n(173,"[nzText]"),e()(),t(174,"td"),n(175,"\u6587\u672C\u7C7B\u5934\u50CF"),e(),t(176,"td")(177,"code"),n(178,"string"),e()(),t(179,"td"),n(180,"-"),e(),a(181,"td"),e(),t(182,"tr")(183,"td")(184,"code"),n(185,"[nzLoading]"),e()(),t(186,"td"),n(187,"\u8BBE\u7F6E\u56FE\u7247\u7C7B\u5934\u50CF "),t(188,"code"),n(189,"<img>"),e(),n(190," \u5143\u7D20\u539F\u751F "),t(191,"a",30)(192,"code"),n(193,"loading"),e()(),n(194," \u5C5E\u6027"),e(),t(195,"td")(196,"code"),n(197,"'eager' | 'lazy'"),e()(),t(198,"td")(199,"code"),n(200,"'eager'"),e()(),a(201,"td"),e(),t(202,"tr")(203,"td")(204,"code"),n(205,"[nzFetchPriority]"),e()(),t(206,"td"),n(207,"\u8BBE\u7F6E\u56FE\u7247\u7C7B\u5934\u50CF "),t(208,"code"),n(209,"<img>"),e(),n(210," \u5143\u7D20\u539F\u751F "),t(211,"a",31)(212,"code"),n(213,"fetchpriority"),e()(),n(214," \u5C5E\u6027"),e(),t(215,"td")(216,"code"),n(217,"'high' | 'low' | 'auto'"),e()(),t(218,"td")(219,"code"),n(220,"'auto'"),e()(),a(221,"td"),e(),t(222,"tr")(223,"td")(224,"code"),n(225,"(nzError)"),e()(),t(226,"td"),n(227,"\u56FE\u7247\u52A0\u8F7D\u5931\u8D25\u7684\u4E8B\u4EF6\uFF0C\u8C03\u7528 "),t(228,"code"),n(229,"preventDefault"),e(),n(230," \u65B9\u6CD5\u4F1A\u963B\u6B62\u7EC4\u4EF6\u9ED8\u8BA4\u7684 fallback \u884C\u4E3A"),e(),t(231,"td")(232,"code"),n(233,"EventEmitter<Event>"),e()(),t(234,"td"),n(235,"-"),e(),a(236,"td"),e()()(),t(237,"h3",32)(238,"span"),n(239,"nz-avatar-group"),e(),t(240,"label",28),n(241,"component"),e(),t(242,"a",33),n(243,"#"),e()(),t(244,"pre")(245,"code",34)(246,"span",35)(247,"span",35)(248,"span",36),n(249,"<"),e(),n(250,"nz-avatar-group"),e(),t(251,"span",36),n(252,">"),e()(),n(253,`
2  `),t(254,"span",35)(255,"span",35)(256,"span",36),n(257,"<"),e(),n(258,"nz-avatar"),e(),n(259," "),t(260,"span",37),n(261,"nzIcon"),e(),t(262,"span",38)(263,"span",39),n(264,"="),e(),t(265,"span",36),n(266,'"'),e(),n(267,"user"),t(268,"span",36),n(269,'"'),e()(),t(270,"span",36),n(271,">"),e()(),t(272,"span",35)(273,"span",35)(274,"span",36),n(275,"</"),e(),n(276,"nz-avatar"),e(),t(277,"span",36),n(278,">"),e()(),n(279,`
3  `),t(280,"span",40),n(281,"<!--  ...  -->"),e(),n(282,`
4`),t(283,"span",35)(284,"span",35)(285,"span",36),n(286,"</"),e(),n(287,"nz-avatar-group"),e(),t(288,"span",36),n(289,">"),e()(),n(290,`
5`),e()(),p(),e()()),i&2&&(r(),o("nzOffsetTop",16),r(),o("nzAffix",!1),r(21),o("nzGutter",16),r(),o("nzXl",12)("nzSpan",24),r(),o("nzId","components-avatar-demo-basic")("nzLink","components-avatar-demo-basic")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/avatar/demo/basic.md"),r(5),o("nzId","components-avatar-demo-dynamic")("nzLink","components-avatar-demo-dynamic")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/avatar/demo/dynamic.md"),r(5),o("nzId","components-avatar-demo-group")("nzLink","components-avatar-demo-group")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/avatar/demo/group.md"),r(5),o("nzXl",12)("nzSpan",24),r(),o("nzId","components-avatar-demo-type")("nzLink","components-avatar-demo-type")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/avatar/demo/type.md"),r(5),o("nzId","components-avatar-demo-badge")("nzLink","components-avatar-demo-badge")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/avatar/demo/badge.md"))},dependencies:[G,v,M,w,_,H,T,k,S,x,C,y,N,D,B],encapsulation:2})};var O=class l{expanded=!1;codeBoxes;goLink(m){window&&(window.location.hash=m)}expandAllCode(){this.expanded=!this.expanded,this.codeBoxes.forEac

5h(m=>m.expandCode(this.expanded))}static \u0275fac=function(i){return new(i||l)};static \u0275cmp=c({type:l,selectors:[["nz-demo-avatar"]],viewQuery:function(i,d){if(i&1&&A(v,5),i&2){let z;I(z=F())&&(d.codeBoxes=z)}},decls:287,vars:32,consts:[[1,"toc-affix",3,"nzOffsetTop"],["nzShowInkInFixed","",3,"nzClick","nzAffix"],["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"],["nzType","edit"],["name","avatar","description","Used to represent users or things, supporting the display of images, icons, or characters.","language","en"],["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","nzIframe","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","nzIframe","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","nzIframe","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","nzIframe","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","nzIframe","nzIframeHeight","nzHref"],[1,"markdown","api-container"],["id","api"],["onclick","window.location.hash = 'api'",1,"anchor"],["id","nz-avatar"],[1,"api-type-label","component"],["onclick","window.location.hash = 'nz-avatar'",1,"anchor"],["href","https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/img#loading","target","_blank","rel","noopener"],["href","https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/img#fetchpriority","target","_blank","rel","noopener"],["id","nz-avatar-group"],["onclick","window.location.hash = 'nz-avatar-group'",1,"anchor"],[1,"language-html"],[1,"token","tag"],[1,"token","punctuation"],[1,"token","attr-name"],[1,"token","attr-value"],[1,"token","punctuation","attr-equals"],[1,"token","comment"]],template:function(i,d){i&1&&(t(0,"article")(1,"nz-affix",0)(2,"nz-anchor",1),E("nzClick",function(g){return d.goLink(g)}),a(3,"nz-link",2)(4,"nz-link",3)(5,"nz-link",4)(6,"nz-link",5)(7,"nz-link",6)(8,"nz-link",7),e()(),t(9,"section",8)(10,"h1"),n(11,"Avatar"),a(12,"span",9)(13,"span",10),t(14,"a",11),a(15,"nz-icon",12),e()(),a(16,"component-meta",13)(17,"section",8),t(18,"h2")(19,"span"),n(20,"Examples"),e(),t(21,"nz-icon",14),E("click",function(){return d.expandAllCode()}),e()()(),t(22,"div",15)(23,"div",16)(24,"nz-code-box",17),a(25,"nz-demo-avatar-basic",18),t(26,"div",19),u(),t(27,"p"),n(28,"Three sizes and two shapes are available."),e(),p(),e()(),t(29,"nz-code-box",20),a(30,"nz-demo-avatar-dynamic",18),t(31,"div",19),u(),t(32,"p"),n(33,"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."),e(),p(),e()(),t(34,"nz-code-box",21),a(35,"nz-demo-avatar-group",18),t(36,"div",19),u(),t(37,"p"),n(38,"Avatar group display."),e(),p(),e()()(),t(39,"div",16)(40,"nz-code-box",22),a(41,"nz-demo-avatar-type",18),t(42,"div",19),u(),t(43,"p"),n(44,"Image, Icon and letter are supported, and the latter two kinds avatar can have custom colors and background colors."),e(),p(),e()(),t(45,"nz-code-box",23),a(46,"nz-demo-avatar-badge",18),t(47,"div",19),u(),t(48,"p"),n(49,"Usually used for messages remind."),e(),p(),e()()()(),t(50,"section",24),u(),t(51,"h2",25)(52,"span"),n(53,"API"),e(),t(54,"a",26),n(55,"#"),e()(),t(56,"h3",27)(57,"span"),n(58,"nz-avatar"),e(),t(59,"label",28),n(60,"component"),e(),t(61,"a",29),n(62,"#"),e()(),t(63,"table")(64,"thead")(65,"tr")(66,"th"),n(67,"Property"),e(

5),t(68,"th"),n(69,"Description"),e(),t(70,"th"),n(71,"Type"),e(),t(72,"th"),n(73,"Default"),e(),t(74,"th"),n(75,"Global Config"),e()()(),t(76,"tbody")(77,"tr")(78,"td")(79,"code"),n(80,"[nzIcon]"),e()(),t(81,"td"),n(82,"The "),t(83,"code"),n(84,"Icon"),e(),n(85," type for an icon avatar, see "),t(86,"code"),n(87,"Icon"),e()(),t(88,"td")(89,"code"),n(90,"string"),e()(),t(91,"td"),n(92,"-"),e(),a(93,"td"),e(),t(94,"tr")(95,"td")(96,"code"),n(97,"[nzShape]"),e()(),t(98,"td"),n(99,"The shape of avatar"),e(),t(100,"td")(101,"code"),n(102,"'circle' | 'square'"),e()(),t(103,"td")(104,"code"),n(105,"'circle'"),e()(),t(106,"td"),n(107,"\u2705"),e()(),t(108,"tr")(109,"td")(110,"code"),n(111,"[nzSize]"),e()(),t(112,"td"),n(113,"The size of the avatar"),e(),t(114,"td")(115,"code"),n(116,"'large' | 'small' | 'default' | number"),e()(),t(117,"td")(118,"code"),n(119,"'default'"),e()(),t(120,"td"),n(121,"\u2705"),e()(),t(122,"tr")(123,"td")(124,"code"),n(125,"[nzGap]"),e()(),t(126,"td"),n(127,"Letter type unit distance between left and right sides"),e(),t(128,"td")(129,"code"),n(130,"number"),e()(),t(131,"td")(132,"code"),n(133,"4"),e()(),t(134,"td"),n(135,"\u2705"),e()(),t(136,"tr")(137,"td")(138,"code"),n(139,"[nzSrc]"),e()(),t(140,"td"),n(141,"Avatar image URL"),e(),t(142,"td")(143,"code"),n(144,"string"),e()(),t(145,"td"),n(146,"-"),e(),a(147,"td"),e(),t(148,"tr")(149,"td")(150,"code"),n(151,"[nzSrcSet]"),e()(),t(152,"td"),n(153,"a list of sources to use for different screen resolutions"),e(),t(154,"td")(155,"code"),n(156,"string"),e()(),t(157,"td"),n(158,"-"),e(),a(159,"td"),e(),t(160,"tr")(161,"td")(162,"code"),n(163,"[nzAlt]"),e()(),t(164,"td"),n(165,"This attribute defines the alternative text describing the image"),e(),t(166,"td")(167,"code"),n(168,"string"),e()(),t(169,"td"),n(170,"-"),e(),a(171,"td"),e(),t(172,"tr")(173,"td")(174,"code"),n(175,"[nzText]"),e()(),t(176,"td"),n(177,"Letter type avatar"),e(),t(178,"td")(179,"code"),n(180,"string"),e()(),t(181,"td"),n(182,"-"),e(),a(183,"td"),e(),t(184,"tr")(185,"td")(186,"code"),n(187,"[nzLoading]"),e()(),t(188,"td"),n(189,"Sets the native "),t(190,"a",30)(191,"code"),n(192,"loading"),e()(),n(193," attribute on the avatar image element"),e(),t(194,"td")(195,"code"),n(196,"'eager' | 'lazy'"),e()(),t(197,"td")(198,"code"),n(199,"'eager'"),e()(),a(200,"td"),e(),t(201,"tr")(202,"td")(203,"code"),n(204,"[nzFetchPriority]"),e()(),t(205,"td"),n(206,"Sets the native "),t(207,"a",31)(208,"code"),n(209,"fetchpriority"),e()(),n(210," attribute on the avatar image element"),e(),t(211,"td")(212,"code"),n(213,"'high' | 'low' | 'auto'"),e()(),t(214,"td")(215,"code"),n(216,"'auto'"),e()(),a(217,"td"),e(),t(218,"tr")(219,"td")(220,"code"),n(221,"(nzError)"),e()(),t(222,"td"),n(223,"Handler when img load error, call the "),t(224,"code"),n(225,"preventDefault"),e(),n(226," method to prevent default fallback behavior"),e(),t(227,"td")(228,"code"),n(229,"EventEmitter<Event>"),e()(),t(230,"td"),n(231,"-"),e(),a(232,"td"),e()()(),t(233,"h3",32)(234,"span"),n(235,"nz-avatar-group"),e(),t(236,"label",28),n(237,"component"),e(),t(238,"a",33),n(239,"#"),e()(),t(240,"pre")(241,"code",34)(242,"span",35)(243,"span",35)(244,"span",36),n(245,"<"),e(),n(246,"nz-avatar-group"),e(),t(247,"span",36),n(248,">"),e()(),n(249,`
6  `),t(250,"span",35)(251,"span",35)(252,"span",36),n(253,"<"),e(),n(254,"nz-avatar"),e(),n(255," "),t(256,"span",37),n(257,"nzIcon"),e(),t(258,"span",38)(259,"span",39),n(260,"="),e(),t(261,"span",36),n(262,'"'),e(),n(263,"user"),t(264,"span",36),n(265,'"'),e()(),t(266,"span",36),n(267,">"),e()(),t(268,"span",35)(269,"span",35)(270,"span",36),n(271,"</"),e(

6),n(272,"nz-avatar"),e(),t(273,"span",36),n(274,">"),e()(),n(275,`
7  `),t(276,"span",40),n(277,"<!--  ...  -->"),e(),n(278,`
8`),t(279,"span",35)(280,"span",35)(281,"span",36),n(282,"</"),e(),n(283,"nz-avatar-group"),e(),t(284,"span",36),n(285,">"),e()(),n(286,`
9`),e()(),p(),e()()),i&2&&(r(),o("nzOffsetTop",16),r(),o("nzAffix",!1),r(20),o("nzGutter",16),r(),o("nzXl",12)("nzSpan",24),r(),o("nzId","components-avatar-demo-basic")("nzLink","components-avatar-demo-basic")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/avatar/demo/basic.md"),r(5),o("nzId","components-avatar-demo-dynamic")("nzLink","components-avatar-demo-dynamic")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/avatar/demo/dynamic.md"),r(5),o("nzId","components-avatar-demo-group")("nzLink","components-avatar-demo-group")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/avatar/demo/group.md"),r(5),o("nzXl",12)("nzSpan",24),r(),o("nzId","components-avatar-demo-type")("nzLink","components-avatar-demo-type")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/avatar/demo/type.md"),r(5),o("nzId","components-avatar-demo-badge")("nzLink","components-avatar-demo-badge")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/avatar/demo/badge.md"))},dependencies:[G,v,M,w,_,H,T,k,S,x,C,y,N,D,B],encapsulation:2})};var xe=[{path:"en",component:O},{path:"zh",component:R}],pt=xe;export{pt as default};