1 line
8.7 KiB
JavaScript
1 line
8.7 KiB
JavaScript
import{n as e}from"./rolldown-runtime-hePW80VL.js";import{D as t,Ht as n,ct as r,g as i,k as a,rt as o,tt as s,vn as c}from"./runtime-core.esm-bundler-DkysjgTd.js";import{t as l}from"./module-CyhaP5hi.js";import{r as u}from"./en_US-Cv9hrLhb.js";import{$ as d,F as f,O as p,Z as m,ct as h,l as g,m as _,p as v,t as y,u as b,wt as x}from"./useConfigInject-DomGmy3z.js";import{t as S}from"./omit-C0ksMpVM.js";import{t as C}from"./vue-types-CEi2nPn2.js";import{t as w}from"./KeyCode-DNtAKsAc.js";import{t as T}from"./LoadingOutlined-I3oZtE3n.js";import{i as E}from"./FormItemContext-CEmO5XmM.js";import{t as D}from"./wave-QsJz8Bkj.js";var O=e=>{let{componentCls:t}=e,n=`${t}-inner`;return{[t]:{[`&${t}-small`]:{minWidth:e.switchMinWidthSM,height:e.switchHeightSM,lineHeight:`${e.switchHeightSM}px`,[`${t}-inner`]:{paddingInlineStart:e.switchInnerMarginMaxSM,paddingInlineEnd:e.switchInnerMarginMinSM,[`${n}-checked`]:{marginInlineStart:`calc(-100% + ${e.switchPinSizeSM+e.switchPadding*2}px - ${e.switchInnerMarginMaxSM*2}px)`,marginInlineEnd:`calc(100% - ${e.switchPinSizeSM+e.switchPadding*2}px + ${e.switchInnerMarginMaxSM*2}px)`},[`${n}-unchecked`]:{marginTop:-e.switchHeightSM,marginInlineStart:0,marginInlineEnd:0}},[`${t}-handle`]:{width:e.switchPinSizeSM,height:e.switchPinSizeSM},[`${t}-loading-icon`]:{top:(e.switchPinSizeSM-e.switchLoadingIconSize)/2,fontSize:e.switchLoadingIconSize},[`&${t}-checked`]:{[`${t}-inner`]:{paddingInlineStart:e.switchInnerMarginMinSM,paddingInlineEnd:e.switchInnerMarginMaxSM,[`${n}-checked`]:{marginInlineStart:0,marginInlineEnd:0},[`${n}-unchecked`]:{marginInlineStart:`calc(100% - ${e.switchPinSizeSM+e.switchPadding*2}px + ${e.switchInnerMarginMaxSM*2}px)`,marginInlineEnd:`calc(-100% + ${e.switchPinSizeSM+e.switchPadding*2}px - ${e.switchInnerMarginMaxSM*2}px)`}},[`${t}-handle`]:{insetInlineStart:`calc(100% - ${e.switchPinSizeSM+e.switchPadding}px)`}},[`&:not(${t}-disabled):active`]:{[`&:not(${t}-checked) ${n}`]:{[`${n}-unchecked`]:{marginInlineStart:e.marginXXS/2,marginInlineEnd:-e.marginXXS/2}},[`&${t}-checked ${n}`]:{[`${n}-checked`]:{marginInlineStart:-e.marginXXS/2,marginInlineEnd:e.marginXXS/2}}}}}}},k=e=>{let{componentCls:t}=e;return{[t]:{[`${t}-loading-icon${e.iconCls}`]:{position:`relative`,top:(e.switchPinSize-e.fontSize)/2,color:e.switchLoadingIconColor,verticalAlign:`top`},[`&${t}-checked ${t}-loading-icon`]:{color:e.switchColor}}}},A=e=>{let{componentCls:t}=e,n=`${t}-handle`;return{[t]:{[n]:{position:`absolute`,top:e.switchPadding,insetInlineStart:e.switchPadding,width:e.switchPinSize,height:e.switchPinSize,transition:`all ${e.switchDuration} ease-in-out`,"&::before":{position:`absolute`,top:0,insetInlineEnd:0,bottom:0,insetInlineStart:0,backgroundColor:e.colorWhite,borderRadius:e.switchPinSize/2,boxShadow:e.switchHandleShadow,transition:`all ${e.switchDuration} ease-in-out`,content:`""`}},[`&${t}-checked ${n}`]:{insetInlineStart:`calc(100% - ${e.switchPinSize+e.switchPadding}px)`},[`&:not(${t}-disabled):active`]:{[`${n}::before`]:{insetInlineEnd:e.switchHandleActiveInset,insetInlineStart:0},[`&${t}-checked ${n}::before`]:{insetInlineEnd:0,insetInlineStart:e.switchHandleActiveInset}}}}},j=e=>{let{componentCls:t}=e,n=`${t}-inner`;return{[t]:{[n]:{display:`block`,overflow:`hidden`,borderRadius:100,height:`100%`,paddingInlineStart:e.switchInnerMarginMax,paddingInlineEnd:e.switchInnerMarginMin,transition:`padding-inline-start ${e.switchDuration} ease-in-out, padding-inline-end ${e.switchDuration} ease-in-out`,[`${n}-checked, ${n}-unchecked`]:{display:`block`,color:e.colorTextLightSolid,fontSize:e.fontSizeSM,transition:`margin-inline-start ${e.switchDuration} ease-in-out, margin-inline-end ${e.switchDuration} ease-in-out`,pointerEvents:`none`},[`${n}-checked`]:{marginInlineStart:`calc(-100% + ${e.switchPinSize+e.switchPadding*2}px - ${e.switchInnerMarginMax*2}px)`,marginInlineEnd:`calc(100% - ${e.switchPinSize+e.switchPadding*2}px + ${e.switchInnerMarginMax*2}px)`},[`${n}-unchecked`]:{marginTop:-e.switchHeight,marginInlineStart:0,marginInlineEnd:0}},[`&${t}-checked ${n}`]:{paddingInlineStart:e.switchInnerMarginMin,paddingInlineEnd:e.switchInnerMarginMax,[`${n}-checked`]:{marginInlineStart:0,marginInlineEnd:0},[`${n}-unchecked`]:{marginInlineStart:`calc(100% - ${e.switchPinSize+e.switchPadding*2}px + ${e.switchInnerMarginMax*2}px)`,marginInlineEnd:`calc(-100% + ${e.switchPinSize+e.switchPadding*2}px - ${e.switchInnerMarginMax*2}px)`}},[`&:not(${t}-disabled):active`]:{[`&:not(${t}-checked) ${n}`]:{[`${n}-unchecked`]:{marginInlineStart:e.switchPadding*2,marginInlineEnd:-e.switchPadding*2}},[`&${t}-checked ${n}`]:{[`${n}-checked`]:{marginInlineStart:-e.switchPadding*2,marginInlineEnd:e.switchPadding*2}}}}}},M=e=>{let{componentCls:t}=e;return{[t]:u(u(u(u({},_(e)),{position:`relative`,display:`inline-block`,boxSizing:`border-box`,minWidth:e.switchMinWidth,height:e.switchHeight,lineHeight:`${e.switchHeight}px`,verticalAlign:`middle`,background:e.colorTextQuaternary,border:`0`,borderRadius:100,cursor:`pointer`,transition:`all ${e.motionDurationMid}`,userSelect:`none`,[`&:hover:not(${t}-disabled)`]:{background:e.colorTextTertiary}}),v(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`}})}},N=b(`Switch`,e=>{let t=e.fontSize*e.lineHeight,n=e.controlHeight/2,r=t-4,i=n-4,a=g(e,{switchMinWidth:r*2+8,switchHeight:t,switchDuration:e.motionDurationMid,switchColor:e.colorPrimary,switchDisabledOpacity:e.opacityLoading,switchInnerMarginMin:r/2,switchInnerMarginMax:r+2+4,switchPadding:2,switchPinSize:r,switchBg:e.colorBgContainer,switchMinWidthSM:i*2+4,switchHeightSM:n,switchInnerMarginMinSM:i/2,switchInnerMarginMaxSM:i+2+4,switchPinSizeSM:i,switchHandleShadow:`0 2px 4px 0 ${new l(`#00230b`).setAlpha(.2).toRgbString()}`,switchLoadingIconSize:e.fontSizeIcon*.75,switchLoadingIconColor:`rgba(0, 0, 0, ${e.opacityLoading})`,switchHandleActiveInset:`-30%`});return[M(a),j(a),A(a),k(a),O(a)]}),P=e({SwitchSizes:()=>F,default:()=>R,switchProps:()=>I}),F=m(`small`,`default`),I=()=>({id:String,prefixCls:String,size:C.oneOf(F),disabled:{type:Boolean,default:void 0},checkedChildren:C.any,unCheckedChildren:C.any,tabindex:C.oneOfType([C.string,C.number]),autofocus:{type:Boolean,default:void 0},loading:{type:Boolean,default:void 0},checked:C.oneOfType([C.string,C.number,C.looseBool]),checkedValue:C.oneOfType([C.string,C.number,C.looseBool]).def(!0),unCheckedValue:C.oneOfType([C.string,C.number,C.looseBool]).def(!1),onChange:{type:Function},onClick:{type:Function},onKeydown:{type:Function},onMouseup:{type:Function},"onUpdate:checked":{type:Function},onBlur:Function,onFocus:Function}),L=a({compatConfig:{MODE:3},name:`ASwitch`,__ANT_SWITCH:!0,inheritAttrs:!1,props:I(),slots:Object,setup(e,a){let{attrs:l,slots:u,expose:d,emit:m}=a,g=E(),_=f(),v=i(()=>{var t;return(t=e.disabled)==null?_.value:t});o(()=>{p(!(`defaultChecked`in l),`Switch`,`'defaultChecked' is deprecated, please use 'v-model:checked'`),p(!(`value`in l),`Switch`,"`value` is not validate prop, do you mean `checked`?")});let b=c(e.checked===void 0?l.defaultChecked:e.checked),C=i(()=>b.value===e.checkedValue);n(()=>e.checked,()=>{b.value=e.checked});let{prefixCls:O,direction:k,size:A}=y(`switch`,e),[j,M]=N(O),P=c(),F=()=>{var e;(e=P.value)==null||e.focus()};d({focus:F,blur:()=>{var e;(e=P.value)==null||e.blur()}}),r(()=>{s(()=>{e.autofocus&&!v.value&&P.value.focus()})});let I=(e,t)=>{v.value||(m(`update:checked`,e),m(`change`,e,t),g.onFieldChange())},L=e=>{m(`blur`,e)},R=t=>{F();let n=C.value?e.unCheckedValue:e.checkedValue;I(n,t),m(`click`,n,t)},z=t=>{t.keyCode===w.LEFT?I(e.unCheckedValue,t):t.keyCode===w.RIGHT&&I(e.checkedValue,t),m(`keydown`,t)},B=e=>{var t;(t=P.value)==null||t.blur(),m(`mouseup`,e)},V=i(()=>({[`${O.value}-small`]:A.value===`small`,[`${O.value}-loading`]:e.loading,[`${O.value}-checked`]:C.value,[`${O.value}-disabled`]:v.value,[O.value]:!0,[`${O.value}-rtl`]:k.value===`rtl`,[M.value]:!0}));return()=>{var n;return j(t(D,null,{default:()=>[t(`button`,x(x(x({},S(e,[`prefixCls`,`checkedChildren`,`unCheckedChildren`,`checked`,`autofocus`,`checkedValue`,`unCheckedValue`,`id`,`onChange`,`onUpdate:checked`])),l),{},{id:(n=e.id)==null?g.id.value:n,onKeydown:z,onClick:R,onBlur:L,onMouseup:B,type:`button`,role:`switch`,"aria-checked":b.value,disabled:v.value||e.loading,class:[l.class,V.value],ref:P}),[t(`div`,{class:`${O.value}-handle`},[e.loading?t(T,{class:`${O.value}-loading-icon`},null):null]),t(`span`,{class:`${O.value}-inner`},[t(`span`,{class:`${O.value}-inner-checked`},[h(u,e,`checkedChildren`)]),t(`span`,{class:`${O.value}-inner-unchecked`},[h(u,e,`unCheckedChildren`)])])])]}))}}}),R=d(L);export{P as n,R as t}; |