@acedatacloud/nexior 3.244.0 → 3.245.0

package/dist/assets/{index-CLjjuhg1.js → index-zQVLPgK6.js}

@@ -1 +1 @@
-import{m as Ce,u as Y}from"./typescript-DIEKuFWY.js";import{d as ae,a9 as we,af as Pe,b as L,w as ve,n as Le,o as ze,q as h,x as me,y as g,C as d,T as Ae,E as I,R as be,Q as m,u as e,M as Me,J as C,H as z,O as q,z as x,I as Be,F as Ee,V as Xe,N as Ye,a as Ve,c as p,ag as Fe,A as ye,Z as He,a5 as ke,a6 as Ie,g as De,S as Ke}from"./vendor-vue-NSDaktjZ.js";import{bl as je,b as V,O as pe,K as _e,L as Z,E as Se,bG as We,bH as qe,ad as Ne,F as Oe,bI as Ze,ag as Ge,X as $,ah as Je,bJ as Qe,bK as Ue,bL as et,bM as tt,bN as at,bO as st,ai as nt,a1 as ot,b9 as X,G as Te,e as lt,a as rt,bP as it,bQ as ct}from"./index-9yzBQxhD.js";import{d as ut}from"./debounce-ChQFFCFI.js";import{u as dt}from"./index-Dew70PeJ.js";var ft="Expected a function";function fe(s,f,n){var o=!0,r=!0;if(typeof s!="function")throw new TypeError(ft);return je(n)&&(o="leading"in n?!!n.leading:o,r="trailing"in n?!!n.trailing:r),ut(s,f,{leading:o,maxWait:f,trailing:r})}const vt=(s,f)=>{if(!V||!s||!f)return!1;const n=s.getBoundingClientRect();let o;return f instanceof Element?o=f.getBoundingClientRect():o={top:0,right:window.innerWidth,bottom:window.innerHeight,left:0},n.top<o.bottom&&n.bottom>o.top&&n.right>o.left&&n.left<o.right},Ot=s=>{let f,n;return s.type==="touchend"?(n=s.changedTouches[0].clientY,f=s.changedTouches[0].clientX):s.type.startsWith("touch")?(n=s.touches[0].clientY,f=s.touches[0].clientX):(n=s.clientY,f=s.clientX),{clientX:f,clientY:n}},mt=_e({urlList:{type:Z(Array),default:()=>Ce([])},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:Z(String)}}),pt={close:()=>!0,switch:s=>pe(s),rotate:s=>pe(s)},gt=ae({name:"ElImageViewer"}),ht=ae({...gt,props:mt,emits:pt,setup(s,{expose:f,emit:n}){var o;const r=s,w={CONTAIN:{name:"contain",icon:we(qe)},ORIGINAL:{name:"original",icon:we(We)}};let F,H="";const{t:se}=Ne(),l=Oe("image-viewer"),{nextZIndex:P}=Ze(),E=L(),B=L([]),A=Pe(),v=L(!0),b=L(r.initialIndex),O=Ve(w.CONTAIN),c=L({scale:1,deg:0,offsetX:0,offsetY:0,enableTransition:!1}),ne=L((o=r.zIndex)!=null?o:P()),D=p(()=>{const{urlList:t}=r;return t.length<=1}),G=p(()=>b.value===0),K=p(()=>b.value===r.urlList.length-1),j=p(()=>r.urlList[b.value]),oe=p(()=>[l.e("btn"),l.e("prev"),l.is("disabled",!r.infinite&&G.value)]),le=p(()=>[l.e("btn"),l.e("next"),l.is("disabled",!r.infinite&&K.value)]),J=p(()=>{const{scale:t,deg:u,offsetX:i,offsetY:k,enableTransition:S}=c.value;let N=i/t,R=k/t;const W=u*Math.PI/180,ge=Math.cos(W),he=Math.sin(W);N=N*ge+R*he,R=R*ge-i/t*he;const de={transform:`scale(${t}) rotate(${u}deg) translate(${N}px, ${R}px)`,transition:S?"transform .3s":""};return O.value.name===w.CONTAIN.name&&(de.maxWidth=de.maxHeight="100%"),de}),Q=p(()=>`${b.value+1} / ${r.urlList.length}`);function M(){ee(),F?.(),document.body.style.overflow=H,n("close")}function U(){const t=fe(i=>{switch(i.code){case X.esc:r.closeOnPressEscape&&M();break;case X.space:_();break;case X.left:ce();break;case X.up:T("zoomIn");break;case X.right:ue();break;case X.down:T("zoomOut");break}}),u=fe(i=>{const k=i.deltaY||i.deltaX;T(k<0?"zoomIn":"zoomOut",{zoomRate:r.zoomRate,enableTransition:!1})});A.run(()=>{Y(document,"keydown",t),Y(document,"wheel",u)})}function ee(){A.stop()}function re(){v.value=!1}function ie(t){v.value=!1,t.target.alt=se("el.image.error")}function a(t){if(v.value||t.button!==0||!E.value)return;c.value.enableTransition=!1;const{offsetX:u,offsetY:i}=c.value,k=t.pageX,S=t.pageY,N=fe(W=>{c.value={...c.value,offsetX:u+W.pageX-k,offsetY:i+W.pageY-S}}),R=Y(document,"mousemove",N);Y(document,"mouseup",()=>{R()}),t.preventDefault()}function y(){c.value={scale:1,deg:0,offsetX:0,offsetY:0,enableTransition:!1}}function _(){if(v.value)return;const t=ot(w),u=Object.values(w),i=O.value.name,S=(u.findIndex(N=>N.name===i)+1)%t.length;O.value=w[t[S]],y()}function te(t){const u=r.urlList.length;b.value=(t+u)%u}function ce(){G.value&&!r.infinite||te(b.value-1)}function ue(){K.value&&!r.infinite||te(b.value+1)}function T(t,u={}){if(v.value)return;const{minScale:i,maxScale:k}=r,{zoomRate:S,rotateDeg:N,enableTransition:R}={zoomRate:r.zoomRate,rotateDeg:90,enableTransition:!0,...u};switch(t){case"zoomOut":c.value.scale>i&&(c.value.scale=Number.parseFloat((c.value.scale/S).toFixed(3)));break;case"zoomIn":c.value.scale<k&&(c.value.scale=Number.parseFloat((c.value.scale*S).toFixed(3)));break;case"clockwise":c.value.deg+=N,n("rotate",c.value.deg);break;case"anticlockwise":c.value.deg-=N,n("rotate",c.value.deg);break}c.value.enableTransition=R}function Re(t){var u;((u=t.detail)==null?void 0:u.focusReason)==="pointer"&&t.preventDefault()}function $e(){r.closeOnPressEscape&&M()}function xe(t){if(t.ctrlKey){if(t.deltaY<0)return t.preventDefault(),!1;if(t.deltaY>0)return t.preventDefault(),!1}}return ve(j,()=>{Le(()=>{const t=B.value[0];t?.complete||(v.value=!0)})}),ve(b,t=>{y(),n("switch",t)}),ze(()=>{U(),F=Y("wheel",xe,{passive:!1}),H=document.body.style.overflow,document.body.style.overflow="hidden"}),f({setActiveItem:te}),(t,u)=>(h(),me(e(nt),{to:"body",disabled:!t.teleported},{default:g(()=>[d(Ae,{name:"viewer-fade",appear:""},{default:g(()=>[I("div",{ref_key:"wrapper",ref:E,tabindex:-1,class:m(e(l).e("wrapper")),style:be({zIndex:ne.value})},[d(e(Ge),{loop:"",trapped:"","focus-trap-el":E.value,"focus-start-el":"container",onFocusoutPrevented:Re,onReleaseRequested:$e},{default:g(()=>[I("div",{class:m(e(l).e("mask")),onClick:Me(i=>t.hideOnClickModal&&M(),["self"])},null,10,["onClick"]),C(" CLOSE "),I("span",{class:m([e(l).e("btn"),e(l).e("close")]),onClick:M},[d(e($),null,{default:g(()=>[d(e(Je))]),_:1})],2),C(" ARROW "),e(D)?C("v-if",!0):(h(),z(q,{key:0},[I("span",{class:m(e(oe)),onClick:ce},[d(e($),null,{default:g(()=>[d(e(Qe))]),_:1})],2),I("span",{class:m(e(le)),onClick:ue},[d(e($),null,{default:g(()=>[d(e(Ue))]),_:1})],2)],64)),t.$slots.progress||t.showProgress?(h(),z("div",{key:1,class:m([e(l).e("btn"),e(l).e("progress")])},[x(t.$slots,"progress",{activeIndex:b.value,total:t.urlList.length},()=>[Be(Ee(e(Q)),1)])],2)):C("v-if",!0),C(" ACTIONS "),I("div",{class:m([e(l).e("btn"),e(l).e("actions")])},[I("div",{class:m(e(l).e("actions__inner"))},[x(t.$slots,"toolbar",{actions:T,prev:ce,next:ue,reset:_,activeIndex:b.value,setActiveItem:te},()=>[d(e($),{onClick:i=>T("zoomOut")},{default:g(()=>[d(e(et))]),_:1},8,["onClick"]),d(e($),{onClick:i=>T("zoomIn")},{default:g(()=>[d(e(tt))]),_:1},8,["onClick"]),I("i",{class:m(e(l).e("actions__divider"))},null,2),d(e($),{onClick:_},{default:g(()=>[(h(),me(Xe(e(O).icon)))]),_:1}),I("i",{class:m(e(l).e("actions__divider"))},null,2),d(e($),{onClick:i=>T("anticlockwise")},{default:g(()=>[d(e(at))]),_:1},8,["onClick"]),d(e($),{onClick:i=>T("clockwise")},{default:g(()=>[d(e(st))]),_:1},8,["onClick"])])],2)],2),C(" CANVAS "),I("div",{class:m(e(l).e("canvas"))},[(h(!0),z(q,null,Ye(t.urlList,(i,k)=>(h(),z(q,{key:k},[k===b.value?(h(),z("img",{key:0,ref_for:!0,ref:S=>B.value[k]=S,src:i,style:be(e(J)),class:m(e(l).e("img")),crossorigin:t.crossorigin,onLoad:re,onError:ie,onMousedown:a},null,46,["src","crossorigin"])):C("v-if",!0)],64))),128))],2),x(t.$slots,"default")]),_:3},8,["focus-trap-el"])],6)]),_:3})]),_:3},8,["disabled"]))}});var wt=Se(ht,[["__file","image-viewer.vue"]]);const bt=Te(wt),yt=_e({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:Z([String,Object])},previewSrcList:{type:Z(Array),default:()=>Ce([])},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:Z(String)}}),kt={load:s=>s instanceof Event,error:s=>s instanceof Event,switch:s=>pe(s),close:()=>!0,show:()=>!0},It=ae({name:"ElImage",inheritAttrs:!1}),Ct=ae({...It,props:yt,emits:kt,setup(s,{expose:f,emit:n}){const o=s,{t:r}=Ne(),w=Oe("image"),F=Fe(),H=p(()=>lt(Object.entries(F).filter(([a])=>/^(data-|on[A-Z])/i.test(a)||["id","style"].includes(a)))),se=dt({excludeListeners:!0,excludeKeys:p(()=>Object.keys(H.value))}),l=L(),P=L(!1),E=L(!0),B=L(!1),A=L(),v=L(),b=V&&"loading"in HTMLImageElement.prototype;let O;const c=p(()=>[w.e("inner"),D.value&&w.e("preview"),E.value&&w.is("loading")]),ne=p(()=>{const{fit:a}=o;return V&&a?{objectFit:a}:{}}),D=p(()=>{const{previewSrcList:a}=o;return De(a)&&a.length>0}),G=p(()=>{const{previewSrcList:a,initialIndex:y}=o;let _=y;return y>a.length-1&&(_=0),_}),K=p(()=>o.loading==="eager"?!1:!b&&o.loading==="lazy"||o.lazy),j=()=>{V&&(E.value=!0,P.value=!1,l.value=o.src)};function oe(a){E.value=!1,P.value=!1,n("load",a)}function le(a){E.value=!1,P.value=!0,n("error",a)}function J(){vt(A.value,v.value)&&(j(),U())}const Q=ct(J,200,!0);async function M(){var a;if(!V)return;await Le();const{scrollContainer:y}=o;rt(y)?v.value=y:Ke(y)&&y!==""?v.value=(a=document.querySelector(y))!=null?a:void 0:A.value&&(v.value=it(A.value)),v.value&&(O=Y(v,"scroll",Q),setTimeout(()=>J(),100))}function U(){!V||!v.value||!Q||(O?.(),v.value=void 0)}function ee(){D.value&&(B.value=!0,n("show"))}function re(){B.value=!1,n("close")}function ie(a){n("switch",a)}return ve(()=>o.src,()=>{K.value?(E.value=!0,P.value=!1,U(),M()):j()}),ze(()=>{K.value?M():j()}),f({showPreview:ee}),(a,y)=>(h(),z("div",ye({ref_key:"container",ref:A},e(H),{class:[e(w).b(),a.$attrs.class]}),[P.value?x(a.$slots,"error",{key:0},()=>[I("div",{class:m(e(w).e("error"))},Ee(e(r)("el.image.error")),3)]):(h(),z(q,{key:1},[l.value!==void 0?(h(),z("img",ye({key:0},e(se),{src:l.value,loading:a.loading,style:e(ne),class:e(c),crossorigin:a.crossorigin,onClick:ee,onLoad:oe,onError:le}),null,16,["src","loading","crossorigin"])):C("v-if",!0),E.value?(h(),z("div",{key:1,class:m(e(w).e("wrapper"))},[x(a.$slots,"placeholder",{},()=>[I("div",{class:m(e(w).e("placeholder"))},null,2)])],2)):C("v-if",!0)],64)),e(D)?(h(),z(q,{key:2},[B.value?(h(),me(e(bt),{key:0,"z-index":a.zIndex,"initial-index":e(G),infinite:a.infinite,"zoom-rate":a.zoomRate,"min-scale":a.minScale,"max-scale":a.maxScale,"show-progress":a.showProgress,"url-list":a.previewSrcList,crossorigin:a.crossorigin,"hide-on-click-modal":a.hideOnClickModal,teleported:a.previewTeleported,"close-on-press-escape":a.closeOnPressEscape,onClose:re,onSwitch:ie},He({toolbar:g(_=>[x(a.$slots,"toolbar",ke(Ie(_)))]),default:g(()=>[a.$slots.viewer?(h(),z("div",{key:0},[x(a.$slots,"viewer")])):C("v-if",!0)]),_:2},[a.$slots.progress?{name:"progress",fn:g(_=>[x(a.$slots,"progress",ke(Ie(_)))])}: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"])):C("v-if",!0)],64)):C("v-if",!0)],16))}});var Lt=Se(Ct,[["__file","image.vue"]]);const Tt=Te(Lt);export{Tt as E,Ot as g};
+import{m as Ce,u as Y}from"./typescript-BLCUSKq0.js";import{d as ae,a9 as we,af as Pe,b as L,w as ve,n as Le,o as ze,q as h,x as me,y as g,C as d,T as Ae,E as I,R as be,Q as m,u as e,M as Me,J as C,H as z,O as q,z as x,I as Be,F as Ee,V as Xe,N as Ye,a as Ve,c as p,ag as Fe,A as ye,Z as He,a5 as ke,a6 as Ie,g as De,S as Ke}from"./vendor-vue-NSDaktjZ.js";import{bl as je,b as V,O as pe,K as _e,L as Z,E as Se,bG as We,bH as qe,ad as Ne,F as Oe,bI as Ze,ag as Ge,X as $,ah as Je,bJ as Qe,bK as Ue,bL as et,bM as tt,bN as at,bO as st,ai as nt,a1 as ot,b9 as X,G as Te,e as lt,a as rt,bP as it,bQ as ct}from"./index-CHmtGf4A.js";import{d as ut}from"./debounce-B45cyiqt.js";import{u as dt}from"./index-z-mp0ifB.js";var ft="Expected a function";function fe(s,f,n){var o=!0,r=!0;if(typeof s!="function")throw new TypeError(ft);return je(n)&&(o="leading"in n?!!n.leading:o,r="trailing"in n?!!n.trailing:r),ut(s,f,{leading:o,maxWait:f,trailing:r})}const vt=(s,f)=>{if(!V||!s||!f)return!1;const n=s.getBoundingClientRect();let o;return f instanceof Element?o=f.getBoundingClientRect():o={top:0,right:window.innerWidth,bottom:window.innerHeight,left:0},n.top<o.bottom&&n.bottom>o.top&&n.right>o.left&&n.left<o.right},Ot=s=>{let f,n;return s.type==="touchend"?(n=s.changedTouches[0].clientY,f=s.changedTouches[0].clientX):s.type.startsWith("touch")?(n=s.touches[0].clientY,f=s.touches[0].clientX):(n=s.clientY,f=s.clientX),{clientX:f,clientY:n}},mt=_e({urlList:{type:Z(Array),default:()=>Ce([])},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:Z(String)}}),pt={close:()=>!0,switch:s=>pe(s),rotate:s=>pe(s)},gt=ae({name:"ElImageViewer"}),ht=ae({...gt,props:mt,emits:pt,setup(s,{expose:f,emit:n}){var o;const r=s,w={CONTAIN:{name:"contain",icon:we(qe)},ORIGINAL:{name:"original",icon:we(We)}};let F,H="";const{t:se}=Ne(),l=Oe("image-viewer"),{nextZIndex:P}=Ze(),E=L(),B=L([]),A=Pe(),v=L(!0),b=L(r.initialIndex),O=Ve(w.CONTAIN),c=L({scale:1,deg:0,offsetX:0,offsetY:0,enableTransition:!1}),ne=L((o=r.zIndex)!=null?o:P()),D=p(()=>{const{urlList:t}=r;return t.length<=1}),G=p(()=>b.value===0),K=p(()=>b.value===r.urlList.length-1),j=p(()=>r.urlList[b.value]),oe=p(()=>[l.e("btn"),l.e("prev"),l.is("disabled",!r.infinite&&G.value)]),le=p(()=>[l.e("btn"),l.e("next"),l.is("disabled",!r.infinite&&K.value)]),J=p(()=>{const{scale:t,deg:u,offsetX:i,offsetY:k,enableTransition:S}=c.value;let N=i/t,R=k/t;const W=u*Math.PI/180,ge=Math.cos(W),he=Math.sin(W);N=N*ge+R*he,R=R*ge-i/t*he;const de={transform:`scale(${t}) rotate(${u}deg) translate(${N}px, ${R}px)`,transition:S?"transform .3s":""};return O.value.name===w.CONTAIN.name&&(de.maxWidth=de.maxHeight="100%"),de}),Q=p(()=>`${b.value+1} / ${r.urlList.length}`);function M(){ee(),F?.(),document.body.style.overflow=H,n("close")}function U(){const t=fe(i=>{switch(i.code){case X.esc:r.closeOnPressEscape&&M();break;case X.space:_();break;case X.left:ce();break;case X.up:T("zoomIn");break;case X.right:ue();break;case X.down:T("zoomOut");break}}),u=fe(i=>{const k=i.deltaY||i.deltaX;T(k<0?"zoomIn":"zoomOut",{zoomRate:r.zoomRate,enableTransition:!1})});A.run(()=>{Y(document,"keydown",t),Y(document,"wheel",u)})}function ee(){A.stop()}function re(){v.value=!1}function ie(t){v.value=!1,t.target.alt=se("el.image.error")}function a(t){if(v.value||t.button!==0||!E.value)return;c.value.enableTransition=!1;const{offsetX:u,offsetY:i}=c.value,k=t.pageX,S=t.pageY,N=fe(W=>{c.value={...c.value,offsetX:u+W.pageX-k,offsetY:i+W.pageY-S}}),R=Y(document,"mousemove",N);Y(document,"mouseup",()=>{R()}),t.preventDefault()}function y(){c.value={scale:1,deg:0,offsetX:0,offsetY:0,enableTransition:!1}}function _(){if(v.value)return;const t=ot(w),u=Object.values(w),i=O.value.name,S=(u.findIndex(N=>N.name===i)+1)%t.length;O.value=w[t[S]],y()}function te(t){const u=r.urlList.length;b.value=(t+u)%u}function ce(){G.value&&!r.infinite||te(b.value-1)}function ue(){K.value&&!r.infinite||te(b.value+1)}function T(t,u={}){if(v.value)return;const{minScale:i,maxScale:k}=r,{zoomRate:S,rotateDeg:N,enableTransition:R}={zoomRate:r.zoomRate,rotateDeg:90,enableTransition:!0,...u};switch(t){case"zoomOut":c.value.scale>i&&(c.value.scale=Number.parseFloat((c.value.scale/S).toFixed(3)));break;case"zoomIn":c.value.scale<k&&(c.value.scale=Number.parseFloat((c.value.scale*S).toFixed(3)));break;case"clockwise":c.value.deg+=N,n("rotate",c.value.deg);break;case"anticlockwise":c.value.deg-=N,n("rotate",c.value.deg);break}c.value.enableTransition=R}function Re(t){var u;((u=t.detail)==null?void 0:u.focusReason)==="pointer"&&t.preventDefault()}function $e(){r.closeOnPressEscape&&M()}function xe(t){if(t.ctrlKey){if(t.deltaY<0)return t.preventDefault(),!1;if(t.deltaY>0)return t.preventDefault(),!1}}return ve(j,()=>{Le(()=>{const t=B.value[0];t?.complete||(v.value=!0)})}),ve(b,t=>{y(),n("switch",t)}),ze(()=>{U(),F=Y("wheel",xe,{passive:!1}),H=document.body.style.overflow,document.body.style.overflow="hidden"}),f({setActiveItem:te}),(t,u)=>(h(),me(e(nt),{to:"body",disabled:!t.teleported},{default:g(()=>[d(Ae,{name:"viewer-fade",appear:""},{default:g(()=>[I("div",{ref_key:"wrapper",ref:E,tabindex:-1,class:m(e(l).e("wrapper")),style:be({zIndex:ne.value})},[d(e(Ge),{loop:"",trapped:"","focus-trap-el":E.value,"focus-start-el":"container",onFocusoutPrevented:Re,onReleaseRequested:$e},{default:g(()=>[I("div",{class:m(e(l).e("mask")),onClick:Me(i=>t.hideOnClickModal&&M(),["self"])},null,10,["onClick"]),C(" CLOSE "),I("span",{class:m([e(l).e("btn"),e(l).e("close")]),onClick:M},[d(e($),null,{default:g(()=>[d(e(Je))]),_:1})],2),C(" ARROW "),e(D)?C("v-if",!0):(h(),z(q,{key:0},[I("span",{class:m(e(oe)),onClick:ce},[d(e($),null,{default:g(()=>[d(e(Qe))]),_:1})],2),I("span",{class:m(e(le)),onClick:ue},[d(e($),null,{default:g(()=>[d(e(Ue))]),_:1})],2)],64)),t.$slots.progress||t.showProgress?(h(),z("div",{key:1,class:m([e(l).e("btn"),e(l).e("progress")])},[x(t.$slots,"progress",{activeIndex:b.value,total:t.urlList.length},()=>[Be(Ee(e(Q)),1)])],2)):C("v-if",!0),C(" ACTIONS "),I("div",{class:m([e(l).e("btn"),e(l).e("actions")])},[I("div",{class:m(e(l).e("actions__inner"))},[x(t.$slots,"toolbar",{actions:T,prev:ce,next:ue,reset:_,activeIndex:b.value,setActiveItem:te},()=>[d(e($),{onClick:i=>T("zoomOut")},{default:g(()=>[d(e(et))]),_:1},8,["onClick"]),d(e($),{onClick:i=>T("zoomIn")},{default:g(()=>[d(e(tt))]),_:1},8,["onClick"]),I("i",{class:m(e(l).e("actions__divider"))},null,2),d(e($),{onClick:_},{default:g(()=>[(h(),me(Xe(e(O).icon)))]),_:1}),I("i",{class:m(e(l).e("actions__divider"))},null,2),d(e($),{onClick:i=>T("anticlockwise")},{default:g(()=>[d(e(at))]),_:1},8,["onClick"]),d(e($),{onClick:i=>T("clockwise")},{default:g(()=>[d(e(st))]),_:1},8,["onClick"])])],2)],2),C(" CANVAS "),I("div",{class:m(e(l).e("canvas"))},[(h(!0),z(q,null,Ye(t.urlList,(i,k)=>(h(),z(q,{key:k},[k===b.value?(h(),z("img",{key:0,ref_for:!0,ref:S=>B.value[k]=S,src:i,style:be(e(J)),class:m(e(l).e("img")),crossorigin:t.crossorigin,onLoad:re,onError:ie,onMousedown:a},null,46,["src","crossorigin"])):C("v-if",!0)],64))),128))],2),x(t.$slots,"default")]),_:3},8,["focus-trap-el"])],6)]),_:3})]),_:3},8,["disabled"]))}});var wt=Se(ht,[["__file","image-viewer.vue"]]);const bt=Te(wt),yt=_e({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:Z([String,Object])},previewSrcList:{type:Z(Array),default:()=>Ce([])},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:Z(String)}}),kt={load:s=>s instanceof Event,error:s=>s instanceof Event,switch:s=>pe(s),close:()=>!0,show:()=>!0},It=ae({name:"ElImage",inheritAttrs:!1}),Ct=ae({...It,props:yt,emits:kt,setup(s,{expose:f,emit:n}){const o=s,{t:r}=Ne(),w=Oe("image"),F=Fe(),H=p(()=>lt(Object.entries(F).filter(([a])=>/^(data-|on[A-Z])/i.test(a)||["id","style"].includes(a)))),se=dt({excludeListeners:!0,excludeKeys:p(()=>Object.keys(H.value))}),l=L(),P=L(!1),E=L(!0),B=L(!1),A=L(),v=L(),b=V&&"loading"in HTMLImageElement.prototype;let O;const c=p(()=>[w.e("inner"),D.value&&w.e("preview"),E.value&&w.is("loading")]),ne=p(()=>{const{fit:a}=o;return V&&a?{objectFit:a}:{}}),D=p(()=>{const{previewSrcList:a}=o;return De(a)&&a.length>0}),G=p(()=>{const{previewSrcList:a,initialIndex:y}=o;let _=y;return y>a.length-1&&(_=0),_}),K=p(()=>o.loading==="eager"?!1:!b&&o.loading==="lazy"||o.lazy),j=()=>{V&&(E.value=!0,P.value=!1,l.value=o.src)};function oe(a){E.value=!1,P.value=!1,n("load",a)}function le(a){E.value=!1,P.value=!0,n("error",a)}function J(){vt(A.value,v.value)&&(j(),U())}const Q=ct(J,200,!0);async function M(){var a;if(!V)return;await Le();const{scrollContainer:y}=o;rt(y)?v.value=y:Ke(y)&&y!==""?v.value=(a=document.querySelector(y))!=null?a:void 0:A.value&&(v.value=it(A.value)),v.value&&(O=Y(v,"scroll",Q),setTimeout(()=>J(),100))}function U(){!V||!v.value||!Q||(O?.(),v.value=void 0)}function ee(){D.value&&(B.value=!0,n("show"))}function re(){B.value=!1,n("close")}function ie(a){n("switch",a)}return ve(()=>o.src,()=>{K.value?(E.value=!0,P.value=!1,U(),M()):j()}),ze(()=>{K.value?M():j()}),f({showPreview:ee}),(a,y)=>(h(),z("div",ye({ref_key:"container",ref:A},e(H),{class:[e(w).b(),a.$attrs.class]}),[P.value?x(a.$slots,"error",{key:0},()=>[I("div",{class:m(e(w).e("error"))},Ee(e(r)("el.image.error")),3)]):(h(),z(q,{key:1},[l.value!==void 0?(h(),z("img",ye({key:0},e(se),{src:l.value,loading:a.loading,style:e(ne),class:e(c),crossorigin:a.crossorigin,onClick:ee,onLoad:oe,onError:le}),null,16,["src","loading","crossorigin"])):C("v-if",!0),E.value?(h(),z("div",{key:1,class:m(e(w).e("wrapper"))},[x(a.$slots,"placeholder",{},()=>[I("div",{class:m(e(w).e("placeholder"))},null,2)])],2)):C("v-if",!0)],64)),e(D)?(h(),z(q,{key:2},[B.value?(h(),me(e(bt),{key:0,"z-index":a.zIndex,"initial-index":e(G),infinite:a.infinite,"zoom-rate":a.zoomRate,"min-scale":a.minScale,"max-scale":a.maxScale,"show-progress":a.showProgress,"url-list":a.previewSrcList,crossorigin:a.crossorigin,"hide-on-click-modal":a.hideOnClickModal,teleported:a.previewTeleported,"close-on-press-escape":a.closeOnPressEscape,onClose:re,onSwitch:ie},He({toolbar:g(_=>[x(a.$slots,"toolbar",ke(Ie(_)))]),default:g(()=>[a.$slots.viewer?(h(),z("div",{key:0},[x(a.$slots,"viewer")])):C("v-if",!0)]),_:2},[a.$slots.progress?{name:"progress",fn:g(_=>[x(a.$slots,"progress",ke(Ie(_)))])}: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"])):C("v-if",!0)],64)):C("v-if",!0)],16))}});var Lt=Se(Ct,[["__file","image.vue"]]);const Tt=Te(Lt);export{Tt as E,Ot as g};