import{o as e}from"./request-xrnk7ZJV.js";import{$ as t,Ct as n,Er as r,Ft as i,Hn as a,Ln as o,N as s,Nn as c,Or as l,Ot as u,Pr as d,Tr as f,Wn as p,Xt as m,Zt as h,_n as g,ar as _,cr as v,ft as y,ir as b,jr as x,kt as S,qt as C,ur as w,wn as T,wt as E,yt as D}from"./jsx-runtime-OfKoVykY.js";import{y as O}from"./tooltip-DI_m69zk.js";import{r as k}from"./PlusOutlined-CKNTdA7h.js";import{y as A}from"./useModal-Df03h-2u.js";import{t as j}from"./LeftOutlined-V7kBMNHZ.js";import{At as M,Mt as N,Ot as P,jt as F,kt as I}from"./index-DMEx4_h0.js";var L=e(d()),R=L.createContext(null);function z(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 B(){return{width:document.documentElement.clientWidth,height:window.innerHeight||document.documentElement.clientHeight}}var V={x:0,y:0,rotate:0,scale:1,flipX:!1,flipY:!1};function ee(e,t,n,r){let i=(0,L.useRef)(null),a=(0,L.useRef)([]),[o,s]=(0,L.useState)(V),c=e=>{s(V),b(V,o)||r?.({transform:V,action:e})},l=(e,t)=>{i.current===null&&(a.current=[],i.current=f(()=>{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:l,dispatchZoomChange:(r,i,a,s,c)=>{let{width:u,height:d,offsetWidth:f,offsetHeight:p,offsetLeft:m,offsetTop:h}=e.current,g=r,_=o.scale*r;_>n?(_=n,g=n/o.scale):_r){if(t>0)return{[e]:a};if(t<0&&ir)return{[e]:t<0?a:-a};return{}}function U(e,t,n,r){let{width:i,height:a}=B(),o=null;return e<=i&&t<=a?o={x:0,y:0}:(e>i||t>a)&&(o={...H(`x`,n,e,i),...H(`y`,r,t,a)}),o}function te(e,t,n,r,i,a,o,s=!0){let{rotate:c,scale:l,x:u,y:d}=i,[f,p]=(0,L.useState)(!1),m=(0,L.useRef)({diffX:0,diffY:0,transformX:0,transformY:0}),h=e=>{t&&e.button===0&&(e.preventDefault(),e.stopPropagation(),m.current={diffX:e.pageX-u,diffY:e.pageY-d,transformX:u,transformY:d},p(!0))},g=e=>{n&&f&&a({x:e.pageX-m.current.diffX,y:e.pageY-m.current.diffY},`move`)},v=()=>{if(n&&f){p(!1);let{transformX:t,transformY:n}=m.current;if(u===t||d===n)return;let r=e.current.offsetWidth*l,i=e.current.offsetHeight*l,{left:o,top:s}=e.current.getBoundingClientRect(),f=c%180!=0,h=U(f?i:r,f?r:i,o,s);h&&a({...h},`dragRebound`)}};return(0,L.useEffect)(()=>{if(t){window.addEventListener(`mouseup`,v,!1),window.addEventListener(`mousemove`,g,!1);try{window.top!==window.self&&(window.top.addEventListener(`mouseup`,v,!1),window.top.addEventListener(`mousemove`,g,!1))}catch(e){_(!1,`[rc-image] ${e}`)}}return()=>{window.removeEventListener(`mouseup`,v),window.removeEventListener(`mousemove`,g);try{window.top?.removeEventListener(`mouseup`,v),window.top?.removeEventListener(`mousemove`,g)}catch{}}},[n,f,u,d,c,t]),{isMoving:f,onMouseDown:h,onMouseMove:g,onMouseUp:v,onWheel:e=>{if(!n||!s||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 W({src:e,isCustomPlaceholder:t,fallback:n}){let[r,i]=(0,L.useState)(t?`loading`:`normal`),a=(0,L.useRef)(!1),o=r===`error`;(0,L.useEffect)(()=>{let t=!0;return z(e).then(e=>{!e&&t&&i(`error`)}),()=>{t=!1}},[e]),(0,L.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 G(e,t){let n=e.x-t.x,r=e.y-t.y;return Math.hypot(n,r)}function K(e,t,n,r){let i=G(e,n),a=G(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 ne(e,t,n,r,i,a,o){let{rotate:s,scale:c,x:l,y:u}=i,[d,f]=(0,L.useState)(!1),p=(0,L.useRef)({point1:{x:0,y:0},point2:{x:0,y:0},eventType:`none`}),m=e=>{p.current={...p.current,...e}};return(0,L.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]=K(n,r,e,i);o(G(e,i)/G(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=U(u?i:t,u?t:i,o,l);p&&a({...p},`dragRebound`)}}}function re(e){let{prefixCls:t,icon:n,onClick:r,className:i,style:a}=e;return L.createElement(`button`,{className:p(`${t}-close`,i),style:a,onClick:r},n)}function ie(e){let{prefixCls:t,showProgress:n,current:r,count:i,showSwitch:a,classNames:o,styles:s,icons:c,image:l,transform:u,countRender:d,actionsRender:f,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:N,zoomOut:P,zoomIn:F}=c,I=n&&L.createElement(`div`,{className:`${t}-progress`},d?d(r+1,i):L.createElement(`bdi`,null,`${r+1} / ${i}`)),R=`${t}-actions-action`,z=({type:e,disabled:t,onClick:n,icon:r})=>L.createElement(`button`,{type:`button`,key:e,className:p(R,`${R}-${e}`,{[`${R}-disabled`]:!!t}),onClick:n,disabled:!!t,"aria-label":e},r),B=a?z({icon:O??E,onClick:()=>_(-1),type:`prev`,disabled:r===0}):void 0,V=a?z({icon:k??D,onClick:()=>_(1),type:`next`,disabled:r===i-1}):void 0,ee=z({icon:A,onClick:v,type:`flipY`}),H=z({icon:j,onClick:y,type:`flipX`}),U=z({icon:M,onClick:b,type:`rotateLeft`}),te=z({icon:N,onClick:x,type:`rotateRight`}),W=z({icon:P,onClick:S,type:`zoomOut`,disabled:m<=h}),G=z({icon:F,onClick:C,type:`zoomIn`,disabled:m===g}),K=L.createElement(`div`,{className:p(`${t}-actions`,o.actions),style:s.actions},ee,H,U,te,W,G);return L.createElement(`div`,{className:p(`${t}-footer`,o.footer),style:s.footer},I,f?f(K,{icons:{prevIcon:B,nextIcon:V,flipYIcon:ee,flipXIcon:H,rotateLeftIcon:U,rotateRightIcon:te,zoomOutIcon:W,zoomInIcon:G},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}):K)}function ae(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,d=r===i-1;return L.createElement(L.Fragment,null,L.createElement(`button`,{className:p(l,`${l}-prev`,{[`${l}-disabled`]:u}),onClick:()=>n(-1),disabled:u},s??a),L.createElement(`button`,{type:`button`,className:p(l,`${l}-next`,{[`${l}-disabled`]:d}),onClick:()=>n(1),disabled:d},c??o))}function oe(){return oe=Object.assign?Object.assign.bind():function(e){for(var t=1;t{let[i,a]=W({src:t,fallback:e});return L.createElement(`img`,oe({ref:e=>{n.current=e,i(e)}},r,a))},ce=e=>{let{prefixCls:t,rootClassName:n,src:r,alt:a,imageInfo:o,fallback:s,movable:c=!0,onClose:u,open:d,afterOpenChange:f,maskClosable:m=!0,icons:h={},closeIcon:g,getContainer:_,current:b=0,count:S=1,countRender:C,scaleStep:T=.5,minScale:E=1,maxScale:D=50,motionName:O=`fade`,imageRender:k,imgCommonProps:A,actionsRender:j,onTransform:M,onChange:N,classNames:P={},styles:F={},mousePosition:I,zIndex:z,wheel:B=!0,focusTrap:V=!0}=e,H=(0,L.useRef)(null),U=(0,L.useRef)(null),W=(0,L.useRef)(null),G=(0,L.useContext)(R),K=G&&S>1,ce=G&&S>=1,[q,le]=(0,L.useState)(!0),{transform:J,resetTransform:ue,updateTransform:Y,dispatchZoomChange:X}=ee(H,E,D,M),{isMoving:Z,onMouseDown:de,onWheel:fe}=te(H,c,d,T,J,Y,X,B),{isTouching:pe,onTouchStart:me,onTouchMove:he,onTouchEnd:ge}=ne(H,c,d,E,J,Y,X),{rotate:Q,scale:$}=J;(0,L.useEffect)(()=>{q||le(!0)},[q]),(0,L.useEffect)(()=>{d||ue(`close`)},[d]);let _e=L.createElement(se,oe({},A,{width:e.width,height:e.height,imgRef:H,className:`${t}-img`,alt:a,style:{transform:`translate3d(${J.x}px, ${J.y}px, 0) scale3d(${J.flipX?`-`:``}${$}, ${J.flipY?`-`:``}${$}, 1) rotate(${Q}deg)`,transitionDuration:(!q||pe)&&`0s`},fallback:s,src:r,onWheel:fe,onMouseDown:de,onDoubleClick:e=>{d&&($===1?X(1+T,`doubleClick`,e.clientX,e.clientY):Y({x:0,y:0,scale:1},`doubleClick`))},onTouchStart:me,onTouchMove:he,onTouchEnd:ge,onTouchCancel:ge})),ve={url:r,alt:a,...o},ye=()=>{X(1+T,`zoomIn`)},be=()=>{X(1/(1+T),`zoomOut`)},xe=()=>{Y({rotate:Q+90},`rotateRight`)},Se=()=>{Y({rotate:Q-90},`rotateLeft`)},Ce=()=>{Y({flipX:!J.flipX},`flipX`)},we=()=>{Y({flipY:!J.flipY},`flipY`)},Te=()=>{ue(`reset`)},Ee=e=>{let t=b+e;t>=0&&t<=S-1&&(le(!1),ue(e<0?`prev`:`next`),N?.(t,b))},De=x(e=>{if(d){let{keyCode:t}=e;K&&(t===v.LEFT?Ee(-1):t===v.RIGHT&&Ee(1))}});(0,L.useEffect)(()=>{if(d)return window.addEventListener(`keydown`,De),()=>{window.removeEventListener(`keydown`,De)}},[d]);let[Oe,ke]=(0,L.useState)(!1);L.useEffect(()=>{d&&ke(!0)},[d]);let Ae=e=>{e||(ke(!1),W.current?.focus?.(),W.current=null),f?.(e)},[je,Me]=(0,L.useState)(!1);l(()=>{d&&Me(!0)},[d]);let Ne=({top:e})=>{e&&u?.()};l(()=>{d&&(W.current=document.activeElement)},[d]),w(V&&d&&je,()=>U.current);let Pe={...F.body};return I&&(Pe.transformOrigin=`${I.x}px ${I.y}px`),L.createElement(y,{open:je&&d,autoDestroy:!1,getContainer:_,autoLock:Oe,onEsc:Ne},L.createElement(i,{motionName:O,visible:je&&d,motionAppear:!0,motionEnter:!0,motionLeave:!0,onVisibleChanged:Ae},({className:e,style:r})=>{let i={...F.root,...r};return z&&(i.zIndex=z),L.createElement(`div`,{ref:U,className:p(t,n,P.root,e,{[`${t}-movable`]:c,[`${t}-moving`]:Z}),style:i,role:`dialog`,"aria-modal":`true`,"aria-label":a,tabIndex:-1},L.createElement(`div`,{className:p(`${t}-mask`,P.mask),style:F.mask,onClick:m?u:void 0}),L.createElement(`div`,{className:p(`${t}-body`,P.body),style:Pe},k?k(_e,{transform:J,image:ve,...G?{current:b}:{}}):_e),g!==!1&&g!==null&&L.createElement(re,{prefixCls:t,icon:g===!0?h.close:g||h.close,onClick:u,className:P.close,style:F.close}),K&&L.createElement(ae,{prefixCls:t,current:b,count:S,icons:h,onActive:Ee}),L.createElement(ie,{prefixCls:t,showProgress:ce,current:b,count:S,showSwitch:K,classNames:P,styles:F,image:ve,transform:J,icons:h,countRender:C,actionsRender:j,scale:$,minScale:E,maxScale:D,onActive:Ee,onFlipY:we,onFlipX:Ce,onRotateLeft:Se,onRotateRight:xe,onZoomOut:be,onZoomIn:ye,onClose:u,onReset:Te}))}))},q=[`crossOrigin`,`decoding`,`draggable`,`loading`,`referrerPolicy`,`sizes`,`srcSet`,`useMap`,`alt`,`fetchPriority`];function le(e){let[t,n]=L.useState({}),r=L.useCallback((e,t)=>(n(n=>({...n,[e]:t})),()=>{n(t=>{let n={...t};return delete n[e],n})}),[]);return[L.useMemo(()=>e?e.map(e=>{if(typeof e==`string`)return{data:{src:e}};let t={};return Object.keys(e).forEach(n=>{[`src`,...q].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 J(){return J=Object.assign?Object.assign.bind():function(e){for(var t=1;t{let{open:l,onOpenChange:u,current:d,onChange:f,...p}=s&&typeof s==`object`?s:{},[m,h,g]=le(o),[_,v]=r(0,d),[y,b]=(0,L.useState)(!1),{src:S,...C}=m[_]?.data||{},[w,T]=r(!!l,l),E=x(e=>{T(e),e!==w&&u?.(e,{current:_})}),[D,O]=(0,L.useState)(null),k=L.useCallback((e,t,n,r)=>{let i=g?m.findIndex(e=>e.data.src===t):m.findIndex(t=>t.id===e);v(i<0?0:i),E(!0),O({x:n,y:r}),b(!0)},[m,g]);L.useEffect(()=>{w?y||v(0):b(!1)},[w]);let A=(e,t)=>{v(e),f?.(e,t)},j=()=>{E(!1),O(null)},M=L.useMemo(()=>({register:h,onPreview:k}),[h,k]);return L.createElement(R.Provider,{value:M},i,L.createElement(ce,J({"aria-hidden":!w,open:w,prefixCls:e,onClose:j,mousePosition:D,imgCommonProps:C,src:S,fallback:c,icons:a,current:_,count:m.length,onChange:A},p,{classNames:t?.popup,styles:n?.popup})))},Y=0;function X(e,t){let[n]=L.useState(()=>(Y+=1,String(Y))),r=L.useContext(R),i={data:t,canPreview:e};return L.useEffect(()=>{if(r)return r.register(n,i)},[]),L.useEffect(()=>{r&&r.register(n,i)},[e,t]),n}function Z(){return Z=Object.assign?Object.assign.bind():function(e){for(var t=1;t{let{prefixCls:t=`rc-image`,previewPrefixCls:n=`${t}-preview`,rootClassName:i,className:a,style:o,classNames:s={},styles:c={},width:l,height:u,src:d,alt:f,placeholder:m,fallback:h,preview:g=!0,onClick:_,onError:v,onKeyDown:y,...b}=e,x=(0,L.useContext)(R),S=!!g,{src:C,open:w,onOpenChange:T,cover:E,rootClassName:D,...O}=g&&typeof g==`object`?g:{},k=typeof E==`object`&&E.placement&&E.placement||`center`,A=typeof E==`object`&&E.coverNode?E.coverNode:E,[j,M]=r(!!w,w),[N,P]=(0,L.useState)(null),F=e=>{M(e),T?.(e)},I=()=>{F(!1)},z=m&&m!==!0,B=C??d,[V,ee,H]=W({src:d,isCustomPlaceholder:z,fallback:h}),U=(0,L.useMemo)(()=>{let t={};return q.forEach(n=>{e[n]!==void 0&&(t[n]=e[n])}),t},q.map(t=>e[t])),te=X(S,(0,L.useMemo)(()=>({...U,src:B}),[B,U])),G=e=>{let t=e.target.getBoundingClientRect(),n=t.x+t.width/2,r=t.y+t.height/2;x?x.onPreview(te,B,n,r):(P({x:n,y:r}),F(!0)),_?.(e)},K=e=>{if(y?.(e),S&&(e.key===`Enter`||e.key===` `)){e.preventDefault();let t=e.target.getBoundingClientRect(),n=t.x+t.width/2,r=t.y+t.height/2;x?x.onPreview(te,B,n,r):(P({x:n,y:r}),F(!0))}};return L.createElement(L.Fragment,null,L.createElement(`div`,Z({},b,{className:p(t,i,s.root,{[`${t}-error`]:H===`error`}),onClick:S?G:_,role:S?`button`:b.role,tabIndex:S&&b.tabIndex==null?0:b.tabIndex,"aria-label":S?b[`aria-label`]??f:b[`aria-label`],onKeyDown:K,style:{width:l,height:u,...c.root}}),L.createElement(`img`,Z({},U,{className:p(`${t}-img`,{[`${t}-img-placeholder`]:m===!0},s.image,a),style:{height:u,...c.image,...o},ref:V},ee,{width:l,height:u,onError:v})),H===`loading`&&L.createElement(`div`,{"aria-hidden":`true`,className:`${t}-placeholder`},m),E!==!1&&S&&L.createElement(`div`,{className:p(`${t}-cover`,s.cover,`${t}-cover-${k}`),style:{display:o?.display===`none`?`none`:void 0,...c.cover}},A)),!x&&S&&L.createElement(ce,Z({"aria-hidden":!j,open:j,prefixCls:n,onClose:I,mousePosition:N,src:B,alt:f,imageInfo:{width:l,height:u},fallback:h,imgCommonProps:U},O,{classNames:s?.popup,styles:c?.popup,rootClassName:p(D,i)})))};de.PreviewGroup=ue;var fe=de,pe=(e,n,r,i,a,o,s)=>{let[c]=O(`ImagePreview`,e?.zIndex),[l,u,d]=A(e?.mask,n?.mask,`${r}-preview`);return L.useMemo(()=>{if(!e)return e;let{cover:f,getContainer:m,closeIcon:h,rootClassName:g}=e,{closeIcon:_}=n??{};return{motionName:t(`${r}-preview`,`fade`),...e,...s?{cover:f??s}:{},icons:o,getContainer:m??a,zIndex:c,closeIcon:h??_,rootClassName:p(i,g),mask:l,maskClosable:d,blurClassName:u.mask}},[e,n,r,i,a,s,o,c,l,d,u])};function me(e){return S(e)&&!(0,L.isValidElement)(e)}function he(e){return(0,L.useMemo)(()=>!e||!me(e)?{}:typeof e.progress==`boolean`?{progressConfig:e.progress?{}:void 0}:{progressConfig:e.progress},[e])}function ge(e){return(0,L.isValidElement)(e)?[e,void 0]:typeof e==`boolean`||S(e)?[void 0,e]:[void 0,void 0]}function Q(e){let t=(0,L.useMemo)(()=>typeof e==`boolean`?e?{}:null:S(e)?e:{},[e]);return(0,L.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]=ge(l);return[{...p,open:e??a,onOpenChange:m,cover:r??h,mask:g,actionsRender:i??f},s,c]},[t])}var $=new c(`antImageProgressActive`,{"0%":{backgroundPosition:`200% 0`},"100%":{backgroundPosition:`-200% 0`}}),_e=(e,t,n,r=`translate(0%, 0%)`,i=.8)=>new c(e,{"0%":{transform:r,opacity:i},"50%":{transform:t,opacity:n},"100%":{transform:r,opacity:i}}),ve=_e(`antImageInkFlow1`,`translate(15%, -20%) scale(1.25)`,.5),ye=_e(`antImageInkFlow2`,`translate(-18%, 15%) scale(0.85)`,.9,`translate(0%, 0%) scale(1.1)`,.7),be=_e(`antImageInkFlow3`,`translate(8%, 10%) scale(1.15)`,.8,`translate(0%, 0%) scale(0.85)`,.65),xe=e=>({position:e||`absolute`,inset:0}),Se=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 g(`#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`}}}},Ce=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:ve,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:ye,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:be,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:be,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:ve,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:$,animationDuration:i,animationTimingFunction:`linear`,animationIterationCount:`infinite`}},[`${t}-progress-indicator`]:{marginTop:e.marginXS}}}},we=e=>{let{motionEaseOut:t,previewCls:n,motionDurationSlow:r,componentCls:i,colorBgMask:a,marginXL:s,marginSM:c,margin:l,colorTextLightSolid:u,paddingSM:d,paddingLG:f,previewOperationHoverColor:p,previewOperationColorDisabled:h,previewOperationSize:_,zIndexPopup:v}=e,y=new g(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":m(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`]:{...xe(),"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:c,insetInlineEnd:c},[`${n}-switch`]:{...x,top:`50%`,transform:`translateY(-50%)`,"&-disabled":{"&, &:hover, &:active":{color:h,background:`transparent`,cursor:`not-allowed`}},"&-prev":{insetInlineStart:c},"&-next":{insetInlineEnd:c}},[`${n}-footer`]:{position:`absolute`,bottom:s,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 ${o(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":m(e),"&-disabled":{color:h,cursor:`not-allowed`}}}}}},Te=e=>{let{componentCls:t}=e;return{[t]:{position:`relative`,display:`inline-block`,...h(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`]:{...xe()}}}},Ee=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}`}}}}}}},De=C(`Image`,e=>{let t=`${e.componentCls}-preview`,n=T(e,{previewCls:t,imagePreviewSwitchSize:e.controlHeightLG});return[Te(n),Se(n),Ce(n),we(n),Ee(n)]},e=>({zIndexPopup:e.zIndexPopupBase+80,previewOperationColor:new g(e.colorTextLightSolid).setA(.65).toRgbString(),previewOperationHoverColor:new g(e.colorTextLightSolid).setA(.85).toRgbString(),previewOperationColorDisabled:new g(e.colorTextLightSolid).setA(.25).toRgbString(),previewOperationSize:e.fontSizeIcon*1.5,progressAnimationDuration:`3s`})),Oe={rotateLeft:L.createElement(N,null),rotateRight:L.createElement(F,null),zoomIn:L.createElement(I,null),zoomOut:L.createElement(P,null),close:L.createElement(k,null),left:L.createElement(j,null),right:L.createElement(s,null),flipX:L.createElement(M,null),flipY:L.createElement(M,{rotate:90})},ke=({previewPrefixCls:e,preview:t,classNames:r,styles:i,...o})=>{let{getPrefixCls:c,getPopupContainer:l,direction:u,preview:d,classNames:f,styles:m}=a(`image`),h=c(`image`,e),g=`${h}-preview`,_=D(h),[v,y]=De(h,_),b=p(v,y,_),[x,S,C]=Q(t),[w,T,E]=Q(d),O=L.useMemo(()=>({...Oe,left:u===`rtl`?L.createElement(s,null):L.createElement(j,null),right:u===`rtl`?L.createElement(j,null):L.createElement(s,null)}),[u]),k=pe(x,w,h,b,l,O),{mask:A,blurClassName:M}=k??{},N={...o,classNames:r,styles:i},[P,F]=n([f,r,{cover:p(E,C),popup:{root:p(T,S),mask:p({[`${h}-preview-mask-hidden`]:!A},M)}}],[m,i],{props:N},{popup:{_default:`root`}});return L.createElement(fe.PreviewGroup,{preview:k,previewPrefixCls:g,icons:O,...o,classNames:P,styles:F})},Ae={position:`absolute`,width:1,height:1,padding:0,margin:-1,overflow:`hidden`,clip:`rect(0, 0, 0, 0)`,whiteSpace:`nowrap`,border:0},je=e=>{let{prefixCls:t,percent:n,render:r,classNames:i,styles:a,rootClassName:o,rootStyle:s,width:c,height:l}=e,d=u(n)&&Number.isFinite(n),f=d?Math.max(0,Math.min(100,Math.round(n))):0,m=d?{role:`progressbar`,"aria-valuemin":0,"aria-valuemax":100,"aria-valuenow":f,"aria-label":`${f}%`}:{"aria-busy":!0},h=d?L.createElement(`div`,{className:p(`${t}-progress-rail`,i?.rail),style:{...a?.rail,"--progress-percent":`${f}%`}}):null,g=r?r(h,f):L.createElement(L.Fragment,null,h,d&&L.createElement(`div`,{className:p(`${t}-progress-indicator`,i?.indicator),style:a?.indicator},`${f}%`));return L.createElement(`div`,{className:p(t,`${t}-progress-wrapper`,i?.root,o),style:{width:c,height:l,...s,...a?.root},...m},!d&&L.createElement(`span`,{role:`status`,"aria-live":`polite`,style:Ae},`Loading`),L.createElement(`div`,{className:`${t}-progress-ink-1`}),L.createElement(`div`,{className:`${t}-progress-ink-2`}),L.createElement(`div`,{className:p(`${t}-progress-content`,i?.content),style:a?.content},g))},Me=e=>{let{prefixCls:t,preview:r,className:i,rootClassName:o,style:s,styles:c,classNames:l,wrapperStyle:u,fallback:d,placeholder:f,...m}=e,{getPrefixCls:h,getPopupContainer:g,className:_,style:v,preview:y,styles:b,classNames:x,fallback:S}=a(`image`),C=h(`image`,t),w=D(C),[T,O]=De(C,w),k=p(o,T,O,w),A=p(i,T,_),[j,M,N]=Q(r),[P,F,I]=Q(y),R=pe(j,P,C,k,g,Oe,!0),z={...e,preview:R},B=L.useMemo(()=>({cover:p(I,N),popup:{root:p(F,M)}}),[M,N,F,I]),{mask:V,blurClassName:ee}=R??{},H=L.useMemo(()=>({mask:p({[`${C}-preview-mask-hidden`]:!V},ee)}),[V,C,ee]),U=L.useMemo(()=>[x,l,B,{popup:H}],[x,l,B,H]),te=E(v,`image`),W=E(s,`image`),G=E(v),K=E(s),[ne,re]=n(U,[b,{root:u},te,c,W],{props:z},{popup:{_default:`root`},placeholder:{}}),[,ie]=n([],[b,G,{root:u},c,K],{props:z},{popup:{_default:`root`},placeholder:{}}),{image:ae,...oe}=re,se=d??S,{progressConfig:ce}=he(f),q=ce!==void 0,{percent:le,render:J}=ce||{},ue=ne?.placeholder?.progress,Y=ie?.placeholder?.progress,{width:X,height:Z,src:de,...ge}=m,$=me(f)?void 0:f,_e=$&&!de,ve=_e?e=>$:J;return q||_e?L.createElement(je,{prefixCls:C,percent:le,render:ve,classNames:ue,styles:Y,rootClassName:p(k,A),rootStyle:ie?.root,width:X,height:Z}):L.createElement(fe,{prefixCls:C,preview:R||!1,rootClassName:k,className:A,style:ae,fallback:se,placeholder:$,width:X,height:Z,src:de,...ge,classNames:ne,styles:oe})};Me.PreviewGroup=ke;export{Me as t};