jiku-ui/lib/viewer.js

A Component Library for Vue.js.

/*! For license information please see viewer.js.LICENSE.txt */
module.exports=function(t){var e={};function i(n){if(e[n])return e[n].exports;var o=e[n]={i:n,l:!1,exports:{}};return t[n].call(o.exports,o,o.exports,i),o.l=!0,o.exports}return i.m=t,i.c=e,i.d=function(t,e,n){i.o(t,e)||Object.defineProperty(t,e,{enumerable:!0,get:n})},i.r=function(t){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})},i.t=function(t,e){if(1&e&&(t=i(t)),8&e)return t;if(4&e&&"object"==typeof t&&t&&t.__esModule)return t;var n=Object.create(null);if(i.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:t}),2&e&&"string"!=typeof t)for(var o in t)i.d(n,o,function(e){return t[e]}.bind(null,o));return n},i.n=function(t){var e=t&&t.__esModule?function(){return t.default}:function(){return t};return i.d(e,"a",e),e},i.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},i.p="",i(i.s=78)}({0:function(t,e,i){"use strict";function n(t,e,i,n,o,s,a,r){var h,l="function"==typeof t?t.options:t;if(e&&(l.render=e,l.staticRenderFns=i,l._compiled=!0),n&&(l.functional=!0),s&&(l._scopeId="data-v-"+s),a?(h=function(t){(t=t||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext)||"undefined"==typeof __VUE_SSR_CONTEXT__||(t=__VUE_SSR_CONTEXT__),o&&o.call(this,t),t&&t._registeredComponents&&t._registeredComponents.add(a)},l._ssrRegister=h):o&&(h=r?function(){o.call(this,(l.functional?this.parent:this).$root.$options.shadowRoot)}:o),h)if(l.functional){l._injectStyles=h;var c=l.render;l.render=function(t,e){return h.call(e),c(t,e)}}else{var u=l.beforeCreate;l.beforeCreate=u?[].concat(u,h):[h]}return{exports:t,options:l}}i.d(e,"a",(function(){return n}))},2:function(t,e){t.exports=require("jiku-ui/lib/utils/dom")},61:function(t,e,i){var n,o,s,a="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t};s=function(){"use strict";function t(e){return(t="function"==typeof Symbol&&"symbol"===a(Symbol.iterator)?function(t){return void 0===t?"undefined":a(t)}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":void 0===t?"undefined":a(t)})(e)}function e(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function i(t,e){for(var i=0;i<e.length;i++){var n=e[i];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(t,n.key,n)}}var n={backdrop:!0,showMark:!1,button:!0,navbar:!0,title:!0,toolbar:!0,className:"",container:"body",filter:null,fullscreen:!0,initialViewIndex:0,inline:!1,interval:5e3,keyboard:!0,loading:!0,loop:!0,minWidth:200,minHeight:100,movable:!0,zoomable:!0,rotatable:!0,scalable:!0,toggleOnDblclick:!0,tooltip:!0,transition:!0,zIndex:2015,zIndexInline:0,zoomRatio:.1,minZoomRatio:.01,maxZoomRatio:100,url:"src",ready:null,show:null,shown:null,hide:null,hidden:null,view:null,viewed:null,zoom:null,zoomed:null},o="undefined"!=typeof window,s=o?window:{},r=!!o&&"ontouchstart"in s.document.documentElement,h=!!o&&"PointerEvent"in s,l="".concat("viewer","-active"),c="".concat("viewer","-close"),u="".concat("viewer","-fade"),d="".concat("viewer","-fixed"),m="".concat("viewer","-fullscreen"),f="".concat("viewer","-fullscreen-exit"),v="".concat("viewer","-hide"),p="".concat("viewer","-hide-md-down"),g="".concat("viewer","-hide-sm-down"),w="".concat("viewer","-hide-xs-down"),b="".concat("viewer","-in"),y="".concat("viewer","-invisible"),x="".concat("viewer","-loading"),k="".concat("viewer","-move"),z="".concat("viewer","-open"),I="".concat("viewer","-show"),T="".concat("viewer","-transition"),S="".concat("viewer","-canvas-mark"),C="".concat("viewer","-canvas-mark-inner"),D=h?"pointerdown":r?"touchstart":"mousedown",E=h?"pointermove":r?"touchmove":"mousemove",R=h?"pointerup pointercancel":r?"touchend touchcancel":"mouseup",N="".concat("viewer","Action"),O=/\s\s*/,L=["zoom-in","zoom-out","one-to-one","reset","prev","play","next","rotate-left","rotate-right","flip-horizontal","flip-vertical"];function M(t){return"string"==typeof t}var _=Number.isNaN||s.isNaN;function X(t){return"number"==typeof t&&!_(t)}function Y(t){return void 0===t}function $(e){return"object"===t(e)&&null!==e}var q=Object.prototype.hasOwnProperty;function F(t){if(!$(t))return!1;try{var e=t.constructor,i=e.prototype;return e&&i&&q.call(i,"isPrototypeOf")}catch(t){return!1}}function j(t){return"function"==typeof t}function P(t,e){if(t&&j(e))if(Array.isArray(t)||X(t.length)){var i,n=t.length;for(i=0;i<n&&!1!==e.call(t,t[i],i,t);i+=1);}else $(t)&&Object.keys(t).forEach((function(i){e.call(t,t[i],i,t)}));return t}var A=Object.assign||function(t){for(var e=arguments.length,i=new Array(e>1?e-1:0),n=1;n<e;n++)i[n-1]=arguments[n];return $(t)&&i.length>0&&i.forEach((function(e){$(e)&&Object.keys(e).forEach((function(i){t[i]=e[i]}))})),t},B=/^(?:width|height|left|top|marginLeft|marginTop)$/;function V(t,e){var i=t.style;P(e,(function(t,e){B.test(e)&&X(t)&&(t+="px"),i[e]=t}))}function H(t){return M(t)?t.replace(/&(?!amp;|quot;|#39;|lt;|gt;)/g,"&amp;").replace(/"/g,"&quot;").replace(/'/g,"&#39;").replace(/</g,"&lt;").replace(/>/g,"&gt;"):t}function W(t,e){return t.classList?t.classList.contains(e):t.className.indexOf(e)>-1}function Z(t,e){if(e)if(X(t.length))P(t,(function(t){Z(t,e)}));else if(t.classList)t.classList.add(e);else{var i=t.className.trim();i?i.indexOf(e)<0&&(t.className="".concat(i," ").concat(e)):t.className=e}}function U(t,e){e&&t&&(X(t.length)?P(t,(function(t){U(t,e)})):t.classList?t.classList.remove(e):t.className.indexOf(e)>=0&&(t.className=t.className.replace(e,"")))}function K(t,e,i){e&&(X(t.length)?P(t,(function(t){K(t,e,i)})):i?Z(t,e):U(t,e))}var G=/([a-z\d])([A-Z])/g;function J(t){return t.replace(G,"$1-$2").toLowerCase()}function Q(t,e){return $(t[e])?t[e]:t.dataset?t.dataset[e]:t.getAttribute("data-".concat(J(e)))}function tt(t,e,i){$(i)?t[e]=i:t.dataset?t.dataset[e]=i:t.setAttribute("data-".concat(J(e)),i)}var et=function(){var t=!1;if(o){var e=!1,i=function(){},n=Object.defineProperty({},"once",{get:function(){return t=!0,e},set:function(t){e=t}});s.addEventListener("test",i,n),s.removeEventListener("test",i,n)}return t}();function it(t,e,i){var n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{},o=i;e.trim().split(O).forEach((function(e){if(!et){var s=t.listeners;s&&s[e]&&s[e][i]&&(o=s[e][i],delete s[e][i],0===Object.keys(s[e]).length&&delete s[e],0===Object.keys(s).length&&delete t.listeners)}t.removeEventListener(e,o,n)}))}function nt(t,e,i){var n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{},o=i;e.trim().split(O).forEach((function(e){if(n.once&&!et){var s=t.listeners,a=void 0===s?{}:s;o=function(){delete a[e][i],t.removeEventListener(e,o,n);for(var s=arguments.length,r=new Array(s),h=0;h<s;h++)r[h]=arguments[h];i.apply(t,r)},a[e]||(a[e]={}),a[e][i]&&t.removeEventListener(e,a[e][i],n),a[e][i]=o,t.listeners=a}t.addEventListener(e,o,n)}))}function ot(t,e,i){var n;return j(Event)&&j(CustomEvent)?n=new CustomEvent(e,{detail:i,bubbles:!0,cancelable:!0}):(n=document.createEvent("CustomEvent")).initCustomEvent(e,!0,!0,i),t.dispatchEvent(n)}function st(t){var e=t.getBoundingClientRect();return{left:e.left+(window.pageXOffset-document.documentElement.clientLeft),top:e.top+(window.pageYOffset-document.documentElement.clientTop)}}function at(t){var e=t.rotate,i=t.scaleX,n=t.scaleY,o=t.translateX,s=t.translateY,a=[];X(o)&&0!==o&&a.push("translateX(".concat(o,"px)")),X(s)&&0!==s&&a.push("translateY(".concat(s,"px)")),X(e)&&0!==e&&a.push("rotate(".concat(e,"deg)")),X(i)&&1!==i&&a.push("scaleX(".concat(i,")")),X(n)&&1!==n&&a.push("scaleY(".concat(n,")"));var r=a.length?a.join(" "):"none";return{WebkitTransform:r,msTransform:r,transform:r}}var rt=s.navigator&&/(Macintosh|iPhone|iPod|iPad).*AppleWebKit/i.test(s.navigator.userAgent);function ht(t,e){var i=document.createElement("img");if(t.naturalWidth&&!rt)return e(t.naturalWidth,t.naturalHeight),i;var n=document.body||document.documentElement;return i.onload=function(){e(i.width,i.height),rt||n.removeChild(i)},i.src=t.src,rt||(i.style.cssText="left:0;max-height:none!important;max-width:none!important;min-height:0!important;min-width:0!important;opacity:0;position:absolute;top:0;z-index:-1;",n.appendChild(i)),i}function lt(t){switch(t){case 2:return w;case 3:return g;case 4:return p;default:return""}}function ct(t,e){var i=t.pageX,n=t.pageY,o={endX:i,endY:n};return e?o:A({timeStamp:Date.now(),startX:i,startY:n},o)}function ut(t){var e=0,i=0,n=0;return P(t,(function(t){var o=t.startX,s=t.startY;e+=o,i+=s,n+=1})),{pageX:e/=n,pageY:i/=n}}var dt={render:function(){this.initContainer(),this.initViewer(),this.initList(),this.renderViewer()},initContainer:function(){this.containerData={width:window.innerWidth,height:window.innerHeight}},initViewer:function(){var t,e=this.options,i=this.parent;e.inline&&(t={width:Math.max(i.offsetWidth,e.minWidth),height:Math.max(i.offsetHeight,e.minHeight)},this.parentData=t),!this.fulled&&t||(t=this.containerData),this.viewerData=A({},t)},renderViewer:function(){this.options.inline&&!this.fulled&&V(this.viewer,this.viewerData)},initList:function(){var t=this,e=this.element,i=this.options,n=this.list,o=[];P(this.images,(function(e,s){var a=e.src,r=H(e.alt||function(t){return M(t)?decodeURIComponent(t.replace(/^.*\//,"").replace(/[?&#].*$/,"")):""}(a)),h=i.url;if(M(h)?h=e.getAttribute(h):j(h)&&(h=h.call(t,e)),a||h){var l=document.createElement("li"),c=document.createElement("img");c.src=a||h,c.alt=r,c.setAttribute("data-index",s),c.setAttribute("data-original-url",h||a),c.setAttribute("data-viewer-action","view"),c.setAttribute("role","button"),l.appendChild(c),n.appendChild(l),o.push(l)}})),this.items=o,P(o,(function(e){var n=e.firstElementChild;tt(n,"filled",!0),i.loading&&Z(e,x),nt(n,"load",(function(n){i.loading&&U(e,x),t.loadImage(n)}),{once:!0})})),i.transition&&nt(e,"viewed",(function(){Z(n,T)}),{once:!0})},renderList:function(t){var e=t||this.index,i=this.items[e].offsetWidth||30,n=i+1;V(this.list,A({width:n*this.length},at({translateX:(this.viewerData.width-i)/2-n*e})))},resetList:function(){var t=this.list;t.innerHTML="",U(t,T),V(t,at({translateX:0}))},initImage:function(t){var e,i=this,n=this.options,o=this.image,s=this.viewerData,a=this.footer.offsetHeight,r=s.width,h=Math.max(s.height-a,a),l=this.imageData||{};this.imageInitializing={abort:function(){e.onload=null}},e=ht(o,(function(e,o){var s=e/o,a=r,c=h;i.imageInitializing=!1,h*s>r?c=r/s:a=h*s;var u={naturalWidth:e,naturalHeight:o,aspectRatio:s,ratio:(a=Math.min(.9*a,e))/e,width:a,height:c=Math.min(.9*c,o),left:(r-a)/2,top:(h-c)/2},d=A({},u);n.rotatable&&(u.rotate=l.rotate||0,d.rotate=0),n.scalable&&(u.scaleX=l.scaleX||1,u.scaleY=l.scaleY||1,d.scaleX=1,d.scaleY=1),i.imageData=u,i.initialImageData=d,t&&t()}))},renderImage:function(t){var e=this,i=this.image,n=this.imageData;if(this.options.showMark&&V(i.previousSibling,A({width:n.width,height:n.height,marginLeft:n.left,marginTop:n.top},at(n))),V(i,A({width:n.width,height:n.height,marginLeft:n.left,marginTop:n.top},at(n))),this.options.epcImgMark(),t)if((this.viewing||this.zooming)&&this.options.transition){var o=function(){e.imageRendering=!1,t()};this.imageRendering={abort:function(){it(i,"transitionend",o)}},nt(i,"transitionend",o,{once:!0})}else t()},resetImage:function(){if(this.viewing||this.viewed){var t=this.image;this.viewing&&this.viewing.abort(),t.parentNode.removeChild(t),this.image=null}}},mt={bind:function(){var t=this.options,e=this.viewer,i=this.canvas,n=this.element.ownerDocument;nt(e,"click",this.onClick=this.click.bind(this)),nt(e,"wheel",this.onWheel=this.wheel.bind(this),{passive:!1,capture:!0}),nt(e,"dragstart",this.onDragStart=this.dragstart.bind(this)),nt(i,D,this.onPointerDown=this.pointerdown.bind(this)),nt(n,E,this.onPointerMove=this.pointermove.bind(this)),nt(n,R,this.onPointerUp=this.pointerup.bind(this)),nt(n,"keydown",this.onKeyDown=this.keydown.bind(this)),nt(window,"resize",this.onResize=this.resize.bind(this)),t.toggleOnDblclick&&nt(i,"dblclick",this.onDblclick=this.dblclick.bind(this))},unbind:function(){var t=this.options,e=this.viewer,i=this.canvas,n=this.element.ownerDocument;it(e,"click",this.onClick),it(e,"wheel",this.onWheel,{passive:!1,capture:!0}),it(e,"dragstart",this.onDragStart),it(i,D,this.onPointerDown),it(n,E,this.onPointerMove),it(n,R,this.onPointerUp),it(n,"keydown",this.onKeyDown),it(window,"resize",this.onResize),t.toggleOnDblclick&&it(i,"dblclick",this.onDblclick)}},ft={click:function(t){var e=t.target,i=this.options,n=this.imageData,o=Q(e,N);switch(r&&t.isTrusted&&e===this.canvas&&clearTimeout(this.clickCanvasTimeout),o){case"mix":this.played?this.stop():i.inline?this.fulled?this.exit():this.full():this.hide();break;case"hide":this.hide();break;case"view":this.view(Q(e,"index"));break;case"zoom-in":this.zoom(.1,!0);break;case"zoom-out":this.zoom(-.1,!0);break;case"one-to-one":this.toggle();break;case"reset":this.reset();break;case"prev":this.prev(i.loop);break;case"play":this.play(i.fullscreen);break;case"next":this.next(i.loop);break;case"rotate-left":this.rotate(-90);break;case"rotate-right":this.rotate(90);break;case"flip-horizontal":this.scaleX(-n.scaleX||-1);break;case"flip-vertical":this.scaleY(-n.scaleY||-1);break;default:this.played&&this.stop()}},dblclick:function(t){t.preventDefault(),this.viewed&&t.target===this.image&&(r&&t.isTrusted&&clearTimeout(this.doubleClickImageTimeout),this.toggle())},load:function(){var t=this;this.timeout&&(clearTimeout(this.timeout),this.timeout=!1);var e=this.element,i=this.options,n=this.image,o=this.index,s=this.viewerData;U(n,y),i.loading&&U(this.canvas,x),n.style.cssText="height:0;"+"margin-left:".concat(s.width/2,"px;")+"margin-top:".concat(s.height/2,"px;")+"max-width:none!important;position:absolute;width:0;",this.initImage((function(){K(n,k,i.movable),K(n,T,i.transition),t.renderImage((function(){t.viewed=!0,t.viewing=!1,j(i.viewed)&&nt(e,"viewed",i.viewed,{once:!0}),ot(e,"viewed",{originalImage:t.images[o],index:o,image:n})}))}))},loadImage:function(t){var e=t.target,i=e.parentNode,n=i.offsetWidth||30,o=i.offsetHeight||50,s=!!Q(e,"filled");ht(e,(function(t,i){var a=t/i,r=n,h=o;o*a>n?s?r=o*a:h=n/a:s?h=n/a:r=o*a,V(e,A({width:r,height:h},at({translateX:(n-r)/2,translateY:(o-h)/2})))}))},keydown:function(t){var e=this.options;if(this.fulled&&e.keyboard)switch(t.keyCode||t.which||t.charCode){case 27:this.played?this.stop():e.inline?this.fulled&&this.exit():this.hide();break;case 32:this.played&&this.stop();break;case 37:this.prev(e.loop);break;case 38:t.preventDefault(),this.zoom(e.zoomRatio,!0);break;case 39:this.next(e.loop);break;case 40:t.preventDefault(),this.zoom(-e.zoomRatio,!0);break;case 48:case 49:t.ctrlKey&&(t.preventDefault(),this.toggle())}},dragstart:function(t){"img"===t.target.tagName.toLowerCase()&&t.preventDefault()},pointerdown:function(t){var e=this.options,i=this.pointers,n=t.buttons,o=t.button;if(!(!this.viewed||this.showing||this.viewing||this.hiding||X(n)&&1!==n||X(o)&&0!==o||t.ctrlKey)){t.preventDefault(),t.changedTouches?P(t.changedTouches,(function(t){i[t.identifier]=ct(t)})):i[t.pointerId||0]=ct(t);var s=!!e.movable&&"move";Object.keys(i).length>1?s="zoom":"touch"!==t.pointerType&&"touchstart"!==t.type||!this.isSwitchable()||(s="switch"),!e.transition||"move"!==s&&"zoom"!==s||U(this.image,T),this.action=s}},pointermove:function(t){var e=this.pointers,i=this.action;this.viewed&&i&&(t.preventDefault(),t.changedTouches?P(t.changedTouches,(function(t){A(e[t.identifier]||{},ct(t,!0))})):A(e[t.pointerId||0]||{},ct(t,!0)),this.change(t))},pointerup:function(t){var e,i=this,n=this.options,o=this.action,s=this.pointers;t.changedTouches?P(t.changedTouches,(function(t){e=s[t.identifier],delete s[t.identifier]})):(e=s[t.pointerId||0],delete s[t.pointerId||0]),o&&(t.preventDefault(),!n.transition||"move"!==o&&"zoom"!==o||Z(this.image,T),this.action=!1,r&&"zoom"!==o&&e&&Date.now()-e.timeStamp<500&&(clearTimeout(this.clickCanvasTimeout),clearTimeout(this.doubleClickImageTimeout),n.toggleOnDblclick&&this.viewed&&t.target===this.image?this.imageClicked?(this.imageClicked=!1,this.doubleClickImageTimeout=setTimeout((function(){ot(i.image,"dblclick")}),50)):(this.imageClicked=!0,this.doubleClickImageTimeout=setTimeout((function(){i.imageClicked=!1}),500)):(this.imageClicked=!1,n.backdrop&&"static"!==n.backdrop&&t.target===this.canvas&&(this.clickCanvasTimeout=setTimeout((function(){ot(i.canvas,"click")}),50)))))},resize:function(){var t=this;if(this.isShown&&!this.hiding&&(this.imageData.ratio,this.initContainer(),this.initViewer(),this.renderViewer(),this.renderList(),this.viewed&&this.initImage((function(){t.renderImage()})),this.played)){if(this.options.fullscreen&&this.fulled&&!(document.fullscreenElement||document.webkitFullscreenElement||document.mozFullScreenElement||document.msFullscreenElement))return void this.stop();P(this.player.getElementsByTagName("img"),(function(e){nt(e,"load",t.loadImage.bind(t),{once:!0}),ot(e,"load")}))}},wheel:function(t){var e=this;if(this.viewed&&(t.preventDefault(),!this.wheeling)){this.wheeling=!0,setTimeout((function(){e.wheeling=!1}),50);var i=Number(this.options.zoomRatio)||.1,n=1;t.deltaY?n=t.deltaY>0?1:-1:t.wheelDelta?n=-t.wheelDelta/120:t.detail&&(n=t.detail>0?1:-1),this.zoom(-n*i,!0,t)}}},vt={show:function(){var t=arguments.length>0&&void 0!==arguments[0]&&arguments[0],e=this.element,i=this.options;if(i.inline||this.showing||this.isShown||this.showing)return this;if(!this.ready)return this.build(),this.ready&&this.show(t),this;if(j(i.show)&&nt(e,"show",i.show,{once:!0}),!1===ot(e,"show")||!this.ready)return this;this.hiding&&this.transitioning.abort(),this.showing=!0,this.open();var n=this.viewer;if(U(n,v),i.transition&&!t){var o=this.shown.bind(this);this.transitioning={abort:function(){it(n,"transitionend",o),U(n,b)}},Z(n,T),n.offsetWidth,nt(n,"transitionend",o,{once:!0}),Z(n,b)}else Z(n,b),this.shown();return this},hide:function(){var t=arguments.length>0&&void 0!==arguments[0]&&arguments[0],e=this.element,i=this.options;if(i.inline||this.hiding||!this.isShown&&!this.showing)return this;if(j(i.hide)&&nt(e,"hide",i.hide,{once:!0}),!1===ot(e,"hide"))return this;this.showing&&this.transitioning.abort(),this.hiding=!0,this.played?this.stop():this.viewing&&this.viewing.abort();var n=this.viewer;if(i.transition&&!t){var o=this.hidden.bind(this),s=function(){setTimeout((function(){nt(n,"transitionend",o,{once:!0}),U(n,b)}),0)};this.transitioning={abort:function(){this.viewed?it(this.image,"transitionend",s):it(n,"transitionend",o)}},this.viewed&&W(this.image,T)?(nt(this.image,"transitionend",s,{once:!0}),this.zoomTo(0,!1,!1,!0)):s()}else U(n,b),this.hidden();return this},view:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.options.initialViewIndex;if(e=Number(e)||0,!this.isShown)return this.index=e,this.show();if(this.hiding||this.played||e<0||e>=this.length||this.viewed&&e===this.index)return this;this.viewing&&this.viewing.abort();var i=this.element,n=this.options,o=this.title,s=this.canvas,a=this.items[e],r=a.querySelector("img"),h=Q(r,"originalUrl"),c=H(r.getAttribute("alt")),u=document.createElement("div"),d=document.createElement("div"),m=document.createElement("img");if(m.src=h,m.alt=c,j(n.view)&&nt(i,"view",n.view,{once:!0}),!1===ot(i,"view",{originalImage:this.images[e],index:e,image:m})||!this.isShown||this.hiding||this.played)return this;this.image=m,U(this.items[this.index],l),Z(a,l),this.viewed=!1,this.index=e,this.imageData={},Z(m,y),n.loading&&Z(s,x),s.innerHTML="",n.showMark&&(u.innerHTML="",d.innerHTML="",u.appendChild(d),Z(u,S),Z(d,C),s.appendChild(u)),s.appendChild(m),this.renderList(),o.innerHTML="";var f,v=function(){var e=t.imageData,i=Array.isArray(n.title)?n.title[1]:n.title;o.innerHTML=H(j(i)?i.call(t,m,e):"".concat(c," (").concat(e.naturalWidth," × ").concat(e.naturalHeight,")"))};return nt(i,"viewed",v,{once:!0}),this.viewing={abort:function(){it(i,"viewed",v),m.complete?this.imageRendering?this.imageRendering.abort():this.imageInitializing&&this.imageInitializing.abort():(m.src="",it(m,"load",f),this.timeout&&clearTimeout(this.timeout))}},m.complete?this.load():(nt(m,"load",f=this.load.bind(this),{once:!0}),this.timeout&&clearTimeout(this.timeout),this.timeout=setTimeout((function(){U(m,y),t.timeout=!1}),1e3)),this},prev:function(){var t=arguments.length>0&&void 0!==arguments[0]&&arguments[0],e=this.index-1;return e<0&&(e=t?this.length-1:0),this.view(e),this},next:function(){var t=arguments.length>0&&void 0!==arguments[0]&&arguments[0],e=this.length-1,i=this.index+1;return i>e&&(i=t?0:e),this.view(i),this},move:function(t,e){var i=this.imageData;return this.moveTo(Y(t)?t:i.left+Number(t),Y(e)?e:i.top+Number(e)),this},moveTo:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:t,i=this.imageData;if(t=Number(t),e=Number(e),this.viewed&&!this.played&&this.options.movable){var n=!1;X(t)&&(i.left=t,n=!0),X(e)&&(i.top=e,n=!0),n&&this.renderImage()}return this},zoom:function(t){var e=arguments.length>1&&void 0!==arguments[1]&&arguments[1],i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:null,n=this.imageData;return t=(t=Number(t))<0?1/(1-t):1+t,this.zoomTo(n.width*t/n.naturalWidth,e,i),this},zoomTo:function(t){var e=this,i=arguments.length>1&&void 0!==arguments[1]&&arguments[1],n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:null,o=arguments.length>3&&void 0!==arguments[3]&&arguments[3],s=this.element,a=this.options,r=this.pointers,h=this.imageData,l=h.width,c=h.height,u=h.left,d=h.top,m=h.naturalWidth,f=h.naturalHeight;if(X(t=Math.max(0,t))&&this.viewed&&!this.played&&(o||a.zoomable)){if(!o){var v=Math.max(.01,a.minZoomRatio),p=Math.min(100,a.maxZoomRatio);t=Math.min(Math.max(t,v),p)}n&&t>.95&&t<1.05&&(t=1);var g=m*t,w=f*t,b=g-l,y=w-c,x=l/m;if(j(a.zoom)&&nt(s,"zoom",a.zoom,{once:!0}),!1===ot(s,"zoom",{ratio:t,oldRatio:x,originalEvent:n}))return this;if(this.zooming=!0,n){var k=st(this.viewer),z=r&&Object.keys(r).length?ut(r):{pageX:n.pageX,pageY:n.pageY};h.left-=b*((z.pageX-k.left-u)/l),h.top-=y*((z.pageY-k.top-d)/c)}else h.left-=b/2,h.top-=y/2;h.width=g,h.height=w,h.ratio=t,this.renderImage((function(){e.zooming=!1,j(a.zoomed)&&nt(s,"zoomed",a.zoomed,{once:!0}),ot(s,"zoomed",{ratio:t,oldRatio:x,originalEvent:n})})),i&&this.tooltip()}return this},rotate:function(t){return this.rotateTo((this.imageData.rotate||0)+Number(t)),this},rotateTo:function(t){var e=this.imageData;return X(t=Number(t))&&this.viewed&&!this.played&&this.options.rotatable&&(e.rotate=t,this.renderImage()),this},scaleX:function(t){return this.scale(t,this.imageData.scaleY),this},scaleY:function(t){return this.scale(this.imageData.scaleX,t),this},scale:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:t,i=this.imageData;if(t=Number(t),e=Number(e),this.viewed&&!this.played&&this.options.scalable){var n=!1;X(t)&&(i.scaleX=t,n=!0),X(e)&&(i.scaleY=e,n=!0),n&&this.renderImage()}return this},play:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]&&arguments[0];if(!this.isShown||this.played)return this;var i=this.options,n=this.player,o=this.loadImage.bind(this),s=[],a=0,r=0;if(this.played=!0,this.onLoadWhenPlay=o,e&&this.requestFullscreen(),Z(n,I),P(this.items,(function(t,e){var h=t.querySelector("img"),c=document.createElement("img");c.src=Q(h,"originalUrl"),c.alt=H(h.getAttribute("alt")),a+=1,Z(c,u),K(c,T,i.transition),W(t,l)&&(Z(c,b),r=e),s.push(c),nt(c,"load",o,{once:!0}),n.appendChild(c)})),X(i.interval)&&i.interval>0){var h=function e(){t.playing=setTimeout((function(){U(s[r],b),Z(s[r=(r+=1)<a?r:0],b),e()}),i.interval)};a>1&&h()}return this},stop:function(){var t=this;if(!this.played)return this;var e=this.player;return this.played=!1,clearTimeout(this.playing),P(e.getElementsByTagName("img"),(function(e){it(e,"load",t.onLoadWhenPlay)})),U(e,I),e.innerHTML="",this.exitFullscreen(),this},full:function(){var t=this,e=this.options,i=this.viewer,n=this.image,o=this.list;return!this.isShown||this.played||this.fulled||!e.inline||(this.fulled=!0,this.open(),Z(this.button,f),e.transition&&(U(o,T),this.viewed&&U(n,T)),Z(i,d),i.setAttribute("style",""),V(i,{zIndex:e.zIndex}),this.initContainer(),this.viewerData=A({},this.containerData),this.renderList(),this.viewed&&this.initImage((function(){t.renderImage((function(){e.transition&&setTimeout((function(){Z(n,T),Z(o,T)}),0)}))}))),this},exit:function(){var t=this,e=this.options,i=this.viewer,n=this.image,o=this.list;return this.isShown&&!this.played&&this.fulled&&e.inline?(this.fulled=!1,this.close(),U(this.button,f),e.transition&&(U(o,T),this.viewed&&U(n,T)),U(i,d),V(i,{zIndex:e.zIndexInline}),this.viewerData=A({},this.parentData),this.renderViewer(),this.renderList(),this.viewed&&this.initImage((function(){t.renderImage((function(){e.transition&&setTimeout((function(){Z(n,T),Z(o,T)}),0)}))})),this):this},tooltip:function(){var t=this,e=this.options,i=this.tooltipBox,n=this.imageData;return this.viewed&&!this.played&&e.tooltip?(i.textContent="".concat(Math.round(100*n.ratio),"%"),this.tooltipping?clearTimeout(this.tooltipping):e.transition?(this.fading&&ot(i,"transitionend"),Z(i,I),Z(i,u),Z(i,T),i.offsetWidth,Z(i,b)):Z(i,I),this.tooltipping=setTimeout((function(){e.transition?(nt(i,"transitionend",(function(){U(i,I),U(i,u),U(i,T),t.fading=!1}),{once:!0}),U(i,b),t.fading=!0):U(i,I),t.tooltipping=!1}),1e3),this):this},toggle:function(){return 1===this.imageData.ratio?this.zoomTo(this.initialImageData.ratio,!0):this.zoomTo(1,!0),this},reset:function(){return this.viewed&&!this.played&&(this.imageData=A({},this.initialImageData),this.renderImage()),this},update:function(){var t=this.element,e=this.options,i=this.isImg;if(i&&!t.parentNode)return this.destroy();var n=[];if(P(i?[t]:t.querySelectorAll("img"),(function(t){e.filter?e.filter(t)&&n.push(t):n.push(t)})),!n.length)return this;if(this.images=n,this.length=n.length,this.ready){var o=[];if(P(this.items,(function(t,e){var i=t.querySelector("img"),s=n[e];s?s.src!==i.src&&o.push(e):o.push(e)})),V(this.list,{width:"auto"}),this.initList(),this.isShown)if(this.length){if(this.viewed){var s=o.indexOf(this.index);s>=0?(this.viewed=!1,this.view(Math.max(this.index-(s+1),0))):Z(this.items[this.index],l)}}else this.image=null,this.viewed=!1,this.index=0,this.imageData={},this.canvas.innerHTML="",this.title.innerHTML=""}else this.build();return this},destroy:function(){var t=this.element,e=this.options;return t.viewer?(this.destroyed=!0,this.ready?(this.played&&this.stop(),e.inline?(this.fulled&&this.exit(),this.unbind()):this.isShown?(this.viewing&&(this.imageRendering?this.imageRendering.abort():this.imageInitializing&&this.imageInitializing.abort()),this.hiding&&this.transitioning.abort(),this.hidden()):this.showing&&(this.transitioning.abort(),this.hidden()),this.ready=!1,this.viewer.parentNode.removeChild(this.viewer)):e.inline&&(this.delaying?this.delaying.abort():this.initializing&&this.initializing.abort()),e.inline||it(t,"click",this.onStart),t.viewer=void 0,this):this}},pt={open:function(){var t=this.body;Z(t,z),t.style.paddingRight="".concat(this.scrollbarWidth+(parseFloat(this.initialBodyPaddingRight)||0),"px")},close:function(){var t=this.body;U(t,z),t.style.paddingRight=this.initialBodyPaddingRight},shown:function(){var t=this.element,e=this.options;this.fulled=!0,this.isShown=!0,this.render(),this.bind(),this.showing=!1,j(e.shown)&&nt(t,"shown",e.shown,{once:!0}),!1!==ot(t,"shown")&&this.ready&&this.isShown&&!this.hiding&&this.view(this.index)},hidden:function(){var t=this.element,e=this.options;this.fulled=!1,this.viewed=!1,this.isShown=!1,this.close(),this.unbind(),Z(this.viewer,v),this.resetList(),this.resetImage(),this.hiding=!1,this.destroyed||(j(e.hidden)&&nt(t,"hidden",e.hidden,{once:!0}),ot(t,"hidden"))},requestFullscreen:function(){var t=this.element.ownerDocument;if(this.fulled&&!(t.fullscreenElement||t.webkitFullscreenElement||t.mozFullScreenElement||t.msFullscreenElement)){var e=t.documentElement;e.requestFullscreen?e.requestFullscreen():e.webkitRequestFullscreen?e.webkitRequestFullscreen(Element.ALLOW_KEYBOARD_INPUT):e.mozRequestFullScreen?e.mozRequestFullScreen():e.msRequestFullscreen&&e.msRequestFullscreen()}},exitFullscreen:function(){var t=this.element.ownerDocument;this.fulled&&(t.fullscreenElement||t.webkitFullscreenElement||t.mozFullScreenElement||t.msFullscreenElement)&&(t.exitFullscreen?t.exitFullscreen():t.webkitExitFullscreen?t.webkitExitFullscreen():t.mozCancelFullScreen?t.mozCancelFullScreen():t.msExitFullscreen&&t.msExitFullscreen())},change:function(t){var e=this.options,i=this.pointers,n=i[Object.keys(i)[0]],o=n.endX-n.startX,s=n.endY-n.startY;switch(this.action){case"move":this.move(o,s);break;case"zoom":this.zoom(function(t){var e=A({},t),i=[];return P(t,(function(t,n){delete e[n],P(e,(function(e){var n=Math.abs(t.startX-e.startX),o=Math.abs(t.startY-e.startY),s=Math.abs(t.endX-e.endX),a=Math.abs(t.endY-e.endY),r=Math.sqrt(n*n+o*o),h=(Math.sqrt(s*s+a*a)-r)/r;i.push(h)}))})),i.sort((function(t,e){return Math.abs(t)<Math.abs(e)})),i[0]}(i),!1,t);break;case"switch":this.action="switched";var a=Math.abs(o);a>1&&a>Math.abs(s)&&(this.pointers={},o>1?this.prev(e.loop):o<-1&&this.next(e.loop))}P(i,(function(t){t.startX=t.endX,t.startY=t.endY}))},isSwitchable:function(){var t=this.imageData,e=this.viewerData;return this.length>1&&t.left>=0&&t.top>=0&&t.width<=e.width&&t.height<=e.height}},gt=s.Viewer,wt=function(){function t(i){var o=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};if(e(this,t),!i||1!==i.nodeType)throw new Error("The first argument is required and must be an element.");this.element=i,this.options=A({},n,F(o)&&o),this.action=!1,this.fading=!1,this.fulled=!1,this.hiding=!1,this.imageClicked=!1,this.imageData={},this.index=this.options.initialViewIndex,this.isImg=!1,this.isShown=!1,this.length=0,this.played=!1,this.playing=!1,this.pointers={},this.ready=!1,this.showing=!1,this.timeout=!1,this.tooltipping=!1,this.viewed=!1,this.viewing=!1,this.wheeling=!1,this.zooming=!1,this.init()}var o,s,a;return o=t,a=[{key:"noConflict",value:function(){return window.Viewer=gt,t}},{key:"setDefaults",value:function(t){A(n,F(t)&&t)}}],(s=[{key:"init",value:function(){var t=this,e=this.element,i=this.options;if(!e.viewer){e.viewer=this;var n="img"===e.tagName.toLowerCase(),o=[];P(n?[e]:e.querySelectorAll("img"),(function(e){j(i.filter)?i.filter.call(t,e)&&o.push(e):o.push(e)})),this.isImg=n,this.length=o.length,this.images=o;var s=e.ownerDocument,a=s.body||s.documentElement;if(this.body=a,this.scrollbarWidth=window.innerWidth-s.documentElement.clientWidth,this.initialBodyPaddingRight=window.getComputedStyle(a).paddingRight,Y(document.createElement("viewer").style.transition)&&(i.transition=!1),i.inline){var r=0,h=function(){var e;(r+=1)===t.length&&(t.initializing=!1,t.delaying={abort:function(){clearTimeout(e)}},e=setTimeout((function(){t.delaying=!1,t.build()}),0))};this.initializing={abort:function(){P(o,(function(t){t.complete||it(t,"load",h)}))}},P(o,(function(t){t.complete?h():nt(t,"load",h,{once:!0})}))}else nt(e,"click",this.onStart=function(e){var n=e.target;"img"!==n.tagName.toLowerCase()||j(i.filter)&&!i.filter.call(t,n)||t.view(t.images.indexOf(n))})}}},{key:"build",value:function(){if(!this.ready){var t=this.element,e=this.options,i=t.parentNode,n=document.createElement("div");n.innerHTML='<div class="viewer-container" touch-action="none"><div class="viewer-canvas"></div><div class="viewer-footer"><div class="viewer-title"></div><div class="viewer-toolbar"></div><div class="viewer-navbar"><ul class="viewer-list"></ul></div></div><div class="viewer-tooltip"></div><div role="button" class="viewer-button" data-viewer-action="mix"></div><div class="viewer-player"></div></div>';var o=n.querySelector(".".concat("viewer","-container")),s=o.querySelector(".".concat("viewer","-title")),a=o.querySelector(".".concat("viewer","-toolbar")),r=o.querySelector(".".concat("viewer","-navbar")),h=o.querySelector(".".concat("viewer","-button")),l=o.querySelector(".".concat("viewer","-canvas"));if(this.parent=i,this.viewer=o,this.title=s,this.toolbar=a,this.navbar=r,this.button=h,this.canvas=l,this.footer=o.querySelector(".".concat("viewer","-footer")),this.tooltipBox=o.querySelector(".".concat("viewer","-tooltip")),this.player=o.querySelector(".".concat("viewer","-player")),this.list=o.querySelector(".".concat("viewer","-list")),Z(s,e.title?lt(Array.isArray(e.title)?e.title[0]:e.title):v),Z(r,e.navbar?lt(e.navbar):v),K(h,v,!e.button),e.backdrop&&(Z(o,"".concat("viewer","-backdrop")),e.inline||"static"===e.backdrop||tt(l,N,"hide")),M(e.className)&&e.className&&e.className.split(O).forEach((function(t){Z(o,t)})),e.toolbar){var f=document.createElement("ul"),p=F(e.toolbar),g=L.slice(0,3),w=L.slice(7,9),b=L.slice(9);p||Z(a,lt(e.toolbar)),P(p?e.toolbar:L,(function(t,i){var n=p&&F(t),o=p?J(i):t,s=n&&!Y(t.show)?t.show:t;if(s&&(e.zoomable||-1===g.indexOf(o))&&(e.rotatable||-1===w.indexOf(o))&&(e.scalable||-1===b.indexOf(o))){var a=n&&!Y(t.size)?t.size:t,r=n&&!Y(t.click)?t.click:t,h=document.createElement("li");h.setAttribute("role","button"),Z(h,"".concat("viewer","-").concat(o)),j(r)||tt(h,N,o),X(s)&&Z(h,lt(s)),-1!==["small","large"].indexOf(a)?Z(h,"".concat("viewer","-").concat(a)):"play"===o&&Z(h,"".concat("viewer","-large")),j(r)&&nt(h,"click",r),f.appendChild(h)}})),a.appendChild(f)}else Z(a,v);if(!e.rotatable){var x=a.querySelectorAll('li[class*="rotate"]');Z(x,y),P(x,(function(t){a.appendChild(t)}))}if(e.inline)Z(h,m),V(o,{zIndex:e.zIndexInline}),"static"===window.getComputedStyle(i).position&&V(i,{position:"relative"}),i.insertBefore(o,t.nextSibling);else{Z(h,c),Z(o,d),Z(o,u),Z(o,v),V(o,{zIndex:e.zIndex});var k=e.container;M(k)&&(k=t.ownerDocument.querySelector(k)),k||(k=this.body),k.appendChild(o)}e.inline&&(this.render(),this.bind(),this.isShown=!0),this.ready=!0,j(e.ready)&&nt(t,"ready",e.ready,{once:!0}),!1!==ot(t,"ready")?this.ready&&e.inline&&this.view(this.index):this.ready=!1}}}])&&i(o.prototype,s),a&&i(o,a),t}();return A(wt.prototype,dt,mt,ft,vt,pt),wt},"object"===a(e)&&void 0!==t?t.exports=s():void 0===(o="function"==typeof(n=s)?n.call(e,i,e,t):n)||(t.exports=o)},7:function(t,e){t.exports=require("vue")},78:function(t,e,i){"use strict";i.r(e);var n=function(){var t=this.$createElement,e=this._self._c||t;return e("div",{ref:"viewer",staticClass:"hn-viewer"},[this.$slots.default?[this._t("default")]:this._l(this.imageList,(function(t,i){return e("div",{key:i,staticClass:"hn-viewer__item"},[e("img",t instanceof Object?{attrs:{src:t.picUrl||t.src||t.url,alt:t.title||t.picContent,index:i}}:{attrs:{src:t,index:i}})])}))],2)};n._withStripped=!0;var o=i(61),s=i.n(o),a=i(7),r=i.n(a),h=function(){var t=this.$createElement;return(this._self._c||t)("div",{staticClass:"hn-viewer-rect",style:this.computedStyles})};h._withStripped=!0;var l={name:"HnViewerRect",props:{x1:{type:Number,default:0},y1:{type:Number,default:0},x2:{type:Number,default:0},y2:{type:Number,default:0},background:{type:String,default:""}},computed:{computedStyles:function(){var t=this.x1,e=this.x2,i=this.y1,n=this.y2-i;return{top:i+"px",left:t+"px",width:e-t+1+"px",height:n+1+"px",lineHeight:n+"px",background:this.background}}}},c=i(0),u=Object(c.a)(l,h,[],!1,null,null,null);u.options.__file="packages/viewer/src/viewer-rect.vue";var d=u.exports,m=i(2),f=null,v={updateRect:function(t,e){f?Object(m.isInContainer)(f.$el,t)?Object.assign(f.$props,e):(v.destroyRect(),v.createRect(t,e)):v.createRect(t,e)},createRect:function(t,e){if(!f){var i=r.a.extend(d);f=new i({propsData:e});var n=document.createElement("div");t.appendChild(n),f.$mount(n)}return f},destroyRect:function(){f&&(f.$destroy(),f=null)},calculateRect:function(t,e){return{x1:t.x1*e,y1:t.y1*e,x2:t.x2*e,y2:t.y2*e}}};var p=Object.assign||function(t){for(var e=1;e<arguments.length;e++){var i=arguments[e];for(var n in i)Object.prototype.hasOwnProperty.call(i,n)&&(t[n]=i[n])}return t},g={zoomIn:1,zoomOut:1,oneToOne:1,reset:1,prev:1,play:1,next:1,rotateLeft:1,rotateRight:1,flipHorizontal:1,flipVertical:1},w={zoomIn:1,zoomOut:1,oneToOne:1,reset:0,prev:1,play:0,next:1,rotateLeft:0,rotateRight:0,flipHorizontal:0,flipVertical:0},b={name:"HnViewer",props:{images:{type:[String,Object,Array]},showMark:{type:Boolean,default:!1},markBackgroundColor:{type:String,default:"#0ff"},visible:{type:Boolean,default:!1},className:{type:String,default:""},inline:{type:Boolean,default:!1},button:{type:Boolean,default:!0},navbar:{type:[Boolean,Number],default:1},title:{type:[Boolean,Number,Function,Array],default:1},toolbarType:{type:[Boolean,Number],default:1},toolbarOptions:{type:Object},tooltipShow:{type:Boolean,default:!0},movable:{type:Boolean,default:!0},zoomable:{type:Boolean,default:!0},rotatable:{type:Boolean,default:!0},scalable:{type:Boolean,default:!0},transition:{type:Boolean,default:!0},fullscreen:{type:Boolean,default:!0},keyboard:{type:Boolean,default:!0},backdrop:{type:[Boolean,String],default:!0},loading:{type:Boolean,default:!0},loop:{type:Boolean,default:!0},interval:{type:Number,default:5e3},minWidth:{type:Number,default:200},minHeight:{type:Number,default:100},zoomRatio:{type:Number,default:.1},minZoomRatio:{type:Number,default:.01},maxZoomRatio:{type:Number,default:100},zIndex:{type:Number,default:9999},zIndexInline:{type:Number,default:100},url:{type:[String,Function],default:"src"},container:{type:[Object,String],default:"body"},filter:{type:Function,default:null},toggleOnDoubleClick:{type:Boolean,default:!0},value:{type:Number,default:0}},data:function(){return{list:[],index:0,toolbar:"",closed:!1}},computed:{imageList:function(){var t=void 0;return t=this.images instanceof Array?this.images:[this.images],this.showMark?t.map((function(t){var e="图片仅供参考";t.picPosition||t.position?e="上图"+(t.picPosition||t.position)+"处（图片仅供参考）":t.picContent&&(e=t.picContent);var i=t.picUrl,n=t.topLeftX,o=t.topLeftY,s=t.bottomRightX,a=t.bottomRightY;return{src:i.replace(/http(?!s)/,"https"),title:e,topLeftX:n||0,topLeftY:o||0,bottomRightX:s||0,bottomRightY:a||0}})):t}},watch:{images:function(t){this.$nextTick(this.update)},visible:function(t){var e=this,i=window;if(t){var n;if(this.show(),!i.hnViewers)i.hnViewers=((n={})[String(this._uid)]=this,n);var o=i.hnViewers;Object.keys(o).map((function(t){String(e._uid)!==t&&(i.hnViewers[String(e._uid)]=e,o[t].viewer&&o[t].viewer.destroy(),delete i.hnViewers[t].viewer)}))}else this.hide();this.closed!==t&&(this.closed=t)},index:function(){this.$emit("input",this.index)},value:function(t){(t||0===t)&&this.view(t)}},created:function(){this.$_optionsInit()},mounted:function(){this.$_viewerInit(),this.$refs.viewer.addEventListener("click",this.handleClick)},beforeDestroy:function(){var t=window;this.$refs.viewer.removeEventListener("click",this.handleClick),t.hnViewers&&delete t.hnViewers,this.viewer&&this.destroy()},methods:{handleClick:function(t){var e=this,i=window;if("img"===t.target.tagName.toLowerCase()&&i.hnViewers&&i.hnViewers[this._uid]){var n=t.target.attributes.index.value,o=i.hnViewers[this._uid],s=o.viewer,a=o.$_optionsInit,r=o.$_viewerInit,h=o.index,l=o.visible;s||(a(),this.$nextTick((function(){r(),l||e.show(),Number(h)!==Number(n)&&e.view(Number(n)),i.hnViewers[e._uid]=e})))}},$_optionsInit:function(){this.index=this.value,this.toolbarOptions?this.toolbar=p({},g,this.toolbarOptions):this.showMark?this.toolbar=p({},w,this.toolbarOptions):this.toolbar=this.toolbarType,this.closed=this.visible},$_viewerInit:function(){var t=this;this.viewer=new s.a(this.$refs.viewer,{showMark:this.showMark,initialViewIndex:this.index,inline:this.inline,button:this.button,navbar:this.navbar,title:this.title,className:this.className,toolbar:this.toolbar,tooltip:this.tooltipShow,movable:this.movable,zoomable:this.zoomable,rotatable:!this.showMark&&this.rotatable,scalable:this.scalable,transition:!this.showMark&&this.transition,fullscreen:!this.showMark&&this.fullscreen,keyboard:this.keyboard,backdrop:this.backdrop,loading:this.loading,loop:this.loop,interval:this.interval,minWidth:this.minWidth,minHeight:this.minHeight,zoomRatio:this.zoomRatio,minZoomRatio:this.minZoomRatio,maxZoomRatio:this.maxZoomRatio,zIndex:this.zIndex,zIndexInline:this.zIndexInline,url:this.url,container:this.container,filter:this.filter,toggleOnDblclick:this.toggleOnDoubleClick,ready:function(e){t.$emit("ready",e)},show:function(e){t.$emit("show",e)},shown:function(e){t.closed=!0,t.$emit("shown",e),t.$emit("update:visible",!0)},hide:function(e){t.$emit("hide",e)},hidden:function(e){t.closed=!1,t.$emit("hidden",e),t.$emit("update:visible",!1)},view:function(e){t.$emit("view",e)},viewed:function(e){t.index=e.detail.index,t.$emit("viewed",e)},zoom:function(e){t.$emit("zoom",e)},zoomed:function(e){t.$emit("zoomed",e)},epcImgMark:function(){t.epcImgMark()}}),this.visible&&this.show()},epcImgMark:function(){var t=this;this.$nextTick((function(){if(t.showMark&&t.visible){var e=t.images.map((function(t){var e=t.topLeftX,i=t.topLeftY,n=t.bottomRightX,o=t.bottomRightY;return t.markPos={x1:parseInt(e,10)||0,y1:parseInt(i,10)||0,x2:parseInt(n,10)||0,y2:parseInt(o,10)||0},n-e>0&&o-i>0&&(t.hasMarkPos=!0),t}))[t.index];if(!e.hasMarkPos)return;var i=t.viewer.imageData.ratio;v.updateRect(t.viewer.canvas.firstChild.firstChild,p({},v.calculateRect(e.markPos,i),{background:t.markBackgroundColor}))}}))},show:function(t){this.viewer.show(t)},hide:function(t){this.viewer.hide(t)},view:function(t){this.viewer.view(t)},prev:function(t){this.viewer.prev(t)},next:function(t){this.viewer.next(t)},move:function(t,e){this.viewer.move(t,e)},moveTo:function(t,e){this.viewer.moveTo(t,t)},zoom:function(t,e){this.viewer.zoom(t,e)},zoomTo:function(t,e){this.viewer.zoomTo(t,e)},rotate:function(t){this.viewer.rotate(t)},rotateTo:function(t){this.viewer.rotateTo(t)},scale:function(t,e){this.viewer.scale(t,e)},scaleX:function(t){this.viewer.scaleX(t)},scaleY:function(t){this.viewer.scaleY(t)},play:function(t){this.viewer.play(t)},stop:function(){this.viewer.stop()},full:function(){this.viewer.full()},exit:function(){this.viewer.exit()},tooltip:function(){this.viewer.tooltip()},toggle:function(){this.viewer.toggle()},reset:function(){this.viewer.reset()},update:function(){this.viewer&&this.viewer.update()},destroy:function(){this.viewer.destroy(),v.destroyRect()}}},y=Object(c.a)(b,n,[],!1,null,null,null);y.options.__file="packages/viewer/src/main.vue";var x=y.exports;x.install=function(t){t.component(x.name,x)};e.default=x}}).default;