vue-loading-skeleton
Version:
Make beautiful loading skeleton that automatically adapt your vue app.
2 lines • 6.25 kB
JavaScript
(function(e,t){"object"===typeof exports&&"object"===typeof module?module.exports=t():"function"===typeof define&&define.amd?define([],t):"object"===typeof exports?exports["vue-loading-skeleton"]=t():e["vue-loading-skeleton"]=t()})("undefined"!==typeof self?self:this,function(){return function(e){var t={};function n(r){if(t[r])return t[r].exports;var o=t[r]={i:r,l:!1,exports:{}};return e[r].call(o.exports,o,o.exports,n),o.l=!0,o.exports}return n.m=e,n.c=t,n.d=function(e,t,r){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:r})},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 r=Object.create(null);if(n.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var o in e)n.d(r,o,function(t){return e[t]}.bind(null,o));return r},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="",n(n.s="fb15")}({"1cd4":function(e,t,n){},"5b22":function(e,t,n){"use strict";var r=n("1cd4"),o=n.n(r);o.a},f6fd:function(e,t){(function(e){var t="currentScript",n=e.getElementsByTagName("script");t in e||Object.defineProperty(e,t,{get:function(){try{throw new Error}catch(r){var e,t=(/.*at [^\(]*\((.*):.+:.+\)$/gi.exec(r.stack)||[!1])[1];for(e in n)if(n[e].src==t||"interactive"==n[e].readyState)return n[e];return null}}})})(document)},fb15:function(e,t,n){"use strict";var r;(n.r(t),"undefined"!==typeof window)&&(n("f6fd"),(r=window.document.currentScript)&&(r=r.src.match(/(.+\/)[^\/]+\.js(\?.*)?$/))&&(n.p=r[1]));function o(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{},r=Object.keys(n);"function"===typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter(function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),r.forEach(function(t){i(e,t,n[t])})}return e}function i(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var u,a,l="#eeeeee",c="#f5f5f5",f={backgroundColor:l,backgroundImage:"linear-gradient(\n 90deg,\n ".concat(l,",\n ").concat(c,",\n ").concat(l,"\n )")},s={name:"PuSkeletonTheme",provide:function(){return{_themeStyle:this.themeStyle,_skeletonTheme:this}},props:{color:{type:String,default:l},highlight:{type:String,default:c},duration:{type:Number,default:1.5},tag:{type:String,default:"div"},loading:{type:Boolean,default:void 0}},data:function(){return{themeStyle:o({},f)}},render:function(e){var t=this.color,n=this.highlight,r=this.duration;return this.themeStyle.backgroundColor=t,this.themeStyle.backgroundImage="linear-gradient(\n 90deg,\n ".concat(t,",\n ").concat(n,",\n ").concat(t,"\n )"),r?this.themeStyle.animation="SkeletonLoading ".concat(r,"s ease-in-out infinite"):(this.themeStyle.animation="",this.themeStyle.backgroundImage=""),this.tag?e(this.tag,this.$slots.default):this.$slots.default[0]}},d=s;function p(e,t,n,r,o,i,u,a){var l,c="function"===typeof e?e.options:e;if(t&&(c.render=t,c.staticRenderFns=n,c._compiled=!0),r&&(c.functional=!0),i&&(c._scopeId="data-v-"+i),u?(l=function(e){e=e||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext,e||"undefined"===typeof __VUE_SSR_CONTEXT__||(e=__VUE_SSR_CONTEXT__),o&&o.call(this,e),e&&e._registeredComponents&&e._registeredComponents.add(u)},c._ssrRegister=l):o&&(l=a?function(){o.call(this,this.$root.$options.shadowRoot)}:o),l)if(c.functional){c._injectStyles=l;var f=c.render;c.render=function(e,t){return l.call(t),f(e,t)}}else{var s=c.beforeCreate;c.beforeCreate=s?[].concat(s,l):[l]}return{exports:e,options:c}}var h=p(d,u,a,!1,null,null,null),y=h.exports;function g(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{},r=Object.keys(n);"function"===typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter(function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),r.forEach(function(t){m(e,t,n[t])})}return e}function m(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function b(e,t){return _(e)||S(e,t)||v()}function v(){throw new TypeError("Invalid attempt to destructure non-iterable instance")}function S(e,t){var n=[],r=!0,o=!1,i=void 0;try{for(var u,a=e[Symbol.iterator]();!(r=(u=a.next()).done);r=!0)if(n.push(u.value),t&&n.length===t)break}catch(l){o=!0,i=l}finally{try{r||null==a["return"]||a["return"]()}finally{if(o)throw i}}return n}function _(e){if(Array.isArray(e))return e}var O,j,k=function(e){if(!e)return!0;var t=b(e,1),n=t[0],r=n.text;return r&&(r=r.replace(/(\n|\r\n|\s)/g,"")),"undefined"===typeof n.tag&&!r},w={name:"PuSkeleton",inject:{themeStyle:{from:"_themeStyle",default:f},theme:{from:"_skeletonTheme",default:{}}},props:{prefix:{type:String,default:"pu"},count:{type:Number,default:1},duration:{type:Number,default:1.5},tag:{type:String,default:"span"},width:[String,Number],height:[String,Number],circle:Boolean,loading:void 0},computed:{isLoading:function(){return"undefined"!==typeof this.theme.loading?this.theme.loading:this.loading}},render:function(e){var t=this.width,n=this.height,r=this.duration,o=this.prefix,i=this.circle,u=this.count,a=this.tag,l=this.isLoading,c=["".concat(o,"-skeleton")],f=[],s=g({},this.themeStyle);r?s.animation="SkeletonLoading ".concat(r,"s ease-in-out infinite"):s.backgroundImage="",t&&(s.width=t),n&&(s.height=n),i&&(s.borderRadius="50%");for(var d=0;d<u;d+=1)f.push(e("span",{key:d,class:c,style:s},[""]));var p="undefined"!==typeof l?l:k(this.$slots.default);return a?e(a,p?f:this.$slots.default):p?e("span",[f]):this.$slots.default}},x=w,P=(n("5b22"),p(x,O,j,!1,null,null,null)),$=P.exports,T={install:function(e){e.component($.name,$),e.component(y.name,y)}};n.d(t,"Skeleton",function(){return $}),n.d(t,"SkeletonTheme",function(){return y});t["default"]=T}})});
//# sourceMappingURL=vue-loading-skeleton.umd.min.js.map