1 line
7.4 KiB
JavaScript
1 line
7.4 KiB
JavaScript
import{i as e}from"./rolldown-runtime-BgaNhQyE.js";import{Dr as t,Jt as n,Pn as r,Q as i,St as a,Vn as o,Wt as s,Zt as c,at as l,mn as u,nt as d,rr as f,xn as p,xt as m,yr as h,zn as g}from"./jsx-runtime-CRBytmvs.js";import{i as _}from"./ColorPresets-CG7aHuoG.js";import{r as v}from"./button-BILozH6U.js";var y=e(t());function b(){return b=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},b.apply(this,arguments)}var x=y.forwardRef(({prefixCls:e=`rc-switch`,className:t,checked:n,defaultChecked:r,disabled:i,loadingIcon:a,checkedChildren:s,unCheckedChildren:c,onClick:l,onChange:u,onKeyDown:d,styles:p,classNames:m,...g},_)=>{let[v,x]=h(r??!1,n);function S(e,t){let n=v;return i||(n=e,x(n),u?.(n,t)),n}function C(e){e.which===f.LEFT?S(!1,e):e.which===f.RIGHT&&S(!0,e),d?.(e)}function w(e){let t=S(!v,e);l?.(t,e)}let T=o(e,t,{[`${e}-checked`]:v,[`${e}-disabled`]:i});return y.createElement(`button`,b({},g,{type:`button`,role:`switch`,"aria-checked":v,disabled:i,className:T,ref:_,onKeyDown:C,onClick:w}),a,y.createElement(`span`,{className:`${e}-inner`},y.createElement(`span`,{className:o(`${e}-inner-checked`,m?.content),style:p?.content},s),y.createElement(`span`,{className:o(`${e}-inner-unchecked`,m?.content),style:p?.content},c)))});x.displayName=`Switch`;var S=e=>{let{componentCls:t,trackHeightSM:n,trackPadding:i,trackMinWidthSM:a,innerMinMarginSM:o,innerMaxMarginSM:s,handleSizeSM:c,calc:l}=e,u=`${t}-inner`,d=r(l(c).add(l(i).mul(2)).equal()),f=r(l(s).mul(2).equal());return{[t]:{[`&${t}-small`]:{minWidth:a,height:n,lineHeight:r(n),[`${t}-inner`]:{paddingInlineStart:s,paddingInlineEnd:o,[`${u}-checked, ${u}-unchecked`]:{minHeight:n},[`${u}-checked`]:{marginInlineStart:`calc(-100% + ${d} - ${f})`,marginInlineEnd:`calc(100% - ${d} + ${f})`},[`${u}-unchecked`]:{marginTop:l(n).mul(-1).equal(),marginInlineStart:0,marginInlineEnd:0}},[`${t}-handle`]:{width:c,height:c},[`${t}-loading-icon`]:{top:l(l(c).sub(e.switchLoadingIconSize)).div(2).equal(),fontSize:e.switchLoadingIconSize},[`&${t}-checked`]:{[`${t}-inner`]:{paddingInlineStart:o,paddingInlineEnd:s,[`${u}-checked`]:{marginInlineStart:0,marginInlineEnd:0},[`${u}-unchecked`]:{marginInlineStart:`calc(100% - ${d} + ${f})`,marginInlineEnd:`calc(-100% + ${d} - ${f})`}},[`${t}-handle`]:{insetInlineStart:`calc(100% - ${r(l(c).add(i).equal())})`}},[`&:not(${t}-disabled):active`]:{[`&:not(${t}-checked) ${u}`]:{[`${u}-unchecked`]:{marginInlineStart:l(e.marginXXS).div(2).equal(),marginInlineEnd:l(e.marginXXS).mul(-1).div(2).equal()}},[`&${t}-checked ${u}`]:{[`${u}-checked`]:{marginInlineStart:l(e.marginXXS).mul(-1).div(2).equal(),marginInlineEnd:l(e.marginXXS).div(2).equal()}}}}}}},C=e=>{let{componentCls:t,handleSize:n,calc:r}=e;return{[t]:{[`${t}-loading-icon${e.iconCls}`]:{position:`relative`,top:r(r(n).sub(e.fontSize)).div(2).equal(),color:e.switchLoadingIconColor,verticalAlign:`top`},[`&${t}-checked ${t}-loading-icon`]:{color:e.switchColor}}}},w=e=>{let{componentCls:t,trackPadding:n,handleBg:i,handleShadow:a,handleSize:o,calc:s}=e,c=`${t}-handle`;return{[t]:{[c]:{position:`absolute`,top:n,insetInlineStart:n,width:o,height:o,transition:`all ${e.switchDuration} ease-in-out`,...v(),"&::before":{position:`absolute`,top:0,insetInlineEnd:0,bottom:0,insetInlineStart:0,backgroundColor:i,borderRadius:s(o).div(2).equal(),boxShadow:a,transition:`all ${e.switchDuration} ease-in-out`,content:`""`,...v()}},[`&${t}-checked ${c}`]:{insetInlineStart:`calc(100% - ${r(s(o).add(n).equal())})`},[`&:not(${t}-disabled):active`]:{[`${c}::before`]:{insetInlineEnd:e.switchHandleActiveInset,insetInlineStart:0},[`&${t}-checked ${c}::before`]:{insetInlineEnd:0,insetInlineStart:e.switchHandleActiveInset}}}}},T=e=>{let{componentCls:t,trackHeight:n,trackPadding:i,innerMinMargin:a,innerMaxMargin:o,handleSize:s,switchDuration:c,calc:l}=e,u=`${t}-inner`,d=r(l(s).add(l(i).mul(2)).equal()),f=r(l(o).mul(2).equal());return{[t]:{[u]:{display:`block`,overflow:`hidden`,borderRadius:100,height:`100%`,paddingInlineStart:o,paddingInlineEnd:a,transition:[`padding-inline-start`,`padding-inline-end`].map(e=>`${e} ${c} ease-in-out`).join(`, `),...v(),[`${u}-checked, ${u}-unchecked`]:{display:`flex`,alignItems:`center`,justifyContent:`center`,color:e.colorTextLightSolid,fontSize:e.fontSizeSM,pointerEvents:`none`,minHeight:n,transition:[`margin-inline-start`,`margin-inline-end`].map(e=>`${e} ${c} ease-in-out`).join(`, `),...v()},[`${u}-checked`]:{marginInlineStart:`calc(-100% + ${d} - ${f})`,marginInlineEnd:`calc(100% - ${d} + ${f})`},[`${u}-unchecked`]:{marginTop:l(n).mul(-1).equal(),marginInlineStart:0,marginInlineEnd:0}},[`&${t}-checked ${u}`]:{paddingInlineStart:a,paddingInlineEnd:o,[`${u}-checked`]:{marginInlineStart:0,marginInlineEnd:0},[`${u}-unchecked`]:{marginInlineStart:`calc(100% - ${d} + ${f})`,marginInlineEnd:`calc(-100% + ${d} - ${f})`}},[`&:not(${t}-disabled):active`]:{[`&:not(${t}-checked) ${u}`]:{[`${u}-unchecked`]:{marginInlineStart:l(i).mul(2).equal(),marginInlineEnd:l(i).mul(-1).mul(2).equal()}},[`&${t}-checked ${u}`]:{[`${u}-checked`]:{marginInlineStart:l(i).mul(-1).mul(2).equal(),marginInlineEnd:l(i).mul(2).equal()}}}}}},E=e=>{let{componentCls:t,trackHeight:i,trackMinWidth:a}=e;return{[t]:{...c(e),position:`relative`,display:`inline-block`,boxSizing:`border-box`,minWidth:a,height:i,lineHeight:r(i),verticalAlign:`middle`,background:e.colorTextQuaternary,border:`0`,borderRadius:100,cursor:`pointer`,transition:`all ${e.motionDurationMid}`,userSelect:`none`,...v(),[`&:hover:not(${t}-disabled)`]:{background:e.colorTextTertiary},...n(e),[`&${t}-checked`]:{background:e.switchColor,[`&:hover:not(${t}-disabled)`]:{background:e.colorPrimaryHover}},[`&${t}-loading, &${t}-disabled`]:{cursor:`not-allowed`,opacity:e.switchDisabledOpacity,"*":{boxShadow:`none`,cursor:`not-allowed`}},[`&${t}-rtl`]:{direction:`rtl`}}}},D=s(`Switch`,e=>{let t=p(e,{switchDuration:e.motionDurationMid,switchColor:e.colorPrimary,switchDisabledOpacity:e.opacityLoading,switchLoadingIconSize:e.calc(e.fontSizeIcon).mul(.75).equal(),switchLoadingIconColor:`rgba(0, 0, 0, ${e.opacityLoading})`,switchHandleActiveInset:`-30%`});return[E(t),T(t),w(t),C(t),S(t)]},e=>{let{fontSize:t,lineHeight:n,controlHeight:r,colorWhite:i}=e,a=t*n,o=r/2,s=a-4,c=o-4;return{trackHeight:a,trackHeightSM:o,trackMinWidth:s*2+8,trackMinWidthSM:c*2+4,trackPadding:2,handleBg:i,handleSize:s,handleSizeSM:c,handleShadow:`0 2px 4px 0 ${new u(`#00230b`).setA(.2).toRgbString()}`,innerMinMargin:s/2,innerMaxMargin:s+2+4,innerMinMarginSM:c/2,innerMaxMarginSM:c+2+4}}),O=y.forwardRef((e,t)=>{let{prefixCls:n,size:r,disabled:s,loading:c,className:u,rootClassName:f,style:p,checked:v,value:b,defaultChecked:S,defaultValue:C,onChange:w,styles:T,classNames:E,...O}=e,[k,A]=h(S??C??!1,v??b),{getPrefixCls:j,direction:M,className:N,style:P,classNames:F,styles:I}=g(`switch`),L=y.useContext(l),R=(s??L)||c,z=j(`switch`,n),[B,V]=D(z),H=i(r),U={...e,size:H,disabled:R},W=a(P),G=a(p),[K,q]=m([F,E],[I,W,T,G],{props:U}),J=y.createElement(`div`,{className:o(`${z}-handle`,K.indicator),style:q.indicator},c&&y.createElement(d,{className:`${z}-loading-icon`})),Y=o(N,{[`${z}-small`]:H===`small`,[`${z}-loading`]:c,[`${z}-rtl`]:M===`rtl`},u,f,K.root,B,V),X=(...e)=>{A(e[0]),w?.(...e)};return y.createElement(_,{component:`Switch`,disabled:R},y.createElement(x,{...O,classNames:K,styles:q,checked:k,onChange:X,prefixCls:z,className:Y,style:q.root,disabled:R,ref:t,loadingIcon:J}))});O.__ANT_SWITCH=!0;export{O as t}; |