2 lines
7.7 KiB
JavaScript
2 lines
7.7 KiB
JavaScript
|
import{r as g,ak as W,av as D,aq as A,C as N,am as H,at as R,as as q,x as X,ax as K,y as V,z as $,bC as F,bD as _,ay as B,aL as G,aK as Q,bE as J,bF as U}from"./index-CYM97J2V.js";var Y=["prefixCls","className","checked","defaultChecked","disabled","loadingIcon","checkedChildren","unCheckedChildren","onClick","onChange","onKeyDown"],P=g.forwardRef(function(e,n){var c,a=e.prefixCls,l=a===void 0?"rc-switch":a,o=e.className,d=e.checked,t=e.defaultChecked,i=e.disabled,r=e.loadingIcon,s=e.checkedChildren,u=e.unCheckedChildren,I=e.onClick,C=e.onChange,w=e.onKeyDown,M=W(e,Y),x=D(!1,{value:d,defaultValue:t}),f=A(x,2),p=f[0],S=f[1];function v(h,k){var b=p;return i||(b=h,S(b),C==null||C(b,k)),b}function y(h){h.which===q.LEFT?v(!1,h):h.which===q.RIGHT&&v(!0,h),w==null||w(h)}function m(h){var k=v(!p,h);I==null||I(k,h)}var E=N(l,o,(c={},H(c,"".concat(l,"-checked"),p),H(c,"".concat(l,"-disabled"),i),c));return g.createElement("button",R({},M,{type:"button",role:"switch","aria-checked":p,disabled:i,className:E,ref:n,onKeyDown:y,onClick:m}),r,g.createElement("span",{className:"".concat(l,"-inner")},g.createElement("span",{className:"".concat(l,"-inner-checked")},s),g.createElement("span",{className:"".concat(l,"-inner-unchecked")},u)))});P.displayName="Switch";const Z=e=>{const{componentCls:n,trackHeightSM:c,trackPadding:a,trackMinWidthSM:l,innerMinMarginSM:o,innerMaxMarginSM:d,handleSizeSM:t,calc:i}=e,r=`${n}-inner`,s=$(i(t).add(i(a).mul(2)).equal()),u=$(i(d).mul(2).equal());return{[n]:{[`&${n}-small`]:{minWidth:l,height:c,lineHeight:$(c),[`${n}-inner`]:{paddingInlineStart:d,paddingInlineEnd:o,[`${r}-checked, ${r}-unchecked`]:{minHeight:c},[`${r}-checked`]:{marginInlineStart:`calc(-100% + ${s} - ${u})`,marginInlineEnd:`calc(100% - ${s} + ${u})`},[`${r}-unchecked`]:{marginTop:i(c).mul(-1).equal(),marginInlineStart:0,marginInlineEnd:0}},[`${n}-handle`]:{width:t,height:t},[`${n}-loading-icon`]:{top:i(i(t).sub(e.switchLoadingIconSize)).div(2).equal(),fontSize:e.switchLoadingIconSize},[`&${n}-checked`]:{[`${n}-inner`]:{paddingInlineStart:o,paddingInlineEnd:d,[`${r}-checked`]:{marginInlineStart:0,marginInlineEnd:0},[`${r}-unchecked`]:{marginInlineStart:`calc(100% - ${s} + ${u})`,marginInlineEnd:`calc(-100% + ${s} - ${u})`}},[`${n}-handle`]:{insetInlineStart:`calc(100% - ${$(i(t).add(a).equal())})`}},[`&:not(${n}-disabled):active`]:{[`&:not(${n}-checked) ${r}`]:{[`${r}-unchecked`]:{marginInlineStart:i(e.marginXXS).div(2).equal(),marginInlineEnd:i(e.marginXXS).mul(-1).div(2).equal()}},[`&${n}-checked ${r}`]:{[`${r}-checked`]:{marginInlineStart:i(e.marginXXS).mul(-1).div(2).equal(),marginInlineEnd:i(e.marginXXS).div(2).equal()}}}}}}},ee=e=>{const{componentCls:n,handleSize:c,calc:a}=e;return{[n]:{[`${n}-loading-icon${e.iconCls}`]:{position:"relative",top:a(a(c).sub(e.fontSize)).div(2).equal(),color:e.switchLoadingIconColor,verticalAlign:"top"},[`&${n}-checked ${n}-loading-icon`]:{color:e.switchColor}}}},ne=e=>{const{componentCls:n,trackPadding:c,handleBg:a,handleShadow:l,handleSize:o,calc:d}=e,t=`${n}-handle`;return{[n]:{[t]:{position:"absolute",top:c,insetInlineStart:c,width:o,height:o,transition:`all ${e.switchDuration} ease-in-out`,"&::before":{position:"absolute",top:0,insetInlineEnd:0,bottom:0,insetInlineStart:0,backgroundColor:a,borderRadius:d(o).div(2).equal(),boxShadow:l,transition:`all ${e.switchDuration} ease-in-out`,content:'""'}},[`&${n}-checked ${t}`]:{insetInlineStart:`calc(100% - ${$(d(o).add(c).equal())})`},[`&:not(${n}-disabled):active`]:{[`${t}::before`]:{insetInlineEnd:e.switchHandleActiveInset,insetInlineStart:0},[`&${n}-checked ${t}::before`]:{insetInlineEnd:0,insetInlineStart:e.switchHandleActiveInset}}}}},ie=e=>{const{componentCls:n,trackHeight:c,trackPadding:a,innerMinMargin:l,innerMaxMargin:o,handleSize:d,calc:t}=e,i=`${n}-inner`,r=$(t(d).add(t(a).mul(2)).equal()),s=$(t(o).mul(2).equal());return{[n]:{[i]:{display:"block",overflow:"hidden",borderRadius:100,height:"100%",paddingInlineStart:o,paddingInlineEnd:l,transition:`padding-inline-start ${e.switchDuration} ease-in-out, padding-inline-end ${e.switchDuration} ease-in-
|