eslink-ui-plus/umd/empty/index.js

vue3 component library, css framework

(function(e,l){typeof exports=="object"&&typeof module!="undefined"?module.exports=l(require("vue")):typeof define=="function"&&define.amd?define(["vue"],l):(e=typeof globalThis!="undefined"?globalThis:e||self,e["es-empty"]=l(e.Vue))})(this,function(e){"use strict";let l=0;var d=e.defineComponent({name:"ImgEmpty",setup(){return{id:++l}}});const r={viewBox:"0 0 79 86",version:"1.1",xmlns:"http://www.w3.org/2000/svg","xmlns:xlink":"http://www.w3.org/1999/xlink"},c=["id"],p=[e.createElementVNode("stop",{"stop-color":"#FCFCFD",offset:"0%"},null,-1),e.createElementVNode("stop",{"stop-color":"#EEEFF3",offset:"100%"},null,-1)],m=["id"],_=[e.createElementVNode("stop",{"stop-color":"#FCFCFD",offset:"0%"},null,-1),e.createElementVNode("stop",{"stop-color":"#E9EBEF",offset:"100%"},null,-1)],h=["id"],f={id:"Illustrations",stroke:"none","stroke-width":"1",fill:"none","fill-rule":"evenodd"},y={id:"B-type",transform:"translate(-1268.000000, -535.000000)"},g={id:"Group-2",transform:"translate(1268.000000, 535.000000)"},E=e.createElementVNode("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),N=e.createElementVNode("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),$={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)"},u=e.createElementVNode("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),k=e.createElementVNode("polygon",{id:"Rectangle-Copy-11",fill:"#EDEEF2",points:"-3.69149156e-15 7 38 7 38 43 -3.69149156e-15 43"},null,-1),V=["fill"],C=e.createElementVNode("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),w=["fill"],F={id:"Rectangle-Copy-17",transform:"translate(53.000000, 45.000000)"},x=["id"],B=["xlink:href"],S=["xlink:href"],b=["mask"],D=e.createElementVNode("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 R(t,o,a,s,n,O){return e.openBlock(),e.createElementBlock("svg",r,[e.createElementVNode("defs",null,[e.createElementVNode("linearGradient",{id:`linearGradient-1-${t.id}`,x1:"38.8503086%",y1:"0%",x2:"61.1496914%",y2:"100%"},p,8,c),e.createElementVNode("linearGradient",{id:`linearGradient-2-${t.id}`,x1:"0%",y1:"9.5%",x2:"100%",y2:"90.5%"},_,8,m),e.createElementVNode("rect",{id:`path-3-${t.id}`,x:"0",y:"0",width:"17",height:"36"},null,8,h)]),e.createElementVNode("g",f,[e.createElementVNode("g",y,[e.createElementVNode("g",g,[E,N,e.createElementVNode("g",$,[u,k,e.createElementVNode("rect",{id:"Rectangle-Copy-12",fill:`url(#linearGradient-1-${t.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,V),C]),e.createElementVNode("rect",{id:"Rectangle-Copy-15",fill:`url(#linearGradient-2-${t.id})`,x:"13",y:"45",width:"40",height:"36"},null,8,w),e.createElementVNode("g",F,[e.createElementVNode("mask",{id:`mask-4-${t.id}`,fill:"white"},[e.createElementVNode("use",{"xlink:href":`#path-3-${t.id}`},null,8,B)],8,x),e.createElementVNode("use",{id:"Mask",fill:"#E0E3E9",transform:"translate(8.500000, 18.000000) scale(-1, 1) translate(-8.500000, -18.000000) ","xlink:href":`#path-3-${t.id}`},null,8,S),e.createElementVNode("polygon",{id:"Rectangle-Copy",fill:"#D5D7DE",mask:`url(#mask-4-${t.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,b)]),D])])])])}d.render=R,d.__file="components/empty/img-empty.vue";var i=e.defineComponent({components:{[d.name]:d},props:{image:{type:String,default:""},imageSize:Number,description:{type:String,default:""}},setup(t){const o=e.computed(()=>t.description||"\u6682\u65E0\u6570\u636E"),a=e.computed(()=>({width:t.imageSize?`${t.imageSize}px`:""}));return{emptyDescription:o,imageStyle:a}}});e.pushScopeId("data-v-70a727a5");const z={class:"es-empty"},G=["src"],I={class:"es-empty__description"},j={key:1},T={key:0,class:"es-empty__bottom"};e.popScopeId();function A(t,o,a,s,n,O){const Z=e.resolveComponent("img-empty");return e.openBlock(),e.createElementBlock("div",z,[e.createElementVNode("div",{class:"es-empty__image",style:e.normalizeStyle(t.imageStyle)},[t.image?(e.openBlock(),e.createElementBlock("img",{key:0,src:t.image,ondragstart:"return false"},null,8,G)):e.renderSlot(t.$slots,"image",{key:1},()=>[e.createVNode(Z)])],4),e.createElementVNode("div",I,[t.$slots.description?e.renderSlot(t.$slots,"description",{key:0}):(e.openBlock(),e.createElementBlock("p",j,e.toDisplayString(t.emptyDescription),1))]),t.$slots.default?(e.openBlock(),e.createElementBlock("div",T,[e.renderSlot(t.$slots,"default")])):e.createCommentVNode("v-if",!0)])}function M(t,o){o===void 0&&(o={});var a=o.insertAt;if(!(!t||typeof document=="undefined")){var s=document.head||document.getElementsByTagName("head")[0],n=document.createElement("style");n.type="text/css",a==="top"&&s.firstChild?s.insertBefore(n,s.firstChild):s.appendChild(n),n.styleSheet?n.styleSheet.cssText=t:n.appendChild(document.createTextNode(t))}}var q=`.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;
}`;return M(q),i.render=A,i.__scopeId="data-v-70a727a5",i.__file="components/empty/index.vue",i.install=t=>{t.component("es-empty",i)},i});