@tarojs/components
Version:
1 lines • 2.52 kB
JavaScript
System.register(["./p-2b70c348.system.js","./p-2ec68968.system.js"],(function(t){"use strict";var i,o,e,r,a;return{setters:[function(t){i=t.r;o=t.c;e=t.h;r=t.H},function(t){a=t.c}],execute:function(){var s='img[src=""]{opacity:0}taro-image-core{width:auto;height:auto;font-size:0;display:inline-block;position:relative;overflow:hidden}.taro-img.taro-img__widthfix{height:100%}.taro-img__mode-scaletofill{width:100%;height:100%}.taro-img__mode-aspectfit{max-width:100%;max-height:100%}.taro-img__mode-aspectfill{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.taro-img__mode-aspectfill--width{min-width:100%;height:100%}.taro-img__mode-aspectfill--height{width:100%;min-height:100%}.taro-img__mode-widthfix{width:100%}.taro-img__mode-heightfix{height:100%}.taro-img__mode-top{width:100%}.taro-img__mode-bottom{width:100%;position:absolute;bottom:0}.taro-img__mode-left{height:100%}.taro-img__mode-right{height:100%;position:absolute;right:0}.taro-img__mode-topright{position:absolute;right:0}.taro-img__mode-bottomleft{position:absolute;bottom:0}.taro-img__mode-bottomright{position:absolute;bottom:0;right:0}';var h=t("taro_image_core",function(){function t(t){i(this,t);this.onLoad=o(this,"load",7);this.onError=o(this,"error",7);this.src=undefined;this.mode="scaleToFill";this.lazyLoad=false;this.nativeProps={};this.aspectFillMode="width";this.didLoad=false}t.prototype.componentDidLoad=function(){var t=this;if(!this.lazyLoad)return;var i=new IntersectionObserver((function(o){if(o[o.length-1].isIntersecting){i.unobserve(t.imgRef);t.didLoad=true}}),{rootMargin:"300px 0px"});i.observe(this.imgRef)};t.prototype.imageOnLoad=function(){var t=this.imgRef,i=t.width,o=t.height,e=t.naturalWidth,r=t.naturalHeight;this.onLoad.emit({width:i,height:o});this.aspectFillMode=e>r?"width":"height"};t.prototype.imageOnError=function(t){this.onError.emit(t)};t.prototype.render=function(){var t;var i=this;var o=this,s=o.src,h=o.lazyLoad,n=h===void 0?false:h,d=o.aspectFillMode,m=d===void 0?"width":d,g=o.imageOnLoad,l=o.imageOnError,c=o.nativeProps,f=o.didLoad;var _=this.mode||"scaleToFill";var p=a({"taro-img__widthfix":_==="widthFix"});var u=a("taro-img__mode-".concat(_.toLowerCase().replace(/\s/g,"")),(t={},t["taro-img__mode-aspectfill--".concat(m)]=_==="aspectFill",t));return e(r,{class:p},s?e("img",Object.assign({ref:function(t){return i.imgRef=t},class:u,src:n&&!f?undefined:s,onLoad:g.bind(this),onError:l.bind(this)},c)):"")};return t}());h.style=s}}}));