fine-true/lib/loading/index.js

A small and beautiful Vue3 version of the UI Library

!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("vue"),require("./../utils/withInstall"));else if("function"==typeof define&&define.amd)define(["vue","./../utils/withInstall"],t);else{var o="object"==typeof exports?t(require("vue"),require("./../utils/withInstall")):t(e.vue,e["./../utils/withInstall"]);for(var l in o)("object"==typeof exports?exports:e)[l]=o[l]}}(self,((e,t)=>(()=>{"use strict";var o={1677:e=>{e.exports=t},748:t=>{t.exports=e}},l={};function n(e){var t=l[e];if(void 0!==t)return t.exports;var s=l[e]={exports:{}};return o[e](s,s.exports,n),s.exports}n.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return n.d(t,{a:t}),t},n.d=(e,t)=>{for(var o in t)n.o(t,o)&&!n.o(e,o)&&Object.defineProperty(e,o,{enumerable:!0,get:t[o]})},n.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),n.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var s={};return(()=>{n.r(s),n.d(s,{default:()=>d});var e=n(748),t=function(t){return(0,e.isRef)(t)?t.value:t},o=function(o,l){var n={backgroundColor:t(l)};return"spot"===t(o)?(0,e.createVNode)("span",{class:"fine-spin-spot"},[(0,e.createVNode)("i",{class:"fine-spin-spot-item",style:n},null),(0,e.createVNode)("i",{class:"fine-spin-spot-item",style:n},null),(0,e.createVNode)("i",{class:"fine-spin-spot-item",style:n},null),(0,e.createVNode)("i",{class:"fine-spin-spot-item",style:n},null)]):(0,e.createVNode)("span",{class:"fine-loading-spiner"},[(0,e.createVNode)("svg",{class:"fine-loading__circular",viewBox:"25 25 50 50"},[(0,e.createVNode)("circle",{cx:"50",cy:"50",r:"20",fill:"none"},null)])])};const l=(0,e.defineComponent)({name:"FineLoading",props:{color:{type:String,default:"#1989fa"},type:{type:String,default:"circle",validator:e=>["circle","spot"].includes(e)},size:String,text:String,textSize:String,vertical:{type:Boolean,default:!0},loading:{type:Boolean,default:!0}},setup:(l,n)=>()=>{var{color:s,type:i,size:r,textSize:a,vertical:d,text:c,loading:u}=l,p={color:t(s)},f=(0,e.h)("div",{class:{"fine-loading":!0,"fine-loading-vertical":t(d)},style:{fontSize:t(r)}},[(0,e.h)("span",{class:{"fine-loading-icon":!0},style:p},[o(i,s)]),(0,e.h)("span",{class:{"fine-loading-message":!!n.slots.default},style:{fontSize:t(a),color:t(s)}},c)]),v=(0,e.h)("div",{class:{"fine-loading-nested":!0}},[(0,e.h)("div",{class:{"find-loading-nested-inline":!0}},(0,e.h)(f)),n.slots.default&&n.slots.default()]);return n.slots.default&&n.slots.default()?u?v:n.slots.default():f}});var i={modalColor:"rgba(255,255,255,0.5)",loadingProps:{size:"24px",type:"spot"}};const r=function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:i,o=t.modalColor||i.modalColor,n=Object.assign(i.loadingProps,t.loadingProps||{}),s=document.createElement("div"),r=(0,e.reactive)({show:!1});return(0,e.createApp)((0,e.defineComponent)({methods:{open(){r.show=!0},close(){r.show=!1}},setup(){(0,e.watch)(r,(e=>{var t;e.show?document.body.appendChild(s):null===(t=s.parentNode)||void 0===t||t.removeChild(s)}))},render:()=>r.show&&(0,e.createVNode)("div",{class:"find-gloab-loading",style:{backgroundColor:o}},[(0,e.createVNode)(l,n,null)])})).mount(s,!1)};var a=n(1677);n.n(a)()(l),l.createInstance=r;const d=l})(),s})()));