/*! * zx-image-view v1.4.1 * https://github.com/capricorncd/image-view * Copyright © 2018-present, capricorncd * Released under the MIT License * Released on: 2018-12-02 00:23:59 */ !function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t();else if("function"==typeof define&&define.amd)define([],t);else{var n=t();for(var i in n)("object"==typeof exports?exports:e)[i]=n[i]}}(window,function(){return function(e){var t={};function n(i){if(t[i])return t[i].exports;var r=t[i]={i:i,l:!1,exports:{}};return e[i].call(r.exports,r,r.exports,n),r.l=!0,r.exports}return n.m=e,n.c=t,n.d=function(e,t,i){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:i})},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 i=Object.create(null);if(n.r(i),Object.defineProperty(i,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var r in e)n.d(i,r,function(t){return e[t]}.bind(null,r));return i},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=2)}([function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default={assign:function(e,t){for(var n=e,i=arguments.length-1;i>=2;)n=this.assign(arguments[i-1],arguments[i]),i--;var r=void 0,a=void 0;for(r in t)t.hasOwnProperty(r)&&(a=t[r],this.isObject(a)?this.assign(n[r],a):n[r]=t[r]);return n},forceToObj:function(e){return this.isObject(e)?e:{}},getMaxZindex:function(){for(var e=document.getElementsByTagName("*"),t=void 0,n=void 0,i=void 0,r=[],a=0;a0&&r.push(i);return Math.max.apply(null,r)>>>0},getStyleValue:function(e,t){if(!this.isHTMLElement(e))return null;var n=getComputedStyle(e,null),i=null;if(t)try{i=n[this.toHumpStr(t)]}catch(e){}else i=n;return i},int:function(e){var t=parseInt(e);return isNaN(t)?0:t},isAndroid:function(){return!!navigator.userAgent.match(/(Android)\s+([\d.]+)/)},isArray:function(e){return Array.isArray(e)},isFunction:function(e){return e&&"function"==typeof e},isHTMLElement:function(e){return e&&e instanceof HTMLElement},isIphone:function(){var e=navigator.userAgent;return!e.match(/(iPad).*OS\s([\d_]+)/)&&!!e.match(/(iPhone\sOS)\s([\d_]+)/)},isLeIE9:function(){var e=navigator.userAgent,t=null;return/MSIE (\d+)\./i.test(e)&&(t=RegExp.$1),t&&+t<=9},isMobile:function(){return this.isIphone()||this.isAndroid()},isObject:function(e){return e&&!this.isArray(e)&&!this.isFunction(e)&&!this.isHTMLElement(e)&&e instanceof Object},slice:function(e){return Array.prototype.slice.call(e)},toHumpStr:function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"-";"string"!=typeof e&&(e=e.toString());var n=e.split(t),i=n.length;if(i<=1)return e;for(var r=n[0],a=1;a1&&void 0!==arguments[1]?arguments[1]:o).querySelector(e)},queryAll:function(e){return(arguments.length>1&&void 0!==arguments[1]?arguments[1]:o).querySelectorAll(e)},appendToBody:function(e){var t=this.query("body");return!!t&&(t.appendChild(e),!0)},addClass:function(e,t){e&&(a.default.isLeIE9()?this._className(e,t):e.classList.add(t))},rmClass:function(e,t){if(e)if(a.default.isLeIE9()){var n=this._className(e),i=n.indexOf(t);-1!==i&&(n.splice(i,1),e.className=n.join(" "))}else e.classList.remove(t)},hasClass:function(e,t){if(e)return a.default.isLeIE9()?this._className(e).indexOf(t)>-1:e.classList.contains(t)},_className:function(e,t){var n=[],i=e.className;if(i){var r,o=void 0,s=void 0;for(r=a.default.trim(i).split(" "),o=0;o=this.images.length?0:r.default.int(t)),this._resetPaginationInnerHtml(),this._resetCurrent$img()}},{key:"update",value:function(e){this.init(e,0)}},{key:"_resetPaginationInnerHtml",value:function(){var e=this;if(this.$pagination){var t="",n=this.images.length;this.images.forEach(function(i,r){t+=''}),this.$pagination.innerHTML=t,this._checkArrowPrevNext()}}},{key:"view",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0,t=arguments[1],n=arguments[2];void 0!==t&&r.default.isArray(t)&&void 0===n&&(n=t,t=null);var i=(0,u.fmtImageArray)(n);if(i&&(this.images=i,this._resetPaginationInnerHtml()),0===this.images.length)throw new Error("图片数组images参数为空或格式不正确!");e0?n.prev():n.next()}),"mousewheel"===r.default.toLower(t.scale)&&(0,u.mouseWheel)(function(e){if(!n.isPreview)return;if(e.target!==n.$img)return;var t=e.wheelDelta||-e.detail;n._scale(t)}),"mousewheel"===r.default.toLower(t.rotate)&&(0,u.mouseWheel)(function(e){if(!n.isPreview)return;var t=e.wheelDelta||-e.detail;n._rotate(t>0)});var n=this}},{key:"_handleChangePage",value:function(e){if(!(this.images.length<=1)){var t=e.target;if(a.default.hasClass(t,"_item")){var n=a.default.attr(t,"data-index")>>>0;this.index!==n&&(this.index=n,this._changePaginationClass(t),this._resetCurrent$img())}}}},{key:"_changePaginationClass",value:function(e){if(this.$pagination){e=e||this.$pagination.querySelectorAll("._item")[this.index];var t=a.default.query("._item-active",this.$pagination);a.default.rmClass(t,"_item-active"),a.default.addClass(e,"_item-active")}}},{key:"hide",value:function(){this.$container&&(l.default.emit("close"),this.$container.style.display="none",this.isPreview=!1)}},{key:"show",value:function(){if(this.$container){var e=r.default.getMaxZindex();e>9999&&(this.$container.style.zIndex=e),l.default.emit("show"),this.$container.style.display="block",this.isPreview=!0}}},{key:"prev",value:function(){this._switchImage("prev")}},{key:"next",value:function(){this._switchImage("next")}},{key:"_rotate",value:function(e){if(this.opts.rotatable){var t=e?-90:90,n=r.default.int(a.default.attr(this.$img,"rotate-angle"))+t;a.default.attr(this.$img,"rotate-angle",n),o.default.rotate(this.$img,n)}}},{key:"_scale",value:function(e){this.opts.scalable&&o.default.scale(this.$img,e)}},{key:"_switchImage",value:function(e){var t=this.images.length-1;if(!(t<=0)){switch(e){case"prev":0==+this.index?this.index=t:this.index--;break;case"next":+this.index>=t?this.index=0:this.index++}var n=this.images[this.index];this.$img.src=n.url;var i=r.default.int(n.angle);a.default.attr(this.$img,"rotate-angle",i),o.default.rotate(this.$img,i),this._changePaginationClass()}}},{key:"_checkArrowPrevNext",value:function(){this.opts.showSwitchArrow&&this.images.length<=1&&(this.togglePrev("hide"),this.toggleNext("hide"))}},{key:"togglePrev",value:function(e){var t=a.default.query("._prev-arrow",this.$container);t&&(t.style.display="show"===e?"block":"none")}},{key:"toggleNext",value:function(e){var t=a.default.query("._next-arrow",this.$container);t&&(t.style.display="show"===e?"block":"none")}}]),e}();d.prototype.on=l.default.on,d.prototype.off=l.default.off,d.prototype.emit=l.default.emit,t.ZxImageView=d},function(e,t,n){var i=n(4);"string"==typeof i&&(i=[[e.i,i,""]]);var r={hmr:!0,transform:void 0,insertInto:void 0};n(8)(i,r);i.locals&&(e.exports=i.locals)},function(e,t,n){var i=n(5);(e.exports=n(6)(!1)).push([e.i,".zx-image-preview-wrapper i {\n font-style: normal !important;\n}\n.zx-image-preview-wrapper {\n position: fixed;\n z-index: 9999;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background-color: rgba(0,0,0,0.6);\n}\n.zx-image-preview-wrapper.on-error:after {\n content: '! \\56FE\\7247\\52A0\\8F7D\\5931\\8D25';\n position: absolute;\n z-index: 1;\n top: 50%;\n left: 50%;\n margin: -100px 0 0 -100px;\n width: 200px;\n height: 200px;\n border: 1px solid #f1f1f1;\n background-color: #eee;\n color: #666;\n text-align: center;\n line-height: 200px;\n}\n.zx-image-preview-wrapper.on-error img {\n display: none;\n}\n.zx-image-preview-wrapper ._cur {\n cursor: pointer;\n}\n.zx-image-preview-wrapper .zip-close {\n position: absolute;\n z-index: 2;\n top: 0;\n right: 0;\n width: 50px;\n height: 50px;\n -webkit-transform: rotate(45deg);\n transform: rotate(45deg);\n -webkit-transition: all 0.3s;\n transition: all 0.3s;\n opacity: 0.6;\n}\n.zx-image-preview-wrapper .zip-close:before,\n.zx-image-preview-wrapper .zip-close:after {\n position: absolute;\n border-radius: 1px;\n background-color: #fff;\n content: '';\n}\n.zx-image-preview-wrapper .zip-close:before {\n top: 24px;\n left: 10px;\n width: 30px;\n height: 2px;\n}\n.zx-image-preview-wrapper .zip-close:after {\n top: 10px;\n left: 24px;\n height: 30px;\n width: 2px;\n}\n.zx-image-preview-wrapper .zip-close:hover {\n opacity: 0.8;\n -webkit-transform: rotate(215deg);\n transform: rotate(215deg);\n}\n.zx-image-preview-wrapper .zip-arrow {\n position: absolute;\n z-index: 3;\n top: 50%;\n margin-top: -51px;\n width: 101px;\n height: 101px;\n opacity: 0.6;\n filter: Alpha(opacity=60);\n cursor: pointer;\n background-color: rgba(0,0,0,0.1);\n border-radius: 50%;\n}\n.zx-image-preview-wrapper .zip-arrow:after {\n content: '';\n position: absolute;\n top: 35px;\n width: 20px;\n height: 37px;\n background-image: url("+i(n(7))+");\n background-repeat: no-repeat;\n -webkit-transition: all 0.3s;\n transition: all 0.3s;\n}\n.zx-image-preview-wrapper .zip-arrow._prev-arrow {\n left: -50px;\n}\n.zx-image-preview-wrapper .zip-arrow._prev-arrow:after {\n right: 22px;\n background-position: 0 0;\n}\n.zx-image-preview-wrapper .zip-arrow._next-arrow {\n right: -50px;\n}\n.zx-image-preview-wrapper .zip-arrow._next-arrow:after {\n left: 22px;\n background-position: -20px 0;\n}\n.zx-image-preview-wrapper .zip-arrow:hover {\n opacity: 0.9;\n filter: Alpha(opacity=90);\n background-color: rgba(0,0,0,0.2);\n}\n.zx-image-preview-wrapper .zip-arrow:hover._prev-arrow:after {\n right: 25px;\n}\n.zx-image-preview-wrapper .zip-arrow:hover._next-arrow:after {\n left: 25px;\n}\n.zx-image-preview-wrapper .zip-tool-wrapper {\n position: absolute;\n z-index: 2;\n left: 50%;\n bottom: 30px;\n -webkit-transform: translateX(-50%);\n transform: translateX(-50%);\n white-space: nowrap;\n}\n.zx-image-preview-wrapper .zip-tool-wrapper ._item {\n position: relative;\n display: inline-block;\n margin: 0 2px;\n width: 40px;\n text-align: center;\n}\n.zx-image-preview-wrapper .zip-tool-wrapper ._item .zx {\n display: inline-block;\n width: 40px;\n height: 40px;\n line-height: 40px;\n border-radius: 50%;\n font-size: 18px;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n border: 1px solid rgba(255,255,255,0.5);\n background-color: rgba(255,255,255,0.3);\n overflow: hidden;\n cursor: pointer;\n}\n.zx-image-preview-wrapper .zip-tool-wrapper ._item .zx:hover {\n background-color: rgba(255,255,255,0.5);\n}\n.zx-image-preview-wrapper .zip-pagination-wrapper {\n position: absolute;\n z-index: 2;\n left: 50%;\n bottom: 20px;\n -webkit-transform: translateX(-50%);\n transform: translateX(-50%);\n height: 2px;\n width: 60%;\n text-align: center;\n}\n.zx-image-preview-wrapper .zip-pagination-wrapper ._item {\n display: inline-block;\n max-width: 30px;\n height: 2px;\n opacity: 0.5;\n border-left: 1px solid transparent;\n border-right: 1px solid transparent;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n vertical-align: top;\n}\n.zx-image-preview-wrapper .zip-pagination-wrapper ._item:after {\n display: block;\n content: '';\n width: 100%;\n height: 2px;\n background-color: #fff;\n}\n.zx-image-preview-wrapper .zip-pagination-wrapper ._item._item-active {\n opacity: 0.9;\n}\n.zx-image-preview-wrapper .zip-picture {\n position: absolute;\n margin: 0;\n padding: 0;\n cursor: move;\n}\n.zx-image-preview-wrapper .zip-picture.v-transition {\n -webkit-transition: all 0.1s ease;\n transition: all 0.1s ease;\n}\n@media screen and (max-width: 375px) {\n .zx-image-preview-wrapper .zip-tool-wrapper {\n bottom: 20px;\n }\n .zx-image-preview-wrapper .zip-pagination-wrapper {\n bottom: 10px;\n }\n}\n",""])},function(e,t){e.exports=function(e){return"string"!=typeof e?e:(/^['"].*['"]$/.test(e)&&(e=e.slice(1,-1)),/["'() \t\n]/.test(e)?'"'+e.replace(/"/g,'\\"').replace(/\n/g,"\\n")+'"':e)}},function(e,t){e.exports=function(e){var t=[];return t.toString=function(){return this.map(function(t){var n=function(e,t){var n=e[1]||"",i=e[3];if(!i)return n;if(t&&"function"==typeof btoa){var r=(o=i,"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(o))))+" */"),a=i.sources.map(function(e){return"/*# sourceURL="+i.sourceRoot+e+" */"});return[n].concat(a).concat([r]).join("\n")}var o;return[n].join("\n")}(t,e);return t[2]?"@media "+t[2]+"{"+n+"}":n}).join("")},t.i=function(e,n){"string"==typeof e&&(e=[[null,e,""]]);for(var i={},r=0;r=0&&p.splice(t,1)}function v(e){var t=document.createElement("style");return void 0===e.attrs.type&&(e.attrs.type="text/css"),m(t,e.attrs),h(e,t),t}function m(e,t){Object.keys(t).forEach(function(n){e.setAttribute(n,t[n])})}function w(e,t){var n,i,r,a;if(t.transform&&e.css){if(!(a=t.transform(e.css)))return function(){};e.css=a}if(t.singleton){var o=u++;n=l||(l=v(t)),i=b.bind(null,n,o,!1),r=b.bind(null,n,o,!0)}else e.sourceMap&&"function"==typeof URL&&"function"==typeof URL.createObjectURL&&"function"==typeof URL.revokeObjectURL&&"function"==typeof Blob&&"function"==typeof btoa?(n=function(e){var t=document.createElement("link");return void 0===e.attrs.type&&(e.attrs.type="text/css"),e.attrs.rel="stylesheet",m(t,e.attrs),h(e,t),t}(t),i=function(e,t,n){var i=n.css,r=n.sourceMap,a=void 0===t.convertToAbsoluteUrls&&r;(t.convertToAbsoluteUrls||a)&&(i=c(i));r&&(i+="\n/*# sourceMappingURL=data:application/json;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(r))))+" */");var o=new Blob([i],{type:"text/css"}),s=e.href;e.href=URL.createObjectURL(o),s&&URL.revokeObjectURL(s)}.bind(null,n,t),r=function(){g(n),n.href&&URL.revokeObjectURL(n.href)}):(n=v(t),i=function(e,t){var n=t.css,i=t.media;i&&e.setAttribute("media",i);if(e.styleSheet)e.styleSheet.cssText=n;else{for(;e.firstChild;)e.removeChild(e.firstChild);e.appendChild(document.createTextNode(n))}}.bind(null,n),r=function(){g(n)});return i(e),function(t){if(t){if(t.css===e.css&&t.media===e.media&&t.sourceMap===e.sourceMap)return;i(e=t)}else r()}}e.exports=function(e,t){if("undefined"!=typeof DEBUG&&DEBUG&&"object"!=typeof document)throw new Error("The style-loader cannot be used in a non-browser environment");(t=t||{}).attrs="object"==typeof t.attrs?t.attrs:{},t.singleton||"boolean"==typeof t.singleton||(t.singleton=o()),t.insertInto||(t.insertInto="head"),t.insertAt||(t.insertAt="bottom");var n=f(e,t);return d(n,t),function(e){for(var i=[],r=0;r0?this._scaleHandler(e,!0,i):this._scaleHandler(e,!1,i)},_scaleHandler:function(e,t,n){var r,a=e.naturalWidth,o=e.width,s=e.height,l=void 0;if(t){if((l=o*(1+n))>=3*a)return}else{if(a<60)return;if((l=o*(1-n))<=60)return}r=l*s/o,e.style.width=l+"px",e.style.height=r+"px";var u=l-o,p=r-s,c=i.default.getStyleValue(e);e.style.top=i.default.int(i.default.toNumber(c.top)-p/2)+"px",e.style.left=i.default.int(i.default.toNumber(c.left)-u/2)+"px"},rotate:function(e,t){i.default.isLeIE9()&&(t=0),e.style.transform="rotate("+t+"deg)",this._initImagePosition(e,t)},move:function(e){var t=this,n=!1,a=!1,l={},c=!1,d=0,f=!1,h=0,g=[];e.addEventListener(o.touchEvents.start,function(t){if(t.preventDefault(),n=!0,(a="touchstart"===t.type)&&(h=t.touches.length),h>1&&(g=(0,s.getTouches)(t,e)),!a&&"which"in t&&3===t.which)n=!1;else{if(!a||1===t.targetTouches.length){a||i.default.isAndroid()||(t.preventDefault?t.preventDefault():t.returnValue=!1);var o=a?t.targetTouches[0].pageX:t.pageX||t.clientX,u=a?t.targetTouches[0].pageY:t.pageY||t.clientY;l.x=o-e.offsetLeft,l.y=u-e.offsetTop,r.default.rmClass(e,"v-transition")}var p=e.getAttribute("rotate-angle");/^(\d+)/.test(p)&&(c=RegExp.$1/90%2==1);var v=e.getBoundingClientRect();d=Math.abs(v.width-v.height)/2,f=e.width1){var o=(0,s.handleTouches)(r,g);t._scaleHandler(e,o>1,.04)}else!function(e,t,n,i,r,a,o){var s=i?e.targetTouches[0].pageX:e.pageX||e.clientX,l=i?e.targetTouches[0].pageY:e.pageY||e.clientY,c=s-n.x,d=l-n.y,f=t.getBoundingClientRect(),h=r?a?u.width+o-p:u.width-o-p:u.width-p;h<=c&&(c=h);var g=r?a?p-f.width+o:p-f.width-o:p-f.width;c<=g&&(c=g);var v=r?a?u.height-o-p:u.height+o-p:u.height-p;v<=d&&(d=v);var m=r?a?p-f.height-o:p-f.height+o:p-f.height;d<=m&&(d=m);t.style.left=c+"px",t.style.top=d+"px"}(r,e,l,a,c,f,d)}),document.addEventListener(o.touchEvents.end,function(t){n=!1,r.default.addClass(e,"v-transition")})},_initImagePosition:function(e,t){var n,r,a,o=i.default.int(t/90)%2,s=void 0,l=void 0,u=void 0,p=window.innerWidth,c=window.innerHeight;a=p/c,u=(n=e.naturalWidth)/(r=e.naturalHeight),o?(u=r/n)>a?(s=(l=r>.9*p?.9*p:r)*n/r,e.style.width=s+"px",e.style.height=l+"px"):(l=(s=n>.9*c?.9*c:n)*r/n,e.style.width=s+"px",e.style.height=l+"px"):u>a?(l=(s=n>.9*p?.9*p:n)*r/n,e.style.width=s+"px",e.style.height=l+"px"):(s=(l=r>.9*c?.9*c:r)*n/r,e.style.width=s+"px",e.style.height=l+"px"),e.style.top=(c-l)/2+"px",e.style.left=(p-s)/2+"px"}}},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var i=function(){function e(e,t){for(var n=0;n-1)throw new Error("keyboard配置键名"+n+"重复!");r.push(n)}return e},t.fmtImageArray=function(e){if(!a.default.isArray(e))return null;if(0===e.length)return null;var t=e[0];return"string"==typeof t?e.map(function(e){return{url:e}}):t.url?e:null},t.appendIconfontToHead=function(e,t){var n={tag:"link",attrs:{href:t,rel:"stylesheet"}};try{return e.query("head").appendChild(e.create(n)),!0}catch(e){return!1}};var i,r=n(0),a=(i=r)&&i.__esModule?i:{default:i}}])});