zx-image-view.min.js
33.1 KB
/*!
* zx-image-view v1.5.0
* https://github.com/capricorncd/image-view
* Copyright © 2018-present, capricorncd
* Released under the MIT License
* Released on: 2019-06-21 21:51:20
*/
!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;a<e.length;a++)1===(t=e[a]).nodeType&&"static"!==(n=this.getStyleValue(t)||{}).position&&(i=this.toNumber(n.zIndex))>0&&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;a<i;a++)r+=n[a].toUpperCase()[0]+n[a].substr(1);return r},toLower:function(e){return"string"==typeof e?e.toLowerCase():e},toNumber:function(e){var t=parseFloat(e);return isNaN(t)?0:t},toUpper:function(e){return"string"==typeof e?e.toUpperCase():e},trim:function(e){return e?e.replace(/^\s*|\s*$/g,""):""}}},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var i,r=n(0),a=(i=r)&&i.__esModule?i:{default:i};var o=document;t.default={append:function(e,t){if(t)if(a.default.isArray(t))for(var n=0;n<t.length;n++)t[n]&&e.appendChild(t[n]);else e.appendChild(t)},create:function(e){var t=this;if("string"==typeof e)return o.createTextNode(e);var n=e.tag,i=e.attrs||{},r=e.child||[];if(!n)return null;var a=o.createElement(n);for(var s in i)i.hasOwnProperty(s)&&a.setAttribute(s,i[s]);return r.forEach(function(e){a.appendChild(t.create(e))}),a},getInnerHtml:function(e){return this.create(e).innerHTML},query:function(e){return(arguments.length>1&&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<r.length;o++)(s=r[o])&&n.push(s)}if(!t)return n;"string"==typeof t&&(t=t.split(" ")),e.className=n.concat(t).join(" ")},attr:function(e,t,n){if(void 0===n)return e.getAttribute(t);e.setAttribute(t,n)}}},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.ZxImageView=void 0;var i=function(){function e(e,t){for(var n=0;n<t.length;n++){var i=t[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(e,i.key,i)}}return function(t,n,i){return n&&e(t.prototype,n),i&&e(t,i),t}}();n(3);var r=p(n(0)),a=p(n(1)),o=p(n(10)),s=p(n(14)),l=p(n(15)),u=n(16);function p(e){return e&&e.__esModule?e:{default:e}}var c={paginationable:!0,showClose:!0,showSwitchArrow:!0,showToolbar:!1,showPagination:!0,scalable:!0,rotatable:!0,movable:!0,keyboard:{prev:"left",next:"right",scale:"mousewheel",rotate:["up","down"],close:"escape"},iconfont:"/voting/mobile/images/iconfont.png",toolbarButtons:["prev","enlarge","rotate","reduce","next"]},d=function(){function e(t,n){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e),void 0===n&&r.default.isArray(t)&&(n=t,t=void 0);var i=r.default.isObject(t)?r.default.assign(c,t):c;this.broadcast=l.default.broadcast,this.opts=(0,u.filterOptions)(i),this.images=[],this._init(),r.default.isArray(n)&&this.init(n,0)}return i(e,[{key:"_init",value:function(){var e=this.opts,t={tag:"div",attrs:{class:"zx-image-preview-wrapper",style:"display:none"},child:[{tag:"img",attrs:{class:"zip-picture v-transition"}}]};if(e.showSwitchArrow&&(t.child.push({tag:"div",attrs:{class:"zip-arrow _prev-arrow"}}),t.child.push({tag:"div",attrs:{class:"zip-arrow _next-arrow"}})),e.showClose&&t.child.push({tag:"div",attrs:{class:"zip-close _cur"}}),e.showToolbar&&t.child.push({tag:"div",attrs:{class:"zip-tool-wrapper"}}),e.showPagination&&t.child.push({tag:"div",attrs:{class:"zip-pagination-wrapper"}}),this.$container=a.default.create(t),this.$close=a.default.query(".zip-close",this.$container),this.$img=a.default.query(".zip-picture",this.$container),this.$tool=a.default.query(".zip-tool-wrapper",this.$container),this.$pagination=a.default.query(".zip-pagination-wrapper",this.$container),void 0!==e.backgroundOpacity){var n=r.default.toNumber(e.backgroundOpacity);this.$container.style.background="rgba(0, 0, 0, "+n+")"}this.isPreview=!1,this.isAppendToBody=a.default.appendToBody(this.$container),this.index=0,this._eventHandler(),(0,u.appendIconfontToHead)(a.default,e.iconfont)}},{key:"init",value:function(e,t){this.isAppendToBody||(this.isAppendToBody=a.default.appendToBody(this.$container));var n=(0,u.fmtImageArray)(e);n&&(this.images=n),void 0!==t&&(this.index=t>=this.images.length?0:r.default.int(t)),this._updateToolbar(),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+='<i style="width:'+Math.floor(1/n*100)+'%" data-index="'+r+'" class="_item'+(e.index===r?" _item-active":"")+'"></i>'}),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(),this._updateToolbar()),0===this.images.length)throw new Error("图片数组images参数为空或格式不正确!");e<this.images.length&&(this.index=r.default.int(e)),this._resetCurrent$img(t),this.show(),this._changePaginationClass()}},{key:"destroy",value:function(){try{this.$container.parentNode.removeChild(this.$container),this.$container=null}catch(e){}}},{key:"_resetCurrent$img",value:function(e){var t=this.images[this.index],n=this,i=this.$img;i.src=t.url;var s=r.default.int(e||t.angle);a.default.attr(i,"rotate-angle",s),i.onload=function(){o.default.rotate(i,s),a.default.rmClass(n.$container,"on-error")},i.onerror=function(){a.default.addClass(n.$container,"on-error")}}},{key:"_eventHandler",value:function(){var e=this;this.$container.addEventListener("selectstart",function(e){e.preventDefault()}),this.$close&&this.$close.addEventListener("click",function(t){t.stopPropagation(),e.hide()}),this.$img.addEventListener("click",function(e){e.stopPropagation()}),this.opts.movable?o.default.move(this.$img):this.$img.style.cursor="auto",this.$container.addEventListener("click",function(t){var n=t.target;a.default.hasClass(n,"_prev-arrow")?e.prev():a.default.hasClass(n,"_next-arrow")?e.next():e.hide()}),this.$tool&&this.$tool.addEventListener("click",function(t){t.stopPropagation();var n=t.target;a.default.hasClass(n,"zx-prev")?e.prev():a.default.hasClass(n,"zx-next")?e.next():a.default.hasClass(n,"zx-enlarge")?e._scale(1):a.default.hasClass(n,"zx-reduce")?e._scale(-1):a.default.hasClass(n,"zx-rotate")&&e._rotate()},!0),this.$pagination&&this.opts.paginationable&&this.$pagination.addEventListener("mouseover",function(t){e._handleChangePage(t)}),this.$pagination&&this.$pagination.addEventListener("click",function(e){e.stopPropagation()});var t=this.opts.keyboard||{};window.addEventListener("keyup",function(n){if(e.isPreview){var i=n.keyCode;n.preventDefault(),s.default.code(t.prev)===i&&e.prev(),s.default.code(t.next)===i&&e.next(),r.default.isArray(t.rotate)?(s.default.code(t.rotate[0])===i&&e._rotate(),s.default.code(t.rotate[1])===i&&e._rotate(!0)):"string"==typeof t.rotate&&s.default.code(t.rotate)===i&&e._rotate(),r.default.isArray(t.scale)?(s.default.code(t.scale[0])===i&&e._scale(1),s.default.code(t.scale[1])===i&&e._scale(-1)):"string"==typeof t.scale&&s.default.code(t.scale)===i&&e._scale(1),s.default.code(t.close)===i&&e.hide()}}),"mousewheel"===r.default.toLower(t.prev)&&(0,u.mouseWheel)(function(e){if(!n.isPreview)return;(e.wheelDelta||-e.detail)>0?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")}},{key:"_updateToolbar",value:function(){if(this.$tool){var e=this.images.length<=1?this.opts.toolbarButtons.filter(function(e){return"prev"!==e&&"next"!==e}):this.opts.toolbarButtons,t={tag:"div",child:(0,u.createToolbarButtons)(e)};this.$tool.innerHTML=a.default.getInnerHtml(t)}}}]),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.3s ease;\n transition: all 0.3s 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<this.length;r++){var a=this[r][0];"number"==typeof a&&(i[a]=!0)}for(r=0;r<e.length;r++){var o=e[r];"number"==typeof o[0]&&i[o[0]]||(n&&!o[2]?o[2]=n:n&&(o[2]="("+o[2]+") and ("+n+")"),t.push(o))}},t}},function(e,t){e.exports="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAlCAYAAAAwYKuzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA39pVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQyIDc5LjE2MDkyNCwgMjAxNy8wNy8xMy0wMTowNjozOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpkYmQ4YTM3NC02NmQ5LWYzNDMtYjhlYi0zZWYyZDI4NzU2MDkiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NEJFODU2RjM1QzNCMTFFOEE2OENCMEM3M0U3RUNBRjciIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NEJFODU2RjI1QzNCMTFFOEE2OENCMEM3M0U3RUNBRjciIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjE5MmFiZWJiLTQzMWMtZjI0Ny1hMjA1LTE3MmNiNjgxOGM3NiIgc3RSZWY6ZG9jdW1lbnRJRD0iYWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOjk1OWViY2U0LWUzZmEtNmI0MS1iY2U4LTM5ZTQ5M2U0ZmZkOSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PgxR2EIAAAIySURBVHjaxJjJUsJAEIZBjyBhDfvyEBZ3rj6wBzmpSFkuiIUronDxojePXsaO/mN1RZOQ9CSk6qtCJtP9ISHp7rRSKmXgqBD7hAJbxB7xLg28ZUCuTAyJXcTbxush1mSH8x8UUCKu1M8xIypghvectbIkh1RuApEbiOm1Ct7TkqWkBYtM7paw/znHZpIT7ElEsEBcIvEdUfU518YHUNhTiFswT1ysKaep4lyFvfm4BC3iHInuiVqIvTXsUYhhmRZ0Ap4hwQNRj3Bp1LFXIZZlStAJdIrAj0RD8MtvIIZCTEsqyOXmRFN430whxtqSQXJjJtcyIMcl54g99pP0CpAjThDgybCcpoXYCrly6wruECNsXMQkxyUXyDVCbl/BLHGMDc9EO0Y5TRu5FHJnvQQzxBFOfCE6CchpOsip4JBxC2aZ3JLoJiin6TLJQy3pLAyIDyysiN4G5LjkEi6O0yDFrD+J/gblNH24fF9quuJ4i/iMNQ1/ZjtONi+hwlYppuFVz29p5lXneRWhceGuG4te98GiTxmfhNyfyjuoEYpbMrB38drodGJTV7cWh5zu/qZe3Z9fAC55bViygpiBscMEmkp73CgfPOxXIepxo1w6xi7mkFOItX98xm4HBhp9I31xlEY8TKNvZLIQphEXyUlmM+5GPB8whYhchEhuF7wRd08L+BQiaqMvFtSNuHtawKcQ0kY/ZeKpwKcFB0DLiRv9tKEZdRMz6hX+7mFG/SoN/CXAAMDLrukwso/pAAAAAElFTkSuQmCC"},function(e,t,n){var i,r,a={},o=(i=function(){return window&&document&&document.all&&!window.atob},function(){return void 0===r&&(r=i.apply(this,arguments)),r}),s=function(e){var t={};return function(e){if("function"==typeof e)return e();if(void 0===t[e]){var n=function(e){return document.querySelector(e)}.call(this,e);if(window.HTMLIFrameElement&&n instanceof window.HTMLIFrameElement)try{n=n.contentDocument.head}catch(e){n=null}t[e]=n}return t[e]}}(),l=null,u=0,p=[],c=n(9);function d(e,t){for(var n=0;n<e.length;n++){var i=e[n],r=a[i.id];if(r){r.refs++;for(var o=0;o<r.parts.length;o++)r.parts[o](i.parts[o]);for(;o<i.parts.length;o++)r.parts.push(w(i.parts[o],t))}else{var s=[];for(o=0;o<i.parts.length;o++)s.push(w(i.parts[o],t));a[i.id]={id:i.id,refs:1,parts:s}}}}function f(e,t){for(var n=[],i={},r=0;r<e.length;r++){var a=e[r],o=t.base?a[0]+t.base:a[0],s={css:a[1],media:a[2],sourceMap:a[3]};i[o]?i[o].parts.push(s):n.push(i[o]={id:o,parts:[s]})}return n}function h(e,t){var n=s(e.insertInto);if(!n)throw new Error("Couldn't find a style target. This probably means that the value for the 'insertInto' parameter is invalid.");var i=p[p.length-1];if("top"===e.insertAt)i?i.nextSibling?n.insertBefore(t,i.nextSibling):n.appendChild(t):n.insertBefore(t,n.firstChild),p.push(t);else if("bottom"===e.insertAt)n.appendChild(t);else{if("object"!=typeof e.insertAt||!e.insertAt.before)throw new Error("[Style Loader]\n\n Invalid value for parameter 'insertAt' ('options.insertAt') found.\n Must be 'top', 'bottom', or Object.\n (https://github.com/webpack-contrib/style-loader#insertat)\n");var r=s(e.insertInto+" "+e.insertAt.before);n.insertBefore(t,r)}}function g(e){if(null===e.parentNode)return!1;e.parentNode.removeChild(e);var t=p.indexOf(e);t>=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=x.bind(null,n,o,!1),r=x.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;r<n.length;r++){var o=n[r];(s=a[o.id]).refs--,i.push(s)}e&&d(f(e,t),t);for(r=0;r<i.length;r++){var s;if(0===(s=i[r]).refs){for(var l=0;l<s.parts.length;l++)s.parts[l]();delete a[s.id]}}}};var y,b=(y=[],function(e,t){return y[e]=t,y.filter(Boolean).join("\n")});function x(e,t,n,i){var r=n?"":i.css;if(e.styleSheet)e.styleSheet.cssText=b(t,r);else{var a=document.createTextNode(r),o=e.childNodes;o[t]&&e.removeChild(o[t]),o.length?e.insertBefore(a,o[t]):e.appendChild(a)}}},function(e,t){e.exports=function(e){var t="undefined"!=typeof window&&window.location;if(!t)throw new Error("fixUrls requires window.location");if(!e||"string"!=typeof e)return e;var n=t.protocol+"//"+t.host,i=n+t.pathname.replace(/\/[^\/]*$/,"/");return e.replace(/url\s*\(((?:[^)(]|\((?:[^)(]+|\([^)(]*\))*\))*)\)/gi,function(e,t){var r,a=t.trim().replace(/^"(.*)"$/,function(e,t){return t}).replace(/^'(.*)'$/,function(e,t){return t});return/^(#|data:|http:\/\/|https:\/\/|file:\/\/\/|\s*$)/i.test(a)?e:(r=0===a.indexOf("//")?a:0===a.indexOf("/")?n+a:i+a.replace(/^\.\//,""),"url("+JSON.stringify(r)+")")})}},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var i=l(n(0)),r=l(n(1)),a=l(n(11)),o=n(12),s=n(13);function l(e){return e&&e.__esModule?e:{default:e}}var u=new a.default,p=.3*u.width;t.default={scale:function(e,t,n){var i=n?.02:.4;t>0?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.width<e.height}}),document.addEventListener(o.touchEvents.move,function(r){if(n)if(a||i.default.isAndroid()||(r.preventDefault?r.preventDefault():r.returnValue=!1),h>1){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<t.length;n++){var i=t[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(e,i.key,i)}}return function(t,n,i){return n&&e(t.prototype,n),i&&e(t,i),t}}();var r=function(){function e(){var t=this;!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e),this.width=0,this.height=0,this.init(),window.addEventListener("resize",function(e){t.init()})}return i(e,[{key:"init",value:function(){this.width=window.innerWidth,this.height=window.innerHeight}}]),e}();t.default=r},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var i=window.navigator,r=t.browser={ie10:i.msPointerEnabled,ie11:i.pointerEnabled},a=!!("ontouchstart"in window||window.DocumentTouch&&document instanceof DocumentTouch),o=["mousedown","mousemove","mouseup"];r.ie10&&(o=["MSPointerDown","MSPointerMove","MSPointerUp"]),r.ie11&&(o=["pointerdown","pointermove","pointerup"]);t.touchEvents={start:a?"touchstart":o[0],move:a?"touchmove":o[1],end:a?"touchend":o[2]}},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.handleTouches=function(e,t){return function(e,t){var n=o(e[0],e[1]);return o(t[0],t[1])/n}(t,(n=e.touches,a.default.slice(n).map(function(e){return{x:e.pageX,y:e.pageY}})));var n},t.getTouches=function(e,t){var n=t.getBoundingClientRect();return a.default.slice(e.touches).map(function(e){return{x:e.pageX-n.left,y:e.pageY-n.top}})};var i,r=n(0),a=(i=r)&&i.__esModule?i:{default:i};function o(e,t){var n=e.x-t.x,i=e.y-t.y;return Math.sqrt(n*n+i*i)}},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var i,r=n(0),a=(i=r)&&i.__esModule?i:{default:i};for(var o="abcdefghijklmnopqrstuvwxyz",s={escape:27,backquote:192,digit1:49,digit2:50,digit3:51,digit4:52,digit5:53,digit6:54,digit7:55,digit8:56,digit9:57,digit0:48,equal:187,minus:189,bracketleft:219,bracketright:221,semicolon:186,quote:222,backslash:220,period:190,comma:188,slash:191,space:32,numpad0:96,numpad1:97,numpad2:98,numpad3:99,numpad4:100,numpad5:101,numpad6:102,numpad7:103,numpad8:104,numpad9:105,numpaddivide:111,numpadmultiply:106,numpadsubtract:109,numpadadd:107,numpaddecimal:110,insert:45,home:36,pageup:33,delete:46,end:35,pagedown:34,left:37,right:39,up:38,down:40},l=0;l<o.length;l++)s[o[l]]=65+l;t.default={code:function(e){return s[a.default.toLower(e)]||null}}},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default={broadcast:{},on:function(e,t){e&&"string"==typeof e&&t&&"function"==typeof t&&(this.broadcast[e]||(this.broadcast[e]=[]),this.broadcast[e].push(t))},emit:function(e){var t=this.broadcast[e];if(t)for(var n=Array.prototype.slice.call(arguments,1),i=0;i<t.length;i++)try{t[i].apply(null,n)}catch(t){this.emit("error",{code:1,msg:"emit("+e+"): "+t.message,data:t})}},off:function(e){this.broadcast[e]&&(this.broadcast[e]=null,delete this.broadcast[e])}}},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.mouseWheel=function(e){window.addEventListener("mousewheel",e),window.addEventListener("DOMMouseScroll",e)},t.filterOptions=function(e){var t=void 0,n=void 0,i=void 0,r=void 0;i=e.keyboard,r=[],"mousewheel"===i.prev&&(i.next=null);for(t in i){if(n=i[t],r.indexOf(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}},t.createToolbarButtons=function(e){return Array.isArray(e)?e.map(function(e){return o[e]}).filter(function(e){return e}):[]};var i,r=n(0),a=(i=r)&&i.__esModule?i:{default:i};var o={enlarge:{tag:"span",attrs:{class:"_item"},child:[{tag:"i",attrs:{class:"zx zx-enlarge",title:"放大"}}]},reduce:{tag:"span",attrs:{class:"_item"},child:[{tag:"i",attrs:{class:"zx zx-reduce",title:"缩小"}}]},rotate:{tag:"span",attrs:{class:"_item"},child:[{tag:"i",attrs:{class:"zx zx-rotate",title:"旋转"}}]},prev:{tag:"span",attrs:{class:"_item"},child:[{tag:"i",attrs:{class:"zx zx-prev",title:"上一张"}}]},next:{tag:"span",attrs:{class:"_item"},child:[{tag:"i",attrs:{class:"zx zx-next",title:"下一张"}}]}}}])});