@acedatacloud/nexior 3.321.4 → 3.322.0

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