1 line
7.2 KiB
JavaScript
1 line
7.2 KiB
JavaScript
import{Bi as e,Br as t,Ca as n,Ea as r,Ei as i,Ni as a,Ri as o,Yr as s,_i as c,di as l,ma as u,ui as d,wr as f}from"./index-DThTpSPU.js";var p=r(n());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=t=>{let{dotClassName:n,style:r,hasCircleCls:i}=t;return p.createElement(`circle`,{className:e(`${n}-circle`,{[`${n}-circle-bg`]:i}),r:v,cx:b,cy:b,strokeWidth:_,style:r})},S=({percent:t,prefixCls:n})=>{let r=`${n}-dot`,i=`${r}-holder`,a=`${i}-hidden`,[o,s]=p.useState(!1);u(()=>{t!==0&&s(!0)},[t!==0]);let c=Math.max(Math.min(t,100),0);if(!o)return null;let l={strokeDashoffset:`${y/4}`,strokeDasharray:`${y*c/100} ${y*(100-c)/100}`};return p.createElement(`span`,{className:e(i,`${r}-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:r,hasCircleCls:!0}),p.createElement(x,{dotClassName:r,style:l})))};function C(t){let{prefixCls:n,percent:r=0,className:i,style:a}=t,o=`${n}-dot`,s=`${o}-holder`,c=`${s}-hidden`;return p.createElement(p.Fragment,null,p.createElement(`span`,{className:e(s,i,r>0&&c),style:a},p.createElement(`span`,{className:e(o,`${n}-dot-spin`)},[1,2,3,4].map(e=>p.createElement(`i`,{className:`${n}-dot-item`,key:e})))),p.createElement(S,{prefixCls:n,percent:r}))}function w(n){let{prefixCls:r,indicator:i,percent:a,className:o,style:s}=n,c=`${r}-dot`;return i&&p.isValidElement(i)?t(i,t=>({className:e(t.className,c,o),style:{...t.style,...s},percent:a})):p.createElement(C,{prefixCls:r,percent:a,className:o,style:s})}var T=new a(`antSpinMove`,{to:{opacity:1}}),E=new a(`antRotate`,{to:{transform:`rotate(405deg)`}}),D=e=>{let{componentCls:t}=e,n=`${t}-section`;return{[t]:{...c(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,[i,a]=d(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]=d(e.antCls,`spin`);return{[t]:{"&-sm":{[n(`dot-holder-size`)]:e.dotSizeSM},"&-lg":{[n(`dot-holder-size`)]:e.dotSizeLG}}}},A=l(`Spin`,e=>{let t=i(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=t=>{let{prefixCls:n,spinning:r=!0,delay:i=0,className:a,rootClassName:c,size:l,tip:u,description:d,wrapperClassName:m,style:g,children:_,fullscreen:v=!1,indicator:y,percent:b,classNames:x,styles:S,...C}=t,{getPrefixCls:T,direction:E,indicator:D,className:O,style:k,classNames:j,styles:M}=o(`spin`),I=T(`spin`,n),[L,R]=A(I),[z,B]=p.useState(()=>r&&!F(r,i)),V=N(z,b);p.useEffect(()=>{if(r){let e=h(i,()=>{B(!0)});return e(),()=>{e?.cancel?.()}}B(!1)},[i,r]);let H=f(e=>l??e),U=d??u,W={...t,size:H,spinning:z,tip:U,description:U,fullscreen:v,children:_,percent:V},[G,K]=s([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:e(G.indicator),style:K.indicator,prefixCls:I,indicator:q,percent:V}),U&&p.createElement(`div`,{className:e(`${I}-description`,G.tip,G.description),style:{...K.tip,...K.description}},U));return p.createElement(`div`,{className:e(I,{[`${I}-sm`]:H===`small`,[`${I}-lg`]:H===`large`,[`${I}-spinning`]:z,[`${I}-rtl`]:E===`rtl`,[`${I}-fullscreen`]:v},c,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:e(`${I}-section`,G.section),style:K.section},X):X),J&&p.createElement(`div`,{className:e(`${I}-container`,G.container),style:K.container},_))};I.setDefaultIndicator=e=>{P=e};export{I as t}; |