@acedatacloud/nexior 3.322.5 → 3.323.1

package/dist/assets/{image-d1tgId7m.js → image-DcNSbhMb.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 ne,mt as C,p as re,qt as w,rt as ie,st as T,tt as E,wt as D,z as O}from"./vendor-chart-Dw-P17PN.js";import{a as k,c as ae,t as A}from"./install-Cn-SLM3u.js";import{a as j,f as oe,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{Di as q,bi as me,ki as J,vi as he,xi as Y}from"./index-D3UFN6v-.js";var ge=`Expected a function`;function X(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 _e=(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},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=M({urlList:{type:N(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:N(String)}}),Z={close:()=>!0,switch:e=>P(e),rotate:e=>P(e)},be=A(k(O({...O({name:`ElImageViewer`}),props:ye,emits:Z,setup(r,{expose:c,emit:p}){let m=r,g={CONTAIN:{name:`contain`,icon:v(I)},ORIGINAL:{name:`original`,icon:v(ce)}},_,ne=``,{t:O}=pe(),k=ae(`image-viewer`),{nextZIndex:A}=W(),j=D(),oe=D([]),M=te(),N=D(!0),P=D(m.initialIndex),F=n(g.CONTAIN),R=D({scale:1,deg:0,offsetX:0,offsetY:0,enableTransition:!1}),le=D(m.zIndex??A()),G=S(()=>{let{urlList:e}=m;return e.length<=1}),K=S(()=>P.value===0),q=S(()=>P.value===m.urlList.length-1),J=S(()=>m.urlList[P.value]),ge=S(()=>[k.e(`btn`),k.e(`prev`),k.is(`disabled`,!m.infinite&&K.value)]),_e=S(()=>[k.e(`btn`),k.e(`next`),k.is(`disabled`,!m.infinite&&q.value)]),ve=S(()=>{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}),ye=S(()=>`${P.value+1} / ${m.urlList.length}`);function Z(){xe(),_?.(),document.body.style.overflow=ne,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})});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=O(`el.image.error`)}function we(e){if(N.value||e.button!==0||!j.value)return;R.value.enableTransition=!1;let{offsetX:t,offsetY:n}=R.value,r=e.pageX,i=e.pageY,a=X(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(){q.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&&Z()}function je(e){if(e.ctrlKey&&(e.deltaY<0||e.deltaY>0))return e.preventDefault(),!1}return y(J,()=>{s(()=>{oe.value[0]?.complete||(N.value=!0)})}),y(P,e=>{Te(),p(`switch`,e)}),ee(()=>{be(),_=L(`wheel`,je,{passive:!1}),ne=document.body.style.overflow,document.body.style.overflow=`hidden`}),c({setActiveItem:Q}),(n,r)=>(E(),x(d(he),{to:`body`,disabled:!n.teleported},{default:C(()=>[l(re,{name:`viewer-fade`,appear:``},{default:C(()=>[e(`div`,{ref_key:`wrapper`,ref:j,tabindex:-1,class:i(d(k).e(`wrapper`)),style:w({zIndex:le.value})},[l(d(me),{loop:``,trapped:``,"focus-trap-el":j.value,"focus-start-el":`container`,onFocusoutPrevented:ke,onReleaseRequested:Ae},{default:C(()=>[e(`div`,{class:i(d(k).e(`mask`)),onClick:t(e=>n.hideOnClickModal&&Z(),[`self`])},null,10,[`onClick`]),u(` CLOSE `),e(`span`,{class:i([d(k).e(`btn`),d(k).e(`close`)]),onClick:Z},[l(d(V),null,{default:C(()=>[l(d(se))]),_:1})],2),u(` ARROW `),d(G)?u(`v-if`,!0):(E(),f(h,{key:0},[e(`span`,{class:i(d(ge)),onClick:De},[l(d(V),null,{default:C(()=>[l(d(fe))]),_:1})],2),e(`span`,{class:i(d(_e)),onClick:Oe},[l(d(V),null,{default:C(()=>[l(d(B))]),_:1})],2)],64)),n.$slots.progress||n.showProgress?(E(),f(`div`,{key:1,class:i([d(k).e(`btn`),d(k).e(`progress`)])},[b(n.$slots,`progress`,{activeIndex:P.value,total:n.urlList.length},()=>[a(o(d(ye)),1)])],2)):u(`v-if`,!0),u(` ACTIONS `),e(`div`,{class:i([d(k).e(`btn`),d(k).e(`actions`)])},[e(`div`,{class:i(d(k).e(`actions__inner`))},[b(n.$slots,`toolbar`,{actions:$,prev:De,next:Oe,reset:Ee,activeIndex:P.value,setActiveItem:Q},()=>[l(d(V),{onClick:e=>$(`zoomOut`)},{default:C(()=>[l(d(H))]),_:1},8,[`onClick`]),l(d(V),{onClick:e=>$(`zoomIn`)},{default:C(()=>[l(d(de))]),_:1},8,[`onClick`]),e(`i`,{class:i(d(k).e(`actions__divider`))},null,2),l(d(V),{onClick:Ee},{default:C(()=>[(E(),x(T(d(F).icon)))]),_:1}),e(`i`,{class:i(d(k).e(`actions__divider`))},null,2),l(d(V),{onClick:e=>$(`anticlockwise`)},{default:C(()=>[l(d(ue))]),_:1},8,[`onClick`]),l(d(V),{onClick:e=>$(`clockwise`)},{default:C(()=>[l(d(z))]),_:1},8,[`onClick`])])],2)],2),u(` CANVAS `),e(`div`,{class:i(d(k).e(`canvas`))},[(E(!0),f(h,null,ie(n.urlList,(e,t)=>(E(),f(h,{key:t},[t===P.value?(E(),f(`img`,{key:0,ref_for:!0,ref:e=>oe.value[t]=e,src:e,style:w(d(ve)),class:i(d(k).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=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:()=>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:N(String)}}),Se={load:e=>e instanceof Event,error:e=>e instanceof Event,switch:e=>P(e),close:()=>!0,show:()=>!0},Ce=A(k(O({...O({name:`ElImage`,inheritAttrs:!1}),props:xe,emits:Se,setup(t,{expose:n,emit:a}){let l=t,{t:te}=pe(),v=ae(`image`),re=ne(),w=S(()=>oe(Object.entries(re).filter(([e])=>/^(data-|on[A-Z])/i.test(e)||[`id`,`style`].includes(e)))),ie=q({excludeListeners:!0,excludeKeys:S(()=>Object.keys(w.value))}),T=D(),O=D(!1),k=D(!0),A=D(!1),M=D(),N=D(),P=R&&`loading`in HTMLImageElement.prototype,F,se=S(()=>[v.e(`inner`),I.value&&v.e(`preview`),k.value&&v.is(`loading`)]),ce=S(()=>{let{fit:e}=l;return R&&e?{objectFit:e}:{}}),I=S(()=>{let{previewSrcList:e}=l;return m(e)&&e.length>0}),ue=S(()=>{let{previewSrcList:e,initialIndex:t}=l,n=t;return t>e.length-1&&(n=0),n}),z=S(()=>l.loading===`eager`?!1:!P&&l.loading===`lazy`||l.lazy),B=()=>{R&&(k.value=!0,O.value=!1,T.value=l.src)};function de(e){k.value=!1,O.value=!1,a(`load`,e)}function fe(e){k.value=!1,O.value=!0,a(`error`,e)}function V(){_e(M.value,N.value)&&(B(),W())}let H=le(V,200,!0);async function U(){if(!R)return;await s();let{scrollContainer:e}=l;j(e)?N.value=e:_(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&&(A.value=!0,a(`show`))}function me(){A.value=!1,a(`close`)}function J(e){a(`switch`,e)}return y(()=>l.src,()=>{z.value?(k.value=!0,O.value=!1,W(),U()):B()}),ee(()=>{z.value?U():B()}),n({showPreview:G}),(t,n)=>(E(),f(`div`,r({ref_key:`container`,ref:M},d(w),{class:[d(v).b(),t.$attrs.class]}),[O.value?b(t.$slots,`error`,{key:0},()=>[e(`div`,{class:i(d(v).e(`error`))},o(d(te)(`el.image.error`)),3)]):(E(),f(h,{key:1},[T.value===void 0?u(`v-if`,!0):(E(),f(`img`,r({key:0},d(ie),{src:T.value,loading:t.loading,style:d(ce),class:d(se),crossorigin:t.crossorigin,onClick:G,onLoad:de,onError:fe}),null,16,[`src`,`loading`,`crossorigin`])),k.value?(E(),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(I)?(E(),f(h,{key:2},[A.value?(E(),x(d(be),{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:me,onSwitch:J},p({toolbar:C(e=>[b(t.$slots,`toolbar`,c(g(e)))]),default:C(()=>[t.$slots.viewer?(E(),f(`div`,{key:0},[b(t.$slots,`viewer`)])):u(`v-if`,!0)]),_:2},[t.$slots.progress?{name:`progress`,fn:C(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 ne,mt as C,p as re,qt as w,rt as ie,st as T,tt as E,wt as D,z as O}from"./vendor-chart-Dw-P17PN.js";import{a as k,c as ae,t as A}from"./install-Cn-SLM3u.js";import{a as j,f as oe,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{Ei as q,Oi as J,_i as me,bi as Y,yi as he}from"./index-VRSN7bXk.js";var ge=`Expected a function`;function X(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 _e=(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},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=M({urlList:{type:N(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:N(String)}}),Z={close:()=>!0,switch:e=>P(e),rotate:e=>P(e)},be=A(k(O({...O({name:`ElImageViewer`}),props:ye,emits:Z,setup(r,{expose:c,emit:p}){let m=r,g={CONTAIN:{name:`contain`,icon:v(I)},ORIGINAL:{name:`original`,icon:v(ce)}},_,ne=``,{t:O}=pe(),k=ae(`image-viewer`),{nextZIndex:A}=W(),j=D(),oe=D([]),M=te(),N=D(!0),P=D(m.initialIndex),F=n(g.CONTAIN),R=D({scale:1,deg:0,offsetX:0,offsetY:0,enableTransition:!1}),le=D(m.zIndex??A()),G=S(()=>{let{urlList:e}=m;return e.length<=1}),K=S(()=>P.value===0),q=S(()=>P.value===m.urlList.length-1),J=S(()=>m.urlList[P.value]),ge=S(()=>[k.e(`btn`),k.e(`prev`),k.is(`disabled`,!m.infinite&&K.value)]),_e=S(()=>[k.e(`btn`),k.e(`next`),k.is(`disabled`,!m.infinite&&q.value)]),ve=S(()=>{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}),ye=S(()=>`${P.value+1} / ${m.urlList.length}`);function Z(){xe(),_?.(),document.body.style.overflow=ne,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})});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=O(`el.image.error`)}function we(e){if(N.value||e.button!==0||!j.value)return;R.value.enableTransition=!1;let{offsetX:t,offsetY:n}=R.value,r=e.pageX,i=e.pageY,a=X(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(){q.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&&Z()}function je(e){if(e.ctrlKey&&(e.deltaY<0||e.deltaY>0))return e.preventDefault(),!1}return y(J,()=>{s(()=>{oe.value[0]?.complete||(N.value=!0)})}),y(P,e=>{Te(),p(`switch`,e)}),ee(()=>{be(),_=L(`wheel`,je,{passive:!1}),ne=document.body.style.overflow,document.body.style.overflow=`hidden`}),c({setActiveItem:Q}),(n,r)=>(E(),x(d(me),{to:`body`,disabled:!n.teleported},{default:C(()=>[l(re,{name:`viewer-fade`,appear:``},{default:C(()=>[e(`div`,{ref_key:`wrapper`,ref:j,tabindex:-1,class:i(d(k).e(`wrapper`)),style:w({zIndex:le.value})},[l(d(he),{loop:``,trapped:``,"focus-trap-el":j.value,"focus-start-el":`container`,onFocusoutPrevented:ke,onReleaseRequested:Ae},{default:C(()=>[e(`div`,{class:i(d(k).e(`mask`)),onClick:t(e=>n.hideOnClickModal&&Z(),[`self`])},null,10,[`onClick`]),u(` CLOSE `),e(`span`,{class:i([d(k).e(`btn`),d(k).e(`close`)]),onClick:Z},[l(d(V),null,{default:C(()=>[l(d(se))]),_:1})],2),u(` ARROW `),d(G)?u(`v-if`,!0):(E(),f(h,{key:0},[e(`span`,{class:i(d(ge)),onClick:De},[l(d(V),null,{default:C(()=>[l(d(fe))]),_:1})],2),e(`span`,{class:i(d(_e)),onClick:Oe},[l(d(V),null,{default:C(()=>[l(d(B))]),_:1})],2)],64)),n.$slots.progress||n.showProgress?(E(),f(`div`,{key:1,class:i([d(k).e(`btn`),d(k).e(`progress`)])},[b(n.$slots,`progress`,{activeIndex:P.value,total:n.urlList.length},()=>[a(o(d(ye)),1)])],2)):u(`v-if`,!0),u(` ACTIONS `),e(`div`,{class:i([d(k).e(`btn`),d(k).e(`actions`)])},[e(`div`,{class:i(d(k).e(`actions__inner`))},[b(n.$slots,`toolbar`,{actions:$,prev:De,next:Oe,reset:Ee,activeIndex:P.value,setActiveItem:Q},()=>[l(d(V),{onClick:e=>$(`zoomOut`)},{default:C(()=>[l(d(H))]),_:1},8,[`onClick`]),l(d(V),{onClick:e=>$(`zoomIn`)},{default:C(()=>[l(d(de))]),_:1},8,[`onClick`]),e(`i`,{class:i(d(k).e(`actions__divider`))},null,2),l(d(V),{onClick:Ee},{default:C(()=>[(E(),x(T(d(F).icon)))]),_:1}),e(`i`,{class:i(d(k).e(`actions__divider`))},null,2),l(d(V),{onClick:e=>$(`anticlockwise`)},{default:C(()=>[l(d(ue))]),_:1},8,[`onClick`]),l(d(V),{onClick:e=>$(`clockwise`)},{default:C(()=>[l(d(z))]),_:1},8,[`onClick`])])],2)],2),u(` CANVAS `),e(`div`,{class:i(d(k).e(`canvas`))},[(E(!0),f(h,null,ie(n.urlList,(e,t)=>(E(),f(h,{key:t},[t===P.value?(E(),f(`img`,{key:0,ref_for:!0,ref:e=>oe.value[t]=e,src:e,style:w(d(ve)),class:i(d(k).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=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:()=>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:N(String)}}),Se={load:e=>e instanceof Event,error:e=>e instanceof Event,switch:e=>P(e),close:()=>!0,show:()=>!0},Ce=A(k(O({...O({name:`ElImage`,inheritAttrs:!1}),props:xe,emits:Se,setup(t,{expose:n,emit:a}){let l=t,{t:te}=pe(),v=ae(`image`),re=ne(),w=S(()=>oe(Object.entries(re).filter(([e])=>/^(data-|on[A-Z])/i.test(e)||[`id`,`style`].includes(e)))),ie=q({excludeListeners:!0,excludeKeys:S(()=>Object.keys(w.value))}),T=D(),O=D(!1),k=D(!0),A=D(!1),M=D(),N=D(),P=R&&`loading`in HTMLImageElement.prototype,F,se=S(()=>[v.e(`inner`),I.value&&v.e(`preview`),k.value&&v.is(`loading`)]),ce=S(()=>{let{fit:e}=l;return R&&e?{objectFit:e}:{}}),I=S(()=>{let{previewSrcList:e}=l;return m(e)&&e.length>0}),ue=S(()=>{let{previewSrcList:e,initialIndex:t}=l,n=t;return t>e.length-1&&(n=0),n}),z=S(()=>l.loading===`eager`?!1:!P&&l.loading===`lazy`||l.lazy),B=()=>{R&&(k.value=!0,O.value=!1,T.value=l.src)};function de(e){k.value=!1,O.value=!1,a(`load`,e)}function fe(e){k.value=!1,O.value=!0,a(`error`,e)}function V(){_e(M.value,N.value)&&(B(),W())}let H=le(V,200,!0);async function U(){if(!R)return;await s();let{scrollContainer:e}=l;j(e)?N.value=e:_(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&&(A.value=!0,a(`show`))}function J(){A.value=!1,a(`close`)}function me(e){a(`switch`,e)}return y(()=>l.src,()=>{z.value?(k.value=!0,O.value=!1,W(),U()):B()}),ee(()=>{z.value?U():B()}),n({showPreview:G}),(t,n)=>(E(),f(`div`,r({ref_key:`container`,ref:M},d(w),{class:[d(v).b(),t.$attrs.class]}),[O.value?b(t.$slots,`error`,{key:0},()=>[e(`div`,{class:i(d(v).e(`error`))},o(d(te)(`el.image.error`)),3)]):(E(),f(h,{key:1},[T.value===void 0?u(`v-if`,!0):(E(),f(`img`,r({key:0},d(ie),{src:T.value,loading:t.loading,style:d(ce),class:d(se),crossorigin:t.crossorigin,onClick:G,onLoad:de,onError:fe}),null,16,[`src`,`loading`,`crossorigin`])),k.value?(E(),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(I)?(E(),f(h,{key:2},[A.value?(E(),x(d(be),{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:J,onSwitch:me},p({toolbar:C(e=>[b(t.$slots,`toolbar`,c(g(e)))]),default:C(()=>[t.$slots.viewer?(E(),f(`div`,{key:0},[b(t.$slots,`viewer`)])):u(`v-if`,!0)]),_:2},[t.$slots.progress?{name:`progress`,fn:C(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};