1 line
27 KiB
JavaScript
1 line
27 KiB
JavaScript
import{i as e}from"./rolldown-runtime-BgaNhQyE.js";import{$ as t,An as n,Dr as r,Et as i,Jt as a,Mt as o,N as s,Pn as c,Qn as l,Tt as u,Vn as d,Wt as f,ar as p,ft as m,mn as h,qt as g,rr as _,vr as v,wr as y,xn as b,xr as x,xt as S,yr as C,yt as w,zn as T}from"./jsx-runtime-CRBytmvs.js";import{F as E,I as D,M as O,N as k,P as A}from"./lodash-DzOfPy0f.js";import{y as j}from"./tooltip-SaeG1Uv7.js";import{r as M}from"./PlusOutlined-B8K2rG8r.js";import{y as ee}from"./useModal-uyHD1DJx.js";import{t as N}from"./LeftOutlined-8zj_FQJP.js";var P=e(r()),F=P.createContext(null);function I(e){return new Promise(t=>{if(!e){t(!1);return}let n=document.createElement(`img`);n.onerror=()=>t(!1),n.onload=()=>t(!0),n.src=e})}function L(){return{width:document.documentElement.clientWidth,height:window.innerHeight||document.documentElement.clientHeight}}var R={x:0,y:0,rotate:0,scale:1,flipX:!1,flipY:!1};function z(e,t,n,r){let i=(0,P.useRef)(null),a=(0,P.useRef)([]),[o,s]=(0,P.useState)(R),c=e=>{s(R),l(R,o)||r?.({transform:R,action:e})},u=(e,t)=>{i.current===null&&(a.current=[],i.current=v(()=>{s(e=>{let n=e;return a.current.forEach(e=>{n={...n,...e}}),i.current=null,r?.({transform:n,action:t}),n})})),a.current.push({...o,...e})};return{transform:o,resetTransform:c,updateTransform:u,dispatchZoomChange:(r,i,a,s,c)=>{let{width:l,height:d,offsetWidth:f,offsetHeight:p,offsetLeft:m,offsetTop:h}=e.current,g=r,_=o.scale*r;_>n?(_=n,g=n/o.scale):_<t&&(_=c?_:t,g=_/o.scale);let v=a??innerWidth/2,y=s??innerHeight/2,b=g-1,x=b*l*.5,S=b*d*.5,C=b*(v-o.x-m),w=b*(y-o.y-h),T=o.x-(C-x),E=o.y-(w-S);if(r<1&&_===1){let e=f*_,t=p*_,{width:n,height:r}=L();e<=n&&t<=r&&(T=0,E=0)}u({x:T,y:E,scale:_},i)}}}function B(e,t,n,r){let i=t+n,a=(n-r)/2;if(n>r){if(t>0)return{[e]:a};if(t<0&&i<r)return{[e]:-a}}else if(t<0||i>r)return{[e]:t<0?a:-a};return{}}function V(e,t,n,r){let{width:i,height:a}=L(),o=null;return e<=i&&t<=a?o={x:0,y:0}:(e>i||t>a)&&(o={...B(`x`,n,e,i),...B(`y`,r,t,a)}),o}function H(e,t,n,r,i,a,o){let{rotate:s,scale:c,x:l,y:u}=i,[d,f]=(0,P.useState)(!1),p=(0,P.useRef)({diffX:0,diffY:0,transformX:0,transformY:0}),m=e=>{!t||e.button!==0||(e.preventDefault(),e.stopPropagation(),p.current={diffX:e.pageX-l,diffY:e.pageY-u,transformX:l,transformY:u},f(!0))},h=e=>{n&&d&&a({x:e.pageX-p.current.diffX,y:e.pageY-p.current.diffY},`move`)},g=()=>{if(n&&d){f(!1);let{transformX:t,transformY:n}=p.current;if(!(l!==t&&u!==n))return;let r=e.current.offsetWidth*c,i=e.current.offsetHeight*c,{left:o,top:d}=e.current.getBoundingClientRect(),m=s%180!=0,h=V(m?i:r,m?r:i,o,d);h&&a({...h},`dragRebound`)}};return(0,P.useEffect)(()=>{if(t){window.addEventListener(`mouseup`,g,!1),window.addEventListener(`mousemove`,h,!1);try{window.top!==window.self&&(window.top.addEventListener(`mouseup`,g,!1),window.top.addEventListener(`mousemove`,h,!1))}catch(e){`${e}`}}return()=>{window.removeEventListener(`mouseup`,g),window.removeEventListener(`mousemove`,h);try{window.top?.removeEventListener(`mouseup`,g),window.top?.removeEventListener(`mousemove`,h)}catch{}}},[n,d,l,u,s,t]),{isMoving:d,onMouseDown:m,onMouseMove:h,onMouseUp:g,onWheel:e=>{if(!n||e.deltaY==0)return;let t=Math.abs(e.deltaY/100),i=1+Math.min(t,1)*r;e.deltaY>0&&(i=1/i),o(i,`wheel`,e.clientX,e.clientY)}}}function U({src:e,isCustomPlaceholder:t,fallback:n}){let[r,i]=(0,P.useState)(t?`loading`:`normal`),a=(0,P.useRef)(!1),o=r===`error`;(0,P.useEffect)(()=>{let t=!0;return I(e).then(e=>{!e&&t&&i(`error`)}),()=>{t=!1}},[e]),(0,P.useEffect)(()=>{t&&!a.current?i(`loading`):o&&i(`normal`)},[e]);let s=()=>{i(`normal`)};return[e=>{a.current=!1,r===`loading`&&e?.complete&&(e.naturalWidth||e.naturalHeight)&&(a.current=!0,s())},o&&n?{src:n}:{onLoad:s,src:e},r]}function W(e,t){let n=e.x-t.x,r=e.y-t.y;return Math.hypot(n,r)}function G(e,t,n,r){let i=W(e,n),a=W(t,r);if(i===0&&a===0)return[e.x,e.y];let o=i/(i+a);return[e.x+o*(t.x-e.x),e.y+o*(t.y-e.y)]}function K(e,t,n,r,i,a,o){let{rotate:s,scale:c,x:l,y:u}=i,[d,f]=(0,P.useState)(!1),p=(0,P.useRef)({point1:{x:0,y:0},point2:{x:0,y:0},eventType:`none`}),m=e=>{p.current={...p.current,...e}};return(0,P.useEffect)(()=>{let e=e=>{e.preventDefault()};return n&&t&&window.addEventListener(`touchmove`,e,{passive:!1}),()=>{window.removeEventListener(`touchmove`,e)}},[n,t]),{isTouching:d,onTouchStart:e=>{if(!t)return;e.stopPropagation(),f(!0);let{touches:n=[]}=e;n.length>1?m({point1:{x:n[0].clientX,y:n[0].clientY},point2:{x:n[1].clientX,y:n[1].clientY},eventType:`touchZoom`}):m({point1:{x:n[0].clientX-l,y:n[0].clientY-u},eventType:`move`})},onTouchMove:e=>{let{touches:t=[]}=e,{point1:n,point2:r,eventType:i}=p.current;if(t.length>1&&i===`touchZoom`){let e={x:t[0].clientX,y:t[0].clientY},i={x:t[1].clientX,y:t[1].clientY},[a,s]=G(n,r,e,i);o(W(e,i)/W(n,r),`touchZoom`,a,s,!0),m({point1:e,point2:i,eventType:`touchZoom`})}else i===`move`&&(a({x:t[0].clientX-n.x,y:t[0].clientY-n.y},`move`),m({eventType:`move`}))},onTouchEnd:()=>{if(!n)return;if(d&&f(!1),m({eventType:`none`}),r>c)return a({x:0,y:0,scale:r},`touchZoom`);let t=e.current.offsetWidth*c,i=e.current.offsetHeight*c,{left:o,top:l}=e.current.getBoundingClientRect(),u=s%180!=0,p=V(u?i:t,u?t:i,o,l);p&&a({...p},`dragRebound`)}}}function te(e){let{prefixCls:t,icon:n,onClick:r,className:i,style:a}=e;return P.createElement(`button`,{className:d(`${t}-close`,i),style:a,onClick:r},n)}function ne(e){let{prefixCls:t,showProgress:n,current:r,count:i,showSwitch:a,classNames:o,styles:s,icons:c,image:l,transform:u,countRender:f,actionsRender:p,scale:m,minScale:h,maxScale:g,onActive:_,onFlipY:v,onFlipX:y,onRotateLeft:b,onRotateRight:x,onZoomOut:S,onZoomIn:C,onClose:w,onReset:T}=e,{left:E,right:D,prev:O,next:k,flipY:A,flipX:j,rotateLeft:M,rotateRight:ee,zoomOut:N,zoomIn:F}=c,I=n&&P.createElement(`div`,{className:`${t}-progress`},f?f(r+1,i):P.createElement(`bdi`,null,`${r+1} / ${i}`)),L=`${t}-actions-action`,R=({type:e,disabled:t,onClick:n,icon:r})=>P.createElement(`button`,{type:`button`,key:e,className:d(L,`${L}-${e}`,{[`${L}-disabled`]:!!t}),onClick:n,disabled:!!t,"aria-label":e},r),z=a?R({icon:O??E,onClick:()=>_(-1),type:`prev`,disabled:r===0}):void 0,B=a?R({icon:k??D,onClick:()=>_(1),type:`next`,disabled:r===i-1}):void 0,V=R({icon:A,onClick:v,type:`flipY`}),H=R({icon:j,onClick:y,type:`flipX`}),U=R({icon:M,onClick:b,type:`rotateLeft`}),W=R({icon:ee,onClick:x,type:`rotateRight`}),G=R({icon:N,onClick:S,type:`zoomOut`,disabled:m<=h}),K=R({icon:F,onClick:C,type:`zoomIn`,disabled:m===g}),te=P.createElement(`div`,{className:d(`${t}-actions`,o.actions),style:s.actions},V,H,U,W,G,K);return P.createElement(`div`,{className:d(`${t}-footer`,o.footer),style:s.footer},I,p?p(te,{icons:{prevIcon:z,nextIcon:B,flipYIcon:V,flipXIcon:H,rotateLeftIcon:U,rotateRightIcon:W,zoomOutIcon:G,zoomInIcon:K},actions:{onActive:_,onFlipY:v,onFlipX:y,onRotateLeft:b,onRotateRight:x,onZoomOut:S,onZoomIn:C,onReset:T,onClose:w},transform:u,current:r,total:i,image:l}):te)}function re(e){let{prefixCls:t,onActive:n,current:r,count:i,icons:{left:a,right:o,prev:s,next:c}}=e,l=`${t}-switch`,u=r===0,f=r===i-1;return P.createElement(P.Fragment,null,P.createElement(`button`,{className:d(l,`${l}-prev`,{[`${l}-disabled`]:u}),onClick:()=>n(-1),disabled:u},s??a),P.createElement(`button`,{type:`button`,className:d(l,`${l}-next`,{[`${l}-disabled`]:f}),onClick:()=>n(1),disabled:f},c??o))}function ie(){return ie=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},ie.apply(this,arguments)}var ae=({fallback:e,src:t,imgRef:n,...r})=>{let[i,a]=U({src:t,fallback:e});return P.createElement(`img`,ie({ref:e=>{n.current=e,i(e)}},r,a))},q=e=>{let{prefixCls:t,rootClassName:n,src:r,alt:i,imageInfo:a,fallback:s,movable:c=!0,onClose:l,open:u,afterOpenChange:f,maskClosable:h=!0,icons:g={},closeIcon:v,getContainer:b,current:S=0,count:C=1,countRender:w,scaleStep:T=.5,minScale:E=1,maxScale:D=50,motionName:O=`fade`,imageRender:k,imgCommonProps:A,actionsRender:j,onTransform:M,onChange:ee,classNames:N={},styles:I={},mousePosition:L,zIndex:R,focusTrap:B=!0}=e,V=(0,P.useRef)(),U=(0,P.useRef)(null),W=(0,P.useRef)(null),G=(0,P.useContext)(F),q=G&&C>1,J=G&&C>=1,[oe,se]=(0,P.useState)(!0),{transform:Y,resetTransform:X,updateTransform:Z,dispatchZoomChange:Q}=z(V,E,D,M),{isMoving:ce,onMouseDown:le,onWheel:ue}=H(V,c,u,T,Y,Z,Q),{isTouching:de,onTouchStart:fe,onTouchMove:pe,onTouchEnd:me}=K(V,c,u,E,Y,Z,Q),{rotate:he,scale:$}=Y;(0,P.useEffect)(()=>{oe||se(!0)},[oe]),(0,P.useEffect)(()=>{u||X(`close`)},[u]);let ge=P.createElement(ae,ie({},A,{width:e.width,height:e.height,imgRef:V,className:`${t}-img`,alt:i,style:{transform:`translate3d(${Y.x}px, ${Y.y}px, 0) scale3d(${Y.flipX?`-`:``}${$}, ${Y.flipY?`-`:``}${$}, 1) rotate(${he}deg)`,transitionDuration:(!oe||de)&&`0s`},fallback:s,src:r,onWheel:ue,onMouseDown:le,onDoubleClick:e=>{u&&($===1?Q(1+T,`doubleClick`,e.clientX,e.clientY):Z({x:0,y:0,scale:1},`doubleClick`))},onTouchStart:fe,onTouchMove:pe,onTouchEnd:me,onTouchCancel:me})),_e={url:r,alt:i,...a},ve=()=>{Q(1+T,`zoomIn`)},ye=()=>{Q(1/(1+T),`zoomOut`)},be=()=>{Z({rotate:he+90},`rotateRight`)},xe=()=>{Z({rotate:he-90},`rotateLeft`)},Se=()=>{Z({flipX:!Y.flipX},`flipX`)},Ce=()=>{Z({flipY:!Y.flipY},`flipY`)},we=()=>{X(`reset`)},Te=e=>{let t=S+e;t>=0&&t<=C-1&&(se(!1),X(e<0?`prev`:`next`),ee?.(t,S))},Ee=y(e=>{if(u){let{keyCode:t}=e;q&&(t===_.LEFT?Te(-1):t===_.RIGHT&&Te(1))}});(0,P.useEffect)(()=>{if(u)return window.addEventListener(`keydown`,Ee),()=>{window.removeEventListener(`keydown`,Ee)}},[u]);let[De,Oe]=(0,P.useState)(!1);P.useEffect(()=>{u&&Oe(!0)},[u]);let ke=e=>{e||(Oe(!1),W.current?.focus?.(),W.current=null),f?.(e)},[Ae,je]=(0,P.useState)(!1);x(()=>{u&&je(!0)},[u]);let Me=({top:e})=>{e&&l?.()};x(()=>{u&&(W.current=document.activeElement)},[u]),p(B&&u&&Ae,()=>U.current);let Ne={...I.body};return L&&(Ne.transformOrigin=`${L.x}px ${L.y}px`),P.createElement(m,{open:Ae&&u,autoDestroy:!1,getContainer:b,autoLock:De,onEsc:Me},P.createElement(o,{motionName:O,visible:Ae&&u,motionAppear:!0,motionEnter:!0,motionLeave:!0,onVisibleChanged:ke},({className:e,style:r})=>{let a={...I.root,...r};return R&&(a.zIndex=R),P.createElement(`div`,{ref:U,className:d(t,n,N.root,e,{[`${t}-movable`]:c,[`${t}-moving`]:ce}),style:a,role:`dialog`,"aria-modal":`true`,"aria-label":i,tabIndex:-1},P.createElement(`div`,{className:d(`${t}-mask`,N.mask),style:I.mask,onClick:h?l:void 0}),P.createElement(`div`,{className:d(`${t}-body`,N.body),style:Ne},k?k(ge,{transform:Y,image:_e,...G?{current:S}:{}}):ge),v!==!1&&v!==null&&P.createElement(te,{prefixCls:t,icon:v===!0?g.close:v||g.close,onClick:l,className:N.close,style:I.close}),q&&P.createElement(re,{prefixCls:t,current:S,count:C,icons:g,onActive:Te}),P.createElement(ne,{prefixCls:t,showProgress:J,current:S,count:C,showSwitch:q,classNames:N,styles:I,image:_e,transform:Y,icons:g,countRender:w,actionsRender:j,scale:$,minScale:E,maxScale:D,onActive:Te,onFlipY:Ce,onFlipX:Se,onRotateLeft:xe,onRotateRight:be,onZoomOut:ye,onZoomIn:ve,onClose:l,onReset:we}))}))},J=[`crossOrigin`,`decoding`,`draggable`,`loading`,`referrerPolicy`,`sizes`,`srcSet`,`useMap`,`alt`,`fetchPriority`];function oe(e){let[t,n]=P.useState({}),r=P.useCallback((e,t)=>(n(n=>({...n,[e]:t})),()=>{n(t=>{let n={...t};return delete n[e],n})}),[]);return[P.useMemo(()=>e?e.map(e=>{if(typeof e==`string`)return{data:{src:e}};let t={};return Object.keys(e).forEach(n=>{[`src`,...J].includes(n)&&(t[n]=e[n])}),{data:t}}):Object.keys(t).reduce((e,n)=>{let{canPreview:r,data:i}=t[n];return r&&e.push({data:i,id:n}),e},[]),[e,t]),r,!!e]}function se(){return se=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},se.apply(this,arguments)}var Y=({previewPrefixCls:e=`rc-image-preview`,classNames:t,styles:n,children:r,icons:i={},items:a,preview:o,fallback:s})=>{let{open:c,onOpenChange:l,current:u,onChange:d,...f}=o&&typeof o==`object`?o:{},[p,m,h]=oe(a),[g,_]=C(0,u),[v,b]=(0,P.useState)(!1),{src:x,...S}=p[g]?.data||{},[w,T]=C(!!c,c),E=y(e=>{T(e),e!==w&&l?.(e,{current:g})}),[D,O]=(0,P.useState)(null),k=P.useCallback((e,t,n,r)=>{let i=h?p.findIndex(e=>e.data.src===t):p.findIndex(t=>t.id===e);_(i<0?0:i),E(!0),O({x:n,y:r}),b(!0)},[p,h]);P.useEffect(()=>{w?v||_(0):b(!1)},[w]);let A=(e,t)=>{_(e),d?.(e,t)},j=()=>{E(!1),O(null)},M=P.useMemo(()=>({register:m,onPreview:k}),[m,k]);return P.createElement(F.Provider,{value:M},r,P.createElement(q,se({"aria-hidden":!w,open:w,prefixCls:e,onClose:j,mousePosition:D,imgCommonProps:S,src:x,fallback:s,icons:i,current:g,count:p.length,onChange:A},f,{classNames:t?.popup,styles:n?.popup})))},X=0;function Z(e,t){let[n]=P.useState(()=>(X+=1,String(X))),r=P.useContext(F),i={data:t,canPreview:e};return P.useEffect(()=>{if(r)return r.register(n,i)},[]),P.useEffect(()=>{r&&r.register(n,i)},[e,t]),n}function Q(){return Q=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},Q.apply(this,arguments)}var ce=e=>{let{prefixCls:t=`rc-image`,previewPrefixCls:n=`${t}-preview`,rootClassName:r,className:i,style:a,classNames:o={},styles:s={},width:c,height:l,src:u,alt:f,placeholder:p,fallback:m,preview:h=!0,onClick:g,onError:_,onKeyDown:v,...y}=e,b=(0,P.useContext)(F),x=!!h,{src:S,open:w,onOpenChange:T,cover:E,rootClassName:D,...O}=h&&typeof h==`object`?h:{},k=typeof E==`object`&&E.placement&&E.placement||`center`,A=typeof E==`object`&&E.coverNode?E.coverNode:E,[j,M]=C(!!w,w),[ee,N]=(0,P.useState)(null),I=e=>{M(e),T?.(e)},L=()=>{I(!1)},R=p&&p!==!0,z=S??u,[B,V,H]=U({src:u,isCustomPlaceholder:R,fallback:m}),W=(0,P.useMemo)(()=>{let t={};return J.forEach(n=>{e[n]!==void 0&&(t[n]=e[n])}),t},J.map(t=>e[t])),G=Z(x,(0,P.useMemo)(()=>({...W,src:z}),[z,W])),K=e=>{let t=e.target.getBoundingClientRect(),n=t.x+t.width/2,r=t.y+t.height/2;b?b.onPreview(G,z,n,r):(N({x:n,y:r}),I(!0)),g?.(e)},te=e=>{if(v?.(e),x&&(e.key===`Enter`||e.key===` `)){e.preventDefault();let t=e.target.getBoundingClientRect(),n=t.x+t.width/2,r=t.y+t.height/2;b?b.onPreview(G,z,n,r):(N({x:n,y:r}),I(!0))}};return P.createElement(P.Fragment,null,P.createElement(`div`,Q({},y,{className:d(t,r,o.root,{[`${t}-error`]:H===`error`}),onClick:x?K:g,role:x?`button`:y.role,tabIndex:x&&y.tabIndex==null?0:y.tabIndex,"aria-label":x?y[`aria-label`]??f:y[`aria-label`],onKeyDown:te,style:{width:c,height:l,...s.root}}),P.createElement(`img`,Q({},W,{className:d(`${t}-img`,{[`${t}-img-placeholder`]:p===!0},o.image,i),style:{height:l,...s.image,...a},ref:B},V,{width:c,height:l,onError:_})),H===`loading`&&P.createElement(`div`,{"aria-hidden":`true`,className:`${t}-placeholder`},p),E!==!1&&x&&P.createElement(`div`,{className:d(`${t}-cover`,o.cover,`${t}-cover-${k}`),style:{display:a?.display===`none`?`none`:void 0,...s.cover}},A)),!b&&x&&P.createElement(q,Q({"aria-hidden":!j,open:j,prefixCls:n,onClose:L,mousePosition:ee,src:z,alt:f,imageInfo:{width:c,height:l},fallback:m,imgCommonProps:W},O,{classNames:o?.popup,styles:s?.popup,rootClassName:d(D,r)})))};ce.PreviewGroup=Y;var le=ce,ue=(e,n,r,i,a,o,s)=>{let[c]=j(`ImagePreview`,e?.zIndex),[l,u,f]=ee(e?.mask,n?.mask,`${r}-preview`);return P.useMemo(()=>{if(!e)return e;let{cover:p,getContainer:m,closeIcon:h,rootClassName:g}=e,{closeIcon:_}=n??{};return{motionName:t(`${r}-preview`,`fade`),...e,...s?{cover:p??s}:{},icons:o,getContainer:m??a,zIndex:c,closeIcon:h??_,rootClassName:d(i,g),mask:l,maskClosable:f,blurClassName:u.mask}},[e,n,r,i,a,s,o,c,l,f,u])};function de(e){return i(e)&&!(0,P.isValidElement)(e)}function fe(e){return(0,P.useMemo)(()=>!e||!de(e)?{}:typeof e.progress==`boolean`?{progressConfig:e.progress?{}:void 0}:{progressConfig:e.progress},[e])}function pe(e){return(0,P.isValidElement)(e)?[e,void 0]:typeof e==`boolean`||i(e)?[void 0,e]:[void 0,void 0]}function me(e){let t=(0,P.useMemo)(()=>typeof e==`boolean`?e?{}:null:i(e)?e:{},[e]);return(0,P.useMemo)(()=>{if(!t)return[t,``,``];let{open:e,onOpenChange:n,cover:r,actionsRender:i,visible:a,onVisibleChange:o,rootClassName:s,maskClassName:c,mask:l,forceRender:u,destroyOnClose:d,toolbarRender:f,...p}=t,m;n?m=n:o&&(m=(e,t)=>{let{current:n}=t||{};n===void 0?o(e,!e):o(e,!e,n)});let[h,g]=pe(l);return[{...p,open:e??a,onOpenChange:m,cover:r??h,mask:g,actionsRender:i??f},s,c]},[t])}var he=new n(`antImageProgressActive`,{"0%":{backgroundPosition:`200% 0`},"100%":{backgroundPosition:`-200% 0`}}),$=(e,t,r,i=`translate(0%, 0%)`,a=.8)=>new n(e,{"0%":{transform:i,opacity:a},"50%":{transform:t,opacity:r},"100%":{transform:i,opacity:a}}),ge=$(`antImageInkFlow1`,`translate(15%, -20%) scale(1.25)`,.5),_e=$(`antImageInkFlow2`,`translate(-18%, 15%) scale(0.85)`,.9,`translate(0%, 0%) scale(1.1)`,.7),ve=$(`antImageInkFlow3`,`translate(8%, 10%) scale(1.15)`,.8,`translate(0%, 0%) scale(0.85)`,.65),ye=e=>({position:e||`absolute`,inset:0}),be=e=>{let{componentCls:t,motionDurationSlow:n,colorTextLightSolid:r}=e;return{[t]:{[`${t}-cover`]:{position:`absolute`,inset:0,display:`flex`,alignItems:`center`,justifyContent:`center`,color:r,background:new h(`#000`).setA(.3).toRgbString(),cursor:`pointer`,opacity:0,transition:`opacity ${n}`},"&:hover, &:focus-visible":{[`${t}-cover`]:{opacity:1}},[`${t}-cover-top`]:{inset:`0 0 auto 0`,justifyContent:`center`},[`${t}-cover-bottom`]:{inset:`auto 0 0 0`,justifyContent:`center`}}}},xe=e=>{let{componentCls:t,motionDurationMid:n,motionEaseInOut:r,progressAnimationDuration:i}=e,a={position:`absolute`,width:`150%`,height:`150%`,left:`-25%`,top:`-25%`,animationTimingFunction:r,animationIterationCount:`infinite`,pointerEvents:`none`,willChange:`transform, opacity`};return{[`${t}-progress-wrapper`]:{position:`relative`,display:`inline-block`,overflow:`hidden`,borderRadius:`inherit`,backgroundColor:e.colorBgBase,backdropFilter:`blur(8px)`,[`${t}-progress-ink-1`]:{...a,background:`radial-gradient(ellipse 65% 55% at 25% 30%, rgba(100, 180, 255, 0.98) 0%, transparent 55%)`,animationName:ge,animationDuration:i,filter:`blur(40px)`,"&::before":{content:`""`,...a,background:`radial-gradient(ellipse 60% 65% at 75% 45%, rgba(180, 140, 255, 0.95) 0%, transparent 50%)`,animationName:_e,animationDuration:`calc(${i} + 2s)`,animationDelay:`-1s`,filter:`blur(45px)`},"&::after":{content:`""`,...a,background:`radial-gradient(ellipse 55% 50% at 50% 70%, rgba(100, 220, 220, 0.9) 0%, transparent 45%)`,animationName:ve,animationDuration:`calc(${i} + 0.5s)`,animationDelay:`-2s`,filter:`blur(38px)`}},[`${t}-progress-ink-2`]:{...a,background:`radial-gradient(ellipse 45% 40% at 60% 20%, rgba(255, 150, 200, 0.88) 0%, transparent 45%)`,animationName:ve,animationDuration:`calc(${i} + 1.5s)`,animationDelay:`-3s`,filter:`blur(42px)`,"&::before":{content:`""`,...a,background:`radial-gradient(ellipse 50% 55% at 20% 75%, rgba(160, 190, 255, 0.88) 0%, transparent 50%)`,animationName:ge,animationDuration:`calc(${i} + 2.5s)`,animationDelay:`-2.5s`,filter:`blur(35px)`}},[`${t}-progress-content`]:{position:`absolute`,top:`50%`,left:0,transform:`translateY(-50%)`,display:`flex`,flexDirection:`column`,alignItems:`center`,width:`100%`,paddingInline:e.paddingLG,textAlign:`center`,fontSize:e.fontSize,color:e.colorTextSecondary,zIndex:1},[`${t}-progress-rail`]:{width:`100%`,height:6,marginTop:e.marginSM,backgroundColor:`rgba(255, 255, 255, 0.5)`,borderRadius:e.borderRadiusXS,overflow:`hidden`,backdropFilter:`blur(4px)`,"&::before":{content:`""`,display:`block`,height:`100%`,width:`var(--progress-percent, 0%)`,background:`linear-gradient(90deg, rgba(120, 170, 255, 0.85) 0%, rgba(160, 150, 245, 0.85) 40%, rgba(130, 200, 220, 0.85) 60%, rgba(120, 170, 255, 0.85) 100%)`,backgroundSize:`200% 100%`,borderRadius:e.borderRadiusXS/2,transition:`width ${n} ease`,animationName:he,animationDuration:i,animationTimingFunction:`linear`,animationIterationCount:`infinite`}},[`${t}-progress-indicator`]:{marginTop:e.marginXS}}}},Se=e=>{let{motionEaseOut:t,previewCls:n,motionDurationSlow:r,componentCls:i,colorBgMask:a,marginXL:o,marginSM:s,margin:l,colorTextLightSolid:u,paddingSM:d,paddingLG:f,previewOperationHoverColor:p,previewOperationColorDisabled:m,previewOperationSize:_,zIndexPopup:v}=e,y=new h(a).setA(.1),b=y.clone().setA(.2),x={position:`absolute`,color:u,backgroundColor:y.toRgbString(),borderRadius:`50%`,padding:d,outline:0,border:0,cursor:`pointer`,transition:`all ${r}`,display:`flex`,fontSize:_,"&:hover":{backgroundColor:b.toRgbString()},"&:active":{backgroundColor:y.toRgbString()},"&:focus-visible":g(e)};return{[`${i}-preview`]:{textAlign:`center`,inset:0,position:`fixed`,userSelect:`none`,zIndex:v,[`${n}-mask`]:{inset:0,position:`absolute`,background:a,backdropFilter:`blur(0px)`,transition:`backdrop-filter ${r}`,[`&${i}-preview-mask-blur`]:{backdropFilter:`blur(4px)`},[`&${i}-preview-mask-hidden`]:{display:`none`}},[`${n}-body`]:{...ye(),"pointer-events":`none`,display:`flex`,alignItems:`center`,justifyContent:`center`,"> *":{pointerEvents:`auto`}},[`${n}-img`]:{maxWidth:`100%`,maxHeight:`70%`,verticalAlign:`middle`,transform:`scale3d(1, 1, 1)`,transition:`transform ${r} ${t} 0s`},[`&-movable ${n}-img`]:{cursor:`grab`},[`&-moving ${n}-img`]:{cursor:`grabbing`},[`${n}-close`]:{...x,top:s,insetInlineEnd:s},[`${n}-switch`]:{...x,top:`50%`,transform:`translateY(-50%)`,"&-disabled":{"&, &:hover, &:active":{color:m,background:`transparent`,cursor:`not-allowed`}},"&-prev":{insetInlineStart:s},"&-next":{insetInlineEnd:s}},[`${n}-footer`]:{position:`absolute`,bottom:o,left:{_skip_check_:!0,value:`50%`},display:`flex`,flexDirection:`column`,alignItems:`center`,color:e.previewOperationColor,transform:`translateX(-50%)`,gap:l},[`${n}-actions`]:{display:`flex`,gap:d,padding:`0 ${c(f)}`,backgroundColor:y.toRgbString(),borderRadius:100,fontSize:_,"&-action":{color:`inherit`,background:`transparent`,border:0,font:`inherit`,padding:d,cursor:`pointer`,transition:`all ${r}`,display:`flex`,[`&:not(${n}-actions-action-disabled):hover`]:{color:p},"&:focus-visible":g(e),"&-disabled":{color:m,cursor:`not-allowed`}}}}}},Ce=e=>{let{componentCls:t}=e;return{[t]:{position:`relative`,display:`inline-block`,...a(e),[`${t}-img`]:{width:`100%`,height:`auto`,verticalAlign:`middle`},[`${t}-img-placeholder`]:{backgroundColor:e.colorBgContainerDisabled,backgroundImage:`url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTQuNSAyLjVoLTEzQS41LjUgMCAwIDAgMSAzdjEwYS41LjUgMCAwIDAgLjUuNWgxM2EuNS41IDAgMCAwIC41LS41VjNhLjUuNSAwIDAgMC0uNS0uNXpNNS4yODEgNC43NWExIDEgMCAwIDEgMCAyIDEgMSAwIDAgMSAwLTJ6bTguMDMgNi44M2EuMTI3LjEyNyAwIDAgMS0uMDgxLjAzSDIuNzY5YS4xMjUuMTI1IDAgMCAxLS4wOTYtLjIwN2wyLjY2MS0zLjE1NmEuMTI2LjEyNiAwIDAgMSAuMTc3LS4wMTZsLjAxNi4wMTZMNy4wOCAxMC4wOWwyLjQ3LTIuOTNhLjEyNi4xMjYgMCAwIDEgLjE3Ny0uMDE2bC4wMTUuMDE2IDMuNTg4IDQuMjQ0YS4xMjcuMTI3IDAgMCAxLS4wMi4xNzV6IiBmaWxsPSIjOEM4QzhDIiBmaWxsLXJ1bGU9Im5vbnplcm8iLz48L3N2Zz4=')`,backgroundRepeat:`no-repeat`,backgroundPosition:`center center`,backgroundSize:`30%`},[`${t}-placeholder`]:{...ye()}}}},we=e=>{let{previewCls:t,motionDurationSlow:n}=e;return{[t]:{"&-fade":{transition:`opacity ${n}`,"&-enter, &-appear":{opacity:0,[`${t}-body`]:{transform:`scale(0)`},"&-active":{opacity:1,[`${t}-body`]:{transform:`scale(1)`,transition:`transform ${n}`}}},"&-leave":{opacity:1,"&-active":{opacity:0,[`${t}-body`]:{transform:`scale(0)`,transition:`transform ${n}`}}}}}}},Te=f(`Image`,e=>{let t=b(e,{previewCls:`${e.componentCls}-preview`,imagePreviewSwitchSize:e.controlHeightLG});return[Ce(t),be(t),xe(t),Se(t),we(t)]},e=>({zIndexPopup:e.zIndexPopupBase+80,previewOperationColor:new h(e.colorTextLightSolid).setA(.65).toRgbString(),previewOperationHoverColor:new h(e.colorTextLightSolid).setA(.85).toRgbString(),previewOperationColorDisabled:new h(e.colorTextLightSolid).setA(.25).toRgbString(),previewOperationSize:e.fontSizeIcon*1.5,progressAnimationDuration:`3s`})),Ee={rotateLeft:P.createElement(D,null),rotateRight:P.createElement(E,null),zoomIn:P.createElement(k,null),zoomOut:P.createElement(O,null),close:P.createElement(M,null),left:P.createElement(N,null),right:P.createElement(s,null),flipX:P.createElement(A,null),flipY:P.createElement(A,{rotate:90})},De=({previewPrefixCls:e,preview:t,classNames:n,styles:r,...i})=>{let{getPrefixCls:a,getPopupContainer:o,direction:c,preview:l,classNames:u,styles:f}=T(`image`),p=a(`image`,e),m=`${p}-preview`,h=w(p),[g,_]=Te(p,h),v=d(g,_,h),[y,b,x]=me(t),[C,E,D]=me(l),O=P.useMemo(()=>({...Ee,left:c===`rtl`?P.createElement(s,null):P.createElement(N,null),right:c===`rtl`?P.createElement(N,null):P.createElement(s,null)}),[c]),k=ue(y,C,p,v,o,Ee),{mask:A,blurClassName:j}=k??{},M={...i,classNames:n,styles:r},[ee,F]=S([u,n,{cover:d(D,x),popup:{root:d(E,b),mask:d({[`${p}-preview-mask-hidden`]:!A},j)}}],[f,r],{props:M},{popup:{_default:`root`}});return P.createElement(le.PreviewGroup,{preview:k,previewPrefixCls:m,icons:O,...i,classNames:ee,styles:F})},Oe={position:`absolute`,width:1,height:1,padding:0,margin:-1,overflow:`hidden`,clip:`rect(0, 0, 0, 0)`,whiteSpace:`nowrap`,border:0},ke=e=>{let{prefixCls:t,percent:n,render:r,classNames:i,styles:a,rootClassName:o,rootStyle:s,width:c,height:l}=e,f=u(n)&&Number.isFinite(n),p=f?Math.max(0,Math.min(100,Math.round(n))):0,m=f?{role:`progressbar`,"aria-valuemin":0,"aria-valuemax":100,"aria-valuenow":p,"aria-label":`${p}%`}:{"aria-busy":!0},h=f?P.createElement(`div`,{className:d(`${t}-progress-rail`,i?.rail),style:{...a?.rail,"--progress-percent":`${p}%`}}):null,g=r?r(h,p):P.createElement(P.Fragment,null,h,f&&P.createElement(`div`,{className:d(`${t}-progress-indicator`,i?.indicator),style:a?.indicator},`${p}%`));return P.createElement(`div`,{className:d(t,`${t}-progress-wrapper`,i?.root,o),style:{width:c,height:l,...s,...a?.root},...m},!f&&P.createElement(`span`,{role:`status`,"aria-live":`polite`,style:Oe},`Loading`),P.createElement(`div`,{className:`${t}-progress-ink-1`}),P.createElement(`div`,{className:`${t}-progress-ink-2`}),P.createElement(`div`,{className:d(`${t}-progress-content`,i?.content),style:a?.content},g))},Ae=e=>{let{prefixCls:t,preview:n,className:r,rootClassName:i,style:a,styles:o,classNames:s,wrapperStyle:c,fallback:l,placeholder:u,...f}=e,{getPrefixCls:p,getPopupContainer:m,className:h,style:g,preview:_,styles:v,classNames:y,fallback:b}=T(`image`),x=p(`image`,t),C=w(x),[E,D]=Te(x,C),O=d(i,E,D,C),k=d(r,E,h),[A,j,M]=me(n),[ee,N,F]=me(_),I=ue(A,ee,x,O,m,Ee,!0),L={...e,preview:I},R=P.useMemo(()=>({cover:d(F,M),popup:{root:d(N,j)}}),[j,M,N,F]),{mask:z,blurClassName:B}=I??{},V=P.useMemo(()=>({mask:d({[`${x}-preview-mask-hidden`]:!z},B)}),[z,x,B]),[H,U]=S(P.useMemo(()=>[y,s,R,{popup:V}],[y,s,R,V]),[v,{root:c},o],{props:L},{popup:{_default:`root`},placeholder:{}}),W={...g,...a},G=l??b,{progressConfig:K}=fe(u),te=K!==void 0,{percent:ne,render:re}=K||{},ie=H?.placeholder?.progress,ae=U?.placeholder?.progress,{width:q,height:J,src:oe,...se}=f,Y=de(u)?void 0:u,X=Y&&!oe,Z=X?e=>Y:re;return te||X?P.createElement(ke,{prefixCls:x,percent:ne,render:Z,classNames:ie,styles:ae,rootClassName:d(O,k),rootStyle:{...W,...U?.root},width:q,height:J}):P.createElement(le,{prefixCls:x,preview:I||!1,rootClassName:O,className:k,style:W,fallback:G,placeholder:Y,width:q,height:J,src:oe,...se,classNames:H,styles:U})};Ae.PreviewGroup=De;export{Ae as t}; |