@acedatacloud/nexior 3.318.2 → 3.318.4

package/dist/assets/image-CSuOl36_.js

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