2 lines
2.9 KiB
JavaScript
2 lines
2.9 KiB
JavaScript
import{b5 as a,r as e,ba as o,o as s,a as t,u as n,F as l,c as i,E as r,z as d,N as c,f as u,b9 as p,O as m,y as v,G as f,b,w as g,e as k,_ as h,d as y}from"./index-CH9-aFWw.js";import"./adapter-vue.FAvEd_HK.js";import{i as _,b as w,J as x,a as S}from"./index.C_XD_DK3.js";import{_ as B}from"./_plugin-vue_export-helper.BCo6x5W8.js";const E=B(a({__name:"index",props:{url:{default:"https://web.sdk.qcloud.com/component/TUIKit/assets/avatar_21.png"},size:{default:"36px"},borderRadius:{default:"5px"},useSkeletonAnimation:{type:Boolean,default:!1}},emits:["onLoad","onError"],setup(a,{emit:p}){const m=e("https://web.sdk.qcloud.com/component/TUIKit/assets/avatar_21.png"),v=p,f=a,{size:b,url:g,borderRadius:k,useSkeletonAnimation:h}=o(f);let y=0;const w=e(!1),x=e(!1);function S(a){w.value=!0,v("onLoad",a)}function B(a){y+=1,y>3||(_?x.value=!0:a.currentTarget.src=m.value,v("onError",a))}return(a,e)=>{const o=u;return s(),t("div",{class:"avatar-container",style:c({width:n(b),height:n(b),borderRadius:n(k)})},[n(_)?(s(),t(l,{key:0},[n(x)?(s(),i(o,{key:1,class:"avatar-image",src:n(m),onLoad:S,onError:B},null,8,["src"])):(s(),i(o,{key:0,class:"avatar-image",src:n(g)||n(m),onLoad:S,onError:B},null,8,["src"]))],64)):(s(),t("img",{key:1,class:"avatar-image",src:n(g)||n(m),onLoad:S,onError:B},null,40,["src"])),n(h)&&!n(w)?(s(),t("div",{key:2,class:r({placeholder:!0,hidden:n(w),"skeleton-animation":n(h)})},null,2)):d("",!0)],4)}}}),[["__scopeId","data-v-35b53489"]]),C=B(a({__name:"index",props:{show:{type:Boolean,default:!1},isHeaderShow:{type:Boolean,default:!0},isFooterShow:{type:Boolean,default:!0},background:{type:Boolean,default:!0},title:{type:String,default:""},center:{type:Boolean,default:!1}},emits:["update:show","submit"],setup(a,{emit:o}){const l="outside",i="inside",c=a,u=e(!1),B=e(!0),E=e(!0),C=e(!0),L=e("");p((()=>{u.value=c.show,L.value=c.title,B.value=c.isHeaderShow,E.value=c.isFooterShow,C.value=c.background}));const j=o,I=a=>{a===l&&q()},q=()=>{u.value=!u.value,j("update:show",u.value)},z=()=>{j("submit"),q()};return(e,o)=>{const c=y;return n(u)?(s(),t("div",{key:0,class:r(["dialog",[n(S)?"":"dialog-h5",a.center?"center":""]]),onClick:o[1]||(o[1]=h((a=>I(l)),["stop","prevent"]))},[m("main",{class:r(["dialog-main",[n(C)?"":"dialog-main-back"]]),onClick:o[0]||(o[0]=h((a=>I(i)),["stop","prevent"]))},[n(B)?(s(),t("header",{key:0,class:"dialog-main-header"},[m("h1",{class:"dialog-main-title"},v(n(L)),1),m("i",{class:"icon icon-close",onClick:q})])):d("",!0),m("div",{class:r(["dialog-main-content",[n(_)&&n(w)?"dialog-main-content-uniapp":""]])},[f(e.$slots,"default",{},void 0,!0)],2),n(E)?(s(),t("footer",{key:1,class:"dialog-main-footer"},[b(c,{class:"btn btn-cancel",onClick:q},{default:g((()=>[k(v(n(x).t("component.取消")),1)])),_:1}),b(c,{class:"btn btn-default",onClick:z},{default:g((()=>[k(v(n(x).t("component.确定")),1)])),_:1})])):d("",!0)],2)],2)):d("",!0)}}}),[["__scopeId","data-v-07925a1b"]]);export{E as A,C as D};
|