dk-plus
Version:
2 lines (1 loc) • 1.04 kB
JavaScript
;Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const u=require("vue"),c=require("../../../dkloading/src/index2.js"),d=()=>{const a=(e,t)=>{const i=o=>t.value[o],n=o=>i(o)||e.getAttribute(`dk-loading-${o}`)||"";return{visible:!!t.value,text:n("text"),textSize:n("textSize"),color:n("color"),background:n("background"),spinner:n("spinner"),spinnerSize:n("spinnerSize"),flexDirection:n("flexDirection")}},r=(e,t)=>{e.originalPosition!=="absolute"&&e.originalPosition!=="fixed"&&(e.style.position="relative");const i=a(e,t),n=u.createApp(c.default,i),o=n.mount(document.createElement("div"));e.vm=o,e.loadingInstance=n,e.appendChild(o.$el)},s=e=>{!e.loadingInstance||(e.style.position=e.originalPosition,e.removeChild(e.vm.$el),e.loadingInstance.unmount(),e.loadingInstance=null)};return{mounted:(e,t)=>{const i=getComputedStyle(e).position||"static";e.originalPosition=i,t.value&&r(e,t)},updated:(e,t)=>{t.value!==t.oldValue&&(t.value?r(e,t):s(e))}}};exports.DirectiveLoading=d;