2 lines
10 KiB
JavaScript
2 lines
10 KiB
JavaScript
|
import{b4 as ke,bA as Ie,ah as me,ar as j,bh as pe,aV as de,d as K,cF as ve,cG as Le,cH as Se,bF as ge,ae as we,cI as ze,r as b,cJ as xe,aa as Ce,O as m,i as fe,n as ye,b as _e,o as _,q as ne,k as d,m as h,t as y,$ as g,e,aj as le,z as Ee,x as E,Q as $,bn as Ne,c as O,Y as oe,bl as $e,bm as Oe,cK as Te,bT as Ae,ak as Re,cL as Ve,cM as Me,Z as Be,w as Ye,S as Pe,ag as se,W as Fe,cN as Xe,al as he,bL as B,bo as M,cO as De,am as be,cw as He,cP as je,bw as H,K as Ke,b_ as We,bI as Ze,ay as qe,cQ as Ge,cR as Qe,cS as Je,c5 as Ue,j as et,I as tt}from"./index-ce293e15.js";var at="Expected a function";function ue(u,r,l){var k=!0,o=!0;if(typeof u!="function")throw new TypeError(at);return ke(l)&&(k="leading"in l?!!l.leading:k,o="trailing"in l?!!l.trailing:o),Ie(u,r,{leading:k,maxWait:r,trailing:o})}const st=me({urlList:{type:j(Array),default:()=>pe([])},zIndex:{type:Number},initialIndex:{type:Number,default:0},infinite:{type:Boolean,default:!0},hideOnClickModal:Boolean,teleported:Boolean,closeOnPressEscape:{type:Boolean,default:!0},zoomRate:{type:Number,default:1.2},minScale:{type:Number,default:.2},maxScale:{type:Number,default:7},crossorigin:{type:j(String)}}),nt={close:()=>!0,switch:u=>de(u),rotate:u=>de(u)},lt=["src","crossorigin"],ot=K({name:"ElImageViewer"}),rt=K({...ot,props:st,emits:nt,setup(u,{expose:r,emit:l}){var k;const o=u,p={CONTAIN:{name:"contain",icon:ve(Le)},ORIGINAL:{name:"original",icon:ve(Se)}},{t:T}=ge(),n=we("image-viewer"),{nextZIndex:N}=ze(),I=b(),L=b([]),A=xe(),S=b(!0),f=b(o.initialIndex),R=Ce(p.CONTAIN),i=b({scale:1,deg:0,offsetX:0,offsetY:0,enableTransition:!1}),Y=b((k=o.zIndex)!=null?k:N()),re=m(()=>{const{urlList:a}=o;return a.length<=1}),W=m(()=>f.value===0),Z=m(()=>f.value===o.urlList.length-1),P=m(()=>o.urlList[f.value]),ie=m(()=>[n.e("btn"),n.e("prev"),n.is("disabled",!o.infinite&&W.value)]),q=m(()=>[n.e("btn"),n.e("next"),n.is("disabled",!o.infinite&&Z.value)]),F=m(()=>{const{scale:a,deg:s,offsetX:c,offsetY:z,enableTransition:C}=i.value;let w=c/a,x=z/a;switch(s%360){case 90:case-270:[w,x]=[x,-w];break;case 180:case-180:[w,x]=[-w,-x];break;case 270:case-90:[w,x]=[-x,w];break}const V={transform:`scale(${a}) rotate(${s}deg) translate(${w}px, ${x}px)`,transition:C?"transform .3s":""};return R.value.name===p.CONTAIN.name&&(V.maxWidth=V.maxHeight="100%"),V});function X(){G(),l("close")}function ce(){const a=ue(c=>{switch(c.code){case M.esc:o.closeOnPressEscape&&X();break;case M.space:te();break;case M.left:ae();break;case M.up:v("zoomIn");break;case M.right:t();break;case M.down:v("zoomOut");break}}),s=ue(c=>{const z=c.deltaY||c.deltaX;v(z<0?"zoomIn":"zoomOut",{zoomRate:o.zoomRate,enableTransition:!1})});A.run(()=>{B(document,"keydown",a),B(document,"wheel",s)})}function G(){A.stop()}function Q(){S.value=!1}function J(a){S.value=!1,a.target.alt=T("el.image.error")}function U(a){if(S.value||a.button!==0||!I.value)return;i.value.enableTransition=!1;const{offsetX:s,offsetY:c}=i.value,z=a.pageX,C=a.pageY,w=ue(V=>{i.value={...i.value,offsetX:s+V.pageX-z,offsetY:c+V.pageY-C}}),x=B(document,"mousemove",w);B(document,"mouseup",()=>{x()}),a.preventDefault()}function ee(){i.value={scale:1,deg:0,offsetX:0,offsetY:0,enableTransition:!1}}function te(){if(S.value)return;const a=De(p),s=Object.values(p),c=R.value.name,C=(s.findIndex(w=>w.name===c)+1)%a.length;R.value=p[a[C]],ee()}function D(a){const s=o.urlList.length;f.value=(a+s)%s}function ae(){W.value&&!o.infinite||D(f.value-1)}function t(){Z.value&&!o.infinite||D(f.value+1)}function v(a,s={}){if(S.value)return;const{minScale:c,maxScale:z}=o,{zoomRate:C,rotateDeg:w,enableTransition:x}={zoomRate:o.zoomRate,rotateDeg:90,enableTransition:!0,...s};switch(a){case"zoomOut":i.value.scale>c&&(i.value.scale=Number.parseFloat((i.value.scale/C).toFixed(3)));break;case"zoomIn":i.value.scale<z&&(i.value.scale=Number.parseFloat((i.value.scale*C).toFixed(3)));break;case"clockwise":i.value.deg+=w,l("rotate",i.value.deg);break;case"anticlockwise":i.value.deg-=w,l("rotate",i.value.deg);break}i.value.enableTransition=x}return fe(P,()=>{ye(()=>{const a=L.value[0];a!=null&&a.complet
|