3 lines
10 KiB
JavaScript
3 lines
10 KiB
JavaScript
import{bl as K,bm as V,bb as oo,bc as eo,aH as B,bd as G,be as to,bB as L,d as W,aQ as D,aR as T,aW as U,b1 as A,k as z,aK as F,r as j,a_ as ro,aO as N,C as E,aP as R,aS as _,bC as no,a1 as ao,ad as io}from"./B565zvD7.js";import{u as X,a as lo}from"./Cjs9-owV.js";import{V as so}from"./CknQEhrf.js";const Q=Symbol("radioGroupContextKey"),co=o=>{V(Q,o)},uo=()=>K(Q,void 0),q=Symbol("radioOptionTypeContextKey"),bo=o=>{V(q,o)},po=()=>K(q,void 0),go=new to("antRadioEffect",{"0%":{transform:"scale(1)",opacity:.5},"100%":{transform:"scale(1.6)",opacity:0}}),ho=o=>{const{componentCls:r,antCls:n}=o,t=`${r}-group`;return{[t]:B(B({},G(o)),{display:"inline-block",fontSize:0,[`&${t}-rtl`]:{direction:"rtl"},[`${n}-badge ${n}-badge-count`]:{zIndex:1},[`> ${n}-badge:not(:first-child) > ${n}-button-wrapper`]:{borderInlineStart:"none"}})}},Co=o=>{const{componentCls:r,radioWrapperMarginRight:n,radioCheckedColor:t,radioSize:e,motionDurationSlow:d,motionDurationMid:s,motionEaseInOut:I,motionEaseInOutCirc:C,radioButtonBg:p,colorBorder:y,lineWidth:g,radioDotSize:f,colorBgContainerDisabled:k,colorTextDisabled:c,paddingXS:h,radioDotDisabledColor:a,lineType:m,radioDotDisabledSize:u,wireframe:b,colorWhite:x}=o,i=`${r}-inner`;return{[`${r}-wrapper`]:B(B({},G(o)),{position:"relative",display:"inline-flex",alignItems:"baseline",marginInlineStart:0,marginInlineEnd:n,cursor:"pointer",[`&${r}-wrapper-rtl`]:{direction:"rtl"},"&-disabled":{cursor:"not-allowed",color:o.colorTextDisabled},"&::after":{display:"inline-block",width:0,overflow:"hidden",content:'"\\a0"'},[`${r}-checked::after`]:{position:"absolute",insetBlockStart:0,insetInlineStart:0,width:"100%",height:"100%",border:`${g}px ${m} ${t}`,borderRadius:"50%",visibility:"hidden",animationName:go,animationDuration:d,animationTimingFunction:I,animationFillMode:"both",content:'""'},[r]:B(B({},G(o)),{position:"relative",display:"inline-block",outline:"none",cursor:"pointer",alignSelf:"center"}),[`${r}-wrapper:hover &,
|
|
&:hover ${i}`]:{borderColor:t},[`${r}-input:focus-visible + ${i}`]:B({},L(o)),[`${r}:hover::after, ${r}-wrapper:hover &::after`]:{visibility:"visible"},[`${r}-inner`]:{"&::after":{boxSizing:"border-box",position:"absolute",insetBlockStart:"50%",insetInlineStart:"50%",display:"block",width:e,height:e,marginBlockStart:e/-2,marginInlineStart:e/-2,backgroundColor:b?t:x,borderBlockStart:0,borderInlineStart:0,borderRadius:e,transform:"scale(0)",opacity:0,transition:`all ${d} ${C}`,content:'""'},boxSizing:"border-box",position:"relative",insetBlockStart:0,insetInlineStart:0,display:"block",width:e,height:e,backgroundColor:p,borderColor:y,borderStyle:"solid",borderWidth:g,borderRadius:"50%",transition:`all ${s}`},[`${r}-input`]:{position:"absolute",insetBlockStart:0,insetInlineEnd:0,insetBlockEnd:0,insetInlineStart:0,zIndex:1,cursor:"pointer",opacity:0},[`${r}-checked`]:{[i]:{borderColor:t,backgroundColor:b?p:t,"&::after":{transform:`scale(${f/e})`,opacity:1,transition:`all ${d} ${C}`}}},[`${r}-disabled`]:{cursor:"not-allowed",[i]:{backgroundColor:k,borderColor:y,cursor:"not-allowed","&::after":{backgroundColor:a}},[`${r}-input`]:{cursor:"not-allowed"},[`${r}-disabled + span`]:{color:c,cursor:"not-allowed"},[`&${r}-checked`]:{[i]:{"&::after":{transform:`scale(${u/e})`}}}},[`span${r} + *`]:{paddingInlineStart:h,paddingInlineEnd:h}})}},fo=o=>{const{radioButtonColor:r,controlHeight:n,componentCls:t,lineWidth:e,lineType:d,colorBorder:s,motionDurationSlow:I,motionDurationMid:C,radioButtonPaddingHorizontal:p,fontSize:y,radioButtonBg:g,fontSizeLG:f,controlHeightLG:k,controlHeightSM:c,paddingXS:h,borderRadius:a,borderRadiusSM:m,borderRadiusLG:u,radioCheckedColor:b,radioButtonCheckedBg:x,radioButtonHoverColor:i,radioButtonActiveColor:v,radioSolidCheckedColor:w,colorTextDisabled:l,colorBgContainerDisabled:S,radioDisabledButtonCheckedColor:O,radioDisabledButtonCheckedBg:P}=o;return{[`${t}-button-wrapper`]:{position:"relative",display:"inline-block",height:n,margin:0,paddingInline:p,paddingBlock:0,color:r,fontSize:y,lineHeight:`${n-e*2}px`,background:g,border:`${e}px ${d} ${s}`,borderBlockStartWidth:e+.02,borderInlineStartWidth:0,borderInlineEndWidth:e,cursor:"pointer",transition:[`color ${C}`,`background ${C}`,`border-color ${C}`,`box-shadow ${C}`].join(","),a:{color:r},[`> ${t}-button`]:{position:"absolute",insetBlockStart:0,insetInlineStart:0,zIndex:-1,width:"100%",height:"100%"},"&:not(:first-child)":{"&::before":{position:"absolute",insetBlockStart:-e,insetInlineStart:-e,display:"block",boxSizing:"content-box",width:1,height:"100%",paddingBlock:e,paddingInline:0,backgroundColor:s,transition:`background-color ${I}`,content:'""'}},"&:first-child":{borderInlineStart:`${e}px ${d} ${s}`,borderStartStartRadius:a,borderEndStartRadius:a},"&:last-child":{borderStartEndRadius:a,borderEndEndRadius:a},"&:first-child:last-child":{borderRadius:a},[`${t}-group-large &`]:{height:k,fontSize:f,lineHeight:`${k-e*2}px`,"&:first-child":{borderStartStartRadius:u,borderEndStartRadius:u},"&:last-child":{borderStartEndRadius:u,borderEndEndRadius:u}},[`${t}-group-small &`]:{height:c,paddingInline:h-e,paddingBlock:0,lineHeight:`${c-e*2}px`,"&:first-child":{borderStartStartRadius:m,borderEndStartRadius:m},"&:last-child":{borderStartEndRadius:m,borderEndEndRadius:m}},"&:hover":{position:"relative",color:b},"&:has(:focus-visible)":B({},L(o)),[`${t}-inner, input[type='checkbox'], input[type='radio']`]:{width:0,height:0,opacity:0,pointerEvents:"none"},[`&-checked:not(${t}-button-wrapper-disabled)`]:{zIndex:1,color:b,background:x,borderColor:b,"&::before":{backgroundColor:b},"&:first-child":{borderColor:b},"&:hover":{color:i,borderColor:i,"&::before":{backgroundColor:i}},"&:active":{color:v,borderColor:v,"&::before":{backgroundColor:v}}},[`${t}-group-solid &-checked:not(${t}-button-wrapper-disabled)`]:{color:w,background:b,borderColor:b,"&:hover":{color:w,background:i,borderColor:i},"&:active":{color:w,background:v,borderColor:v}},"&-disabled":{color:l,backgroundColor:S,borderColor:s,cursor:"not-allowed","&:first-child, &:hover":{color:l,backgroundColor:S,borderColor:s}},[`&-disabled${t}-button-wrapper-checked`]:{color:O,backgroundColor:P,borderColor:s,boxShadow:"none"}}}},J=oo("Radio",o=>{const{padding:r,lineWidth:n,controlItemBgActiveDisabled:t,colorTextDisabled:e,colorBgContainer:d,fontSizeLG:s,controlOutline:I,colorPrimaryHover:C,colorPrimaryActive:p,colorText:y,colorPrimary:g,marginXS:f,controlOutlineWidth:k,colorTextLightSolid:c,wireframe:h}=o,a=`0 0 0 ${k}px ${I}`,m=a,u=s,b=4,x=u-b*2,i=h?x:u-(b+n)*2,v=g,w=y,l=C,S=p,O=r-n,$=eo(o,{radioFocusShadow:a,radioButtonFocusShadow:m,radioSize:u,radioDotSize:i,radioDotDisabledSize:x,radioCheckedColor:v,radioDotDisabledColor:e,radioSolidCheckedColor:c,radioButtonBg:d,radioButtonCheckedBg:d,radioButtonColor:w,radioButtonHoverColor:l,radioButtonActiveColor:S,radioButtonPaddingHorizontal:O,radioDisabledButtonCheckedBg:t,radioDisabledButtonCheckedColor:e,radioWrapperMarginRight:f});return[ho($),Co($),fo($)]});var vo=function(o,r){var n={};for(var t in o)Object.prototype.hasOwnProperty.call(o,t)&&r.indexOf(t)<0&&(n[t]=o[t]);if(o!=null&&typeof Object.getOwnPropertySymbols=="function")for(var e=0,t=Object.getOwnPropertySymbols(o);e<t.length;e++)r.indexOf(t[e])<0&&Object.prototype.propertyIsEnumerable.call(o,t[e])&&(n[t[e]]=o[t[e]]);return n};const Y=()=>({prefixCls:String,checked:T(),disabled:T(),isGroup:T(),value:U.any,name:String,id:String,autofocus:T(),onChange:D(),onFocus:D(),onBlur:D(),onClick:D(),"onUpdate:checked":D(),"onUpdate:value":D()}),H=W({compatConfig:{MODE:3},name:"ARadio",inheritAttrs:!1,props:Y(),setup(o,r){let{emit:n,expose:t,slots:e,attrs:d}=r;const s=X(),I=lo.useInject(),C=po(),p=uo(),y=A(),g=z(()=>{var l;return(l=h.value)!==null&&l!==void 0?l:y.value}),f=j(),{prefixCls:k,direction:c,disabled:h}=F("radio",o),a=z(()=>(p==null?void 0:p.optionType.value)==="button"||C==="button"?`${k.value}-button`:k.value),m=A(),[u,b]=J(k);t({focus:()=>{f.value.focus()},blur:()=>{f.value.blur()}});const v=l=>{const S=l.target.checked;n("update:checked",S),n("update:value",S),n("change",l),s.onFieldChange()},w=l=>{n("change",l),p&&p.onChange&&p.onChange(l)};return()=>{var l;const S=p,{prefixCls:O,id:P=s.id.value}=o,M=vo(o,["prefixCls","id"]),$=B(B({prefixCls:a.value,id:P},ro(M,["onUpdate:checked","onUpdate:value"])),{disabled:(l=h.value)!==null&&l!==void 0?l:m.value});S?($.name=S.name.value,$.onChange=w,$.checked=o.value===S.value.value,$.disabled=g.value||S.disabled.value):$.onChange=v;const Z=N({[`${a.value}-wrapper`]:!0,[`${a.value}-wrapper-checked`]:$.checked,[`${a.value}-wrapper-disabled`]:$.disabled,[`${a.value}-wrapper-rtl`]:c.value==="rtl",[`${a.value}-wrapper-in-form-item`]:I.isFormItemInput},d.class,b.value);return u(E("label",R(R({},d),{},{class:Z}),[E(so,R(R({},$),{},{type:"radio",ref:f}),null),e.default&&E("span",null,[e.default()])]))}}}),mo=()=>({prefixCls:String,value:U.any,size:_(),options:no(),disabled:T(),name:String,buttonStyle:_("outline"),id:String,optionType:_("default"),onChange:D(),"onUpdate:value":D()}),xo=W({compatConfig:{MODE:3},name:"ARadioGroup",inheritAttrs:!1,props:mo(),setup(o,r){let{slots:n,emit:t,attrs:e}=r;const d=X(),{prefixCls:s,direction:I,size:C}=F("radio",o),[p,y]=J(s),g=j(o.value),f=j(!1);return ao(()=>o.value,c=>{g.value=c,f.value=!1}),co({onChange:c=>{const h=g.value,{value:a}=c.target;"value"in o||(g.value=a),!f.value&&a!==h&&(f.value=!0,t("update:value",a),t("change",c),d.onFieldChange()),io(()=>{f.value=!1})},value:g,disabled:z(()=>o.disabled),name:z(()=>o.name),optionType:z(()=>o.optionType)}),()=>{var c;const{options:h,buttonStyle:a,id:m=d.id.value}=o,u=`${s.value}-group`,b=N(u,`${u}-${a}`,{[`${u}-${C.value}`]:C.value,[`${u}-rtl`]:I.value==="rtl"},e.class,y.value);let x=null;return h&&h.length>0?x=h.map(i=>{if(typeof i=="string"||typeof i=="number")return E(H,{key:i,prefixCls:s.value,disabled:o.disabled,value:i,checked:g.value===i},{default:()=>[i]});const{value:v,disabled:w,label:l}=i;return E(H,{key:`radio-group-value-options-${v}`,prefixCls:s.value,disabled:w||o.disabled,value:v,checked:g.value===v},{default:()=>[l]})}):x=(c=n.default)===null||c===void 0?void 0:c.call(n),p(E("div",R(R({},e),{},{class:b,id:m}),[x]))}}}),yo=W({compatConfig:{MODE:3},name:"ARadioButton",inheritAttrs:!1,props:Y(),setup(o,r){let{slots:n,attrs:t}=r;const{prefixCls:e}=F("radio",o);return bo("button"),()=>{var d;return E(H,R(R(R({},t),o),{},{prefixCls:e.value}),{default:()=>[(d=n.default)===null||d===void 0?void 0:d.call(n)]})}}});export{H as R,xo as _,yo as a};
|