vue-skeleton-loading/dist/vue-skeleton-loading.js

a skeleton loading

!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.VueSkeletonLoading=t():e.VueSkeletonLoading=t()}(this,function(){return function(e){function t(o){if(n[o])return n[o].exports;var r=n[o]={i:o,l:!1,exports:{}};return e[o].call(r.exports,r,r.exports,t),r.l=!0,r.exports}var n={};return t.m=e,t.c=n,t.i=function(e){return e},t.d=function(e,n,o){t.o(e,n)||Object.defineProperty(e,n,{configurable:!1,enumerable:!0,get:o})},t.n=function(e){var n=e&&e.__esModule?function(){return e.default}:function(){return e};return t.d(n,"a",n),n},t.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},t.p="/dist/",t(t.s=14)}([function(e,t){function n(e,t){var n=e[1]||"",r=e[3];if(!r)return n;if(t&&"function"==typeof btoa){var i=o(r),s=r.sources.map(function(e){return"/*# sourceURL="+r.sourceRoot+e+" */"});return[n].concat(s).concat([i]).join("\n")}return[n].join("\n")}function o(e){return"/*# "+("sourceMappingURL=data:application/json;charset=utf-8;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(e)))))+" */"}e.exports=function(e){var t=[];return t.toString=function(){return this.map(function(t){var o=n(t,e);return t[2]?"@media "+t[2]+"{"+o+"}":o}).join("")},t.i=function(e,n){"string"==typeof e&&(e=[[null,e,""]]);for(var o={},r=0;r<this.length;r++){var i=this[r][0];"number"==typeof i&&(o[i]=!0)}for(r=0;r<e.length;r++){var s=e[r];"number"==typeof s[0]&&o[s[0]]||(n&&!s[2]?s[2]=n:n&&(s[2]="("+s[2]+") and ("+n+")"),t.push(s))}},t}},function(e,t){e.exports=function(e,t,n,o){var r,i=e=e||{},s=typeof e.default;"object"!==s&&"function"!==s||(r=e,i=e.default);var a="function"==typeof i?i.options:i;if(t&&(a.render=t.render,a.staticRenderFns=t.staticRenderFns),n&&(a._scopeId=n),o){var u=Object.create(a.computed||null);Object.keys(o).forEach(function(e){var t=o[e];u[e]=function(){return t}}),a.computed=u}return{esModule:r,exports:i,options:a}}},function(e,t,n){function o(e){for(var t=0;t<e.length;t++){var n=e[t],o=l[n.id];if(o){o.refs++;for(s=0;s<o.parts.length;s++)o.parts[s](n.parts[s]);for(;s<n.parts.length;s++)o.parts.push(i(n.parts[s]));o.parts.length>n.parts.length&&(o.parts.length=n.parts.length)}else{for(var r=[],s=0;s<n.parts.length;s++)r.push(i(n.parts[s]));l[n.id]={id:n.id,refs:1,parts:r}}}}function r(){var e=document.createElement("style");return e.type="text/css",d.appendChild(e),e}function i(e){var t,n,o=document.querySelector('style[data-vue-ssr-id~="'+e.id+'"]');if(o){if(h)return v;o.parentNode.removeChild(o)}if(g){var i=f++;o=p||(p=r()),t=s.bind(null,o,i,!1),n=s.bind(null,o,i,!0)}else o=r(),t=a.bind(null,o),n=function(){o.parentNode.removeChild(o)};return t(e),function(o){if(o){if(o.css===e.css&&o.media===e.media&&o.sourceMap===e.sourceMap)return;t(e=o)}else n()}}function s(e,t,n,o){var r=n?"":o.css;if(e.styleSheet)e.styleSheet.cssText=b(t,r);else{var i=document.createTextNode(r),s=e.childNodes;s[t]&&e.removeChild(s[t]),s.length?e.insertBefore(i,s[t]):e.appendChild(i)}}function a(e,t){var n=t.css,o=t.media,r=t.sourceMap;if(o&&e.setAttribute("media",o),r&&(n+="\n/*# sourceURL="+r.sources[0]+" */",n+="\n/*# sourceMappingURL=data:application/json;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(r))))+" */"),e.styleSheet)e.styleSheet.cssText=n;else{for(;e.firstChild;)e.removeChild(e.firstChild);e.appendChild(document.createTextNode(n))}}var u="undefined"!=typeof document;if("undefined"!=typeof DEBUG&&DEBUG&&!u)throw new Error("vue-style-loader cannot be used in a non-browser environment. Use { target: 'node' } in your Webpack config to indicate a server-rendering environment.");var c=n(13),l={},d=u&&(document.head||document.getElementsByTagName("head")[0]),p=null,f=0,h=!1,v=function(){},g="undefined"!=typeof navigator&&/msie [6-9]\b/.test(navigator.userAgent.toLowerCase());e.exports=function(e,t,n){h=n;var r=c(e,t);return o(r),function(t){for(var n=[],i=0;i<r.length;i++){var s=r[i];(a=l[s.id]).refs--,n.push(a)}t?o(r=c(e,t)):r=[];for(i=0;i<n.length;i++){var a=n[i];if(0===a.refs){for(var u=0;u<a.parts.length;u++)a.parts[u]();delete l[a.id]}}}};var b=function(){var e=[];return function(t,n){return e[t]=n,e.filter(Boolean).join("\n")}}()},function(e,t,n){n(28);var o=n(1)(n(8),n(23),null,null);e.exports=o.exports},function(e,t,n){n(29);var o=n(1)(n(9),n(24),null,null);e.exports=o.exports},function(e,t,n){n(27);var o=n(1)(n(10),n(22),null,null);e.exports=o.exports},function(e,t,n){n(26);var o=n(1)(n(11),n(21),null,null);e.exports=o.exports},function(e,t,n){n(25);var o=n(1)(n(12),n(20),null,null);e.exports=o.exports},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default={data:()=>({height:0}),props:{backColor:{type:String,default:"#e7e7e7"},radius:{type:String,default:"100%"}},updated(){this.height=window.getComputedStyle(this.$refs.circle).width},mounted(){this.height=window.getComputedStyle(this.$refs.circle).width}}},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default={props:{backColor:{type:String,default:"#e7e7e7"},boxProperties:{type:Object,default:()=>({width:"100%",height:"16px",top:"0",bottom:"0"})},count:{type:Number,default:1}}}},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default={props:{gutter:{type:Number,default:0},span:{type:Number,required:!0,validator:function(e){return e<=24}},order:{type:Number}},computed:{perWidth(){return(100*this.span/24).toFixed(2)+"%"},gutterToPadding(){return`0 ${this.gutter}px`}}}},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default={props:{gutter:{type:Object,default:()=>({top:"0",bottom:"0"})},align:{type:String,default:"top",validator:function(e){return["top","middle","bottom"].indexOf(e)>=0}},justify:{type:String,default:"start",validator:function(e){return["start","end","center","space-around","space-between"].indexOf(e)>=0}}}}},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var o=n(3),r=n.n(o),i=n(4),s=n.n(i);t.default={data:()=>({}),components:{circleSkeleton:r.a,squareSkeleton:s.a}}},function(e,t){e.exports=function(e,t){for(var n=[],o={},r=0;r<t.length;r++){var i=t[r],s=i[0],a={id:e+":"+r,css:i[1],media:i[2],sourceMap:i[3]};o[s]?o[s].parts.push(a):n.push(o[s]={id:s,parts:[a]})}return n}},function(e,t,n){"use strict";function o(e){o.installed||(o.installed=!0,e.component("SkeletonLoading",i.a),e.component("SquareSkeleton",a.a),e.component("CircleSkeleton",c.a),e.component("Column",d.a),e.component("Row",f.a))}Object.defineProperty(t,"__esModule",{value:!0});var r=n(7),i=n.n(r),s=n(4),a=n.n(s),u=n(3),c=n.n(u),l=n(5),d=n.n(l),p=n(6),f=n.n(p);const h={install:o,SkeletonLoading:i.a,SquareSkeleton:a.a,CircleSkeleton:c.a};void 0!==typeof window&&window.Vue&&window.Vue.use(i.a),t.default=h},function(e,t,n){(e.exports=n(0)(void 0)).push([e.i,".vue-skeleton-loading{position:relative;width:100%}@keyframes backpos{0%{background-position-x:-200px}to{background-position-x:300px}}.vue-skeleton-loading .skeleton-bac-animation{position:absolute;z-index:auto;width:100%;height:100%;background:linear-gradient(90deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.5) 50%,hsla(0,0%,100%,0) 80%);background-size:30% 100%;background-repeat:no-repeat;-webkit-animation:backpos .9s ease-in-out 0s infinite;-o-animation:backpos .9s ease-in-out 0s infinite;animation:backpos .9s ease-in-out 0s infinite}",""])},function(e,t,n){(e.exports=n(0)(void 0)).push([e.i,".row{display:flex;flex-direction:row;justify-content:space-around;align-items:top}",""])},function(e,t,n){(e.exports=n(0)(void 0)).push([e.i,"",""])},function(e,t,n){(e.exports=n(0)(void 0)).push([e.i,".circle{border-radius:50%}",""])},function(e,t,n){(e.exports=n(0)(void 0)).push([e.i,".square-list{width:100%}",""])},function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("div",{staticClass:"vue-skeleton-loading"},[n("div",{staticClass:"skeleton-bac-animation"}),e._v(" "),e._t("default")],2)},staticRenderFns:[]}},function(e,t){e.exports={render:function(){var e=this,t=e.$createElement;return(e._self._c||t)("div",{staticClass:"row",style:{alignItems:e.align,justifyContent:e.justify,paddingTop:e.gutter.top,paddingBottom:e.gutter.bottom}},[e._t("default")],2)},staticRenderFns:[]}},function(e,t){e.exports={render:function(){var e=this,t=e.$createElement;return(e._self._c||t)("div",{staticClass:"col",style:{order:e.order,width:e.perWidth,padding:e.gutterToPadding}},[e._t("default")],2)},staticRenderFns:[]}},function(e,t){e.exports={render:function(){var e=this,t=e.$createElement;return(e._self._c||t)("div",{ref:"circle",staticClass:"circle",style:{backgroundColor:e.backColor,width:e.radius,height:e.height}})},staticRenderFns:[]}},function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("div",{staticClass:"square-list"},e._l(e.count,function(t){return n("div",{key:t,staticClass:"square",style:{backgroundColor:e.backColor,width:e.boxProperties.width?e.boxProperties.width:"100%",height:e.boxProperties.height?e.boxProperties.height:"16px",marginTop:e.boxProperties.top?e.boxProperties.top:"0",marginBottom:e.boxProperties.bottom?e.boxProperties.bottom:"0"}})}))},staticRenderFns:[]}},function(e,t,n){var o=n(15);"string"==typeof o&&(o=[[e.i,o,""]]),o.locals&&(e.exports=o.locals);n(2)("fc3200fa",o,!0)},function(e,t,n){var o=n(16);"string"==typeof o&&(o=[[e.i,o,""]]),o.locals&&(e.exports=o.locals);n(2)("752e922f",o,!0)},function(e,t,n){var o=n(17);"string"==typeof o&&(o=[[e.i,o,""]]),o.locals&&(e.exports=o.locals);n(2)("12464eae",o,!0)},function(e,t,n){var o=n(18);"string"==typeof o&&(o=[[e.i,o,""]]),o.locals&&(e.exports=o.locals);n(2)("40becefb",o,!0)},function(e,t,n){var o=n(19);"string"==typeof o&&(o=[[e.i,o,""]]),o.locals&&(e.exports=o.locals);n(2)("e3a4d0ac",o,!0)}])});
//# sourceMappingURL=vue-skeleton-loading.js.map