uv-ui
Version:
基于vue3的移动端组件库
2 lines (1 loc) • 2.74 kB
JavaScript
;const e=require("vue");require("../../hooks/useCountDown.cjs");const i=require("../../hooks/useId.cjs");require("./empty.vue_vue_type_style_index_0_lang.cjs");const c={class:"uv-empty"},d={key:0,viewBox:"0 0 160 160"},r=["id"],a=e.createElementVNode("stop",{"stop-color":"#F2F3F5",offset:"0"},null,-1),_=e.createElementVNode("stop",{"stop-color":"#DCDEE0",offset:"100%"},null,-1),h=[a,_],m=["id"],u=e.createElementVNode("stop",{"stop-color":"#EAEDF1",offset:"0"},null,-1),E=e.createElementVNode("stop",{"stop-color":"#DCDEE0",offset:"100%"},null,-1),f=[u,E],g=["id"],y=e.createElementVNode("stop",{"stop-color":"#EAEDF1",offset:"0"},null,-1),p=e.createElementVNode("stop",{"stop-color":"#DCDEE0",offset:"100%"},null,-1),N=[y,p],V={transform:"translate(36 50)",fill:"none"},x={transform:"translate(8)"},v=e.createElementVNode("rect",{fill:"#EBEDF0",opacity:".6",x:"38",y:"13",width:"36",height:"53",rx:"2"},null,-1),F=["fill"],D=e.createElementVNode("rect",{fill:"#FFF",x:"6",y:"6",width:"52",height:"55",rx:"1"},null,-1),k=["fill"],w=e.createElementVNode("rect",{width:"34",height:"6",rx:"1"},null,-1),S=e.createElementVNode("path",{d:"M0 14h34v6H0z"},null,-1),B=e.createElementVNode("rect",{y:"28",width:"34",height:"6",rx:"1"},null,-1),b=[w,S,B],I=["fill"],z=e.createElementVNode("rect",{fill:"#F7F8FA",x:"29",y:"72",width:"30",height:"6",rx:"1"},null,-1),$=["src"],j={class:"uv-empty-label"},q={name:"UvEmpty"},C=Object.assign(q,{props:{image:{type:String,default:"default"},imageSize:{type:[String,Number],default:"160"},label:{type:String,default:""}},setup(o){const n=i.useId(),l=t=>`${n}-${t}`,s=t=>`url(#${l(t)})`;return(t,A)=>(e.openBlock(),e.createElementBlock("div",c,[e.renderSlot(t.$slots,"image",{},()=>[e.createElementVNode("div",{class:"uv-empty-image",style:e.normalizeStyle({width:o.imageSize+"px",height:o.imageSize+"px"})},[o.image==="default"?(e.openBlock(),e.createElementBlock("svg",d,[e.createElementVNode("defs",null,[e.createElementVNode("linearGradient",{x1:"50%",x2:"50%",y2:"100%",id:l(5)},h,8,r),e.createElementVNode("linearGradient",{x1:"95%",y1:"48%",x2:"5.5%",y2:"51%",id:l(6)},f,8,m),e.createElementVNode("linearGradient",{y1:"45%",x2:"100%",y2:"54%",id:l(7)},N,8,g)]),e.createElementVNode("g",V,[e.createElementVNode("g",x,[v,e.createElementVNode("rect",{fill:s(5),width:"64",height:"66",rx:"2"},null,8,F),D,e.createElementVNode("g",{transform:"translate(15 17)",fill:s(6)},b,8,k)]),e.createElementVNode("rect",{fill:s(7),y:"61",width:"88",height:"28",rx:"1"},null,8,I),z])])):(e.openBlock(),e.createElementBlock("img",{key:1,src:o.image,alt:""},null,8,$))],4)]),e.renderSlot(t.$slots,"default",{},()=>[e.createElementVNode("div",j,e.toDisplayString(o.label),1)])]))}});module.exports=C;