1 line
7.2 KiB
JavaScript
1 line
7.2 KiB
JavaScript
import{$t as e,Bt as t,Or as n,Sr as r,St as i,Tr as a,Y as o,cn as s,dn as c,fr as l,nn as u,st as d,xt as f}from"./jsx-runtime-NwRKtVrk.js";var p=n(a());function m(e,t,n){var r=n||{},i=r.noTrailing,a=i===void 0?!1:i,o=r.noLeading,s=o===void 0?!1: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?!1: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?!1: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:i}=e;return p.createElement(`circle`,{className:r(`${t}-circle`,{[`${t}-circle-bg`]:i}),r:v,cx:b,cy:b,strokeWidth:_,style:n})},S=({percent:e,prefixCls:t})=>{let n=`${t}-dot`,i=`${n}-holder`,a=`${i}-hidden`,[o,s]=p.useState(!1);l(()=>{e!==0&&s(!0)},[e!==0]);let c=Math.max(Math.min(e,100),0);if(!o)return null;let u={strokeDashoffset:`${y/4}`,strokeDasharray:`${y*c/100} ${y*(100-c)/100}`};return p.createElement(`span`,{className:r(i,`${n}-progress`,{[a]: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:u})))};function C(e){let{prefixCls:t,percent:n=0,className:i,style:a}=e,o=`${t}-dot`,s=`${o}-holder`,c=`${s}-hidden`;return p.createElement(p.Fragment,null,p.createElement(`span`,{className:r(s,i,n>0&&c),style:a},p.createElement(`span`,{className:r(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:i,className:a,style:o}=e,s=`${t}-dot`;return n&&p.isValidElement(n)?d(n,e=>({className:r(e.className,s,a),style:{...e.style,...o},percent:i})):p.createElement(C,{prefixCls:t,percent:i,className:a,style:o})}var T=new u(`antSpinMove`,{to:{opacity:1}}),E=new u(`antRotate`,{to:{transform:`rotate(405deg)`}}),D=t=>{let{componentCls:n}=t,r=`${n}-section`;return{[n]:{...e(t),position:`relative`,"&-rtl":{direction:`rtl`},[`&${r}, ${r}`]:{display:`flex`,alignItems:`center`,flexDirection:`column`,gap:t.paddingSM,color:t.colorPrimary},[`&${r}`]:{display:`inline-flex`},[r]:{position:`absolute`,top:`50%`,left:{_skip_check_:!0,value:`50%`},transform:`translate(-50%, -50%)`,zIndex:1},[`${n}-description`]:{fontSize:t.fontSize,lineHeight:1},[`${n}-container`]:{position:`relative`,transition:`opacity ${t.motionDurationSlow}`,"&::after":{position:`absolute`,top:0,insetInlineEnd:0,bottom:0,insetInlineStart:0,zIndex:10,width:`100%`,height:`100%`,background:t.colorBgContainer,opacity:0,transition:`all ${t.motionDurationSlow}`,content:`""`,pointerEvents:`none`}},"&-spinning":{[`${n}-description`]:{textShadow:`0 0px 5px ${t.colorBgContainer}`},[`${n}-container`]:{clear:`both`,opacity:.5,userSelect:`none`,pointerEvents:`none`,"&::after":{opacity:.4,pointerEvents:`auto`}}},"&-fullscreen":{position:`fixed`,inset:0,backgroundColor:t.colorBgMask,zIndex:t.zIndexPopupBase,opacity:0,pointerEvents:`none`,transition:`all ${t.motionDurationMid}`,[`&${n}-spinning`]:{opacity:1,pointerEvents:`auto`},[r]:{color:t.colorWhite,[`${n}-description`]:{color:t.colorTextLightSolid}}}}}},O=e=>{let{componentCls:t,antCls:n,motionDurationSlow:r}=e,[i,a]=f(n,`spin`);return{[t]:{[i(`dot-holder-size`)]:e.dotSize,[i(`dot-item-size`)]:`calc((${a(`dot-holder-size`)} - ${e.marginXXS} / 2) / 2)`,[`${t}-dot`]:{"&-holder":{width:`1em`,height:`1em`,fontSize:a(`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:a(`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:a(`dot-item-size`),height:a(`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]=f(e.antCls,`spin`);return{[t]:{"&-sm":{[n(`dot-holder-size`)]:e.dotSizeSM},"&-lg":{[n(`dot-holder-size`)]:e.dotSizeLG}}}},A=i(`Spin`,e=>{let n=t(e,{spinDotDefault:e.colorTextDescription});return[D(n),O(n),k(n)]},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:a,rootClassName:l,size:u,tip:d,description:f,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}=s(`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=o(e=>u??e),U=f??d,W={...e,size:H,spinning:z,tip:U,description:U,fullscreen:v,children:_,percent:V},[G,K]=c([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:r(G.indicator),style:K.indicator,prefixCls:I,indicator:q,percent:V}),U&&p.createElement(`div`,{className:r(`${I}-description`,G.tip,G.description),style:{...K.tip,...K.description}},U));return p.createElement(`div`,{className:r(I,{[`${I}-sm`]:H===`small`,[`${I}-lg`]:H===`large`,[`${I}-spinning`]:z,[`${I}-rtl`]:E===`rtl`,[`${I}-fullscreen`]:v},l,G.root,v&&G.mask,Y?m:[`${I}-section`,G.section],O,a,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:r(`${I}-section`,G.section),style:K.section},X):X),J&&p.createElement(`div`,{className:r(`${I}-container`,G.container),style:K.container},_))};I.setDefaultIndicator=e=>{P=e};export{I as t}; |