vimageplace/lib/vimageplace.umd.min.js

图片占位图，图片懒加载

(function(e,t){"object"===typeof exports&&"object"===typeof module?module.exports=t():"function"===typeof define&&define.amd?define([],t):"object"===typeof exports?exports["vimageplace"]=t():e["vimageplace"]=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")}({8583:function(e,t,n){},"8ac2":function(e,t,n){"use strict";var r=n("8583"),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]));var o=function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("div",{staticClass:"img-placeContainer"},[n("img",{directives:[{name:"show",rawName:"v-show",value:e.showError,expression:"showError"}],staticClass:"place-images",attrs:{"data-src":e.defaultSrc,alt:""}}),n("img",{class:[e.showError?"hide":"","place-images"],attrs:{"data-src":e.src,alt:""},on:{load:e.imageLoad}})])},i=[],a={name:"imagePlace",props:["src","defaultSrc","lazy"],data(){return{showError:!0}},mounted:function(){void 0!==this.lazy?(this.pageScroll(!0),window.onscroll=()=>{this.pageScroll(!0)}):this.pageScroll(!1)},methods:{pageScroll:function(e){const t=document.querySelectorAll(".place-images");t.forEach(t=>{t.src!==t.dataset.src&&(e?this.isInWindow(t)&&this.loadReadImg(t):this.loadReadImg(t))})},isInWindow:function(e){const t=e.getBoundingClientRect();return t.top<window.innerHeight},loadReadImg:function(e){e.src||(e.src=e.dataset.src)},imageLoad:function(){this.showError=!1}}},c=a;n("8ac2");function s(e,t,n,r,o,i,a,c){var s,l="function"===typeof e?e.options:e;if(t&&(l.render=t,l.staticRenderFns=n,l._compiled=!0),r&&(l.functional=!0),i&&(l._scopeId="data-v-"+i),a?(s=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(a)},l._ssrRegister=s):o&&(s=c?function(){o.call(this,this.$root.$options.shadowRoot)}:o),s)if(l.functional){l._injectStyles=s;var u=l.render;l.render=function(e,t){return s.call(t),u(e,t)}}else{var d=l.beforeCreate;l.beforeCreate=d?[].concat(d,s):[s]}return{exports:e,options:l}}var l=s(c,o,i,!1,null,null,null),u=l.exports;u.install=e=>e.component(u.name,u);var d=u;const f=e=>{f.installed||e.component(d.name,d)};"undefined"!==typeof window&&window.Vue&&f(window.Vue);var p={install:f,imagePlace:d};t["default"]=p}})}));
//# sourceMappingURL=vimageplace.umd.min.js.map