vue-devui 1.5.10 → 1.5.11

package/avatar/index.es.js

@@ -247,7 +247,8 @@ var avatar = "";
 var Avatar = defineComponent({
   name: "DAvatar",
   props: avatarProps,
-  setup(props) {
+  emits: ["loadError"],
+  setup(props, ctx) {
     const {
       name,
       width,
@@ -309,8 +310,9 @@ var Avatar = defineComponent({
       }
       getBackgroundColor(nameValue.substr(0, 1));
     };
-    const showErrorAvatar = () => {
+    const showErrorAvatar = (e) => {
       isErrorImg.value = true;
+      ctx.emit("loadError", e);
     };
     const calcValues = (nameInput) => {
       const userName = nameInput;
@@ -373,7 +375,7 @@ var Avatar = defineComponent({
         "width": width.value,
         "height": height.value
       }, null)]);
-      const noBody = !imgSrc.value && isNobody.value || isErrorImg.value ? noBodyElement : null;
+      const noBody = !imgSrc.value && isNobody.value || imgSrc.value && isErrorImg.value ? noBodyElement : null;
       return createVNode("span", {
         "class": ns.b()
       }, [hasImgSrc, hasNameDisplay, hasNoDisplayName, noBody]);

package/avatar/index.umd.js

@@ -1,6 +1,6 @@
-(function(u,e){typeof exports=="object"&&typeof module!="undefined"?e(exports,require("vue"),require("clipboard")):typeof define=="function"&&define.amd?define(["exports","vue","clipboard"],e):(u=typeof globalThis!="undefined"?globalThis:u||self,e(u.index={},u.Vue))})(this,function(u,e){"use strict";const A=a=>{const{width:r,height:l}=a;return e.createVNode("svg",{style:{width:`${r}px`,height:`${l}px`,verticalAlign:"middle"},viewBox:"0 0 30 30",version:"1.1",xmlns:"http://www.w3.org/2000/svg"},[e.createVNode("g",{id:"\u672A\u547D\u540D",stroke:"none","stroke-width":"1",fill:"none","fill-rule":"evenodd"},[e.createVNode("circle",{id:"Oval",fill:"#CACFD8",cx:"15",cy:"15",r:"15"},null),e.createVNode("path",{d:`M14.9997866,16 C12.5145053,16 10.4997866,13.9852814 10.4997866, 11.5 C10.4997866,9.01471863 12.5145053,7 14.9997866,7 
+(function(i,e){typeof exports=="object"&&typeof module!="undefined"?e(exports,require("vue"),require("clipboard")):typeof define=="function"&&define.amd?define(["exports","vue","clipboard"],e):(i=typeof globalThis!="undefined"?globalThis:i||self,e(i.index={},i.Vue))})(this,function(i,e){"use strict";const S=l=>{const{width:o,height:a}=l;return e.createVNode("svg",{style:{width:`${o}px`,height:`${a}px`,verticalAlign:"middle"},viewBox:"0 0 30 30",version:"1.1",xmlns:"http://www.w3.org/2000/svg"},[e.createVNode("g",{id:"\u672A\u547D\u540D",stroke:"none","stroke-width":"1",fill:"none","fill-rule":"evenodd"},[e.createVNode("circle",{id:"Oval",fill:"#CACFD8",cx:"15",cy:"15",r:"15"},null),e.createVNode("path",{d:`M14.9997866,16 C12.5145053,16 10.4997866,13.9852814 10.4997866, 11.5 C10.4997866,9.01471863 12.5145053,7 14.9997866,7 
           C17.485068, 7 19.4997866,9.01471863 19.4997866,11.5 C19.4997866,13.9852814 17.485068, 16 14.9997866,16 Z M23,23 L7,22.998553 
-          C7,19.0122153 10.8892296, 16.5 14.9997866,16.5 C19.1103437,16.5 23,20 23,23 Z`,id:"\u5F62\u72B6\u7ED3\u5408",fill:"#FFFFFF"},null)])])};var S=e.defineComponent({name:"AvatarBodyIcon",props:{width:{type:Number,default:16},height:{type:Number,default:16}},render(){const{width:a,height:r}=this;return e.createVNode(A,{width:a,height:r},null)}});const B=a=>{const{width:r,height:l}=a;return e.createVNode("svg",{style:{width:`${r}px`,height:`${l}px`,verticalAlign:"middle"},viewBox:"0 0 30 30",version:"1.1",xmlns:"http://www.w3.org/2000/svg"},[e.createVNode("g",{stroke:"none","stroke-width":"1",fill:"none","fill-rule":"evenodd"},[e.createVNode("path",{d:`M22.31,19.2474562 L22.31,21.9974562 L20.81,21.9974562 L20.81, 19.2474562 L18.06,19.2474562 L18.06,17.7474562 
+          C7,19.0122153 10.8892296, 16.5 14.9997866,16.5 C19.1103437,16.5 23,20 23,23 Z`,id:"\u5F62\u72B6\u7ED3\u5408",fill:"#FFFFFF"},null)])])};var B=e.defineComponent({name:"AvatarBodyIcon",props:{width:{type:Number,default:16},height:{type:Number,default:16}},render(){const{width:l,height:o}=this;return e.createVNode(S,{width:l,height:o},null)}});const E=l=>{const{width:o,height:a}=l;return e.createVNode("svg",{style:{width:`${o}px`,height:`${a}px`,verticalAlign:"middle"},viewBox:"0 0 30 30",version:"1.1",xmlns:"http://www.w3.org/2000/svg"},[e.createVNode("g",{stroke:"none","stroke-width":"1",fill:"none","fill-rule":"evenodd"},[e.createVNode("path",{d:`M22.31,19.2474562 L22.31,21.9974562 L20.81,21.9974562 L20.81, 19.2474562 L18.06,19.2474562 L18.06,17.7474562 
           L20.81,17.7474562 L20.81, 14.9974562 L22.31,14.9974562 L22.31,17.7474562 L25.06,17.7474562 L25.06, 19.2474562 
           L22.31,19.2474562 Z M14.9297866,14.9974562 C12.4445053, 14.9974562 10.4297866,12.9827376 10.4297866,10.4974562 
           C10.4297866, 8.01217483 12.4445053,5.9974562 14.9297866,5.9974562 C17.415068, 5.9974562 19.4297866,8.01217483 
@@ -80,4 +80,4 @@
             8.54584288 1.73319965,7.96427837 2.0616775,7.40585279 Z M0.531541456,
             11.0280046 L1.49601653,11.2921785 C1.33614878,11.8758413 1.21417484,
             12.4709081 1.13119244,13.074601 L0.140507978,12.9384235 C0.230001486,
- 12.2873626 0.361276825,11.6496255 0.531541456,11.0280046 Z`,id:"\u8499\u7248",fill:"#CACFD8","fill-rule":"nonzero"},null)])])};var E=e.defineComponent({name:"AvatarNobodyIcon",props:{width:{type:Number,default:16},height:{type:Number,default:16}},render(){const{width:a,height:r}=this;return e.createVNode(B,{width:a,height:r},null)}});const w={name:{type:String,default:null},gender:{type:String,default:null},width:{type:Number,default:36},height:{type:Number,default:36},isRound:{type:Boolean,default:!0},imgSrc:{type:String,default:""},customText:{type:String,default:null}};function L(a,r,l){let o=a;return r&&(o+=`__${r}`),l&&(o+=`--${l}`),o}function F(a,r=!1){const l=r?`.devui-${a}`:`devui-${a}`;return{b:()=>L(l),e:s=>s?L(l,s):"",m:s=>s?L(l,"",s):"",em:(s,d)=>s&&d?L(l,s,d):""}}var U="",f=e.defineComponent({name:"DAvatar",props:w,setup(a){const{name:r,width:l,height:o,customText:i,gender:v,imgSrc:C,isRound:s}=e.toRefs(a),d=e.ref(!0),g=e.ref(!1),M=e.ref(12),p=e.ref(1),n=e.ref(),m=F("avatar"),y=m.m("style"),I=e.computed(()=>m.m(`${"background-"+p.value}`)),b=t=>{if(v.value){if(v.value.toLowerCase()==="male")p.value=1;else if(v.value.toLowerCase()==="female")p.value=0;else throw new Error('gender must be "Male" or "Female"');return}const c=t.charCodeAt(0);p.value=c%2},D=(t,c)=>{if(i.value){n.value=i.value,b(i.value.substr(0,1));return}if(t.length<2)n.value=t;else if(/^[\u4e00-\u9fa5]/.test(t))n.value=t.substr(t.length-2,2);else if(/^[A-Za-z]/.test(t))if(/[_ -]/.test(t)){const h=t.split(/_|-|\s+/)[0],N=t.split(/_|-|\s+/)[1];n.value=h.substr(0,1).toUpperCase()+N.substr(0,1).toUpperCase()}else n.value=t.substr(0,2).toUpperCase();else n.value=t.substr(0,2);c<30&&(n.value=t.substr(0,1).toUpperCase()),b(t.substr(0,1))},R=()=>{g.value=!0},Z=t=>{const c=t,h=Math.min(l.value,o.value);c?(d.value=!1,D(c,h)):c===""?(d.value=!1,n.value=""):d.value=!0,M.value=h/4+3};return Z(i.value?i.value:r.value),e.watch([r,l,o,i,v],()=>{Z(i.value?i.value:r.value)}),()=>{var x,$;const t=e.createVNode("img",{src:C.value,alt:"",onError:R,style:{height:`${o.value}px`,width:`${l.value}px`,borderRadius:s.value?"100%":"0"}},null),c=C.value&&!g.value?t:null,h=e.createVNode("span",{class:`${y} ${I.value}`,style:{height:`${o.value}px`,width:`${l.value}px`,lineHeight:`${o.value}px`,fontSize:`${M.value}px`,borderRadius:s.value?"100%":"0"}},[n.value]),N=!C.value&&!d.value&&((x=n.value)==null?void 0:x.length)!==0?h:null,V=e.createVNode("span",{class:y,style:{borderRadius:s.value?"100%":"0"}},[e.createVNode(S,{width:l.value,height:o.value},null)]),k=!C.value&&!d.value&&(($=n.value)==null?void 0:$.length)===0?V:null,T=e.createVNode("span",{class:y,style:{borderRadius:s.value?"100%":"0"}},[e.createVNode(E,{width:l.value,height:o.value},null)]),z=!C.value&&d.value||g.value?T:null;return e.createVNode("span",{class:m.b()},[c,N,k,z])}}}),_={title:"Avatar \u5934\u50CF",category:"\u6570\u636E\u5C55\u793A",status:"100%",install(a){a.component(f.name,f)}};u.Avatar=f,u.avatarProps=w,u.default=_,Object.defineProperty(u,"__esModule",{value:!0}),u[Symbol.toStringTag]="Module"});
+ 12.2873626 0.361276825,11.6496255 0.531541456,11.0280046 Z`,id:"\u8499\u7248",fill:"#CACFD8","fill-rule":"nonzero"},null)])])};var F=e.defineComponent({name:"AvatarNobodyIcon",props:{width:{type:Number,default:16},height:{type:Number,default:16}},render(){const{width:l,height:o}=this;return e.createVNode(E,{width:l,height:o},null)}});const M={name:{type:String,default:null},gender:{type:String,default:null},width:{type:Number,default:36},height:{type:Number,default:36},isRound:{type:Boolean,default:!0},imgSrc:{type:String,default:""},customText:{type:String,default:null}};function p(l,o,a){let s=l;return o&&(s+=`__${o}`),a&&(s+=`--${a}`),s}function _(l,o=!1){const a=o?`.devui-${l}`:`devui-${l}`;return{b:()=>p(a),e:r=>r?p(a,r):"",m:r=>r?p(a,"",r):"",em:(r,C)=>r&&C?p(a,r,C):""}}var P="",g=e.defineComponent({name:"DAvatar",props:M,emits:["loadError"],setup(l,o){const{name:a,width:s,height:c,customText:u,gender:L,imgSrc:r,isRound:C}=e.toRefs(l),h=e.ref(!0),m=e.ref(!1),b=e.ref(12),f=e.ref(1),n=e.ref(),y=_("avatar"),N=y.m("style"),D=e.computed(()=>y.m(`${"background-"+f.value}`)),Z=t=>{if(L.value){if(L.value.toLowerCase()==="male")f.value=1;else if(L.value.toLowerCase()==="female")f.value=0;else throw new Error('gender must be "Male" or "Female"');return}const d=t.charCodeAt(0);f.value=d%2},R=(t,d)=>{if(u.value){n.value=u.value,Z(u.value.substr(0,1));return}if(t.length<2)n.value=t;else if(/^[\u4e00-\u9fa5]/.test(t))n.value=t.substr(t.length-2,2);else if(/^[A-Za-z]/.test(t))if(/[_ -]/.test(t)){const v=t.split(/_|-|\s+/)[0],w=t.split(/_|-|\s+/)[1];n.value=v.substr(0,1).toUpperCase()+w.substr(0,1).toUpperCase()}else n.value=t.substr(0,2).toUpperCase();else n.value=t.substr(0,2);d<30&&(n.value=t.substr(0,1).toUpperCase()),Z(t.substr(0,1))},V=t=>{m.value=!0,o.emit("loadError",t)},x=t=>{const d=t,v=Math.min(s.value,c.value);d?(h.value=!1,R(d,v)):d===""?(h.value=!1,n.value=""):h.value=!0,b.value=v/4+3};return x(u.value?u.value:a.value),e.watch([a,s,c,u,L],()=>{x(u.value?u.value:a.value)}),()=>{var $,A;const t=e.createVNode("img",{src:r.value,alt:"",onError:V,style:{height:`${c.value}px`,width:`${s.value}px`,borderRadius:C.value?"100%":"0"}},null),d=r.value&&!m.value?t:null,v=e.createVNode("span",{class:`${N} ${D.value}`,style:{height:`${c.value}px`,width:`${s.value}px`,lineHeight:`${c.value}px`,fontSize:`${b.value}px`,borderRadius:C.value?"100%":"0"}},[n.value]),w=!r.value&&!h.value&&(($=n.value)==null?void 0:$.length)!==0?v:null,k=e.createVNode("span",{class:N,style:{borderRadius:C.value?"100%":"0"}},[e.createVNode(B,{width:s.value,height:c.value},null)]),T=!r.value&&!h.value&&((A=n.value)==null?void 0:A.length)===0?k:null,z=e.createVNode("span",{class:N,style:{borderRadius:C.value?"100%":"0"}},[e.createVNode(F,{width:s.value,height:c.value},null)]),U=!r.value&&h.value||r.value&&m.value?z:null;return e.createVNode("span",{class:y.b()},[d,w,T,U])}}}),I={title:"Avatar \u5934\u50CF",category:"\u6570\u636E\u5C55\u793A",status:"100%",install(l){l.component(g.name,g)}};i.Avatar=g,i.avatarProps=M,i.default=I,Object.defineProperty(i,"__esModule",{value:!0}),i[Symbol.toStringTag]="Module"});