element-gui/lib/loading.js

A Component Library for Vue.js.

module.exports=function(e){var t={};function n(i){if(t[i])return t[i].exports;var o=t[i]={i:i,l:!1,exports:{}};return e[i].call(o.exports,o,o.exports,n),o.l=!0,o.exports}return n.m=e,n.c=t,n.d=function(e,t,i){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:i})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var i=Object.create(null);if(n.r(i),Object.defineProperty(i,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var o in e)n.d(i,o,function(t){return e[t]}.bind(null,o));return i},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="/dist/",n(n.s=79)}({0:function(e,t,n){"use strict";function i(e,t,n,i,o,l,r,s){var a,c="function"==typeof e?e.options:e;if(t&&(c.render=t,c.staticRenderFns=n,c._compiled=!0),i&&(c.functional=!0),l&&(c._scopeId="data-v-"+l),r?(a=function(e){(e=e||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext)||"undefined"==typeof __VUE_SSR_CONTEXT__||(e=__VUE_SSR_CONTEXT__),o&&o.call(this,e),e&&e._registeredComponents&&e._registeredComponents.add(r)},c._ssrRegister=a):o&&(a=s?function(){o.call(this,(c.functional?this.parent:this).$root.$options.shadowRoot)}:o),a)if(c.functional){c._injectStyles=a;var d=c.render;c.render=function(e,t){return a.call(t),d(e,t)}}else{var u=c.beforeCreate;c.beforeCreate=u?[].concat(u,a):[a]}return{exports:e,options:c}}n.d(t,"a",(function(){return i}))},14:function(e,t){e.exports=require("element-gui/lib/utils/merge")},17:function(e,t){e.exports=require("element-gui/lib/utils/popup")},3:function(e,t){e.exports=require("element-gui/lib/utils/dom")},44:function(e,t){e.exports=require("element-gui/lib/utils/after-leave")},79:function(e,t,n){"use strict";n.r(t);var i=n(8),o=n.n(i),l=function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("transition",{attrs:{name:"el-loading-fade"},on:{"after-leave":e.handleAfterLeave}},[n("div",{directives:[{name:"show",rawName:"v-show",value:e.visible,expression:"visible"}],staticClass:"el-loading-mask",class:[e.customClass,{"is-fullscreen":e.fullscreen}],style:{backgroundColor:e.background||""},on:{click:function(e){return e.stopPropagation(),e.stopPropagation()}}},[n("div",{staticClass:"el-loading-spinner"},[e.spinner?n("i",{class:e.spinner}):n("svg",{staticClass:"circular",attrs:{viewBox:"25 25 50 50"}},[n("circle",{staticClass:"path",attrs:{cx:"50",cy:"50",r:"20",fill:"none"}})]),e.text?n("p",{staticClass:"el-loading-text"},[e._v(e._s(e.text))]):e._e()])])])};l._withStripped=!0;var r={data:function(){return{text:null,spinner:null,background:null,fullscreen:!0,visible:!1,customClass:""}},methods:{handleAfterLeave:function(){this.$emit("after-leave")},setText:function(e){this.text=e},setSpinner:function(e){this.spinner=e},setBackground:function(e){this.background=e}}},s=n(0),a=Object(s.a)(r,l,[],!1,null,null,null).exports,c=n(3),d=n(17),u=n(44),f=n.n(u),g=o.a.extend(a),p={install:function(e){if(!e.prototype.$isServer){var t=function(t,i){i.value?e.nextTick((function(){i.modifiers.fullscreen?(t.originalPosition=Object(c.getStyle)(document.body,"position"),t.originalOverflow=Object(c.getStyle)(document.body,"overflow"),t.maskStyle.zIndex=d.PopupManager.nextZIndex(),Object(c.addClass)(t.mask,"is-fullscreen"),n(document.body,t,i)):(Object(c.removeClass)(t.mask,"is-fullscreen"),i.modifiers.body?(t.originalPosition=Object(c.getStyle)(document.body,"position"),["top","left"].forEach((function(e){var n="top"===e?"scrollTop":"scrollLeft";t.maskStyle[e]=t.getBoundingClientRect()[e]+document.body[n]+document.documentElement[n]-parseInt(Object(c.getStyle)(document.body,"margin-"+e),10)+"px"})),["height","width"].forEach((function(e){t.maskStyle[e]=t.getBoundingClientRect()[e]+"px"})),n(document.body,t,i)):(t.originalPosition=Object(c.getStyle)(t,"position"),n(t,t,i)))})):(f()(t.instance,(function(e){if(t.instance.hiding){t.domVisible=!1;var n=i.modifiers.fullscreen||i.modifiers.body?document.body:t;Object(c.removeClass)(n,"el-loading-parent--relative"),Object(c.removeClass)(n,"el-loading-parent--hidden"),t.instance.hiding=!1}}),300,!0),t.instance.visible=!1,t.instance.hiding=!0)},n=function(t,n,i){n.domVisible||"none"===Object(c.getStyle)(n,"display")||"hidden"===Object(c.getStyle)(n,"visibility")?n.domVisible&&!0===n.instance.hiding&&(n.instance.visible=!0,n.instance.hiding=!1):(Object.keys(n.maskStyle).forEach((function(e){n.mask.style[e]=n.maskStyle[e]})),"absolute"!==n.originalPosition&&"fixed"!==n.originalPosition&&"sticky"!==n.originalPosition&&Object(c.addClass)(t,"el-loading-parent--relative"),i.modifiers.fullscreen&&i.modifiers.lock&&Object(c.addClass)(t,"el-loading-parent--hidden"),n.domVisible=!0,t.appendChild(n.mask),e.nextTick((function(){n.instance.hiding?n.instance.$emit("after-leave"):n.instance.visible=!0})),n.domInserted=!0)};e.directive("loading",{bind:function(e,n,i){var o=e.getAttribute("element-loading-text"),l=e.getAttribute("element-loading-spinner"),r=e.getAttribute("element-loading-background"),s=e.getAttribute("element-loading-custom-class"),a=i.context,c=new g({el:document.createElement("div"),data:{text:a&&a[o]||o,spinner:a&&a[l]||l,background:a&&a[r]||r,customClass:a&&a[s]||s,fullscreen:!!n.modifiers.fullscreen}});e.instance=c,e.mask=c.$el,e.maskStyle={},n.value&&t(e,n)},update:function(e,n){e.instance.setText(e.getAttribute("element-loading-text")),e.instance.setSpinner(e.getAttribute("element-loading-spinner")),e.instance.setBackground(e.getAttribute("element-loading-background")),n.oldValue!==n.value&&t(e,n)},unbind:function(e,n){e.domInserted&&(e.mask&&e.mask.parentNode&&e.mask.parentNode.removeChild(e.mask),t(e,{value:!1,modifiers:n.modifiers})),e.instance&&e.instance.$destroy();var i=setTimeout((function(){clearTimeout(i),e.instance=null,e.mask=null,e.maskStyle=null,e.originalPosition=null,e.originalOverflow=null,e.domVisible=null,e.domInserted=null}),500)}})}}},m=p,b=n(14),v=n.n(b),y=o.a.extend(a),h={text:null,fullscreen:!0,body:!1,lock:!1,customClass:""},x=void 0;y.prototype.originalPosition="",y.prototype.originalOverflow="",y.prototype.close=function(){var e=this;this.fullscreen&&(x=void 0),f()(this,(function(t){var n=e.fullscreen||e.body?document.body:e.target;Object(c.removeClass)(n,"el-loading-parent--relative"),Object(c.removeClass)(n,"el-loading-parent--hidden"),e.$el&&e.$el.parentNode&&e.$el.parentNode.removeChild(e.$el),e.$destroy()}),300),this.visible=!1};var k=function(e,t,n){var i={};e.fullscreen?(n.originalPosition=Object(c.getStyle)(document.body,"position"),n.originalOverflow=Object(c.getStyle)(document.body,"overflow"),i.zIndex=d.PopupManager.nextZIndex()):e.body?(n.originalPosition=Object(c.getStyle)(document.body,"position"),["top","left"].forEach((function(t){var n="top"===t?"scrollTop":"scrollLeft";i[t]=e.target.getBoundingClientRect()[t]+document.body[n]+document.documentElement[n]+"px"})),["height","width"].forEach((function(t){i[t]=e.target.getBoundingClientRect()[t]+"px"}))):n.originalPosition=Object(c.getStyle)(t,"position"),Object.keys(i).forEach((function(e){n.$el.style[e]=i[e]}))},O=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};if(!o.a.prototype.$isServer){if("string"==typeof(e=v()({},h,e)).target&&(e.target=document.querySelector(e.target)),e.target=e.target||document.body,e.target!==document.body?e.fullscreen=!1:e.body=!0,e.fullscreen&&x)return x;var t=e.body?document.body:e.target,n=new y({el:document.createElement("div"),data:e});return k(e,t,n),"absolute"!==n.originalPosition&&"fixed"!==n.originalPosition&&"sticky"!==n.originalPosition&&Object(c.addClass)(t,"el-loading-parent--relative"),e.fullscreen&&e.lock&&Object(c.addClass)(t,"el-loading-parent--hidden"),t.appendChild(n.$el),o.a.nextTick((function(){n.visible=!0})),e.fullscreen&&(x=n),n}};t.default={install:function(e){e.use(m),e.prototype.$loading=O},directive:m,service:O}},8:function(e,t){e.exports=require("vue")}});