eslink-ui-plus
Version:
vue3 component library, css framework
41 lines (40 loc) • 5.88 kB
JavaScript
import{defineComponent as c,openBlock as l,createElementBlock as r,createElementVNode as t,computed as m,pushScopeId as u,popScopeId as f,resolveComponent as y,normalizeStyle as g,renderSlot as p,createVNode as v,toDisplayString as $,createCommentVNode as C}from"vue";let E=0;var d=c({name:"ImgEmpty",setup(){return{id:++E}}});const k={viewBox:"0 0 79 86",version:"1.1",xmlns:"http://www.w3.org/2000/svg","xmlns:xlink":"http://www.w3.org/1999/xlink"},w=["id"],F=t("stop",{"stop-color":"#FCFCFD",offset:"0%"},null,-1),x=t("stop",{"stop-color":"#EEEFF3",offset:"100%"},null,-1),S=[F,x],b=["id"],B=t("stop",{"stop-color":"#FCFCFD",offset:"0%"},null,-1),D=t("stop",{"stop-color":"#E9EBEF",offset:"100%"},null,-1),R=[B,D],z=["id"],G={id:"Illustrations",stroke:"none","stroke-width":"1",fill:"none","fill-rule":"evenodd"},I={id:"B-type",transform:"translate(-1268.000000, -535.000000)"},N={id:"Group-2",transform:"translate(1268.000000, 535.000000)"},j=t("path",{id:"Oval-Copy-2",d:"M39.5,86 C61.3152476,86 79,83.9106622 79,81.3333333 C79,78.7560045 57.3152476,78 35.5,78 C13.6847524,78 0,78.7560045 0,81.3333333 C0,83.9106622 17.6847524,86 39.5,86 Z",fill:"#F7F8FC"},null,-1),T=t("polygon",{id:"Rectangle-Copy-14",fill:"#E5E7E9",transform:"translate(27.500000, 51.500000) scale(1, -1) translate(-27.500000, -51.500000) ",points:"13 58 53 58 42 45 2 45"},null,-1),V={id:"Group-Copy",transform:"translate(34.500000, 31.500000) scale(-1, 1) rotate(-25.000000) translate(-34.500000, -31.500000) translate(7.000000, 10.000000)"},A=t("polygon",{id:"Rectangle-Copy-10",fill:"#E5E7E9",transform:"translate(11.500000, 5.000000) scale(1, -1) translate(-11.500000, -5.000000) ",points:"2.84078316e-14 3 18 3 23 7 5 7"},null,-1),M=t("polygon",{id:"Rectangle-Copy-11",fill:"#EDEEF2",points:"-3.69149156e-15 7 38 7 38 43 -3.69149156e-15 43"},null,-1),O=["fill"],Z=t("polygon",{id:"Rectangle-Copy-13",fill:"#F8F9FB",transform:"translate(39.500000, 3.500000) scale(-1, 1) translate(-39.500000, -3.500000) ",points:"24 7 41 7 55 -3.63806207e-12 38 -3.63806207e-12"},null,-1),q=["fill"],H={id:"Rectangle-Copy-17",transform:"translate(53.000000, 45.000000)"},J=["id"],K=["xlink:href"],L=["xlink:href"],P=["mask"],Q=t("polygon",{id:"Rectangle-Copy-18",fill:"#F8F9FB",transform:"translate(66.000000, 51.500000) scale(-1, 1) translate(-66.000000, -51.500000) ",points:"62 45 79 45 70 58 53 58"},null,-1);function U(e,s,a,o,n,_){return l(),r("svg",k,[t("defs",null,[t("linearGradient",{id:`linearGradient-1-${e.id}`,x1:"38.8503086%",y1:"0%",x2:"61.1496914%",y2:"100%"},S,8,w),t("linearGradient",{id:`linearGradient-2-${e.id}`,x1:"0%",y1:"9.5%",x2:"100%",y2:"90.5%"},R,8,b),t("rect",{id:`path-3-${e.id}`,x:"0",y:"0",width:"17",height:"36"},null,8,z)]),t("g",G,[t("g",I,[t("g",N,[j,T,t("g",V,[A,M,t("rect",{id:"Rectangle-Copy-12",fill:`url(#linearGradient-1-${e.id})`,transform:"translate(46.500000, 25.000000) scale(-1, 1) translate(-46.500000, -25.000000) ",x:"38",y:"7",width:"17",height:"36"},null,8,O),Z]),t("rect",{id:"Rectangle-Copy-15",fill:`url(#linearGradient-2-${e.id})`,x:"13",y:"45",width:"40",height:"36"},null,8,q),t("g",H,[t("mask",{id:`mask-4-${e.id}`,fill:"white"},[t("use",{"xlink:href":`#path-3-${e.id}`},null,8,K)],8,J),t("use",{id:"Mask",fill:"#E0E3E9",transform:"translate(8.500000, 18.000000) scale(-1, 1) translate(-8.500000, -18.000000) ","xlink:href":`#path-3-${e.id}`},null,8,L),t("polygon",{id:"Rectangle-Copy",fill:"#D5D7DE",mask:`url(#mask-4-${e.id})`,transform:"translate(12.000000, 9.000000) scale(-1, 1) translate(-12.000000, -9.000000) ",points:"7 0 24 0 20 18 -1.70530257e-13 16"},null,8,P)]),Q])])])])}d.render=U,d.__file="components/empty/img-empty.vue";var i=c({components:{[d.name]:d},props:{image:{type:String,default:""},imageSize:Number,description:{type:String,default:""}},setup(e){const s=m(()=>e.description||"\u6682\u65E0\u6570\u636E"),a=m(()=>({width:e.imageSize?`${e.imageSize}px`:""}));return{emptyDescription:s,imageStyle:a}}});u("data-v-70a727a5");const W={class:"es-empty"},X=["src"],Y={class:"es-empty__description"},ee={key:1},te={key:0,class:"es-empty__bottom"};f();function ne(e,s,a,o,n,_){const h=y("img-empty");return l(),r("div",W,[t("div",{class:"es-empty__image",style:g(e.imageStyle)},[e.image?(l(),r("img",{key:0,src:e.image,ondragstart:"return false"},null,8,X)):p(e.$slots,"image",{key:1},()=>[v(h)])],4),t("div",Y,[e.$slots.description?p(e.$slots,"description",{key:0}):(l(),r("p",ee,$(e.emptyDescription),1))]),e.$slots.default?(l(),r("div",te,[p(e.$slots,"default")])):C("v-if",!0)])}function se(e,s){s===void 0&&(s={});var a=s.insertAt;if(!(!e||typeof document=="undefined")){var o=document.head||document.getElementsByTagName("head")[0],n=document.createElement("style");n.type="text/css",a==="top"&&o.firstChild?o.insertBefore(n,o.firstChild):o.appendChild(n),n.styleSheet?n.styleSheet.cssText=e:n.appendChild(document.createTextNode(e))}}var oe=`.es-empty[data-v-70a727a5] {
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
text-align: center;
box-sizing: border-box;
padding: 40px 0;
}
.es-empty__image[data-v-70a727a5] {
width: 160px;
}
.es-empty__image img[data-v-70a727a5] {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
width: 100%;
height: 100%;
vertical-align: top;
-o-object-fit: contain;
object-fit: contain;
}
.es-empty__image svg[data-v-70a727a5] {
fill: #dcdde0;
width: 100%;
height: 100%;
vertical-align: top;
}
.es-empty__description[data-v-70a727a5] {
margin-top: 20px;
}
.es-empty__description p[data-v-70a727a5] {
margin: 0;
font-size: 14px;
color: #909399;
}
.es-empty__bottom[data-v-70a727a5] {
margin-top: 20px;
}`;se(oe),i.render=ne,i.__scopeId="data-v-70a727a5",i.__file="components/empty/index.vue",i.install=e=>{e.component("es-empty",i)};export{i as default};