@iwusong/datav-vue3
Version:
Vue3 large screen data display component library
12 lines (11 loc) • 1.55 kB
JavaScript
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),a=require("../../utils/common.js"),n=require("../../utils/styled.js");require("lodash-es");const i=n.styled.div`
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.__STYLED__ .loading-tip {
font-size: 15px;
`("loading"),o=a.withInstall(e.defineComponent({name:"Loading",setup(d,{slots:t}){return()=>e.createVNode(i,null,{default:()=>{var r;return[e.createVNode("svg",{width:"50px",height:"50px"},[e.createVNode("circle",{cx:"25",cy:"25",r:"20",fill:"transparent","stroke-width":"3","stroke-dasharray":"31.415, 31.415",stroke:"#02bcfe","stroke-linecap":"round"},[e.createVNode("animateTransform",{attributeName:"transform",type:"rotate",values:"0, 25 25;360, 25 25",dur:"1.5s",repeatCount:"indefinite"},null),e.createVNode("animate",{attributeName:"stroke",values:"#02bcfe;#3be6cb;#02bcfe",dur:"3s",repeatCount:"indefinite"},null)]),e.createVNode("circle",{cx:"25",cy:"25",r:"10",fill:"transparent","stroke-width":"3","stroke-dasharray":"15.7, 15.7",stroke:"#3be6cb","stroke-linecap":"round"},[e.createVNode("animateTransform",{attributeName:"transform",type:"rotate",values:"360, 25 25;0, 25 25",dur:"1.5s",repeatCount:"indefinite"},null),e.createVNode("animate",{attributeName:"stroke",values:"#3be6cb;#02bcfe;#3be6cb",dur:"3s",repeatCount:"indefinite"},null)])]),e.createVNode("div",{class:"loading-tip"},[(r=t.default)==null?void 0:r.call(t)])]}})}}));exports.Loading=o;