chunk-Z7QZFGWJ.js

import{a as k,b as q,c as L}from"./chunk-F4F6MG7Z.js";import{b as I}from"./chunk-XRBZUWDJ.js";import{o as T,q as w,r as j,t as U}from"./chunk-LJRBPGSW.js";import"./chunk-JYBRZQRP.js";import{Aa as x,Da as i,Ea as o,Fa as m,Ga as b,Ha as D,I as f,Ka as O,La as d,Ma as P,Na as z,Qb as M,U as _,Ua as c,Va as h,ba as A,ca as a,la as p,ma as v,ra as g,rb as y,sb as B,va as r,wa as E,xa as N,zb as F}from"./chunk-UJIEDWPF.js";var X=["*"];function Y(e,s){if(e&1&&m(0,"i"),e&2){let n=d();x("el-icon-",n.nelIcon,"")}}function Z(e,s){if(e&1&&m(0,"img",3),e&2){let n=d();E("object-fit",n.nelFit),r("src",n.src,A)("alt",n.nelAlt)}}function ee(e,s){if(e&1&&(b(0),c(1),D()),e&2){let n=d();a(),h(n.nelText)}}function te(e,s){e&1&&z(0,0,["*ngIf","!loading"])}var C=(()=>{class e{constructor(){this.size="large",this.loading=!1,this.nelShape="circle",this.nelFit="cover",this.nelOnError=new _}set nelSize(n){typeof n=="number"?(this.sizeNum=n,this.size=void 0):(this.sizeNum=void 0,this.size=n)}set nelSrc(n){this.loading=!0;let t=new Image;t.src=n,t.onload=l=>{this.src=n,this.loading=!1},t.onerror=l=>{l instanceof Event&&(l.preventDefault(),l.stopPropagation()),this.nelOnError.emit(l),this.loading=!1}}static{this.\u0275fac=function(t){return new(t||e)}}static{this.\u0275cmp=p({type:e,selectors:[["nel-avatar"]],inputs:{nelIcon:"nelIcon",nelSize:"nelSize",nelText:"nelText",nelShape:"nelShape",nelSrc:"nelSrc",nelAlt:"nelAlt",nelFit:"nelFit"},outputs:{nelOnError:"nelOnError"},standalone:!1,ngContentSelectors:X,decls:5,vars:21,consts:[[3,"class",4,"ngIf"],[3,"src","object-fit","alt",4,"ngIf"],[4,"ngIf"],[3,"src","alt"]],template:function(t,l){t&1&&(P(),i(0,"span"),g(1,Y,1,3,"i",0)(2,Z,1,4,"img",1)(3,ee,2,1,"ng-container",2)(4,te,1,0,"ng-content",2),o()),t&2&&(x("el-avatar el-avatar--",l.nelShape,""),E("height",l.sizeNum+"px")("width",l.sizeNum+"px")("line-height",l.sizeNum+"px"),N("el-avatar--large",l.size=="large")("el-avatar--medium",l.size=="medium")("el-avatar--small",l.size=="small")("el-avatar--icon",l.nelIcon),a(),r("ngIf",l.nelIcon),a(),r("ngIf",l.src),a(),r("ngIf",l.nelText),a(),r("ngIf",!l.loading))},dependencies:[B],encapsulation:2})}}return e})();var $=(()=>{class e{static{this.\u0275fac=function(t){return new(t||e)}}static{this.\u0275mod=v({type:e})}static{this.\u0275inj=f({imports:[F,I]})}}return e})();function ne(e,s){if(e&1&&(i(0,"div",4),m(1,"nel-avatar",5),o()),e&2){let n=s.$implicit,t=d();a(),r("nelSize",n)("nelSrc",t.circleUrl)}}function oe(e,s){if(e&1&&(i(0,"div",4),m(1,"nel-avatar",7),o()),e&2){let n=s.$implicit,t=d();a(),r("nelShape","square")("nelSize",n)("nelSrc",t.squareUrl)}}var H=(()=>{class e{constructor(){this.circleUrl="https://cube.elemecdn.com/3/7c/3ea6beec64369c2642b92c6726f1epng.png",this.squareUrl="https://cube.elemecdn.com/9/c2/f0ee8a3c7c9638a54940382568c9dpng.png",this.sizeList=["large","medium","small"]}static{this.\u0275fac=function(t){return new(t||e)}}static{this.\u0275cmp=p({type:e,selectors:[["nel-demo-avatar-basic"]],standalone:!1,decls:15,vars:9,consts:[["nel-row","",1,"demo-avatar","demo-basic"],["nel-col","",3,"nelSpan"],[1,"sub-title"],[1,"demo-basic--circle"],[1,"block"],[3,"nelSize","nelSrc"],["class","block",4,"ngFor","ngForOf"],[3,"nelShape","nelSize","nelSrc"]],template:function(t,l){t&1&&(i(0,"div",0)(1,"div",1)(2,"div",2),c(3,"circle"),o(),i(4,"div",3)(5,"div",4),m(6,"nel-avatar",5),o(),g(7,ne,2,2,"div",6),o()(),i(8,"div",1)(9,"div",2),c(10,"square"),o(),i(11,"div",3)(12,"div",4),m(13,"nel-avatar",7),o(),g(14,oe,2,3,"div",6),o()()()),t&2&&(a(),r("nelSpan",12),a(5),r("nelSize",50)("nelSrc",l.circleUrl),a(),r("ngForOf",l.sizeList),a(),r("nelSpan",12),a(5),r("nelShape","square")("nelSize",50)("nelSrc",l.squareUrl),a(),r("ngForOf",l.sizeList))},dependencies:[y,C,q,k],styles:[".demo-avatar.demo-basic[_ngcontent-%COMP%]{text-align:center}.demo-avatar[_ngcontent-%COMP%]   .el-col[_ngcontent-%COMP%]:not(:last-child){border-right:1px solid rgba(224,230,237,.5)}.demo-avatar[_ngcontent-%COMP%]   .sub-title[_ngcontent-%COMP%]{margin-bottom:10px;font-size:14px;color:#8492a6}.demo-avatar.demo-basic[_ngcontent-%COMP%]   .demo-basic--circle[_ngcontent-%COMP%], .demo-avatar.demo-basic[_ngcontent-%COMP%]   .demo-basic--square[_ngcontent-%COMP%]{display:flex;justify-content:space-between;align-items:center}.demo-avatar.demo-basic[_ngcontent-%COMP%]   .demo-basic--circle[_ngcontent-%COMP%]   .block[_ngcontent-%COMP%]:not(:last-child), .demo-avatar.demo-basic[_ngcontent-%COMP%]   .demo-basic--square[_ngcontent-%COMP%]   .block[_ngcontent-%COMP%]:not(:last-child){border-right:1px solid rgba(224,230,237,.5)}.demo-avatar.demo-basic[_ngcontent-%COMP%]   .demo-basic--circle[_ngcontent-%COMP%]   .block[_ngcontent-%COMP%], .demo-avatar.demo-basic[_ngcontent-%COMP%]   .demo-basic--square[_ngcontent-%COMP%]   .block[_ngcontent-%COMP%]{flex:1}"]})}}return e})();var G=(()=>{class e{static{this.\u0275fac=function(t){return new(t||e)}}static{this.\u0275cmp=p({type:e,selectors:[["nel-demo-avatar-type"]],standalone:!1,decls:7,vars:3,consts:[[1,"demo-type"],[3,"nelIcon"],[3,"nelSrc"],[3,"nelText"]],template:function(t,l){t&1&&(i(0,"div",0)(1,"div"),m(2,"nel-avatar",1),o(),i(3,"div"),m(4,"nel-avatar",2),o(),i(5,"div"),m(6,"nel-avatar",3),o()()),t&2&&(a(2),r("nelIcon","user-solid"),a(2),r("nelSrc","https://cube.elemecdn.com/0/88/03b0d39583f48206768a7534e55bcpng.png"),a(2),r("nelText","user"))},dependencies:[C],styles:[".demo-type[_ngcontent-%COMP%]{display:flex}.demo-type[_ngcontent-%COMP%] > div[_ngcontent-%COMP%]:not(:last-child){border-right:1px solid rgba(224,230,237,.5)}.demo-type[_ngcontent-%COMP%] > div[_ngcontent-%COMP%]{flex:1;text-align:center}"]})}}return e})();var J=(()=>{class e{errorHandler(){return!0}static{this.\u0275fac=function(t){return new(t||e)}}static{this.\u0275cmp=p({type:e,selectors:[["nel-demo-avatar-error"]],standalone:!1,decls:3,vars:2,consts:[[1,"demo-type"],[3,"onError","nelSize","nelSrc"],["src","https://cube.elemecdn.com/e/fd/0fc7d20532fdaf769a25683617711png.png"]],template:function(t,l){t&1&&(i(0,"div",0)(1,"nel-avatar",1),O("onError",function(){return l.errorHandler()}),m(2,"img",2),o()()),t&2&&(a(),r("nelSize",60)("nelSrc","https://empty"))},dependencies:[C],encapsulation:2})}}return e})();function le(e,s){if(e&1&&(i(0,"div",2)(1,"span",3),c(2),o(),m(3,"nel-avatar",4),o()),e&2){let n=s.$implicit,t=d();a(2),h(n),a(),r("nelShape","square")("nelSize",100)("nelFit",n)("nelSrc",t.url)}}var K=(()=>{class e{constructor(){this.fits=["fill","contain","cover","none","scale-down"],this.url="https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg"}static{this.\u0275fac=function(t){return new(t||e)}}static{this.\u0275cmp=p({type:e,selectors:[["nel-demo-avatar-fit"]],standalone:!1,decls:2,vars:1,consts:[[1,"demo-fit"],["class","block",4,"ngFor","ngForOf"],[1,"block"],[1,"title"],[3,"nelShape","nelSize","nelFit","nelSrc"]],template:function(t,l){t&1&&(i(0,"div",0),g(1,le,4,5,"div",1),o()),t&2&&(a(),r("ngForOf",l.fits))},dependencies:[y,C],styles:[".demo-fit[_ngcontent-%COMP%]{display:flex;text-align:center;justify-content:space-between}.demo-fit[_ngcontent-%COMP%]   .block[_ngcontent-%COMP%]{flex:1;display:flex;flex-direction:column;flex-grow:0}.demo-fit[_ngcontent-%COMP%]   .title[_ngcontent-%COMP%]{margin-bottom:10px;font-size:14px;color:#8492a6}"]})}}return e})();var Q=(()=>{class e{static{this.\u0275fac=function(t){return new(t||e)}}static{this.\u0275mod=v({type:e})}static{this.\u0275inj=f({imports:[F,$,L]})}}return e})();var V=(()=>{class e{static{this.\u0275fac=function(t){return new(t||e)}}static{this.\u0275cmp=p({type:e,selectors:[["app-avatar"]],standalone:!1,decls:30,vars:5,consts:[["code","import { NelAvatarModule } from 'ng-element-ui/avatar';"],[3,"codeUrl"],["demo",""],[3,"docUrl"]],template:function(t,l){t&1&&(i(0,"h2"),c(1,"Avatar \u5934\u50CF"),o(),i(2,"p"),c(3,"\u7528\u56FE\u6807\u3001\u56FE\u7247\u6216\u8005\u5B57\u7B26\u7684\u5F62\u5F0F\u5C55\u793A\u7528\u6237\u6216\u4E8B\u7269\u4FE1\u606F\u3002"),o(),m(4,"app-code",0),i(5,"h3"),c(6,"\u57FA\u672C\u7528\u6CD5"),o(),i(7,"p"),c(8,"\u901A\u8FC7 nelShape \u548C nelSize \u8BBE\u7F6E\u5934\u50CF\u7684\u5F62\u72B6\u548C\u5927\u5C0F\u3002"),o(),i(9,"app-demo",1),m(10,"nel-demo-avatar-basic",2),o(),i(11,"h3"),c(12,"\u5C55\u793A\u7C7B\u578B"),o(),i(13,"p"),c(14,"\u652F\u6301\u4E09\u79CD\u7C7B\u578B\uFF1A\u56FE\u6807\u3001\u56FE\u7247\u548C\u5B57\u7B26"),o(),i(15,"app-demo",1),m(16,"nel-demo-avatar-type",2),o(),i(17,"h3"),c(18,"\u56FE\u7247\u52A0\u8F7D\u5931\u8D25\u7684 fallback \u884C\u4E3A"),o(),i(19,"p"),c(20,"\u5F53\u5C55\u793A\u7C7B\u578B\u4E3A\u56FE\u7247\u7684\u65F6\u5019\uFF0C\u56FE\u7247\u52A0\u8F7D\u5931\u8D25\u7684 fallback \u884C\u4E3A"),o(),i(21,"app-demo",1),m(22,"nel-demo-avatar-error",2),o(),i(23,"h3"),c(24,"\u56FE\u7247\u5982\u4F55\u9002\u5E94\u5BB9\u5668\u6846"),o(),i(25,"p"),c(26,"\u5F53\u5C55\u793A\u7C7B\u578B\u4E3A\u56FE\u7247\u7684\u65F6\u5019\uFF0C\u4F7F\u7528 nelFit \u5C5E\u6027\u5B9A\u4E49\u56FE\u7247\u5982\u4F55\u9002\u5E94\u5BB9\u5668\u6846\uFF0C\u540C\u539F\u751F object-fit\u3002"),o(),i(27,"app-demo",1),m(28,"nel-demo-avatar-fit",2),o(),m(29,"app-doc",3)),t&2&&(a(9),r("codeUrl","components-avatar-demo-basic.component"),a(6),r("codeUrl","components-avatar-demo-type.component"),a(6),r("codeUrl","components-avatar-demo-error.component"),a(6),r("codeUrl","components-avatar-demo-fit.component"),a(2),r("docUrl","components-avatar"))},dependencies:[H,G,J,K,T,w,j],encapsulation:2})}}return e})();var ce=[{path:"",component:V}],W=(()=>{class e{static{this.\u0275fac=function(t){return new(t||e)}}static{this.\u0275mod=v({type:e})}static{this.\u0275inj=f({imports:[M.forChild(ce),M]})}}return e})();var Xe=(()=>{class e{static{this.\u0275fac=function(t){return new(t||e)}}static{this.\u0275mod=v({type:e})}static{this.\u0275inj=f({imports:[Q,U,W]})}}return e})();export{Xe as AvatarModule};