3 lines
10 KiB
Java
3 lines
10 KiB
Java
import{l as oo,m as eo,a as B,n as j,K as to,o as M,dn as R,c5 as E,P as A,c6 as K,f as V,c8 as ro,ct as W,k as L,dr as no,h as D,c4 as G,dp as ao}from"./index-X7Y8jykP.js";import{V as io}from"./Checkbox-Dbxs4we4.js";import{S as U,a2 as N,e as X,c as z,f as T,r as _,h as lo,n as so}from"./vue-vendor-DNhG1Cve.js";const q=Symbol("radioGroupContextKey"),co=o=>{N(q,o)},uo=()=>U(q,void 0),J=Symbol("radioOptionTypeContextKey"),yo=o=>{N(J,o)},po=()=>U(J,void 0),bo=new to("antRadioEffect",{"0%":{transform:"scale(1)",opacity:.5},"100%":{transform:"scale(1.6)",opacity:0}}),go=o=>{const{componentCls:r,antCls:n}=o,t=`${r}-group`;return{[t]:B(B({},j(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"}})}},ho=o=>{const{componentCls:r,radioWrapperMarginRight:n,radioCheckedColor:t,radioSize:e,motionDurationSlow:b,motionDurationMid:d,motionEaseInOut:I,motionEaseInOutCirc:C,radioButtonBg:p,colorBorder:x,lineWidth:g,radioDotSize:f,colorBgContainerDisabled:k,colorTextDisabled:s,paddingXS:h,radioDotDisabledColor:a,lineType:S,radioDotDisabledSize:c,wireframe:u,colorWhite:y}=o,i=`${r}-inner`;return{[`${r}-wrapper`]:B(B({},j(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 ${S} ${t}`,borderRadius:"50%",visibility:"hidden",animationName:bo,animationDuration:b,animationTimingFunction:I,animationFillMode:"both",content:'""'},[r]:B(B({},j(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({},M(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:u?t:y,borderBlockStart:0,borderInlineStart:0,borderRadius:e,transform:"scale(0)",opacity:0,transition:`all ${b} ${C}`,content:'""'},boxSizing:"border-box",position:"relative",insetBlockStart:0,insetInlineStart:0,display:"block",width:e,height:e,backgroundColor:p,borderColor:x,borderStyle:"solid",borderWidth:g,borderRadius:"50%",transition:`all ${d}`},[`${r}-input`]:{position:"absolute",insetBlockStart:0,insetInlineEnd:0,insetBlockEnd:0,insetInlineStart:0,zIndex:1,cursor:"pointer",opacity:0},[`${r}-checked`]:{[i]:{borderColor:t,backgroundColor:u?p:t,"&::after":{transform:`scale(${f/e})`,opacity:1,transition:`all ${b} ${C}`}}},[`${r}-disabled`]:{cursor:"not-allowed",[i]:{backgroundColor:k,borderColor:x,cursor:"not-allowed","&::after":{backgroundColor:a}},[`${r}-input`]:{cursor:"not-allowed"},[`${r}-disabled + span`]:{color:s,cursor:"not-allowed"},[`&${r}-checked`]:{[i]:{"&::after":{transform:`scale(${c/e})`}}}},[`span${r} + *`]:{paddingInlineStart:h,paddingInlineEnd:h}})}},Co=o=>{const{radioButtonColor:r,controlHeight:n,componentCls:t,lineWidth:e,lineType:b,colorBorder:d,motionDurationSlow:I,motionDurationMid:C,radioButtonPaddingHorizontal:p,fontSize:x,radioButtonBg:g,fontSizeLG:f,controlHeightLG:k,controlHeightSM:s,paddingXS:h,borderRadius:a,borderRadiusSM:S,borderRadiusLG:c,radioCheckedColor:u,radioButtonCheckedBg:y,radioButtonHoverColor:i,radioButtonActiveColor:v,radioSolidCheckedColor:w,colorTextDisabled:l,colorBgContainerDisabled:m,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:x,lineHeight:`${n-e*2}px`,background:g,border:`${e}px ${b} ${d}`,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:d,transition:`background-color ${I}`,content:'""'}},"&:first-child":{borderInlineStart:`${e}px ${b} ${d}`,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:c,borderEndStartRadius:c},"&:last-child":{borderStartEndRadius:c,borderEndEndRadius:c}},[`${t}-group-small &`]:{height:s,paddingInline:h-e,paddingBlock:0,lineHeight:`${s-e*2}px`,"&:first-child":{borderStartStartRadius:S,borderEndStartRadius:S},"&:last-child":{borderStartEndRadius:S,borderEndEndRadius:S}},"&:hover":{position:"relative",color:u},"&:has(:focus-visible)":B({},M(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:u,background:y,borderColor:u,"&::before":{backgroundColor:u},"&:first-child":{borderColor:u},"&: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:u,borderColor:u,"&:hover":{color:w,background:i,borderColor:i},"&:active":{color:w,background:v,borderColor:v}},"&-disabled":{color:l,backgroundColor:m,borderColor:d,cursor:"not-allowed","&:first-child, &:hover":{color:l,backgroundColor:m,borderColor:d}},[`&-disabled${t}-button-wrapper-checked`]:{color:O,backgroundColor:P,borderColor:d,boxShadow:"none"}}}},Q=oo("Radio",o=>{const{padding:r,lineWidth:n,controlItemBgActiveDisabled:t,colorTextDisabled:e,colorBgContainer:b,fontSizeLG:d,controlOutline:I,colorPrimaryHover:C,colorPrimaryActive:p,colorText:x,colorPrimary:g,marginXS:f,controlOutlineWidth:k,colorTextLightSolid:s,wireframe:h}=o,a=`0 0 0 ${k}px ${I}`,S=a,c=d,u=4,y=c-u*2,i=h?y:c-(u+n)*2,v=g,w=x,l=C,m=p,O=r-n,$=eo(o,{radioFocusShadow:a,radioButtonFocusShadow:S,radioSize:c,radioDotSize:i,radioDotDisabledSize:y,radioCheckedColor:v,radioDotDisabledColor:e,radioSolidCheckedColor:s,radioButtonBg:b,radioButtonCheckedBg:b,radioButtonColor:w,radioButtonHoverColor:l,radioButtonActiveColor:m,radioButtonPaddingHorizontal:O,radioDisabledButtonCheckedBg:t,radioDisabledButtonCheckedColor:e,radioWrapperMarginRight:f});return[go($),ho($),Co($)]});var fo=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 vo=()=>({prefixCls:String,checked:E(),disabled:E(),isGroup:E(),value:A.any,name:String,id:String,autofocus:E(),onChange:R(),onFocus:R(),onBlur:R(),onClick:R(),"onUpdate:checked":R(),"onUpdate:value":R()}),F=X({compatConfig:{MODE:3},name:"ARadio",inheritAttrs:!1,props:vo(),setup(o,r){let{emit:n,expose:t,slots:e,attrs:b}=r;const d=K(),I=no.useInject(),C=po(),p=uo(),x=W(),g=z(()=>{var l;return(l=h.value)!==null&&l!==void 0?l:x.value}),f=_(),{prefixCls:k,direction:s,disabled:h}=V("radio",o),a=z(()=>(p==null?void 0:p.optionType.value)==="button"||C==="button"?`${k.value}-button`:k.value),S=W(),[c,u]=Q(k);t({focus:()=>{f.value.focus()},blur:()=>{f.value.blur()}});const v=l=>{const m=l.target.checked;n("update:checked",m),n("update:value",m),n("change",l),d.onFieldChange()},w=l=>{n("change",l),p&&p.onChange&&p.onChange(l)};return()=>{var l;const m=p,{prefixCls:O,id:P=d.id.value}=o,H=fo(o,["prefixCls","id"]),$=B(B({prefixCls:a.value,id:P},ro(H,["onUpdate:checked","onUpdate:value"])),{disabled:(l=h.value)!==null&&l!==void 0?l:S.value});m?($.name=m.name.value,$.onChange=w,$.checked=o.value===m.value.value,$.disabled=g.value||m.disabled.value):$.onChange=v;const Z=L({[`${a.value}-wrapper`]:!0,[`${a.value}-wrapper-checked`]:$.checked,[`${a.value}-wrapper-disabled`]:$.disabled,[`${a.value}-wrapper-rtl`]:s.value==="rtl",[`${a.value}-wrapper-in-form-item`]:I.isFormItemInput},b.class,u.value);return c(T("label",D(D({},b),{},{class:Z}),[T(io,D(D({},$),{},{type:"radio",ref:f}),null),e.default&&T("span",null,[e.default()])]))}}}),Y=()=>({prefixCls:String,value:A.any,size:G(),options:ao(),disabled:E(),name:String,buttonStyle:G("outline"),id:String,optionType:G("default"),onChange:R(),"onUpdate:value":R()}),So=X({compatConfig:{MODE:3},name:"ARadioGroup",inheritAttrs:!1,props:Y(),setup(o,r){let{slots:n,emit:t,attrs:e}=r;const b=K(),{prefixCls:d,direction:I,size:C}=V("radio",o),[p,x]=Q(d),g=_(o.value),f=_(!1);return lo(()=>o.value,s=>{g.value=s,f.value=!1}),co({onChange:s=>{const h=g.value,{value:a}=s.target;"value"in o||(g.value=a),!f.value&&a!==h&&(f.value=!0,t("update:value",a),t("change",s),b.onFieldChange()),so(()=>{f.value=!1})},value:g,disabled:z(()=>o.disabled),name:z(()=>o.name),optionType:z(()=>o.optionType)}),()=>{var s;const{options:h,buttonStyle:a,id:S=b.id.value}=o,c=`${d.value}-group`,u=L(c,`${c}-${a}`,{[`${c}-${C.value}`]:C.value,[`${c}-rtl`]:I.value==="rtl"},e.class,x.value);let y=null;return h&&h.length>0?y=h.map(i=>{if(typeof i=="string"||typeof i=="number")return T(F,{key:i,prefixCls:d.value,disabled:o.disabled,value:i,checked:g.value===i},{default:()=>[i]});const{value:v,disabled:w,label:l}=i;return T(F,{key:`radio-group-value-options-${v}`,prefixCls:d.value,disabled:w||o.disabled,value:v,checked:g.value===v},{default:()=>[l]})}):y=(s=n.default)===null||s===void 0?void 0:s.call(n),p(T("div",D(D({},e),{},{class:u,id:S}),[y]))}}}),xo=Object.freeze(Object.defineProperty({__proto__:null,default:So,radioGroupProps:Y},Symbol.toStringTag,{value:"Module"}));export{xo as G,F as R,So as e,vo as r,yo as u};
|