1 line
7.2 KiB
JavaScript
1 line
7.2 KiB
JavaScript
import{i as e}from"./rolldown-runtime-BgaNhQyE.js";import{An as t,Dr as n,Q as r,Ut as i,Vn as a,Wt as o,Zt as s,st as c,xn as l,xr as u,xt as d,zn as f}from"./jsx-runtime-ADHq9IcL.js";var p=e(n());function m(e,t,n){var r=n||{},i=r.noTrailing,a=i!==void 0&&i,o=r.noLeading,s=o!==void 0&&o,c=r.debounceMode,l=c===void 0?void 0:c,u,d=!1,f=0;function p(){u&&clearTimeout(u)}function m(e){var t=(e||{}).upcomingOnly,n=t!==void 0&&t;p(),d=!n}function h(){var n=[...arguments],r=this,i=Date.now()-f;if(d)return;function o(){f=Date.now(),t.apply(r,n)}function c(){u=void 0}!s&&l&&!u&&o(),p(),l===void 0&&i>e?s?(f=Date.now(),a||(u=setTimeout(l?c:o,e))):o():a!==!0&&(u=setTimeout(l?c:o,l===void 0?e-i:e))}return h.cancel=m,h}function h(e,t,n){var r=(n||{}).atBegin;return m(e,t,{debounceMode:(r!==void 0&&r)!==!1})}var g=100,_=g/5,v=g/2-_/2,y=v*2*Math.PI,b=50,x=e=>{let{dotClassName:t,style:n,hasCircleCls:r}=e;return p.createElement(`circle`,{className:a(`${t}-circle`,{[`${t}-circle-bg`]:r}),r:v,cx:b,cy:b,strokeWidth:_,style:n})},S=({percent:e,prefixCls:t})=>{let n=`${t}-dot`,r=`${n}-holder`,i=`${r}-hidden`,[o,s]=p.useState(!1);u(()=>{e!==0&&s(!0)},[e!==0]);let c=Math.max(Math.min(e,100),0);if(!o)return null;let l={strokeDashoffset:`${y/4}`,strokeDasharray:`${y*c/100} ${y*(100-c)/100}`};return p.createElement(`span`,{className:a(r,`${n}-progress`,{[i]:c<=0})},p.createElement(`svg`,{viewBox:`0 0 ${g} ${g}`,role:`progressbar`,"aria-valuemin":0,"aria-valuemax":100,"aria-valuenow":c},p.createElement(x,{dotClassName:n,hasCircleCls:!0}),p.createElement(x,{dotClassName:n,style:l})))};function C(e){let{prefixCls:t,percent:n=0,className:r,style:i}=e,o=`${t}-dot`,s=`${o}-holder`,c=`${s}-hidden`;return p.createElement(p.Fragment,null,p.createElement(`span`,{className:a(s,r,n>0&&c),style:i},p.createElement(`span`,{className:a(o,`${t}-dot-spin`)},[1,2,3,4].map(e=>p.createElement(`i`,{className:`${t}-dot-item`,key:e})))),p.createElement(S,{prefixCls:t,percent:n}))}function w(e){let{prefixCls:t,indicator:n,percent:r,className:i,style:o}=e,s=`${t}-dot`;return n&&p.isValidElement(n)?c(n,e=>({className:a(e.className,s,i),style:{...e.style,...o},percent:r})):p.createElement(C,{prefixCls:t,percent:r,className:i,style:o})}var T=new t(`antSpinMove`,{to:{opacity:1}}),E=new t(`antRotate`,{to:{transform:`rotate(405deg)`}}),D=e=>{let{componentCls:t}=e,n=`${t}-section`;return{[t]:{...s(e),position:`relative`,"&-rtl":{direction:`rtl`},[`&${n}, ${n}`]:{display:`flex`,alignItems:`center`,flexDirection:`column`,gap:e.paddingSM,color:e.colorPrimary},[`&${n}`]:{display:`inline-flex`},[n]:{position:`absolute`,top:`50%`,left:{_skip_check_:!0,value:`50%`},transform:`translate(-50%, -50%)`,zIndex:1},[`${t}-description`]:{fontSize:e.fontSize,lineHeight:1},[`${t}-container`]:{position:`relative`,transition:`opacity ${e.motionDurationSlow}`,"&::after":{position:`absolute`,top:0,insetInlineEnd:0,bottom:0,insetInlineStart:0,zIndex:10,width:`100%`,height:`100%`,background:e.colorBgContainer,opacity:0,transition:`all ${e.motionDurationSlow}`,content:`""`,pointerEvents:`none`}},"&-spinning":{[`${t}-description`]:{textShadow:`0 0px 5px ${e.colorBgContainer}`},[`${t}-container`]:{clear:`both`,opacity:.5,userSelect:`none`,pointerEvents:`none`,"&::after":{opacity:.4,pointerEvents:`auto`}}},"&-fullscreen":{position:`fixed`,inset:0,backgroundColor:e.colorBgMask,zIndex:e.zIndexPopupBase,opacity:0,pointerEvents:`none`,transition:`all ${e.motionDurationMid}`,[`&${t}-spinning`]:{opacity:1,pointerEvents:`auto`},[n]:{color:e.colorWhite,[`${t}-description`]:{color:e.colorTextLightSolid}}}}}},O=e=>{let{componentCls:t,antCls:n,motionDurationSlow:r}=e,[a,o]=i(n,`spin`);return{[t]:{[a(`dot-holder-size`)]:e.dotSize,[a(`dot-item-size`)]:`calc((${o(`dot-holder-size`)} - ${e.marginXXS} / 2) / 2)`,[`${t}-dot`]:{"&-holder":{width:`1em`,height:`1em`,fontSize:o(`dot-holder-size`),display:`inline-block`,transition:[`transform`,`opacity`].map(e=>`${e} ${r} ease`).join(`, `),transformOrigin:`50% 50%`,lineHeight:1,"&-hidden":{transform:`scale(0.3)`,opacity:0}},position:`relative`,display:`inline-block`,fontSize:o(`dot-holder-size`),width:`1em`,height:`1em`,"&-spin":{transform:`rotate(45deg)`,animationName:E,animationDuration:`1.2s`,animationIterationCount:`infinite`,animationTimingFunction:`linear`},"&-item":{position:`absolute`,display:`block`,width:o(`dot-item-size`),height:o(`dot-item-size`),background:`currentColor`,borderRadius:`100%`,transform:`scale(0.75)`,transformOrigin:`50% 50%`,opacity:.3,animationName:T,animationDuration:`1s`,animationIterationCount:`infinite`,animationTimingFunction:`linear`,animationDirection:`alternate`,"&:nth-child(1)":{top:0,insetInlineStart:0,animationDelay:`0s`},"&:nth-child(2)":{top:0,insetInlineEnd:0,animationDelay:`0.4s`},"&:nth-child(3)":{insetInlineEnd:0,bottom:0,animationDelay:`0.8s`},"&:nth-child(4)":{bottom:0,insetInlineStart:0,animationDelay:`1.2s`}},"&-progress":{position:`absolute`,left:`50%`,top:0,transform:`translateX(-50%)`},"&-circle":{strokeLinecap:`round`,transition:[`stroke-dashoffset`,`stroke-dasharray`,`stroke`,`stroke-width`,`opacity`].map(e=>`${e} ${r} ease`).join(`,`),fillOpacity:0,stroke:`currentcolor`},"&-circle-bg":{stroke:e.colorFillSecondary}}}}},k=e=>{let{componentCls:t}=e,[n]=i(e.antCls,`spin`);return{[t]:{"&-sm":{[n(`dot-holder-size`)]:e.dotSizeSM},"&-lg":{[n(`dot-holder-size`)]:e.dotSizeLG}}}},A=o(`Spin`,e=>{let t=l(e,{spinDotDefault:e.colorTextDescription});return[D(t),O(t),k(t)]},e=>{let{controlHeightLG:t,controlHeight:n}=e;return{contentHeight:400,dotSize:t/2,dotSizeSM:t*.35,dotSizeLG:n}}),j=200,M=[[30,.05],[70,.03],[96,.01]];function N(e,t){let[n,r]=p.useState(0),i=p.useRef(null),a=t===`auto`;return p.useEffect(()=>(a&&e&&(r(0),i.current=setInterval(()=>{r(e=>{let t=100-e;for(let n=0;n<M.length;n+=1){let[r,i]=M[n];if(e<=r)return e+t*i}return e})},j)),()=>{i.current&&=(clearInterval(i.current),null)}),[a,e]),a?n:t}var P;function F(e,t){return!!e&&!!t&&!Number.isNaN(Number(t))}var I=e=>{let{prefixCls:t,spinning:n=!0,delay:i=0,className:o,rootClassName:s,size:c,tip:l,description:u,wrapperClassName:m,style:g,children:_,fullscreen:v=!1,indicator:y,percent:b,classNames:x,styles:S,...C}=e,{getPrefixCls:T,direction:E,indicator:D,className:O,style:k,classNames:j,styles:M}=f(`spin`),I=T(`spin`,t),[L,R]=A(I),[z,B]=p.useState(()=>n&&!F(n,i)),V=N(z,b);p.useEffect(()=>{if(n){let e=h(i,()=>{B(!0)});return e(),()=>{e?.cancel?.()}}B(!1)},[i,n]);let H=r(e=>c??e),U=u??l,W={...e,size:H,spinning:z,tip:U,description:U,fullscreen:v,children:_,percent:V},[G,K]=d([j,x],[M,S],{props:W}),q=y??D??P,J=_!==void 0,Y=J||v,X=p.createElement(p.Fragment,null,p.createElement(w,{className:a(G.indicator),style:K.indicator,prefixCls:I,indicator:q,percent:V}),U&&p.createElement(`div`,{className:a(`${I}-description`,G.tip,G.description),style:{...K.tip,...K.description}},U));return p.createElement(`div`,{className:a(I,{[`${I}-sm`]:H===`small`,[`${I}-lg`]:H===`large`,[`${I}-spinning`]:z,[`${I}-rtl`]:E===`rtl`,[`${I}-fullscreen`]:v},s,G.root,v&&G.mask,Y?m:[`${I}-section`,G.section],O,o,L,R),style:{...K.root,...Y?{}:K.section,...v?K.mask:{},...k,...g},"aria-live":`polite`,"aria-busy":z,...C},z&&(Y?p.createElement(`div`,{className:a(`${I}-section`,G.section),style:K.section},X):X),J&&p.createElement(`div`,{className:a(`${I}-container`,G.container),style:K.container},_))};I.setDefaultIndicator=e=>{P=e};export{I as t}; |