2 lines
15 KiB
JavaScript
2 lines
15 KiB
JavaScript
|
import{E as Ee}from"./el-button.b86b6ea8.js";import{a9 as H,p as ve,M as ie,aa as ge,ab as fe,a as U,ac as pe,ad as Ie,ae as ze,af as ye,q as he,ag as Ce,r as m,ah as $e,ai as Ae,s as z,aj as ue,ak as we,b as be,o as C,c as ce,f as u,w as p,j as E,y as k,u as a,z as de,al as Se,k as S,E as j,am as Le,e as T,F as se,an as Ne,i as Oe,ao as xe,ap as Ve,A as Re,aq as Te,ar as Ze,G as je,a0 as De,a1 as Be,x as ae,as as Pe,at as Me,B as _e,au as F,av as Y,aw as Xe,C as ke,ax as Fe,ay as He,t as ne,az as Ye,aA as Ge,aB as qe,aC as Je,V as D,aD as We,D as me,h as oe,aE as Ue}from"./entry.539d3b49.js";import{t as le}from"./throttle.4fc9319f.js";import{u as Ke,g as Qe,E as et}from"./el-input.60ea0dae.js";import{E as tt,a as at,b as nt}from"./el-overlay.172e9766.js";const st=(e,n)=>{if(!H||!e||!n)return!1;const l=e.getBoundingClientRect();let r;return n instanceof Element?r=n.getBoundingClientRect():r={top:0,right:window.innerWidth,bottom:window.innerHeight,left:0},l.top<r.bottom&&l.bottom>r.top&&l.right>r.left&&l.left<r.right},rt=ve({urlList:{type:ie(Array),default:()=>ge([])},zIndex:{type:Number},initialIndex:{type:Number,default:0},infinite:{type:Boolean,default:!0},hideOnClickModal:{type:Boolean,default:!1},teleported:{type:Boolean,default:!1},closeOnPressEscape:{type:Boolean,default:!0},zoomRate:{type:Number,default:1.2}}),ot={close:()=>!0,switch:e=>fe(e)},lt=["src"],it=U({name:"ElImageViewer"}),ut=U({...it,props:rt,emits:ot,setup(e,{expose:n,emit:l}){const r=e,$={CONTAIN:{name:"contain",icon:pe(Ie)},ORIGINAL:{name:"original",icon:pe(ze)}},{t:g}=ye(),o=he("image-viewer"),{nextZIndex:B}=Ce(),y=m(),c=m([]),h=$e(),w=m(!0),b=m(r.initialIndex),_=Ae($.CONTAIN),d=m({scale:1,deg:0,offsetX:0,offsetY:0,enableTransition:!1}),f=z(()=>{const{urlList:t}=r;return t.length<=1}),v=z(()=>b.value===0),L=z(()=>b.value===r.urlList.length-1),N=z(()=>r.urlList[b.value]),P=z(()=>{const{scale:t,deg:s,offsetX:i,offsetY:I,enableTransition:V}=d.value;let A=i/t,R=I/t;switch(s%360){case 90:case-270:[A,R]=[R,-A];break;case 180:case-180:[A,R]=[-A,-R];break;case 270:case-90:[A,R]=[-R,A];break}const X={transform:`scale(${t}) rotate(${s}deg) translate(${A}px, ${R}px)`,transition:V?"transform .3s":""};return _.value.name===$.CONTAIN.name&&(X.maxWidth=X.maxHeight="100%"),X}),G=z(()=>fe(r.zIndex)?r.zIndex:B());function Z(){O(),l("close")}function M(){const t=le(i=>{switch(i.code){case F.esc:r.closeOnPressEscape&&Z();break;case F.space:J();break;case F.left:ee();break;case F.up:x("zoomIn");break;case F.right:te();break;case F.down:x("zoomOut");break}}),s=le(i=>{const I=i.deltaY||i.deltaX;x(I<0?"zoomIn":"zoomOut",{zoomRate:r.zoomRate,enableTransition:!1})});h.run(()=>{Y(document,"keydown",t),Y(document,"wheel",s)})}function O(){h.stop()}function re(){w.value=!1}function K(t){w.value=!1,t.target.alt=g("el.image.error")}function Q(t){if(w.value||t.button!==0||!y.value)return;d.value.enableTransition=!1;const{offsetX:s,offsetY:i}=d.value,I=t.pageX,V=t.pageY,A=le(X=>{d.value={...d.value,offsetX:s+X.pageX-I,offsetY:i+X.pageY-V}}),R=Y(document,"mousemove",A);Y(document,"mouseup",()=>{R()}),t.preventDefault()}function q(){d.value={scale:1,deg:0,offsetX:0,offsetY:0,enableTransition:!1}}function J(){if(w.value)return;const t=Xe($),s=Object.values($),i=_.value.name,V=(s.findIndex(A=>A.name===i)+1)%t.length;_.value=$[t[V]],q()}function W(t){const s=r.urlList.length;b.value=(t+s)%s}function ee(){v.value&&!r.infinite||W(b.value-1)}function te(){L.value&&!r.infinite||W(b.value+1)}function x(t,s={}){if(w.value)return;const{zoomRate:i,rotateDeg:I,enableTransition:V}={zoomRate:r.zoomRate,rotateDeg:90,enableTransition:!0,...s};switch(t){case"zoomOut":d.value.scale>.2&&(d.value.scale=Number.parseFloat((d.value.scale/i).toFixed(3)));break;case"zoomIn":d.value.scale<7&&(d.value.scale=Number.parseFloat((d.value.scale*i).toFixed(3)));break;case"clockwise":d.value.deg+=I;break;case"anticlockwise":d.value.deg-=I;break}d.value.enableTransition=V}return ue(N,()=>{we(()=>{const t=c.value[0];t!=null&&t.complete||(w.value=!0)})}),ue(b,t=>{q(),l("switch",t)}),be(()=>{var t,s;M(),(s=(t=y.value)==
|