12345 |
- <<<<<<<< HEAD:dist/assets/el-image-viewer-b9e519ff.js
- import{bL as ve,aw as me,aA as be,aB as pe,aK as ge,bq as S,d as q,bM as V,bN as ke,bO as _e,aX as we,aC as xe,bP as ye,r as z,bQ as Ie,aN as he,K as _,L as K,an as ze,l as Ce,o as C,v as Q,f as i,w as p,g as m,Z as f,a,au as j,aS as Ne,P as N,aT as w,aZ as Oe,c as Y,F as G,bR as Te,bS as Ae,bT as Le,bU as Re,M as Xe,bV as Ee,bW as Se,q as Ye,x as Fe,a4 as $e,aD as Be,$ as Me,bX as Pe,aE as De,bY as L,bZ as h,b_ as We,aF as Ze,__tla as qe}from"./index-d75b4e4d.js";let H,O,Ve=Promise.all([(()=>{try{return qe}catch{}})()]).then(async()=>{O=function(g,T,v){var n=!0,b=!0;if(typeof g!="function")throw new TypeError("Expected a function");return ve(v)&&(n="leading"in v?!!v.leading:n,b="trailing"in v?!!v.trailing:b),me(g,T,{leading:n,maxWait:T,trailing:b})};const J=be({urlList:{type:pe(Array),default:()=>ge([])},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}}),U={close:()=>!0,switch:g=>S(g),rotate:g=>S(g)},ee=["src"],ae=q({name:"ElImageViewer"});H=Ze(De(q({...ae,props:J,emits:U,setup(g,{expose:T,emit:v}){const n=g,b={CONTAIN:{name:"contain",icon:V(ke)},ORIGINAL:{name:"original",icon:V(_e)}},{t:se}=we(),l=xe("image-viewer"),{nextZIndex:ne}=ye(),R=z(),F=z([]),$=Ie(),y=z(!0),k=z(n.initialIndex),A=he(b.CONTAIN),t=z({scale:1,deg:0,offsetX:0,offsetY:0,enableTransition:!1}),le=_(()=>{const{urlList:e}=n;return e.length<=1}),B=_(()=>k.value===0),M=_(()=>k.value===n.urlList.length-1),te=_(()=>n.urlList[k.value]),oe=_(()=>[l.e("btn"),l.e("prev"),l.is("disabled",!n.infinite&&B.value)]),ie=_(()=>[l.e("btn"),l.e("next"),l.is("disabled",!n.infinite&&M.value)]),ue=_(()=>{const{scale:e,deg:s,offsetX:o,offsetY:c,enableTransition:u}=t.value;let r=o/e,d=c/e;switch(s%360){case 90:case-270:[r,d]=[d,-r];break;case 180:case-180:[r,d]=[-r,-d];break;case 270:case-90:[r,d]=[-d,r]}const I={transform:`scale(${e}) rotate(${s}deg) translate(${r}px, ${d}px)`,transition:u?"transform .3s":""};return A.value.name===b.CONTAIN.name&&(I.maxWidth=I.maxHeight="100%"),I}),ce=_(()=>S(n.zIndex)?n.zIndex:ne());function X(){$.stop(),v("close")}function re(){y.value=!1}function de(e){y.value=!1,e.target.alt=se("el.image.error")}function fe(e){if(y.value||e.button!==0||!R.value)return;t.value.enableTransition=!1;const{offsetX:s,offsetY:o}=t.value,c=e.pageX,u=e.pageY,r=O(I=>{t.value={...t.value,offsetX:s+I.pageX-c,offsetY:o+I.pageY-u}}),d=L(document,"mousemove",r);L(document,"mouseup",()=>{d()}),e.preventDefault()}function P(){t.value={scale:1,deg:0,offsetX:0,offsetY:0,enableTransition:!1}}function D(){if(y.value)return;const e=We(b),s=Object.values(b),o=A.value.name,c=(s.findIndex(u=>u.name===o)+1)%e.length;A.value=b[e[c]],P()}function E(e){const s=n.urlList.length;k.value=(e+s)%s}function W(){B.value&&!n.infinite||E(k.value-1)}function Z(){M.value&&!n.infinite||E(k.value+1)}function x(e,s={}){if(y.value)return;const{minScale:o,maxScale:c}=n,{zoomRate:u,rotateDeg:r,enableTransition:d}={zoomRate:n.zoomRate,rotateDeg:90,enableTransition:!0,...s};switch(e){case"zoomOut":t.value.scale>o&&(t.value.scale=Number.parseFloat((t.value.scale/u).toFixed(3)));break;case"zoomIn":t.value.scale<c&&(t.value.scale=Number.parseFloat((t.value.scale*u).toFixed(3)));break;case"clockwise":t.value.deg+=r,v("rotate",t.value.deg);break;case"anticlockwise":t.value.deg-=r,v("rotate",t.value.deg)}t.value.enableTransition=d}return K(te,()=>{ze(()=>{const e=F.value[0];e!=null&&e.complete||(y.value=!0)})}),K(k,e=>{P(),v("switch",e)}),Ce(()=>{var e,s;(function(){const o=O(u=>{switch(u.code){case h.esc:n.closeOnPressEscape&&X();break;case h.space:D();break;case h.left:W();break;case h.up:x("zoomIn");break;case h.right:Z();break;case h.down:x("zoomOut")}}),c=O(u=>{x((u.deltaY||u.deltaX)<0?"zoomIn":"zoomOut",{zoomRate:n.zoomRate,enableTransition:!1})});$.run(()=>{L(document,"keydown",o),L(document,"wheel",c)})})(),(s=(e=R.value)==null?void 0:e.focus)==null||s.call(e)}),T({setActiveItem:E}),(e,s)=>(C(),Q(Pe,{to:"body",disabled:!e.teleported},[i(Me,{name:"viewer-fade",appear:""},{default:p(()=>[m("div",{ref_key:"wrapper",ref:R,tabindex:-1,class:f(a(l).e("wrapper")),style:j({zIndex:a(ce)})},[m("div",{class:f(a(l).e("mask")),onClick:s[0]||(s[0]=Ne(o=>e.hideOnClickModal&&X(),["self"]))},null,2),N(" CLOSE "),m("span",{class:f([a(l).e("btn"),a(l).e("close")]),onClick:X},[i(a(w),null,{default:p(()=>[i(a(Oe))]),_:1})],2),N(" ARROW "),a(le)?N("v-if",!0):(C(),Y(G,{key:0},[m("span",{class:f(a(oe)),onClick:W},[i(a(w),null,{default:p(()=>[i(a(Te))]),_:1})],2),m("span",{class:f(a(ie)),onClick:Z},[i(a(w),null,{default:p(()=>[i(a(Ae))]),_:1})],2)],64)),N(" ACTIONS "),m("div",{class:f([a(l).e("btn"),a(l).e("actions")])},[m("div",{class:f(a(l).e("actions__inner"))},[i(a(w),{onClick:s[1]||(s[1]=o=>x("zoomOut"))},{default:p(()=>[i(a(Le))]),_:1}),i(a(w),{onClick:s[2]||(s[2]=o=>x("zoomIn"))},{default:p(()=>[i(a(Re))]),_:1}),m("i",{class:f(a(l).e("actions__divider"))},null,2),i(a(w),{onClick:D},{default:p(()=>[(C(),Q(Xe(a(A).icon)))]),_:1}),m("i",{class:f(a(l).e("actions__divider"))},null,2),i(a(w),{onClick:s[3]||(s[3]=o=>x("anticlockwise"))},{default:p(()=>[i(a(Ee))]),_:1}),i(a(w),{onClick:s[4]||(s[4]=o=>x("clockwise"))},{default:p(()=>[i(a(Se))]),_:1})],2)],2),N(" CANVAS "),m("div",{class:f(a(l).e("canvas"))},[(C(!0),Y(G,null,Ye(e.urlList,(o,c)=>Fe((C(),Y("img",{ref_for:!0,ref:u=>F.value[c]=u,key:o,src:o,style:j(a(ue)),class:f(a(l).e("img")),onLoad:re,onError:de,onMousedown:fe},null,46,ee)),[[$e,c===k.value]])),128))],2),Be(e.$slots,"default")],6)]),_:3})],8,["disabled"]))}}),[["__file","/home/runner/work/element-plus/element-plus/packages/components/image-viewer/src/image-viewer.vue"]]))});export{H as E,Ve as __tla,O as t};
- ========
- import{bL as ve,aw as me,aA as be,aB as pe,aK as ge,bq as S,d as q,bM as V,bN as ke,bO as _e,aX as we,aC as xe,bP as ye,r as z,bQ as Ie,aN as he,K as _,L as K,an as ze,l as Ce,o as C,v as Q,f as i,w as p,g as m,Z as f,a,au as j,aS as Ne,P as N,aT as w,aZ as Oe,c as Y,F as G,bR as Te,bS as Ae,bT as Le,bU as Re,M as Xe,bV as Ee,bW as Se,q as Ye,x as Fe,a4 as $e,aD as Be,$ as Me,bX as Pe,aE as De,bY as L,bZ as h,b_ as We,aF as Ze,__tla as qe}from"./index-c9fff140.js";let H,O,Ve=Promise.all([(()=>{try{return qe}catch{}})()]).then(async()=>{O=function(g,T,v){var n=!0,b=!0;if(typeof g!="function")throw new TypeError("Expected a function");return ve(v)&&(n="leading"in v?!!v.leading:n,b="trailing"in v?!!v.trailing:b),me(g,T,{leading:n,maxWait:T,trailing:b})};const J=be({urlList:{type:pe(Array),default:()=>ge([])},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}}),U={close:()=>!0,switch:g=>S(g),rotate:g=>S(g)},ee=["src"],ae=q({name:"ElImageViewer"});H=Ze(De(q({...ae,props:J,emits:U,setup(g,{expose:T,emit:v}){const n=g,b={CONTAIN:{name:"contain",icon:V(ke)},ORIGINAL:{name:"original",icon:V(_e)}},{t:se}=we(),l=xe("image-viewer"),{nextZIndex:ne}=ye(),R=z(),F=z([]),$=Ie(),y=z(!0),k=z(n.initialIndex),A=he(b.CONTAIN),t=z({scale:1,deg:0,offsetX:0,offsetY:0,enableTransition:!1}),le=_(()=>{const{urlList:e}=n;return e.length<=1}),B=_(()=>k.value===0),M=_(()=>k.value===n.urlList.length-1),te=_(()=>n.urlList[k.value]),oe=_(()=>[l.e("btn"),l.e("prev"),l.is("disabled",!n.infinite&&B.value)]),ie=_(()=>[l.e("btn"),l.e("next"),l.is("disabled",!n.infinite&&M.value)]),ue=_(()=>{const{scale:e,deg:s,offsetX:o,offsetY:c,enableTransition:u}=t.value;let r=o/e,d=c/e;switch(s%360){case 90:case-270:[r,d]=[d,-r];break;case 180:case-180:[r,d]=[-r,-d];break;case 270:case-90:[r,d]=[-d,r]}const I={transform:`scale(${e}) rotate(${s}deg) translate(${r}px, ${d}px)`,transition:u?"transform .3s":""};return A.value.name===b.CONTAIN.name&&(I.maxWidth=I.maxHeight="100%"),I}),ce=_(()=>S(n.zIndex)?n.zIndex:ne());function X(){$.stop(),v("close")}function re(){y.value=!1}function de(e){y.value=!1,e.target.alt=se("el.image.error")}function fe(e){if(y.value||e.button!==0||!R.value)return;t.value.enableTransition=!1;const{offsetX:s,offsetY:o}=t.value,c=e.pageX,u=e.pageY,r=O(I=>{t.value={...t.value,offsetX:s+I.pageX-c,offsetY:o+I.pageY-u}}),d=L(document,"mousemove",r);L(document,"mouseup",()=>{d()}),e.preventDefault()}function P(){t.value={scale:1,deg:0,offsetX:0,offsetY:0,enableTransition:!1}}function D(){if(y.value)return;const e=We(b),s=Object.values(b),o=A.value.name,c=(s.findIndex(u=>u.name===o)+1)%e.length;A.value=b[e[c]],P()}function E(e){const s=n.urlList.length;k.value=(e+s)%s}function W(){B.value&&!n.infinite||E(k.value-1)}function Z(){M.value&&!n.infinite||E(k.value+1)}function x(e,s={}){if(y.value)return;const{minScale:o,maxScale:c}=n,{zoomRate:u,rotateDeg:r,enableTransition:d}={zoomRate:n.zoomRate,rotateDeg:90,enableTransition:!0,...s};switch(e){case"zoomOut":t.value.scale>o&&(t.value.scale=Number.parseFloat((t.value.scale/u).toFixed(3)));break;case"zoomIn":t.value.scale<c&&(t.value.scale=Number.parseFloat((t.value.scale*u).toFixed(3)));break;case"clockwise":t.value.deg+=r,v("rotate",t.value.deg);break;case"anticlockwise":t.value.deg-=r,v("rotate",t.value.deg)}t.value.enableTransition=d}return K(te,()=>{ze(()=>{const e=F.value[0];e!=null&&e.complete||(y.value=!0)})}),K(k,e=>{P(),v("switch",e)}),Ce(()=>{var e,s;(function(){const o=O(u=>{switch(u.code){case h.esc:n.closeOnPressEscape&&X();break;case h.space:D();break;case h.left:W();break;case h.up:x("zoomIn");break;case h.right:Z();break;case h.down:x("zoomOut")}}),c=O(u=>{x((u.deltaY||u.deltaX)<0?"zoomIn":"zoomOut",{zoomRate:n.zoomRate,enableTransition:!1})});$.run(()=>{L(document,"keydown",o),L(document,"wheel",c)})})(),(s=(e=R.value)==null?void 0:e.focus)==null||s.call(e)}),T({setActiveItem:E}),(e,s)=>(C(),Q(Pe,{to:"body",disabled:!e.teleported},[i(Me,{name:"viewer-fade",appear:""},{default:p(()=>[m("div",{ref_key:"wrapper",ref:R,tabindex:-1,class:f(a(l).e("wrapper")),style:j({zIndex:a(ce)})},[m("div",{class:f(a(l).e("mask")),onClick:s[0]||(s[0]=Ne(o=>e.hideOnClickModal&&X(),["self"]))},null,2),N(" CLOSE "),m("span",{class:f([a(l).e("btn"),a(l).e("close")]),onClick:X},[i(a(w),null,{default:p(()=>[i(a(Oe))]),_:1})],2),N(" ARROW "),a(le)?N("v-if",!0):(C(),Y(G,{key:0},[m("span",{class:f(a(oe)),onClick:W},[i(a(w),null,{default:p(()=>[i(a(Te))]),_:1})],2),m("span",{class:f(a(ie)),onClick:Z},[i(a(w),null,{default:p(()=>[i(a(Ae))]),_:1})],2)],64)),N(" ACTIONS "),m("div",{class:f([a(l).e("btn"),a(l).e("actions")])},[m("div",{class:f(a(l).e("actions__inner"))},[i(a(w),{onClick:s[1]||(s[1]=o=>x("zoomOut"))},{default:p(()=>[i(a(Le))]),_:1}),i(a(w),{onClick:s[2]||(s[2]=o=>x("zoomIn"))},{default:p(()=>[i(a(Re))]),_:1}),m("i",{class:f(a(l).e("actions__divider"))},null,2),i(a(w),{onClick:D},{default:p(()=>[(C(),Q(Xe(a(A).icon)))]),_:1}),m("i",{class:f(a(l).e("actions__divider"))},null,2),i(a(w),{onClick:s[3]||(s[3]=o=>x("anticlockwise"))},{default:p(()=>[i(a(Ee))]),_:1}),i(a(w),{onClick:s[4]||(s[4]=o=>x("clockwise"))},{default:p(()=>[i(a(Se))]),_:1})],2)],2),N(" CANVAS "),m("div",{class:f(a(l).e("canvas"))},[(C(!0),Y(G,null,Ye(e.urlList,(o,c)=>Fe((C(),Y("img",{ref_for:!0,ref:u=>F.value[c]=u,key:o,src:o,style:j(a(ue)),class:f(a(l).e("img")),onLoad:re,onError:de,onMousedown:fe},null,46,ee)),[[$e,c===k.value]])),128))],2),Be(e.$slots,"default")],6)]),_:3})],8,["disabled"]))}}),[["__file","/home/runner/work/element-plus/element-plus/packages/components/image-viewer/src/image-viewer.vue"]]))});export{H as E,Ve as __tla,O as t};
- >>>>>>>> 2589804fb89eb98fd6498c1ee41a354dcce32af3:dist/assets/el-image-viewer-0aee2692.js
|