@acedatacloud/nexior 3.323.16 → 3.324.1

package/dist/assets/image-DXy8AKWr.js

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