@acedatacloud/nexior 3.326.2 → 3.327.0

package/dist/assets/{image-CPrgMcYd.js → image-BEfHhCrE.js}

@@ -1 +1 @@
-import{A as e,C as t,Et as n,G as r,Gt as i,I as a,Jt as o,K as s,Kt as c,L as l,M as u,Mt as d,N as f,P as p,Q as ee,Rt as m,T as h,V as g,Wt as te,_t as ne,bt as _,ft as v,it as y,j as re,k as b,lt as x,mt as S,p as ie,qt as C,rt as ae,st as w,tt as T,wt as E,z as D}from"./vendor-chart-Dw-P17PN.js";import{a as O,c as oe,t as k}from"./install-Cn-SLM3u.js";import{a as A,f as j,n as M,r as N,s as P,v as F}from"./runtime-BTM7t9of.js";import{E as se,G as ce,N as I,Ot as L,Pt as R,Rt as le,U as ue,W as z,_ as B,et as de,g as fe,nt as V,tt as H,ut as U,xt as W,yt as pe}from"./use-deprecated-B-uvyrTL.js";import{t as G}from"./debounce-BpbMwTHv.js";import{n as K}from"./scroll-iopg7oiN.js";import{Hi as q,Ji as J,Vi as me,Xi as Y,zi as he}from"./index-uakaOzYD.js";var ge=`Expected a function`;function _e(e,t,n){var r=!0,i=!0;if(typeof e!=`function`)throw TypeError(ge);return F(n)&&(r=`leading`in n?!!n.leading:r,i=`trailing`in n?!!n.trailing:i),G(e,t,{leading:r,maxWait:t,trailing:i})}var ve=(e,t)=>{if(!R||!e||!t)return!1;let n=e.getBoundingClientRect(),r;return r=t instanceof Element?t.getBoundingClientRect():{top:0,right:window.innerWidth,bottom:window.innerHeight,left:0},n.top<r.bottom&&n.bottom>r.top&&n.right>r.left&&n.left<r.right},ye=e=>{let t,n;return e.type===`touchend`?(n=e.changedTouches[0].clientY,t=e.changedTouches[0].clientX):e.type.startsWith(`touch`)?(n=e.touches[0].clientY,t=e.touches[0].clientX):(n=e.clientY,t=e.clientX),{clientX:t,clientY:n}},be=M({urlList:{type:N(Array),default:()=>Y([])},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},showProgress:Boolean,crossorigin:{type:N(String)}}),X={close:()=>!0,switch:e=>P(e),rotate:e=>P(e)},Z=k(O(D({...D({name:`ElImageViewer`}),props:be,emits:X,setup(r,{expose:c,emit:p}){let m=r,g={CONTAIN:{name:`contain`,icon:_(I)},ORIGINAL:{name:`original`,icon:_(ce)}},te,x=``,{t:D}=pe(),O=oe(`image-viewer`),{nextZIndex:k}=W(),A=E(),j=E([]),M=ne(),N=E(!0),P=E(m.initialIndex),F=n(g.CONTAIN),R=E({scale:1,deg:0,offsetX:0,offsetY:0,enableTransition:!1}),le=E(m.zIndex??k()),G=b(()=>{let{urlList:e}=m;return e.length<=1}),K=b(()=>P.value===0),J=b(()=>P.value===m.urlList.length-1),Y=b(()=>m.urlList[P.value]),ge=b(()=>[O.e(`btn`),O.e(`prev`),O.is(`disabled`,!m.infinite&&K.value)]),ve=b(()=>[O.e(`btn`),O.e(`next`),O.is(`disabled`,!m.infinite&&J.value)]),ye=b(()=>{let{scale:e,deg:t,offsetX:n,offsetY:r,enableTransition:i}=R.value,a=n/e,o=r/e,s=t*Math.PI/180,c=Math.cos(s),l=Math.sin(s);a=a*c+o*l,o=o*c-n/e*l;let u={transform:`scale(${e}) rotate(${t}deg) translate(${a}px, ${o}px)`,transition:i?`transform .3s`:``};return F.value.name===g.CONTAIN.name&&(u.maxWidth=u.maxHeight=`100%`),u}),be=b(()=>`${P.value+1} / ${m.urlList.length}`);function X(){xe(),te?.(),document.body.style.overflow=x,p(`close`)}function Z(){let e=_e(e=>{switch(e.code){case q.esc:m.closeOnPressEscape&&X();break;case q.space:Ee();break;case q.left:De();break;case q.up:$(`zoomIn`);break;case q.right:Oe();break;case q.down:$(`zoomOut`);break}}),t=_e(e=>{$((e.deltaY||e.deltaX)<0?`zoomIn`:`zoomOut`,{zoomRate:m.zoomRate,enableTransition:!1})});M.run(()=>{L(document,`keydown`,e),L(document,`wheel`,t)})}function xe(){M.stop()}function Se(){N.value=!1}function Ce(e){N.value=!1,e.target.alt=D(`el.image.error`)}function we(e){if(N.value||e.button!==0||!A.value)return;R.value.enableTransition=!1;let{offsetX:t,offsetY:n}=R.value,r=e.pageX,i=e.pageY,a=_e(e=>{R.value={...R.value,offsetX:t+e.pageX-r,offsetY:n+e.pageY-i}}),o=L(document,`mousemove`,a);L(document,`mouseup`,()=>{o()}),e.preventDefault()}function Te(){R.value={scale:1,deg:0,offsetX:0,offsetY:0,enableTransition:!1}}function Ee(){if(N.value)return;let e=U(g),t=Object.values(g),n=F.value.name;F.value=g[e[(t.findIndex(e=>e.name===n)+1)%e.length]],Te()}function Q(e){let t=m.urlList.length;P.value=(e+t)%t}function De(){K.value&&!m.infinite||Q(P.value-1)}function Oe(){J.value&&!m.infinite||Q(P.value+1)}function $(e,t={}){if(N.value)return;let{minScale:n,maxScale:r}=m,{zoomRate:i,rotateDeg:a,enableTransition:o}={zoomRate:m.zoomRate,rotateDeg:90,enableTransition:!0,...t};switch(e){case`zoomOut`:R.value.scale>n&&(R.value.scale=Number.parseFloat((R.value.scale/i).toFixed(3)));break;case`zoomIn`:R.value.scale<r&&(R.value.scale=Number.parseFloat((R.value.scale*i).toFixed(3)));break;case`clockwise`:R.value.deg+=a,p(`rotate`,R.value.deg);break;case`anticlockwise`:R.value.deg-=a,p(`rotate`,R.value.deg);break}R.value.enableTransition=o}function ke(e){e.detail?.focusReason===`pointer`&&e.preventDefault()}function Ae(){m.closeOnPressEscape&&X()}function je(e){if(e.ctrlKey&&(e.deltaY<0||e.deltaY>0))return e.preventDefault(),!1}return v(Y,()=>{s(()=>{j.value[0]?.complete||(N.value=!0)})}),v(P,e=>{Te(),p(`switch`,e)}),ee(()=>{Z(),te=L(`wheel`,je,{passive:!1}),x=document.body.style.overflow,document.body.style.overflow=`hidden`}),c({setActiveItem:Q}),(n,r)=>(T(),re(d(he),{to:`body`,disabled:!n.teleported},{default:S(()=>[l(ie,{name:`viewer-fade`,appear:``},{default:S(()=>[e(`div`,{ref_key:`wrapper`,ref:A,tabindex:-1,class:i(d(O).e(`wrapper`)),style:C({zIndex:le.value})},[l(d(me),{loop:``,trapped:``,"focus-trap-el":A.value,"focus-start-el":`container`,onFocusoutPrevented:ke,onReleaseRequested:Ae},{default:S(()=>[e(`div`,{class:i(d(O).e(`mask`)),onClick:t(e=>n.hideOnClickModal&&X(),[`self`])},null,10,[`onClick`]),u(` CLOSE `),e(`span`,{class:i([d(O).e(`btn`),d(O).e(`close`)]),onClick:X},[l(d(V),null,{default:S(()=>[l(d(se))]),_:1})],2),u(` ARROW `),d(G)?u(`v-if`,!0):(T(),f(h,{key:0},[e(`span`,{class:i(d(ge)),onClick:De},[l(d(V),null,{default:S(()=>[l(d(fe))]),_:1})],2),e(`span`,{class:i(d(ve)),onClick:Oe},[l(d(V),null,{default:S(()=>[l(d(B))]),_:1})],2)],64)),n.$slots.progress||n.showProgress?(T(),f(`div`,{key:1,class:i([d(O).e(`btn`),d(O).e(`progress`)])},[y(n.$slots,`progress`,{activeIndex:P.value,total:n.urlList.length},()=>[a(o(d(be)),1)])],2)):u(`v-if`,!0),u(` ACTIONS `),e(`div`,{class:i([d(O).e(`btn`),d(O).e(`actions`)])},[e(`div`,{class:i(d(O).e(`actions__inner`))},[y(n.$slots,`toolbar`,{actions:$,prev:De,next:Oe,reset:Ee,activeIndex:P.value,setActiveItem:Q},()=>[l(d(V),{onClick:e=>$(`zoomOut`)},{default:S(()=>[l(d(H))]),_:1},8,[`onClick`]),l(d(V),{onClick:e=>$(`zoomIn`)},{default:S(()=>[l(d(de))]),_:1},8,[`onClick`]),e(`i`,{class:i(d(O).e(`actions__divider`))},null,2),l(d(V),{onClick:Ee},{default:S(()=>[(T(),re(w(d(F).icon)))]),_:1}),e(`i`,{class:i(d(O).e(`actions__divider`))},null,2),l(d(V),{onClick:e=>$(`anticlockwise`)},{default:S(()=>[l(d(ue))]),_:1},8,[`onClick`]),l(d(V),{onClick:e=>$(`clockwise`)},{default:S(()=>[l(d(z))]),_:1},8,[`onClick`])])],2)],2),u(` CANVAS `),e(`div`,{class:i(d(O).e(`canvas`))},[(T(!0),f(h,null,ae(n.urlList,(e,t)=>(T(),f(h,{key:t},[t===P.value?(T(),f(`img`,{key:0,ref_for:!0,ref:e=>j.value[t]=e,src:e,style:C(d(ye)),class:i(d(O).e(`img`)),crossorigin:n.crossorigin,onLoad:Se,onError:Ce,onMousedown:we},null,46,[`src`,`crossorigin`])):u(`v-if`,!0)],64))),128))],2),y(n.$slots,`default`)]),_:3},8,[`focus-trap-el`])],6)]),_:3})]),_:3},8,[`disabled`]))}}),[[`__file`,`image-viewer.vue`]])),xe=M({hideOnClickModal:Boolean,src:{type:String,default:``},fit:{type:String,values:[``,`contain`,`cover`,`fill`,`none`,`scale-down`],default:``},loading:{type:String,values:[`eager`,`lazy`]},lazy:Boolean,scrollContainer:{type:N([String,Object])},previewSrcList:{type:N(Array),default:()=>Y([])},previewTeleported:Boolean,zIndex:{type:Number},initialIndex:{type:Number,default:0},infinite:{type:Boolean,default:!0},closeOnPressEscape:{type:Boolean,default:!0},zoomRate:{type:Number,default:1.2},minScale:{type:Number,default:.2},maxScale:{type:Number,default:7},showProgress:Boolean,crossorigin:{type:N(String)}}),Se={load:e=>e instanceof Event,error:e=>e instanceof Event,switch:e=>P(e),close:()=>!0,show:()=>!0},Ce=k(O(D({...D({name:`ElImage`,inheritAttrs:!1}),props:xe,emits:Se,setup(t,{expose:n,emit:a}){let l=t,{t:ne}=pe(),_=oe(`image`),ie=x(),C=b(()=>j(Object.entries(ie).filter(([e])=>/^(data-|on[A-Z])/i.test(e)||[`id`,`style`].includes(e)))),ae=J({excludeListeners:!0,excludeKeys:b(()=>Object.keys(C.value))}),w=E(),D=E(!1),O=E(!0),k=E(!1),M=E(),N=E(),P=R&&`loading`in HTMLImageElement.prototype,F,se=b(()=>[_.e(`inner`),I.value&&_.e(`preview`),O.value&&_.is(`loading`)]),ce=b(()=>{let{fit:e}=l;return R&&e?{objectFit:e}:{}}),I=b(()=>{let{previewSrcList:e}=l;return m(e)&&e.length>0}),ue=b(()=>{let{previewSrcList:e,initialIndex:t}=l,n=t;return t>e.length-1&&(n=0),n}),z=b(()=>l.loading===`eager`?!1:!P&&l.loading===`lazy`||l.lazy),B=()=>{R&&(O.value=!0,D.value=!1,w.value=l.src)};function de(e){O.value=!1,D.value=!1,a(`load`,e)}function fe(e){O.value=!1,D.value=!0,a(`error`,e)}function V(){ve(M.value,N.value)&&(B(),W())}let H=le(V,200,!0);async function U(){if(!R)return;await s();let{scrollContainer:e}=l;A(e)?N.value=e:te(e)&&e!==``?N.value=document.querySelector(e)??void 0:M.value&&(N.value=K(M.value)),N.value&&(F=L(N,`scroll`,H),setTimeout(()=>V(),100))}function W(){!R||!N.value||!H||(F?.(),N.value=void 0)}function G(){I.value&&(k.value=!0,a(`show`))}function q(){k.value=!1,a(`close`)}function me(e){a(`switch`,e)}return v(()=>l.src,()=>{z.value?(O.value=!0,D.value=!1,W(),U()):B()}),ee(()=>{z.value?U():B()}),n({showPreview:G}),(t,n)=>(T(),f(`div`,r({ref_key:`container`,ref:M},d(C),{class:[d(_).b(),t.$attrs.class]}),[D.value?y(t.$slots,`error`,{key:0},()=>[e(`div`,{class:i(d(_).e(`error`))},o(d(ne)(`el.image.error`)),3)]):(T(),f(h,{key:1},[w.value===void 0?u(`v-if`,!0):(T(),f(`img`,r({key:0},d(ae),{src:w.value,loading:t.loading,style:d(ce),class:d(se),crossorigin:t.crossorigin,onClick:G,onLoad:de,onError:fe}),null,16,[`src`,`loading`,`crossorigin`])),O.value?(T(),f(`div`,{key:1,class:i(d(_).e(`wrapper`))},[y(t.$slots,`placeholder`,{},()=>[e(`div`,{class:i(d(_).e(`placeholder`))},null,2)])],2)):u(`v-if`,!0)],64)),d(I)?(T(),f(h,{key:2},[k.value?(T(),re(d(Z),{key:0,"z-index":t.zIndex,"initial-index":d(ue),infinite:t.infinite,"zoom-rate":t.zoomRate,"min-scale":t.minScale,"max-scale":t.maxScale,"show-progress":t.showProgress,"url-list":t.previewSrcList,crossorigin:t.crossorigin,"hide-on-click-modal":t.hideOnClickModal,teleported:t.previewTeleported,"close-on-press-escape":t.closeOnPressEscape,onClose:q,onSwitch:me},p({toolbar:S(e=>[y(t.$slots,`toolbar`,c(g(e)))]),default:S(()=>[t.$slots.viewer?(T(),f(`div`,{key:0},[y(t.$slots,`viewer`)])):u(`v-if`,!0)]),_:2},[t.$slots.progress?{name:`progress`,fn:S(e=>[y(t.$slots,`progress`,c(g(e)))])}:void 0]),1032,[`z-index`,`initial-index`,`infinite`,`zoom-rate`,`min-scale`,`max-scale`,`show-progress`,`url-list`,`crossorigin`,`hide-on-click-modal`,`teleported`,`close-on-press-escape`])):u(`v-if`,!0)],64)):u(`v-if`,!0)],16))}}),[[`__file`,`image.vue`]]));export{Z as n,ye as r,Ce as t};
+import{A as e,C as t,Et as n,G as r,Gt as i,I as a,Jt as o,K as s,Kt as c,L as l,M as u,Mt as d,N as f,P as p,Q as ee,Rt as m,T as h,V as g,Wt as te,_t as ne,bt as _,ft as v,it as y,j as re,k as b,lt as x,mt as S,p as ie,qt as C,rt as ae,st as w,tt as T,wt as E,z as D}from"./vendor-chart-Dw-P17PN.js";import{a as O,c as oe,t as k}from"./install-Cn-SLM3u.js";import{a as A,f as j,n as M,r as N,s as P,v as F}from"./runtime-BTM7t9of.js";import{E as se,G as ce,N as I,Ot as L,Pt as R,Rt as le,U as ue,W as z,_ as B,et as de,g as fe,nt as V,tt as H,ut as U,xt as W,yt as pe}from"./use-deprecated-B-uvyrTL.js";import{t as G}from"./debounce-BpbMwTHv.js";import{n as K}from"./scroll-iopg7oiN.js";import{Hi as q,Ji as J,Vi as me,Xi as Y,zi as he}from"./index-BO8KoMTB.js";var ge=`Expected a function`;function _e(e,t,n){var r=!0,i=!0;if(typeof e!=`function`)throw TypeError(ge);return F(n)&&(r=`leading`in n?!!n.leading:r,i=`trailing`in n?!!n.trailing:i),G(e,t,{leading:r,maxWait:t,trailing:i})}var ve=(e,t)=>{if(!R||!e||!t)return!1;let n=e.getBoundingClientRect(),r;return r=t instanceof Element?t.getBoundingClientRect():{top:0,right:window.innerWidth,bottom:window.innerHeight,left:0},n.top<r.bottom&&n.bottom>r.top&&n.right>r.left&&n.left<r.right},ye=e=>{let t,n;return e.type===`touchend`?(n=e.changedTouches[0].clientY,t=e.changedTouches[0].clientX):e.type.startsWith(`touch`)?(n=e.touches[0].clientY,t=e.touches[0].clientX):(n=e.clientY,t=e.clientX),{clientX:t,clientY:n}},be=M({urlList:{type:N(Array),default:()=>Y([])},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},showProgress:Boolean,crossorigin:{type:N(String)}}),X={close:()=>!0,switch:e=>P(e),rotate:e=>P(e)},Z=k(O(D({...D({name:`ElImageViewer`}),props:be,emits:X,setup(r,{expose:c,emit:p}){let m=r,g={CONTAIN:{name:`contain`,icon:_(I)},ORIGINAL:{name:`original`,icon:_(ce)}},te,x=``,{t:D}=pe(),O=oe(`image-viewer`),{nextZIndex:k}=W(),A=E(),j=E([]),M=ne(),N=E(!0),P=E(m.initialIndex),F=n(g.CONTAIN),R=E({scale:1,deg:0,offsetX:0,offsetY:0,enableTransition:!1}),le=E(m.zIndex??k()),G=b(()=>{let{urlList:e}=m;return e.length<=1}),K=b(()=>P.value===0),J=b(()=>P.value===m.urlList.length-1),Y=b(()=>m.urlList[P.value]),ge=b(()=>[O.e(`btn`),O.e(`prev`),O.is(`disabled`,!m.infinite&&K.value)]),ve=b(()=>[O.e(`btn`),O.e(`next`),O.is(`disabled`,!m.infinite&&J.value)]),ye=b(()=>{let{scale:e,deg:t,offsetX:n,offsetY:r,enableTransition:i}=R.value,a=n/e,o=r/e,s=t*Math.PI/180,c=Math.cos(s),l=Math.sin(s);a=a*c+o*l,o=o*c-n/e*l;let u={transform:`scale(${e}) rotate(${t}deg) translate(${a}px, ${o}px)`,transition:i?`transform .3s`:``};return F.value.name===g.CONTAIN.name&&(u.maxWidth=u.maxHeight=`100%`),u}),be=b(()=>`${P.value+1} / ${m.urlList.length}`);function X(){xe(),te?.(),document.body.style.overflow=x,p(`close`)}function Z(){let e=_e(e=>{switch(e.code){case q.esc:m.closeOnPressEscape&&X();break;case q.space:Ee();break;case q.left:De();break;case q.up:$(`zoomIn`);break;case q.right:Oe();break;case q.down:$(`zoomOut`);break}}),t=_e(e=>{$((e.deltaY||e.deltaX)<0?`zoomIn`:`zoomOut`,{zoomRate:m.zoomRate,enableTransition:!1})});M.run(()=>{L(document,`keydown`,e),L(document,`wheel`,t)})}function xe(){M.stop()}function Se(){N.value=!1}function Ce(e){N.value=!1,e.target.alt=D(`el.image.error`)}function we(e){if(N.value||e.button!==0||!A.value)return;R.value.enableTransition=!1;let{offsetX:t,offsetY:n}=R.value,r=e.pageX,i=e.pageY,a=_e(e=>{R.value={...R.value,offsetX:t+e.pageX-r,offsetY:n+e.pageY-i}}),o=L(document,`mousemove`,a);L(document,`mouseup`,()=>{o()}),e.preventDefault()}function Te(){R.value={scale:1,deg:0,offsetX:0,offsetY:0,enableTransition:!1}}function Ee(){if(N.value)return;let e=U(g),t=Object.values(g),n=F.value.name;F.value=g[e[(t.findIndex(e=>e.name===n)+1)%e.length]],Te()}function Q(e){let t=m.urlList.length;P.value=(e+t)%t}function De(){K.value&&!m.infinite||Q(P.value-1)}function Oe(){J.value&&!m.infinite||Q(P.value+1)}function $(e,t={}){if(N.value)return;let{minScale:n,maxScale:r}=m,{zoomRate:i,rotateDeg:a,enableTransition:o}={zoomRate:m.zoomRate,rotateDeg:90,enableTransition:!0,...t};switch(e){case`zoomOut`:R.value.scale>n&&(R.value.scale=Number.parseFloat((R.value.scale/i).toFixed(3)));break;case`zoomIn`:R.value.scale<r&&(R.value.scale=Number.parseFloat((R.value.scale*i).toFixed(3)));break;case`clockwise`:R.value.deg+=a,p(`rotate`,R.value.deg);break;case`anticlockwise`:R.value.deg-=a,p(`rotate`,R.value.deg);break}R.value.enableTransition=o}function ke(e){e.detail?.focusReason===`pointer`&&e.preventDefault()}function Ae(){m.closeOnPressEscape&&X()}function je(e){if(e.ctrlKey&&(e.deltaY<0||e.deltaY>0))return e.preventDefault(),!1}return v(Y,()=>{s(()=>{j.value[0]?.complete||(N.value=!0)})}),v(P,e=>{Te(),p(`switch`,e)}),ee(()=>{Z(),te=L(`wheel`,je,{passive:!1}),x=document.body.style.overflow,document.body.style.overflow=`hidden`}),c({setActiveItem:Q}),(n,r)=>(T(),re(d(he),{to:`body`,disabled:!n.teleported},{default:S(()=>[l(ie,{name:`viewer-fade`,appear:``},{default:S(()=>[e(`div`,{ref_key:`wrapper`,ref:A,tabindex:-1,class:i(d(O).e(`wrapper`)),style:C({zIndex:le.value})},[l(d(me),{loop:``,trapped:``,"focus-trap-el":A.value,"focus-start-el":`container`,onFocusoutPrevented:ke,onReleaseRequested:Ae},{default:S(()=>[e(`div`,{class:i(d(O).e(`mask`)),onClick:t(e=>n.hideOnClickModal&&X(),[`self`])},null,10,[`onClick`]),u(` CLOSE `),e(`span`,{class:i([d(O).e(`btn`),d(O).e(`close`)]),onClick:X},[l(d(V),null,{default:S(()=>[l(d(se))]),_:1})],2),u(` ARROW `),d(G)?u(`v-if`,!0):(T(),f(h,{key:0},[e(`span`,{class:i(d(ge)),onClick:De},[l(d(V),null,{default:S(()=>[l(d(fe))]),_:1})],2),e(`span`,{class:i(d(ve)),onClick:Oe},[l(d(V),null,{default:S(()=>[l(d(B))]),_:1})],2)],64)),n.$slots.progress||n.showProgress?(T(),f(`div`,{key:1,class:i([d(O).e(`btn`),d(O).e(`progress`)])},[y(n.$slots,`progress`,{activeIndex:P.value,total:n.urlList.length},()=>[a(o(d(be)),1)])],2)):u(`v-if`,!0),u(` ACTIONS `),e(`div`,{class:i([d(O).e(`btn`),d(O).e(`actions`)])},[e(`div`,{class:i(d(O).e(`actions__inner`))},[y(n.$slots,`toolbar`,{actions:$,prev:De,next:Oe,reset:Ee,activeIndex:P.value,setActiveItem:Q},()=>[l(d(V),{onClick:e=>$(`zoomOut`)},{default:S(()=>[l(d(H))]),_:1},8,[`onClick`]),l(d(V),{onClick:e=>$(`zoomIn`)},{default:S(()=>[l(d(de))]),_:1},8,[`onClick`]),e(`i`,{class:i(d(O).e(`actions__divider`))},null,2),l(d(V),{onClick:Ee},{default:S(()=>[(T(),re(w(d(F).icon)))]),_:1}),e(`i`,{class:i(d(O).e(`actions__divider`))},null,2),l(d(V),{onClick:e=>$(`anticlockwise`)},{default:S(()=>[l(d(ue))]),_:1},8,[`onClick`]),l(d(V),{onClick:e=>$(`clockwise`)},{default:S(()=>[l(d(z))]),_:1},8,[`onClick`])])],2)],2),u(` CANVAS `),e(`div`,{class:i(d(O).e(`canvas`))},[(T(!0),f(h,null,ae(n.urlList,(e,t)=>(T(),f(h,{key:t},[t===P.value?(T(),f(`img`,{key:0,ref_for:!0,ref:e=>j.value[t]=e,src:e,style:C(d(ye)),class:i(d(O).e(`img`)),crossorigin:n.crossorigin,onLoad:Se,onError:Ce,onMousedown:we},null,46,[`src`,`crossorigin`])):u(`v-if`,!0)],64))),128))],2),y(n.$slots,`default`)]),_:3},8,[`focus-trap-el`])],6)]),_:3})]),_:3},8,[`disabled`]))}}),[[`__file`,`image-viewer.vue`]])),xe=M({hideOnClickModal:Boolean,src:{type:String,default:``},fit:{type:String,values:[``,`contain`,`cover`,`fill`,`none`,`scale-down`],default:``},loading:{type:String,values:[`eager`,`lazy`]},lazy:Boolean,scrollContainer:{type:N([String,Object])},previewSrcList:{type:N(Array),default:()=>Y([])},previewTeleported:Boolean,zIndex:{type:Number},initialIndex:{type:Number,default:0},infinite:{type:Boolean,default:!0},closeOnPressEscape:{type:Boolean,default:!0},zoomRate:{type:Number,default:1.2},minScale:{type:Number,default:.2},maxScale:{type:Number,default:7},showProgress:Boolean,crossorigin:{type:N(String)}}),Se={load:e=>e instanceof Event,error:e=>e instanceof Event,switch:e=>P(e),close:()=>!0,show:()=>!0},Ce=k(O(D({...D({name:`ElImage`,inheritAttrs:!1}),props:xe,emits:Se,setup(t,{expose:n,emit:a}){let l=t,{t:ne}=pe(),_=oe(`image`),ie=x(),C=b(()=>j(Object.entries(ie).filter(([e])=>/^(data-|on[A-Z])/i.test(e)||[`id`,`style`].includes(e)))),ae=J({excludeListeners:!0,excludeKeys:b(()=>Object.keys(C.value))}),w=E(),D=E(!1),O=E(!0),k=E(!1),M=E(),N=E(),P=R&&`loading`in HTMLImageElement.prototype,F,se=b(()=>[_.e(`inner`),I.value&&_.e(`preview`),O.value&&_.is(`loading`)]),ce=b(()=>{let{fit:e}=l;return R&&e?{objectFit:e}:{}}),I=b(()=>{let{previewSrcList:e}=l;return m(e)&&e.length>0}),ue=b(()=>{let{previewSrcList:e,initialIndex:t}=l,n=t;return t>e.length-1&&(n=0),n}),z=b(()=>l.loading===`eager`?!1:!P&&l.loading===`lazy`||l.lazy),B=()=>{R&&(O.value=!0,D.value=!1,w.value=l.src)};function de(e){O.value=!1,D.value=!1,a(`load`,e)}function fe(e){O.value=!1,D.value=!0,a(`error`,e)}function V(){ve(M.value,N.value)&&(B(),W())}let H=le(V,200,!0);async function U(){if(!R)return;await s();let{scrollContainer:e}=l;A(e)?N.value=e:te(e)&&e!==``?N.value=document.querySelector(e)??void 0:M.value&&(N.value=K(M.value)),N.value&&(F=L(N,`scroll`,H),setTimeout(()=>V(),100))}function W(){!R||!N.value||!H||(F?.(),N.value=void 0)}function G(){I.value&&(k.value=!0,a(`show`))}function q(){k.value=!1,a(`close`)}function me(e){a(`switch`,e)}return v(()=>l.src,()=>{z.value?(O.value=!0,D.value=!1,W(),U()):B()}),ee(()=>{z.value?U():B()}),n({showPreview:G}),(t,n)=>(T(),f(`div`,r({ref_key:`container`,ref:M},d(C),{class:[d(_).b(),t.$attrs.class]}),[D.value?y(t.$slots,`error`,{key:0},()=>[e(`div`,{class:i(d(_).e(`error`))},o(d(ne)(`el.image.error`)),3)]):(T(),f(h,{key:1},[w.value===void 0?u(`v-if`,!0):(T(),f(`img`,r({key:0},d(ae),{src:w.value,loading:t.loading,style:d(ce),class:d(se),crossorigin:t.crossorigin,onClick:G,onLoad:de,onError:fe}),null,16,[`src`,`loading`,`crossorigin`])),O.value?(T(),f(`div`,{key:1,class:i(d(_).e(`wrapper`))},[y(t.$slots,`placeholder`,{},()=>[e(`div`,{class:i(d(_).e(`placeholder`))},null,2)])],2)):u(`v-if`,!0)],64)),d(I)?(T(),f(h,{key:2},[k.value?(T(),re(d(Z),{key:0,"z-index":t.zIndex,"initial-index":d(ue),infinite:t.infinite,"zoom-rate":t.zoomRate,"min-scale":t.minScale,"max-scale":t.maxScale,"show-progress":t.showProgress,"url-list":t.previewSrcList,crossorigin:t.crossorigin,"hide-on-click-modal":t.hideOnClickModal,teleported:t.previewTeleported,"close-on-press-escape":t.closeOnPressEscape,onClose:q,onSwitch:me},p({toolbar:S(e=>[y(t.$slots,`toolbar`,c(g(e)))]),default:S(()=>[t.$slots.viewer?(T(),f(`div`,{key:0},[y(t.$slots,`viewer`)])):u(`v-if`,!0)]),_:2},[t.$slots.progress?{name:`progress`,fn:S(e=>[y(t.$slots,`progress`,c(g(e)))])}:void 0]),1032,[`z-index`,`initial-index`,`infinite`,`zoom-rate`,`min-scale`,`max-scale`,`show-progress`,`url-list`,`crossorigin`,`hide-on-click-modal`,`teleported`,`close-on-press-escape`])):u(`v-if`,!0)],64)):u(`v-if`,!0)],16))}}),[[`__file`,`image.vue`]]));export{Z as n,ye as r,Ce as t};