| 1 |
- (window["webpackJsonp"]=window["webpackJsonp"]||[]).push([["chunk-556cec8c"],{"09fe":function(t,i,e){},"28a2":function(t,i,e){"use strict";var o=e("c31d"),s=e("2b0e"),n=e("d282"),a=Object(n["a"])("image-preview"),r=a[0],h=a[1],c=e("6605"),l=e("3875"),u=e("5fbe"),d=e("ad06"),f=e("02de"),m=e("1325"),v=e("4598"),g=e("482d"),p=e("9884"),w=Object(n["a"])("swipe"),b=w[0],y=w[1],S=b({mixins:[l["a"],Object(p["b"])("vanSwipe"),Object(u["a"])((function(t,i){t(window,"resize",this.resize,!0),t(window,"orientationchange",this.resize,!0),t(window,"visibilitychange",this.onVisibilityChange),i?this.initialize():this.clear()}))],props:{width:[Number,String],height:[Number,String],autoplay:[Number,String],vertical:Boolean,lazyRender:Boolean,indicatorColor:String,loop:{type:Boolean,default:!0},duration:{type:[Number,String],default:500},touchable:{type:Boolean,default:!0},initialSwipe:{type:[Number,String],default:0},showIndicators:{type:Boolean,default:!0},stopPropagation:{type:Boolean,default:!0}},data:function(){return{rect:null,offset:0,active:0,deltaX:0,deltaY:0,swiping:!1,computedWidth:0,computedHeight:0}},watch:{children:function(){this.initialize()},initialSwipe:function(){this.initialize()},autoplay:function(t){t>0?this.autoPlay():this.clear()}},computed:{count:function(){return this.children.length},maxCount:function(){return Math.ceil(Math.abs(this.minOffset)/this.size)},delta:function(){return this.vertical?this.deltaY:this.deltaX},size:function(){return this[this.vertical?"computedHeight":"computedWidth"]},trackSize:function(){return this.count*this.size},activeIndicator:function(){return(this.active+this.count)%this.count},isCorrectDirection:function(){var t=this.vertical?"vertical":"horizontal";return this.direction===t},trackStyle:function(){var t={transitionDuration:(this.swiping?0:this.duration)+"ms",transform:"translate"+(this.vertical?"Y":"X")+"("+this.offset+"px)"};if(this.size){var i=this.vertical?"height":"width",e=this.vertical?"width":"height";t[i]=this.trackSize+"px",t[e]=this[e]?this[e]+"px":""}return t},indicatorStyle:function(){return{backgroundColor:this.indicatorColor}},minOffset:function(){return(this.vertical?this.rect.height:this.rect.width)-this.size*this.count}},mounted:function(){this.bindTouchEvent(this.$refs.track)},methods:{initialize:function(t){if(void 0===t&&(t=+this.initialSwipe),this.$el&&!Object(f["a"])(this.$el)){clearTimeout(this.timer);var i={width:this.$el.offsetWidth,height:this.$el.offsetHeight};this.rect=i,this.swiping=!0,this.active=t,this.computedWidth=+this.width||i.width,this.computedHeight=+this.height||i.height,this.offset=this.getTargetOffset(t),this.children.forEach((function(t){t.offset=0})),this.autoPlay()}},resize:function(){this.initialize(this.activeIndicator)},onVisibilityChange:function(){document.hidden?this.clear():this.autoPlay()},onTouchStart:function(t){this.touchable&&(this.clear(),this.touchStartTime=Date.now(),this.touchStart(t),this.correctPosition())},onTouchMove:function(t){if(this.touchable&&this.swiping){this.touchMove(t);var i=this.isCorrectDirection||this.offsetY>this.offsetX===this.vertical;i&&Object(m["c"])(t,this.stopPropagation),this.isCorrectDirection&&this.move({offset:this.delta})}},onTouchEnd:function(){if(this.touchable&&this.swiping){var t=this.size,i=this.delta,e=Date.now()-this.touchStartTime,o=i/e,s=Math.abs(o)>.25||Math.abs(i)>t/2;if(s&&this.isCorrectDirection){var n=this.vertical?this.offsetY:this.offsetX,a=0;a=this.loop?n>0?i>0?-1:1:0:-Math[i>0?"ceil":"floor"](i/t),this.move({pace:a,emitChange:!0})}else i&&this.move({pace:0});this.swiping=!1,this.autoPlay()}},getTargetActive:function(t){var i=this.active,e=this.count,o=this.maxCount;return t?this.loop?Object(g["c"])(i+t,-1,e):Object(g["c"])(i+t,0,o):i},getTargetOffset:function(t,i){void 0===i&&(i=0);var e=t*this.size;this.loop||(e=Math.min(e,-this.minOffset));var o=i-e;return this.loop||(o=Object(g["c"])(o,this.minOffset,0)),o},move:function(t){var i=t.pace,e=void 0===i?0:i,o=t.offset,s=void 0===o?0:o,n=t.emitChange,a=this.loop,r=this.count,h=this.active,c=this.children,l=this.trackSize,u=this.minOffset;if(!(r<=1)){var d=this.getTargetActive(e),f=this.getTargetOffset(d,s);if(a){if(c[0]&&f!==u){var m=f<u;c[0].offset=m?l:0}if(c[r-1]&&0!==f){var v=f>0;c[r-1].offset=v?-l:0}}this.active=d,this.offset=f,n&&d!==h&&this.$emit("change",this.activeIndicator)}},prev:function(){var t=this;this.correctPosition(),this.resetTouchStatus(),Object(v["a"])((function(){t.swiping=!1,t.move({pace:-1,emitChange:!0})}))},next:function(){var t=this;this.correctPosition(),this.resetTouchStatus(),Object(v["a"])((function(){t.swiping=!1,t.move({pace:1,emitChange:!0})}))},swipeTo:function(t,i){var e=this;void 0===i&&(i={}),this.correctPosition(),this.resetTouchStatus(),Object(v["a"])((function(){var o;o=e.loop&&t===e.count?0===e.active?0:t:t%e.count,i.immediate?Object(v["a"])((function(){e.swiping=!1})):e.swiping=!1,e.move({pace:o-e.active,emitChange:!0})}))},correctPosition:function(){this.swiping=!0,this.active<=-1&&this.move({pace:this.count}),this.active>=this.count&&this.move({pace:-this.count})},clear:function(){clearTimeout(this.timer)},autoPlay:function(){var t=this,i=this.autoplay;i>0&&this.count>1&&(this.clear(),this.timer=setTimeout((function(){t.next(),t.autoPlay()}),i))},genIndicator:function(){var t=this,i=this.$createElement,e=this.count,o=this.activeIndicator,s=this.slots("indicator");return s||(this.showIndicators&&e>1?i("div",{class:y("indicators",{vertical:this.vertical})},[Array.apply(void 0,Array(e)).map((function(e,s){return i("i",{class:y("indicator",{active:s===o}),style:s===o?t.indicatorStyle:null})}))]):void 0)}},render:function(){var t=arguments[0];return t("div",{class:y()},[t("div",{ref:"track",style:this.trackStyle,class:y("track",{vertical:this.vertical})},[this.slots()]),this.genIndicator()])}}),x=e("44bf"),z=e("543e"),$=Object(n["a"])("swipe-item"),T=$[0],C=$[1],O=T({mixins:[Object(p["a"])("vanSwipe")],data:function(){return{offset:0,inited:!1,mounted:!1}},mounted:function(){var t=this;this.$nextTick((function(){t.mounted=!0}))},computed:{style:function(){var t={},i=this.parent,e=i.size,o=i.vertical;return e&&(t[o?"height":"width"]=e+"px"),this.offset&&(t.transform="translate"+(o?"Y":"X")+"("+this.offset+"px)"),t},shouldRender:function(){var t=this.index,i=this.inited,e=this.parent,o=this.mounted;if(!e.lazyRender||i)return!0;if(!o)return!1;var s=e.activeIndicator,n=e.count-1,a=0===s&&e.loop?n:s-1,r=s===n&&e.loop?0:s+1,h=t===s||t===a||t===r;return h&&(this.inited=!0),h}},render:function(){var t=arguments[0];return t("div",{class:C(),style:this.style,on:Object(o["a"])({},this.$listeners)},[this.shouldRender&&this.slots()])}});function j(t){return Math.sqrt(Math.pow(t[0].clientX-t[1].clientX,2)+Math.pow(t[0].clientY-t[1].clientY,2))}var M,I={mixins:[l["a"]],props:{src:String,show:Boolean,active:Number,minZoom:[Number,String],maxZoom:[Number,String],rootWidth:Number,rootHeight:Number},data:function(){return{scale:1,moveX:0,moveY:0,moving:!1,zooming:!1,imageRatio:0,displayWidth:0,displayHeight:0}},computed:{vertical:function(){var t=this.rootWidth,i=this.rootHeight,e=i/t;return this.imageRatio>e},imageStyle:function(){var t=this.scale,i={transitionDuration:this.zooming||this.moving?"0s":".3s"};if(1!==t){var e=this.moveX/t,o=this.moveY/t;i.transform="scale("+t+", "+t+") translate("+e+"px, "+o+"px)"}return i},maxMoveX:function(){if(this.imageRatio){var t=this.vertical?this.rootHeight/this.imageRatio:this.rootWidth;return Math.max(0,(this.scale*t-this.rootWidth)/2)}return 0},maxMoveY:function(){if(this.imageRatio){var t=this.vertical?this.rootHeight:this.rootWidth*this.imageRatio;return Math.max(0,(this.scale*t-this.rootHeight)/2)}return 0}},watch:{active:"resetScale",show:function(t){t||this.resetScale()}},mounted:function(){this.bindTouchEvent(this.$el)},methods:{resetScale:function(){this.setScale(1),this.moveX=0,this.moveY=0},setScale:function(t){t=Object(g["c"])(t,+this.minZoom,+this.maxZoom),t!==this.scale&&(this.scale=t,this.$emit("scale",{scale:this.scale,index:this.active}))},toggleScale:function(){var t=this.scale>1?1:2;this.setScale(t),this.moveX=0,this.moveY=0},onTouchStart:function(t){var i=t.touches,e=this.offsetX,o=void 0===e?0:e;this.touchStart(t),this.touchStartTime=new Date,this.startMoveX=this.moveX,this.startMoveY=this.moveY,this.moving=1===i.length&&1!==this.scale,this.zooming=2===i.length&&!o,this.zooming&&(this.startScale=this.scale,this.startDistance=j(t.touches))},onTouchMove:function(t){var i=t.touches;if(this.touchMove(t),(this.moving||this.zooming)&&Object(m["c"])(t,!0),this.moving){var e=this.deltaX+this.startMoveX,o=this.deltaY+this.startMoveY;this.moveX=Object(g["c"])(e,-this.maxMoveX,this.maxMoveX),this.moveY=Object(g["c"])(o,-this.maxMoveY,this.maxMoveY)}if(this.zooming&&2===i.length){var s=j(i),n=this.startScale*s/this.startDistance;this.setScale(n)}},onTouchEnd:function(t){var i=!1;(this.moving||this.zooming)&&(i=!0,this.moving&&this.startMoveX===this.moveX&&this.startMoveY===this.moveY&&(i=!1),t.touches.length||(this.zooming&&(this.moveX=Object(g["c"])(this.moveX,-this.maxMoveX,this.maxMoveX),this.moveY=Object(g["c"])(this.moveY,-this.maxMoveY,this.maxMoveY),this.zooming=!1),this.moving=!1,this.startMoveX=0,this.startMoveY=0,this.startScale=1,this.scale<1&&this.resetScale())),Object(m["c"])(t,i),this.checkTap(),this.resetTouchStatus()},checkTap:function(){var t=this,i=this.offsetX,e=void 0===i?0:i,o=this.offsetY,s=void 0===o?0:o,n=new Date-this.touchStartTime,a=250,r=10;e<r&&s<r&&n<a&&(this.doubleTapTimer?(clearTimeout(this.doubleTapTimer),this.doubleTapTimer=null,this.toggleScale()):this.doubleTapTimer=setTimeout((function(){t.$emit("close"),t.doubleTapTimer=null}),a))},onLoad:function(t){var i=t.target,e=i.naturalWidth,o=i.naturalHeight;this.imageRatio=o/e}},render:function(){var t=arguments[0],i={loading:function(){return t(z["a"],{attrs:{type:"spinner"}})}};return t(O,{class:h("swipe-item")},[t(x["a"],{attrs:{src:this.src,fit:"contain"},class:h("image",{vertical:this.vertical}),style:this.imageStyle,scopedSlots:i,on:{load:this.onLoad}})])}},P=r({mixins:[l["a"],Object(c["a"])({skipToggleEvent:!0}),Object(u["a"])((function(t){t(window,"resize",this.resize,!0),t(window,"orientationchange",this.resize,!0)}))],props:{className:null,closeable:Boolean,asyncClose:Boolean,overlayStyle:Object,showIndicators:Boolean,images:{type:Array,default:function(){return[]}},loop:{type:Boolean,default:!0},overlay:{type:Boolean,default:!0},minZoom:{type:[Number,String],default:1/3},maxZoom:{type:[Number,String],default:3},transition:{type:String,default:"van-fade"},showIndex:{type:Boolean,default:!0},swipeDuration:{type:[Number,String],default:300},startPosition:{type:[Number,String],default:0},overlayClass:{type:String,default:h("overlay")},closeIcon:{type:String,default:"clear"},closeOnPopstate:{type:Boolean,default:!0},closeIconPosition:{type:String,default:"top-right"}},data:function(){return{active:0,rootWidth:0,rootHeight:0,doubleClickTimer:null}},mounted:function(){this.resize()},watch:{startPosition:"setActive",value:function(t){var i=this;t?(this.setActive(+this.startPosition),this.$nextTick((function(){i.resize(),i.$refs.swipe.swipeTo(+i.startPosition,{immediate:!0})}))):this.$emit("close",{index:this.active,url:this.images[this.active]})}},methods:{resize:function(){if(this.$el&&this.$el.getBoundingClientRect){var t=this.$el.getBoundingClientRect();this.rootWidth=t.width,this.rootHeight=t.height}},emitClose:function(){this.asyncClose||this.$emit("input",!1)},emitScale:function(t){this.$emit("scale",t)},setActive:function(t){t!==this.active&&(this.active=t,this.$emit("change",t))},genIndex:function(){var t=this.$createElement;if(this.showIndex)return t("div",{class:h("index")},[this.slots("index",{index:this.active})||this.active+1+" / "+this.images.length])},genCover:function(){var t=this.$createElement,i=this.slots("cover");if(i)return t("div",{class:h("cover")},[i])},genImages:function(){var t=this,i=this.$createElement;return i(S,{ref:"swipe",attrs:{lazyRender:!0,loop:this.loop,duration:this.swipeDuration,initialSwipe:this.startPosition,showIndicators:this.showIndicators,indicatorColor:"white"},class:h("swipe"),on:{change:this.setActive}},[this.images.map((function(e){return i(I,{attrs:{src:e,show:t.value,active:t.active,maxZoom:t.maxZoom,minZoom:t.minZoom,rootWidth:t.rootWidth,rootHeight:t.rootHeight},on:{scale:t.emitScale,close:t.emitClose}})}))])},genClose:function(){var t=this.$createElement;if(this.closeable)return t(d["a"],{attrs:{role:"button",name:this.closeIcon},class:h("close-icon",this.closeIconPosition),on:{click:this.emitClose}})},onClosed:function(){this.$emit("closed")},swipeTo:function(t,i){this.$refs.swipe&&this.$refs.swipe.swipeTo(t,i)}},render:function(){var t=arguments[0];return t("transition",{attrs:{name:this.transition},on:{afterLeave:this.onClosed}},[this.shouldRender?t("div",{directives:[{name:"show",value:this.value}],class:[h(),this.className]},[this.genClose(),this.genImages(),this.genIndex(),this.genCover()]):null])}}),X=e("a142"),Y={loop:!0,value:!0,images:[],maxZoom:3,minZoom:1/3,onClose:null,onChange:null,className:"",showIndex:!0,closeable:!1,closeIcon:"clear",asyncClose:!1,transition:"van-fade",getContainer:"body",overlayStyle:null,startPosition:0,swipeDuration:300,showIndicators:!1,closeOnPopstate:!0,closeIconPosition:"top-right"},L=function(){M=new(s["default"].extend(P))({el:document.createElement("div")}),document.body.appendChild(M.$el),M.$on("change",(function(t){M.onChange&&M.onChange(t)})),M.$on("scale",(function(t){M.onScale&&M.onScale(t)}))},k=function(t,i){if(void 0===i&&(i=0),!X["g"]){M||L();var e=Array.isArray(t)?{images:t,startPosition:i}:t;return Object(o["a"])(M,Y,e),M.$once("input",(function(t){M.value=t})),M.$once("closed",(function(){M.images=[]})),e.onClose&&(M.$off("close"),M.$once("close",e.onClose)),M}};k.Component=P,k.install=function(){s["default"].use(P)};i["a"]=k},"44bf":function(t,i,e){"use strict";var o=e("2638"),s=e.n(o),n=e("d282"),a=e("a142"),r=e("ea8e"),h=e("ad06"),c=Object(n["a"])("image"),l=c[0],u=c[1];i["a"]=l({props:{src:String,fit:String,alt:String,round:Boolean,width:[Number,String],height:[Number,String],radius:[Number,String],lazyLoad:Boolean,iconPrefix:String,showError:{type:Boolean,default:!0},showLoading:{type:Boolean,default:!0},errorIcon:{type:String,default:"photo-fail"},loadingIcon:{type:String,default:"photo"}},data:function(){return{loading:!0,error:!1}},watch:{src:function(){this.loading=!0,this.error=!1}},computed:{style:function(){var t={};return Object(a["c"])(this.width)&&(t.width=Object(r["a"])(this.width)),Object(a["c"])(this.height)&&(t.height=Object(r["a"])(this.height)),Object(a["c"])(this.radius)&&(t.overflow="hidden",t.borderRadius=Object(r["a"])(this.radius)),t}},created:function(){var t=this.$Lazyload;t&&a["b"]&&(t.$on("loaded",this.onLazyLoaded),t.$on("error",this.onLazyLoadError))},beforeDestroy:function(){var t=this.$Lazyload;t&&(t.$off("loaded",this.onLazyLoaded),t.$off("error",this.onLazyLoadError))},methods:{onLoad:function(t){this.loading=!1,this.$emit("load",t)},onLazyLoaded:function(t){var i=t.el;i===this.$refs.image&&this.loading&&this.onLoad()},onLazyLoadError:function(t){var i=t.el;i!==this.$refs.image||this.error||this.onError()},onError:function(t){this.error=!0,this.loading=!1,this.$emit("error",t)},onClick:function(t){this.$emit("click",t)},genPlaceholder:function(){var t=this.$createElement;return this.loading&&this.showLoading?t("div",{class:u("loading")},[this.slots("loading")||t(h["a"],{attrs:{name:this.loadingIcon,classPrefix:this.iconPrefix},class:u("loading-icon")})]):this.error&&this.showError?t("div",{class:u("error")},[this.slots("error")||t(h["a"],{attrs:{name:this.errorIcon,classPrefix:this.iconPrefix},class:u("error-icon")})]):void 0},genImage:function(){var t=this.$createElement,i={class:u("img"),attrs:{alt:this.alt},style:{objectFit:this.fit}};if(!this.error)return this.lazyLoad?t("img",s()([{ref:"image",directives:[{name:"lazy",value:this.src}]},i])):t("img",s()([{attrs:{src:this.src},on:{load:this.onLoad,error:this.onError}},i]))}},render:function(){var t=arguments[0];return t("div",{class:u({round:this.round}),style:this.style,on:{click:this.onClick}},[this.genImage(),this.genPlaceholder(),this.slots()])}})},4662:function(t,i,e){"use strict";e("68ef"),e("a71a"),e("9d70"),e("3743"),e("09fe"),e("4d75"),e("e3b3"),e("8270"),e("786d"),e("504b")},"504b":function(t,i,e){},"786d":function(t,i,e){},8270:function(t,i,e){}}]);
|
