@acedatacloud/nexior 3.328.2 → 3.329.0

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