@acedatacloud/nexior 3.78.0 → 3.80.0

package/dist/assets/{index-CiJav9LG.js → index-BUVcPh2o.js}

@@ -1 +1 @@
-import{m as Ce,u as F}from"./typescript-95dblpDU.js";import{d as te,a7 as he,ad as Ae,b as C,w as ve,n as Le,o as ze,q as g,x as me,y as p,C as d,T as Pe,E as k,R as ye,Q as v,u as e,M as Be,J as I,H as L,O as W,z as x,I as Me,F as Ee,V as Ve,N as Fe,a as Xe,c as m,ae as Ye,A as be,af as He,a3 as ke,a4 as Ie,g as De,S as je}from"./vendor-vue-C5BV5QrY.js";import{aX as qe,b as X,L as pe,H as _e,I as Z,y as Se,bi as Ke,bj as We,ae as Ne,z as Oe,bk as Ze,ah as Ge,R as $,$ as Je,bl as Qe,bm as Ue,bn as ea,bo as aa,bp as ta,bq as sa,ai as na,a2 as oa,aN as V,A as Re,e as la,a as ra,br as ia,bs as ca}from"./index-B0caVh2Q.js";import{d as ua}from"./debounce-Ci3WyGOy.js";import{u as da}from"./index-Cv2kaSs6.js";var fa="Expected a function";function fe(i,z,l){var s=!0,o=!0;if(typeof i!="function")throw new TypeError(fa);return qe(l)&&(s="leading"in l?!!l.leading:s,o="trailing"in l?!!l.trailing:o),ua(i,z,{leading:s,maxWait:z,trailing:o})}const va=(i,z)=>{if(!X||!i||!z)return!1;const l=i.getBoundingClientRect();let s;return z instanceof Element?s=z.getBoundingClientRect():s={top:0,right:window.innerWidth,bottom:window.innerHeight,left:0},l.top<s.bottom&&l.bottom>s.top&&l.right>s.left&&l.left<s.right},ma=_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)}}),pa={close:()=>!0,switch:i=>pe(i),rotate:i=>pe(i)},ga=te({name:"ElImageViewer"}),wa=te({...ga,props:ma,emits:pa,setup(i,{expose:z,emit:l}){var s;const o=i,w={CONTAIN:{name:"contain",icon:he(We)},ORIGINAL:{name:"original",icon:he(Ke)}};let Y,H="";const{t:se}=Ne(),n=Oe("image-viewer"),{nextZIndex:A}=Ze(),E=C(),M=C([]),P=Ae(),f=C(!0),h=C(o.initialIndex),O=Xe(w.CONTAIN),c=C({scale:1,deg:0,offsetX:0,offsetY:0,enableTransition:!1}),ne=C((s=o.zIndex)!=null?s:A()),D=m(()=>{const{urlList:a}=o;return a.length<=1}),G=m(()=>h.value===0),j=m(()=>h.value===o.urlList.length-1),q=m(()=>o.urlList[h.value]),oe=m(()=>[n.e("btn"),n.e("prev"),n.is("disabled",!o.infinite&&G.value)]),le=m(()=>[n.e("btn"),n.e("next"),n.is("disabled",!o.infinite&&j.value)]),J=m(()=>{const{scale:a,deg:u,offsetX:r,offsetY:b,enableTransition:S}=c.value;let N=r/a,T=b/a;const K=u*Math.PI/180,ge=Math.cos(K),we=Math.sin(K);N=N*ge+T*we,T=T*ge-r/a*we;const de={transform:`scale(${a}) rotate(${u}deg) translate(${N}px, ${T}px)`,transition:S?"transform .3s":""};return O.value.name===w.CONTAIN.name&&(de.maxWidth=de.maxHeight="100%"),de}),Q=m(()=>`${h.value+1} / ${o.urlList.length}`);function B(){ee(),Y?.(),document.body.style.overflow=H,l("close")}function U(){const a=fe(r=>{switch(r.code){case V.esc:o.closeOnPressEscape&&B();break;case V.space:_();break;case V.left:ce();break;case V.up:R("zoomIn");break;case V.right:ue();break;case V.down:R("zoomOut");break}}),u=fe(r=>{const b=r.deltaY||r.deltaX;R(b<0?"zoomIn":"zoomOut",{zoomRate:o.zoomRate,enableTransition:!1})});P.run(()=>{F(document,"keydown",a),F(document,"wheel",u)})}function ee(){P.stop()}function re(){f.value=!1}function ie(a){f.value=!1,a.target.alt=se("el.image.error")}function t(a){if(f.value||a.button!==0||!E.value)return;c.value.enableTransition=!1;const{offsetX:u,offsetY:r}=c.value,b=a.pageX,S=a.pageY,N=fe(K=>{c.value={...c.value,offsetX:u+K.pageX-b,offsetY:r+K.pageY-S}}),T=F(document,"mousemove",N);F(document,"mouseup",()=>{T()}),a.preventDefault()}function y(){c.value={scale:1,deg:0,offsetX:0,offsetY:0,enableTransition:!1}}function _(){if(f.value)return;const a=oa(w),u=Object.values(w),r=O.value.name,S=(u.findIndex(N=>N.name===r)+1)%a.length;O.value=w[a[S]],y()}function ae(a){const u=o.urlList.length;h.value=(a+u)%u}function ce(){G.value&&!o.infinite||ae(h.value-1)}function ue(){j.value&&!o.infinite||ae(h.value+1)}function R(a,u={}){if(f.value)return;const{minScale:r,maxScale:b}=o,{zoomRate:S,rotateDeg:N,enableTransition:T}={zoomRate:o.zoomRate,rotateDeg:90,enableTransition:!0,...u};switch(a){case"zoomOut":c.value.scale>r&&(c.value.scale=Number.parseFloat((c.value.scale/S).toFixed(3)));break;case"zoomIn":c.value.scale<b&&(c.value.scale=Number.parseFloat((c.value.scale*S).toFixed(3)));break;case"clockwise":c.value.deg+=N,l("rotate",c.value.deg);break;case"anticlockwise":c.value.deg-=N,l("rotate",c.value.deg);break}c.value.enableTransition=T}function Te(a){var u;((u=a.detail)==null?void 0:u.focusReason)==="pointer"&&a.preventDefault()}function $e(){o.closeOnPressEscape&&B()}function xe(a){if(a.ctrlKey){if(a.deltaY<0)return a.preventDefault(),!1;if(a.deltaY>0)return a.preventDefault(),!1}}return ve(q,()=>{Le(()=>{const a=M.value[0];a?.complete||(f.value=!0)})}),ve(h,a=>{y(),l("switch",a)}),ze(()=>{U(),Y=F("wheel",xe,{passive:!1}),H=document.body.style.overflow,document.body.style.overflow="hidden"}),z({setActiveItem:ae}),(a,u)=>(g(),me(e(na),{to:"body",disabled:!a.teleported},{default:p(()=>[d(Pe,{name:"viewer-fade",appear:""},{default:p(()=>[k("div",{ref_key:"wrapper",ref:E,tabindex:-1,class:v(e(n).e("wrapper")),style:ye({zIndex:ne.value})},[d(e(Ge),{loop:"",trapped:"","focus-trap-el":E.value,"focus-start-el":"container",onFocusoutPrevented:Te,onReleaseRequested:$e},{default:p(()=>[k("div",{class:v(e(n).e("mask")),onClick:Be(r=>a.hideOnClickModal&&B(),["self"])},null,10,["onClick"]),I(" CLOSE "),k("span",{class:v([e(n).e("btn"),e(n).e("close")]),onClick:B},[d(e($),null,{default:p(()=>[d(e(Je))]),_:1})],2),I(" ARROW "),e(D)?I("v-if",!0):(g(),L(W,{key:0},[k("span",{class:v(e(oe)),onClick:ce},[d(e($),null,{default:p(()=>[d(e(Qe))]),_:1})],2),k("span",{class:v(e(le)),onClick:ue},[d(e($),null,{default:p(()=>[d(e(Ue))]),_:1})],2)],64)),a.$slots.progress||a.showProgress?(g(),L("div",{key:1,class:v([e(n).e("btn"),e(n).e("progress")])},[x(a.$slots,"progress",{activeIndex:h.value,total:a.urlList.length},()=>[Me(Ee(e(Q)),1)])],2)):I("v-if",!0),I(" ACTIONS "),k("div",{class:v([e(n).e("btn"),e(n).e("actions")])},[k("div",{class:v(e(n).e("actions__inner"))},[x(a.$slots,"toolbar",{actions:R,prev:ce,next:ue,reset:_,activeIndex:h.value,setActiveItem:ae},()=>[d(e($),{onClick:r=>R("zoomOut")},{default:p(()=>[d(e(ea))]),_:1},8,["onClick"]),d(e($),{onClick:r=>R("zoomIn")},{default:p(()=>[d(e(aa))]),_:1},8,["onClick"]),k("i",{class:v(e(n).e("actions__divider"))},null,2),d(e($),{onClick:_},{default:p(()=>[(g(),me(Ve(e(O).icon)))]),_:1}),k("i",{class:v(e(n).e("actions__divider"))},null,2),d(e($),{onClick:r=>R("anticlockwise")},{default:p(()=>[d(e(ta))]),_:1},8,["onClick"]),d(e($),{onClick:r=>R("clockwise")},{default:p(()=>[d(e(sa))]),_:1},8,["onClick"])])],2)],2),I(" CANVAS "),k("div",{class:v(e(n).e("canvas"))},[(g(!0),L(W,null,Fe(a.urlList,(r,b)=>(g(),L(W,{key:b},[b===h.value?(g(),L("img",{key:0,ref_for:!0,ref:S=>M.value[b]=S,src:r,style:ye(e(J)),class:v(e(n).e("img")),crossorigin:a.crossorigin,onLoad:re,onError:ie,onMousedown:t},null,46,["src","crossorigin"])):I("v-if",!0)],64))),128))],2),x(a.$slots,"default")]),_:3},8,["focus-trap-el"])],6)]),_:3})]),_:3},8,["disabled"]))}});var ha=Se(wa,[["__file","image-viewer.vue"]]);const ya=Re(ha),ba=_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)}}),ka={load:i=>i instanceof Event,error:i=>i instanceof Event,switch:i=>pe(i),close:()=>!0,show:()=>!0},Ia=te({name:"ElImage",inheritAttrs:!1}),Ca=te({...Ia,props:ba,emits:ka,setup(i,{expose:z,emit:l}){const s=i,{t:o}=Ne(),w=Oe("image"),Y=Ye(),H=m(()=>la(Object.entries(Y).filter(([t])=>/^(data-|on[A-Z])/i.test(t)||["id","style"].includes(t)))),se=da({excludeListeners:!0,excludeKeys:m(()=>Object.keys(H.value))}),n=C(),A=C(!1),E=C(!0),M=C(!1),P=C(),f=C(),h=X&&"loading"in HTMLImageElement.prototype;let O;const c=m(()=>[w.e("inner"),D.value&&w.e("preview"),E.value&&w.is("loading")]),ne=m(()=>{const{fit:t}=s;return X&&t?{objectFit:t}:{}}),D=m(()=>{const{previewSrcList:t}=s;return De(t)&&t.length>0}),G=m(()=>{const{previewSrcList:t,initialIndex:y}=s;let _=y;return y>t.length-1&&(_=0),_}),j=m(()=>s.loading==="eager"?!1:!h&&s.loading==="lazy"||s.lazy),q=()=>{X&&(E.value=!0,A.value=!1,n.value=s.src)};function oe(t){E.value=!1,A.value=!1,l("load",t)}function le(t){E.value=!1,A.value=!0,l("error",t)}function J(){va(P.value,f.value)&&(q(),U())}const Q=ca(J,200,!0);async function B(){var t;if(!X)return;await Le();const{scrollContainer:y}=s;ra(y)?f.value=y:je(y)&&y!==""?f.value=(t=document.querySelector(y))!=null?t:void 0:P.value&&(f.value=ia(P.value)),f.value&&(O=F(f,"scroll",Q),setTimeout(()=>J(),100))}function U(){!X||!f.value||!Q||(O?.(),f.value=void 0)}function ee(){D.value&&(M.value=!0,l("show"))}function re(){M.value=!1,l("close")}function ie(t){l("switch",t)}return ve(()=>s.src,()=>{j.value?(E.value=!0,A.value=!1,U(),B()):q()}),ze(()=>{j.value?B():q()}),z({showPreview:ee}),(t,y)=>(g(),L("div",be({ref_key:"container",ref:P},e(H),{class:[e(w).b(),t.$attrs.class]}),[A.value?x(t.$slots,"error",{key:0},()=>[k("div",{class:v(e(w).e("error"))},Ee(e(o)("el.image.error")),3)]):(g(),L(W,{key:1},[n.value!==void 0?(g(),L("img",be({key:0},e(se),{src:n.value,loading:t.loading,style:e(ne),class:e(c),crossorigin:t.crossorigin,onClick:ee,onLoad:oe,onError:le}),null,16,["src","loading","crossorigin"])):I("v-if",!0),E.value?(g(),L("div",{key:1,class:v(e(w).e("wrapper"))},[x(t.$slots,"placeholder",{},()=>[k("div",{class:v(e(w).e("placeholder"))},null,2)])],2)):I("v-if",!0)],64)),e(D)?(g(),L(W,{key:2},[M.value?(g(),me(e(ya),{key:0,"z-index":t.zIndex,"initial-index":e(G),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:re,onSwitch:ie},He({toolbar:p(_=>[x(t.$slots,"toolbar",ke(Ie(_)))]),default:p(()=>[t.$slots.viewer?(g(),L("div",{key:0},[x(t.$slots,"viewer")])):I("v-if",!0)]),_:2},[t.$slots.progress?{name:"progress",fn:p(_=>[x(t.$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"])):I("v-if",!0)],64)):I("v-if",!0)],16))}});var La=Se(Ca,[["__file","image.vue"]]);const Oa=Re(La);export{Oa as E};
+import{m as Ce,u as F}from"./typescript-B52lgarJ.js";import{d as te,a7 as he,ad as Ae,b as C,w as ve,n as Le,o as ze,q as g,x as me,y as p,C as d,T as Pe,E as k,R as ye,Q as v,u as e,M as Be,J as I,H as L,O as W,z as x,I as Me,F as Ee,V as Ve,N as Fe,a as Xe,c as m,ae as Ye,A as be,af as He,a3 as ke,a4 as Ie,g as De,S as je}from"./vendor-vue-C5BV5QrY.js";import{aX as qe,b as X,L as pe,H as _e,I as Z,y as Se,bi as Ke,bj as We,ae as Ne,z as Oe,bk as Ze,ah as Ge,R as $,$ as Je,bl as Qe,bm as Ue,bn as ea,bo as aa,bp as ta,bq as sa,ai as na,a2 as oa,aN as V,A as Re,e as la,a as ra,br as ia,bs as ca}from"./index-BYsLWQ2Z.js";import{d as ua}from"./debounce-qSAYoBHA.js";import{u as da}from"./index-qxR_UvEg.js";var fa="Expected a function";function fe(i,z,l){var s=!0,o=!0;if(typeof i!="function")throw new TypeError(fa);return qe(l)&&(s="leading"in l?!!l.leading:s,o="trailing"in l?!!l.trailing:o),ua(i,z,{leading:s,maxWait:z,trailing:o})}const va=(i,z)=>{if(!X||!i||!z)return!1;const l=i.getBoundingClientRect();let s;return z instanceof Element?s=z.getBoundingClientRect():s={top:0,right:window.innerWidth,bottom:window.innerHeight,left:0},l.top<s.bottom&&l.bottom>s.top&&l.right>s.left&&l.left<s.right},ma=_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)}}),pa={close:()=>!0,switch:i=>pe(i),rotate:i=>pe(i)},ga=te({name:"ElImageViewer"}),wa=te({...ga,props:ma,emits:pa,setup(i,{expose:z,emit:l}){var s;const o=i,w={CONTAIN:{name:"contain",icon:he(We)},ORIGINAL:{name:"original",icon:he(Ke)}};let Y,H="";const{t:se}=Ne(),n=Oe("image-viewer"),{nextZIndex:A}=Ze(),E=C(),M=C([]),P=Ae(),f=C(!0),h=C(o.initialIndex),O=Xe(w.CONTAIN),c=C({scale:1,deg:0,offsetX:0,offsetY:0,enableTransition:!1}),ne=C((s=o.zIndex)!=null?s:A()),D=m(()=>{const{urlList:a}=o;return a.length<=1}),G=m(()=>h.value===0),j=m(()=>h.value===o.urlList.length-1),q=m(()=>o.urlList[h.value]),oe=m(()=>[n.e("btn"),n.e("prev"),n.is("disabled",!o.infinite&&G.value)]),le=m(()=>[n.e("btn"),n.e("next"),n.is("disabled",!o.infinite&&j.value)]),J=m(()=>{const{scale:a,deg:u,offsetX:r,offsetY:b,enableTransition:S}=c.value;let N=r/a,T=b/a;const K=u*Math.PI/180,ge=Math.cos(K),we=Math.sin(K);N=N*ge+T*we,T=T*ge-r/a*we;const de={transform:`scale(${a}) rotate(${u}deg) translate(${N}px, ${T}px)`,transition:S?"transform .3s":""};return O.value.name===w.CONTAIN.name&&(de.maxWidth=de.maxHeight="100%"),de}),Q=m(()=>`${h.value+1} / ${o.urlList.length}`);function B(){ee(),Y?.(),document.body.style.overflow=H,l("close")}function U(){const a=fe(r=>{switch(r.code){case V.esc:o.closeOnPressEscape&&B();break;case V.space:_();break;case V.left:ce();break;case V.up:R("zoomIn");break;case V.right:ue();break;case V.down:R("zoomOut");break}}),u=fe(r=>{const b=r.deltaY||r.deltaX;R(b<0?"zoomIn":"zoomOut",{zoomRate:o.zoomRate,enableTransition:!1})});P.run(()=>{F(document,"keydown",a),F(document,"wheel",u)})}function ee(){P.stop()}function re(){f.value=!1}function ie(a){f.value=!1,a.target.alt=se("el.image.error")}function t(a){if(f.value||a.button!==0||!E.value)return;c.value.enableTransition=!1;const{offsetX:u,offsetY:r}=c.value,b=a.pageX,S=a.pageY,N=fe(K=>{c.value={...c.value,offsetX:u+K.pageX-b,offsetY:r+K.pageY-S}}),T=F(document,"mousemove",N);F(document,"mouseup",()=>{T()}),a.preventDefault()}function y(){c.value={scale:1,deg:0,offsetX:0,offsetY:0,enableTransition:!1}}function _(){if(f.value)return;const a=oa(w),u=Object.values(w),r=O.value.name,S=(u.findIndex(N=>N.name===r)+1)%a.length;O.value=w[a[S]],y()}function ae(a){const u=o.urlList.length;h.value=(a+u)%u}function ce(){G.value&&!o.infinite||ae(h.value-1)}function ue(){j.value&&!o.infinite||ae(h.value+1)}function R(a,u={}){if(f.value)return;const{minScale:r,maxScale:b}=o,{zoomRate:S,rotateDeg:N,enableTransition:T}={zoomRate:o.zoomRate,rotateDeg:90,enableTransition:!0,...u};switch(a){case"zoomOut":c.value.scale>r&&(c.value.scale=Number.parseFloat((c.value.scale/S).toFixed(3)));break;case"zoomIn":c.value.scale<b&&(c.value.scale=Number.parseFloat((c.value.scale*S).toFixed(3)));break;case"clockwise":c.value.deg+=N,l("rotate",c.value.deg);break;case"anticlockwise":c.value.deg-=N,l("rotate",c.value.deg);break}c.value.enableTransition=T}function Te(a){var u;((u=a.detail)==null?void 0:u.focusReason)==="pointer"&&a.preventDefault()}function $e(){o.closeOnPressEscape&&B()}function xe(a){if(a.ctrlKey){if(a.deltaY<0)return a.preventDefault(),!1;if(a.deltaY>0)return a.preventDefault(),!1}}return ve(q,()=>{Le(()=>{const a=M.value[0];a?.complete||(f.value=!0)})}),ve(h,a=>{y(),l("switch",a)}),ze(()=>{U(),Y=F("wheel",xe,{passive:!1}),H=document.body.style.overflow,document.body.style.overflow="hidden"}),z({setActiveItem:ae}),(a,u)=>(g(),me(e(na),{to:"body",disabled:!a.teleported},{default:p(()=>[d(Pe,{name:"viewer-fade",appear:""},{default:p(()=>[k("div",{ref_key:"wrapper",ref:E,tabindex:-1,class:v(e(n).e("wrapper")),style:ye({zIndex:ne.value})},[d(e(Ge),{loop:"",trapped:"","focus-trap-el":E.value,"focus-start-el":"container",onFocusoutPrevented:Te,onReleaseRequested:$e},{default:p(()=>[k("div",{class:v(e(n).e("mask")),onClick:Be(r=>a.hideOnClickModal&&B(),["self"])},null,10,["onClick"]),I(" CLOSE "),k("span",{class:v([e(n).e("btn"),e(n).e("close")]),onClick:B},[d(e($),null,{default:p(()=>[d(e(Je))]),_:1})],2),I(" ARROW "),e(D)?I("v-if",!0):(g(),L(W,{key:0},[k("span",{class:v(e(oe)),onClick:ce},[d(e($),null,{default:p(()=>[d(e(Qe))]),_:1})],2),k("span",{class:v(e(le)),onClick:ue},[d(e($),null,{default:p(()=>[d(e(Ue))]),_:1})],2)],64)),a.$slots.progress||a.showProgress?(g(),L("div",{key:1,class:v([e(n).e("btn"),e(n).e("progress")])},[x(a.$slots,"progress",{activeIndex:h.value,total:a.urlList.length},()=>[Me(Ee(e(Q)),1)])],2)):I("v-if",!0),I(" ACTIONS "),k("div",{class:v([e(n).e("btn"),e(n).e("actions")])},[k("div",{class:v(e(n).e("actions__inner"))},[x(a.$slots,"toolbar",{actions:R,prev:ce,next:ue,reset:_,activeIndex:h.value,setActiveItem:ae},()=>[d(e($),{onClick:r=>R("zoomOut")},{default:p(()=>[d(e(ea))]),_:1},8,["onClick"]),d(e($),{onClick:r=>R("zoomIn")},{default:p(()=>[d(e(aa))]),_:1},8,["onClick"]),k("i",{class:v(e(n).e("actions__divider"))},null,2),d(e($),{onClick:_},{default:p(()=>[(g(),me(Ve(e(O).icon)))]),_:1}),k("i",{class:v(e(n).e("actions__divider"))},null,2),d(e($),{onClick:r=>R("anticlockwise")},{default:p(()=>[d(e(ta))]),_:1},8,["onClick"]),d(e($),{onClick:r=>R("clockwise")},{default:p(()=>[d(e(sa))]),_:1},8,["onClick"])])],2)],2),I(" CANVAS "),k("div",{class:v(e(n).e("canvas"))},[(g(!0),L(W,null,Fe(a.urlList,(r,b)=>(g(),L(W,{key:b},[b===h.value?(g(),L("img",{key:0,ref_for:!0,ref:S=>M.value[b]=S,src:r,style:ye(e(J)),class:v(e(n).e("img")),crossorigin:a.crossorigin,onLoad:re,onError:ie,onMousedown:t},null,46,["src","crossorigin"])):I("v-if",!0)],64))),128))],2),x(a.$slots,"default")]),_:3},8,["focus-trap-el"])],6)]),_:3})]),_:3},8,["disabled"]))}});var ha=Se(wa,[["__file","image-viewer.vue"]]);const ya=Re(ha),ba=_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)}}),ka={load:i=>i instanceof Event,error:i=>i instanceof Event,switch:i=>pe(i),close:()=>!0,show:()=>!0},Ia=te({name:"ElImage",inheritAttrs:!1}),Ca=te({...Ia,props:ba,emits:ka,setup(i,{expose:z,emit:l}){const s=i,{t:o}=Ne(),w=Oe("image"),Y=Ye(),H=m(()=>la(Object.entries(Y).filter(([t])=>/^(data-|on[A-Z])/i.test(t)||["id","style"].includes(t)))),se=da({excludeListeners:!0,excludeKeys:m(()=>Object.keys(H.value))}),n=C(),A=C(!1),E=C(!0),M=C(!1),P=C(),f=C(),h=X&&"loading"in HTMLImageElement.prototype;let O;const c=m(()=>[w.e("inner"),D.value&&w.e("preview"),E.value&&w.is("loading")]),ne=m(()=>{const{fit:t}=s;return X&&t?{objectFit:t}:{}}),D=m(()=>{const{previewSrcList:t}=s;return De(t)&&t.length>0}),G=m(()=>{const{previewSrcList:t,initialIndex:y}=s;let _=y;return y>t.length-1&&(_=0),_}),j=m(()=>s.loading==="eager"?!1:!h&&s.loading==="lazy"||s.lazy),q=()=>{X&&(E.value=!0,A.value=!1,n.value=s.src)};function oe(t){E.value=!1,A.value=!1,l("load",t)}function le(t){E.value=!1,A.value=!0,l("error",t)}function J(){va(P.value,f.value)&&(q(),U())}const Q=ca(J,200,!0);async function B(){var t;if(!X)return;await Le();const{scrollContainer:y}=s;ra(y)?f.value=y:je(y)&&y!==""?f.value=(t=document.querySelector(y))!=null?t:void 0:P.value&&(f.value=ia(P.value)),f.value&&(O=F(f,"scroll",Q),setTimeout(()=>J(),100))}function U(){!X||!f.value||!Q||(O?.(),f.value=void 0)}function ee(){D.value&&(M.value=!0,l("show"))}function re(){M.value=!1,l("close")}function ie(t){l("switch",t)}return ve(()=>s.src,()=>{j.value?(E.value=!0,A.value=!1,U(),B()):q()}),ze(()=>{j.value?B():q()}),z({showPreview:ee}),(t,y)=>(g(),L("div",be({ref_key:"container",ref:P},e(H),{class:[e(w).b(),t.$attrs.class]}),[A.value?x(t.$slots,"error",{key:0},()=>[k("div",{class:v(e(w).e("error"))},Ee(e(o)("el.image.error")),3)]):(g(),L(W,{key:1},[n.value!==void 0?(g(),L("img",be({key:0},e(se),{src:n.value,loading:t.loading,style:e(ne),class:e(c),crossorigin:t.crossorigin,onClick:ee,onLoad:oe,onError:le}),null,16,["src","loading","crossorigin"])):I("v-if",!0),E.value?(g(),L("div",{key:1,class:v(e(w).e("wrapper"))},[x(t.$slots,"placeholder",{},()=>[k("div",{class:v(e(w).e("placeholder"))},null,2)])],2)):I("v-if",!0)],64)),e(D)?(g(),L(W,{key:2},[M.value?(g(),me(e(ya),{key:0,"z-index":t.zIndex,"initial-index":e(G),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:re,onSwitch:ie},He({toolbar:p(_=>[x(t.$slots,"toolbar",ke(Ie(_)))]),default:p(()=>[t.$slots.viewer?(g(),L("div",{key:0},[x(t.$slots,"viewer")])):I("v-if",!0)]),_:2},[t.$slots.progress?{name:"progress",fn:p(_=>[x(t.$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"])):I("v-if",!0)],64)):I("v-if",!0)],16))}});var La=Se(Ca,[["__file","image.vue"]]);const Oa=Re(La);export{Oa as E};