2 lines
2.8 KiB
JavaScript
2 lines
2.8 KiB
JavaScript
|
"use strict";var e=Object.defineProperty,t=Object.defineProperties,o=Object.getOwnPropertyDescriptors,r=Object.getOwnPropertySymbols,s=Object.prototype.hasOwnProperty,a=Object.prototype.propertyIsEnumerable,n=(t,o,r)=>o in t?e(t,o,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[o]=r;const i=require("../../../../common/vendor.js"),l=i.defineComponent((c=((e,t)=>{for(var o in t||(t={}))s.call(t,o)&&n(e,o,t[o]);if(r)for(var o of r(t))a.call(t,o)&&n(e,o,t[o]);return e})({},{name:"wd-loading",options:{virtualHost:!0,addGlobalClass:!0,styleIsolation:"shared"}}),p={props:i.loadingProps,setup(e){const t=i.context.id++,o=i.context.id++,r=i.context.id++,s={outline:(e="#4D80F0")=>`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 42 42"><defs><linearGradient x1="100%" y1="0%" x2="0%" y2="0%" id="${t}"><stop stop-color="#FFF" offset="0%" stop-opacity="0"/><stop stop-color="#FFF" offset="100%"/></linearGradient></defs><g fill="none" fill-rule="evenodd"><path d="M21 1c11.046 0 20 8.954 20 20s-8.954 20-20 20S1 32.046 1 21 9.954 1 21 1zm0 7C13.82 8 8 13.82 8 21s5.82 13 13 13 13-5.82 13-13S28.18 8 21 8z" fill="${e}"/><path d="M4.599 21c0 9.044 7.332 16.376 16.376 16.376 9.045 0 16.376-7.332 16.376-16.376" stroke="url(#${t}) " stroke-width="3.5" stroke-linecap="round"/></g></svg>`,ring:(e="#4D80F0",t="#a6bff7")=>`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200"><linearGradient id="${o}" gradientUnits="userSpaceOnUse" x1="50" x2="50" y2="180"><stop offset="0" stop-color="${e}"></stop> <stop offset="1" stop-color="${t}"></stop></linearGradient> <path fill="url(#${o})" d="M20 100c0-44.1 35.9-80 80-80V0C44.8 0 0 44.8 0 100s44.8 100 100 100v-20c-44.1 0-80-35.9-80-80z"></path> <linearGradient id="${r}" gradientUnits="userSpaceOnUse" x1="150" y1="20" x2="150" y2="180"><stop offset="0" stop-color="#fff" stop-opacity="0"></stop> <stop offset="1" stop-color="${t}"></stop></linearGradient> <path fill="url(#${r})" d="M100 0v20c44.1 0 80 35.9 80 80s-35.9 80-80 80v20c55.2 0 100-44.8 100-100S155.2 0 100 0z"></path> <circle cx="100" cy="10" r="10" fill="${e}"></circle></svg>`},a=e,n=i.ref(""),l=i.ref(""),c=i.ref("32px");i.watch((()=>a.size),(e=>{c.value=i.addUnit(e)}),{deep:!0,immediate:!0}),i.watch((()=>a.type),(()=>{f()}),{deep:!0,immediate:!0});const p=i.computed((()=>{const e={width:c.value,height:c.value};return`${i.objToStyle(e)}; ${a.customStyle}`})),d=i.computed((()=>`wd-loading ${a.customClass}`));function f(){const{type:e,color:t}=a;let o=i.isDef(e)?e:"ring";const r=`"data:image/svg+xml;base64,${i.encode("ring"===o?s[o](t,l.value):s[o](t))}"`;n.value=r}return i.onBeforeMount((()=>{l.value=i.gradient(a.color,"#ffffff",2)[1],f()})),(e,t)=>({a:i.s(`background-image: url(${n.value});`),b:i.n(d.value),c:i.s(p.value)})}},t(c,o(p))));var c,p;const d=i._export_sfc(l,[["__scopeId","data-v-f9deca45"]]);wx.createComponent(d);
|