vexip-ui/lib/directives/loading/index.cjs

A Vue 3 UI library, Highly customizability, full TypeScript, performance pretty good

"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("../../components/spin/index.cjs");const s=require("vue"),c=require("@vexip-ui/utils"),a=require("../../components/spin/spin.vue2.cjs");function p(e,t,r){var u;const o=c.isObject(t.value)?{...t.value}:{active:t.value};o.inner=!0;const n=s.createVNode(a,o,null,0,Object.keys(o)),i=getComputedStyle(e).position;n.appContext=r.appContext??((u=r.ctx)==null?void 0:u.appContext),e.__loading={spin:n,props:o,originPosition:i},i==="static"&&(e.style.position="relative"),s.render(n,e)}const l={mounted(e,t,r){s.nextTick(()=>p(e,t,r))},updated(e,t,r){s.nextTick(()=>{if(!e.__loading){p(e,t,r);return}const o=c.isObject(t.value)?t.value:{active:t.value},n=e.__loading.spin.component;n&&(Object.keys(o).forEach(i=>{n.props[i]=o[i]}),n.props.inner=!0)})},beforeUnmount(e){e.__loading&&(s.render(null,e),delete e.__loading)}};exports.vLoading=l;
//# sourceMappingURL=index.cjs.map