2 lines
9.0 KiB
JavaScript
2 lines
9.0 KiB
JavaScript
import{r as t,z as ne,G as ae,a3 as D,H as W,bF as j,J as le,aa as ie,bJ as J,bK as se,K as de,L as A,bL as ce,b7 as ue,bM as be,b6 as Ce,aL as K,bg as Q,bN as ge,bO as pe,aA as me,b0 as he,bP as fe,M as Se}from"./index-B-sDl1ER.js";const U=t.createContext(void 0),xe=U.Provider,Y=t.createContext(void 0),$e=Y.Provider,ke=o=>{const{componentCls:e,antCls:n}=o,r=`${e}-group`;return{[r]:{...W(o),display:"inline-block",fontSize:0,[`&${r}-rtl`]:{direction:"rtl"},[`&${r}-block`]:{display:"flex"},[`${n}-badge ${n}-badge-count`]:{zIndex:1},[`> ${n}-badge:not(:first-child) > ${n}-button-wrapper`]:{borderInlineStart:"none"},"&-vertical":{display:"flex",flexDirection:"column",rowGap:o.marginXS,[`${e}-wrapper`]:{marginInlineEnd:0}}}}},ye=o=>{const{componentCls:e,wrapperMarginInlineEnd:n,colorPrimary:r,colorPrimaryHover:l,radioSize:s,motionDurationSlow:p,motionDurationMid:m,motionEaseInOutCirc:f,colorBgContainer:h,colorBorder:S,lineWidth:c,colorBgContainerDisabled:x,colorTextDisabled:$,paddingXS:k,dotColorDisabled:u,dotSize:d,lineType:b,radioColor:z,radioBgColor:R}=o;return{[`${e}-wrapper`]:{...W(o),display:"inline-flex",alignItems:"baseline",marginInlineStart:0,marginInlineEnd:n,cursor:"pointer","&:last-child":{marginInlineEnd:0},[`&${e}-wrapper-rtl`]:{direction:"rtl"},"&-disabled":{cursor:"not-allowed",color:o.colorTextDisabled},"&::after":{display:"inline-block",width:0,overflow:"hidden",content:'"\\a0"'},"&-block":{flex:1,justifyContent:"center"},[e]:{...W(o),position:"relative",whiteSpace:"nowrap",lineHeight:1,cursor:"pointer",alignSelf:"center",boxSizing:"border-box",display:"block",width:`calc(${s} * 1px)`,height:`calc(${s} * 1px)`,backgroundColor:h,border:`${D(c)} ${b} ${S}`,borderRadius:"50%",transition:`all ${m}`,flex:"none","&:after":{content:'""',position:"absolute",top:"50%",left:"50%",transform:"translate(-50%, -50%) scale(0)",width:`calc(${d} * 1px)`,height:`calc(${d} * 1px)`,backgroundColor:z,borderRadius:"50%",transformOrigin:"50% 50%",opacity:0,transition:`all ${p} ${f}`},[`${e}-input`]:{position:"absolute",inset:0,zIndex:1,cursor:"pointer",opacity:0,margin:0},[`&:has(${e}-input:focus-visible)`]:j(o)},[`&:hover ${e}`]:{borderColor:r},[`&:hover ${e}-checked:not(${e}-disabled)`]:{backgroundColor:l,borderColor:"transparent"},[`${e}-checked`]:{backgroundColor:R,borderColor:r,"&::after":{transform:"translate(-50%, -50%)",opacity:1}},[`${e}-disabled`]:{[`&, ${e}-input`]:{cursor:"not-allowed",pointerEvents:"none"},background:x,borderColor:S,"&::after":{backgroundColor:u}},[`${e}-disabled + span`]:{color:$,cursor:"not-allowed"},[`span${e} + *`]:{paddingInlineStart:k,paddingInlineEnd:k}}}},ve=o=>{const{buttonColor:e,controlHeight:n,componentCls:r,lineWidth:l,lineType:s,colorBorder:p,motionDurationMid:m,buttonPaddingInline:f,fontSize:h,buttonBg:S,fontSizeLG:c,controlHeightLG:x,controlHeightSM:$,paddingXS:k,borderRadius:u,borderRadiusSM:d,borderRadiusLG:b,buttonCheckedBg:z,buttonSolidCheckedColor:R,colorTextDisabled:E,colorBgContainerDisabled:N,buttonCheckedBgDisabled:H,buttonCheckedColorDisabled:B,colorPrimary:y,colorPrimaryHover:C,colorPrimaryActive:I,buttonSolidCheckedBg:T,buttonSolidCheckedHoverBg:M,buttonSolidCheckedActiveBg:a,calc:g}=o;return{[`${r}-button-wrapper`]:{position:"relative",display:"inline-block",height:n,margin:0,paddingInline:f,paddingBlock:0,color:e,fontSize:h,lineHeight:D(g(n).sub(g(l).mul(2)).equal()),background:S,border:`${D(l)} ${s} ${p}`,borderBlockStartWidth:g(l).add(.02).equal(),borderInlineEndWidth:l,cursor:"pointer",transition:["color","background-color","box-shadow"].map(w=>`${w} ${m}`).join(","),a:{color:e},[`> ${r}-button`]:{position:"absolute",insetBlockStart:0,insetInlineStart:0,zIndex:-1,width:"100%",height:"100%"},"&:not(:last-child)":{marginInlineEnd:g(l).mul(-1).equal()},"&:first-child":{borderInlineStart:`${D(l)} ${s} ${p}`,borderStartStartRadius:u,borderEndStartRadius:u},"&:last-child":{borderStartEndRadius:u,borderEndEndRadius:u},"&:first-child:last-child":{borderRadius:u},[`${r}-group-large &`]:{height:x,fontSize:c,lineHeight:D(g(x).sub(g(l).mul(2)).equal()),"&:first-child":{borderStartStartRadius:b,borderEndStartRadius:b},"&:last-child":{borderStartEndRadius:b,borderEndEndRadius:b}},[`${r}-group-small &`]:{height:$,paddingInline:g(k).sub(l).equal(),paddingBlock:0,lineHeight:D(g($).sub(g(l).mul(2)).equal()),"&:first-child":{borderStartStartRadius:d,borderEndStartRadius:d},"&:last-child":{borderStartEndRadius:d,borderEndEndRadius:d}},"&:hover":{position:"relative",color:y},"&:has(:focus-visible)":j(o),[`${r}, input[type='checkbox'], input[type='radio']`]:{width:0,height:0,opacity:0,pointerEvents:"none"},[`&-checked:not(${r}-button-wrapper-disabled)`]:{zIndex:1,color:y,background:z,borderColor:y,"&::before":{backgroundColor:y},"&:first-child":{borderColor:y},"&:hover":{color:C,borderColor:C,"&::before":{backgroundColor:C}},"&:active":{color:I,borderColor:I,"&::before":{backgroundColor:I}}},[`${r}-group-solid &-checked:not(${r}-button-wrapper-disabled)`]:{color:R,background:T,borderColor:T,"&:hover":{color:R,background:M,borderColor:M},"&:active":{color:R,background:a,borderColor:a}},"&-disabled":{color:E,backgroundColor:N,borderColor:p,cursor:"not-allowed","&:first-child, &:hover":{color:E,backgroundColor:N,borderColor:p}},[`&-disabled${r}-button-wrapper-checked`]:{color:B,backgroundColor:H,borderColor:p,boxShadow:"none"},"&-block":{flex:1,textAlign:"center"}}}},Re=o=>{const{wireframe:e,padding:n,marginXS:r,lineWidth:l,fontSizeLG:s,colorText:p,colorBgContainer:m,colorTextDisabled:f,controlItemBgActiveDisabled:h,colorTextLightSolid:S,colorPrimary:c,colorPrimaryHover:x,colorPrimaryActive:$,colorWhite:k}=o,u=4,d=s,b=e?d-u*2:d-(u+l)*2;return{radioSize:d,dotSize:b,dotColorDisabled:f,buttonSolidCheckedColor:S,buttonSolidCheckedBg:c,buttonSolidCheckedHoverBg:x,buttonSolidCheckedActiveBg:$,buttonBg:m,buttonCheckedBg:m,buttonColor:p,buttonCheckedBgDisabled:h,buttonCheckedColorDisabled:f,buttonPaddingInline:n-l,wrapperMarginInlineEnd:r,radioColor:e?c:k,radioBgColor:e?m:c}},Z=ne("Radio",o=>{const{controlOutline:e,controlOutlineWidth:n}=o,r=`0 0 0 ${D(n)} ${e}`,s=ae(o,{radioFocusShadow:r,radioButtonFocusShadow:r});return[ke(s),ye(s),ve(s)]},Re,{unitless:{radioSize:!0,dotSize:!0}}),we=(o,e)=>{const n=t.useContext(U),r=t.useContext(Y),{getPrefixCls:l,direction:s,className:p,style:m,classNames:f,styles:h}=le("radio"),S=t.useRef(null),c=ie(e,S),{isFormItemInput:x}=t.useContext(J),$=G=>{o.onChange?.(G),n?.onChange?.(G)},{prefixCls:k,className:u,rootClassName:d,children:b,style:z,title:R,classNames:E,styles:N,...H}=o,B=l("radio",k),y=(n?.optionType||r)==="button",C=y?`${B}-button`:B,I=K(B),[T,M]=Z(B,I),a={...H},g=t.useContext(se);let w=a.checked;n&&(a.name=n.name,a.onChange=$,w=o.value===n.value,a.disabled=a.disabled??n.disabled),a.disabled=a.disabled??g;const P={...o,...a,checked:w},[v,L]=de([f,E],[h,N],{props:P}),V=A(`${C}-wrapper`,{[`${C}-wrapper-checked`]:w,[`${C}-wrapper-disabled`]:a.disabled,[`${C}-wrapper-rtl`]:s==="rtl",[`${C}-wrapper-in-form-item`]:x,[`${C}-wrapper-block`]:!!n?.block},p,u,d,v.root,T,M,I),[q,O]=ce(a.onClick);return t.createElement(ue,{component:"Radio",disabled:a.disabled},t.createElement("label",{className:V,style:{...L.root,...m,...z},onMouseEnter:o.onMouseEnter,onMouseLeave:o.onMouseLeave,title:R,onClick:q},t.createElement(be,{...a,checked:w,className:A(v.icon,{[Ce]:!y}),style:L.icon,type:"radio",prefixCls:C,ref:c,onClick:O}),b!==void 0?t.createElement("span",{className:A(`${C}-label`,v.label),style:L.label},b):null))},F=t.forwardRef(we),Ee=t.forwardRef((o,e)=>{const{getPrefixCls:n,direction:r}=t.useContext(Q),{name:l}=t.useContext(J),s=ge(pe(l)),{prefixCls:p,className:m,rootClassName:f,options:h,buttonStyle:S="outline",disabled:c,children:x,size:$,style:k,id:u,optionType:d,name:b=s,defaultValue:z,value:R,block:E=!1,onChange:N,onMouseEnter:H,onMouseLeave:B,onFocus:y,onBlur:C,orientation:I,vertical:T,role:M="radiogroup"}=o,[a,g]=me(z,R),w=t.useCallback(i=>{const te=a,_=i.target.value;"value"in o||g(_),_!==te&&N?.(i)},[a,g,N]),P=n("radio",p),v=`${P}-group`,L=K(P),[V,q]=Z(P,L);let O=x;h&&h.length>0&&(O=h.map(i=>typeof i=="string"||typeof i=="number"?t.createElement(F,{key:i.toString(),prefixCls:P,disabled:c,value:i,checked:a===i},i):t.createElement(F,{key:`radio-group-value-options-${i.value}`,prefixCls:P,disabled:i.disabled||c,value:i.value,checked:a===i.value,title:i.title,style:i.style,className:i.className,id:i.id,required:i.required},i.label)));const G=he($),[,ee]=fe(I,T),oe=A(v,`${v}-${S}`,{[`${v}-large`]:G==="large",[`${v}-small`]:G==="small",[`${v}-rtl`]:r==="rtl",[`${v}-block`]:E},m,f,V,q,L),re=t.useMemo(()=>({onChange:w,value:a,disabled:c,name:b,optionType:d,block:E}),[w,a,c,b,d,E]);return t.createElement("div",{...Se(o,{aria:!0,data:!0}),role:M,className:A(oe,{[`${P}-group-vertical`]:ee}),style:k,onMouseEnter:H,onMouseLeave:B,onFocus:y,onBlur:C,id:u,ref:e},t.createElement(xe,{value:re},O))}),Be=t.memo(Ee),Ie=(o,e)=>{const{getPrefixCls:n}=t.useContext(Q),{prefixCls:r,...l}=o,s=n("radio",r);return t.createElement($e,{value:"button"},t.createElement(F,{prefixCls:s,...l,type:"radio",ref:e}))},Pe=t.forwardRef(Ie),X=F;X.Button=Pe;X.Group=Be;X.__ANT_RADIO=!0;export{X as R};
|