8 lines
8.2 KiB
JavaScript
8 lines
8.2 KiB
JavaScript
import{bd as re,be as oe,aJ as s,bg as te,bf as j,bD as le,aT as m,aS as w,bE as _,aU as ie,aY as se,d as X,aM as K,b3 as ce,bn as de,k as y,b8 as ue,e as be,o as ve,ba as fe,r as S,bU as he,aQ as U,C as I,aR as D,a1 as N,bo as me}from"./Cr0Hk_pZ.js";import{V as pe}from"./BV5IWNOj.js";import{u as L,a as ge}from"./DTrytApb.js";const xe=new te("antCheckboxEffect",{"0%":{transform:"scale(1)",opacity:.5},"100%":{transform:"scale(1.6)",opacity:0}}),Ce=e=>{const{checkboxCls:a}=e,n=`${a}-wrapper`;return[{[`${a}-group`]:s(s({},j(e)),{display:"inline-flex",flexWrap:"wrap",columnGap:e.marginXS,[`> ${e.antCls}-row`]:{flex:1}}),[n]:s(s({},j(e)),{display:"inline-flex",alignItems:"baseline",cursor:"pointer","&:after":{display:"inline-block",width:0,overflow:"hidden",content:"'\\a0'"},[`& + ${n}`]:{marginInlineStart:0},[`&${n}-in-form-item`]:{'input[type="checkbox"]':{width:14,height:14}}}),[a]:s(s({},j(e)),{position:"relative",whiteSpace:"nowrap",lineHeight:1,cursor:"pointer",alignSelf:"center",[`${a}-input`]:{position:"absolute",inset:0,zIndex:1,cursor:"pointer",opacity:0,margin:0,[`&:focus-visible + ${a}-inner`]:s({},le(e))},[`${a}-inner`]:{boxSizing:"border-box",position:"relative",top:0,insetInlineStart:0,display:"block",width:e.checkboxSize,height:e.checkboxSize,direction:"ltr",backgroundColor:e.colorBgContainer,border:`${e.lineWidth}px ${e.lineType} ${e.colorBorder}`,borderRadius:e.borderRadiusSM,borderCollapse:"separate",transition:`all ${e.motionDurationSlow}`,"&:after":{boxSizing:"border-box",position:"absolute",top:"50%",insetInlineStart:"21.5%",display:"table",width:e.checkboxSize/14*5,height:e.checkboxSize/14*8,border:`${e.lineWidthBold}px solid ${e.colorWhite}`,borderTop:0,borderInlineStart:0,transform:"rotate(45deg) scale(0) translate(-50%,-50%)",opacity:0,content:'""',transition:`all ${e.motionDurationFast} ${e.motionEaseInBack}, opacity ${e.motionDurationFast}`}},"& + span":{paddingInlineStart:e.paddingXS,paddingInlineEnd:e.paddingXS}})},{[a]:{"&-indeterminate":{[`${a}-inner`]:{"&:after":{top:"50%",insetInlineStart:"50%",width:e.fontSizeLG/2,height:e.fontSizeLG/2,backgroundColor:e.colorPrimary,border:0,transform:"translate(-50%, -50%) scale(1)",opacity:1,content:'""'}}}}},{[`${n}:hover ${a}:after`]:{visibility:"visible"},[`
|
|
${n}:not(${n}-disabled),
|
|
${a}:not(${a}-disabled)
|
|
`]:{[`&:hover ${a}-inner`]:{borderColor:e.colorPrimary}},[`${n}:not(${n}-disabled)`]:{[`&:hover ${a}-checked:not(${a}-disabled) ${a}-inner`]:{backgroundColor:e.colorPrimaryHover,borderColor:"transparent"},[`&:hover ${a}-checked:not(${a}-disabled):after`]:{borderColor:e.colorPrimaryHover}}},{[`${a}-checked`]:{[`${a}-inner`]:{backgroundColor:e.colorPrimary,borderColor:e.colorPrimary,"&:after":{opacity:1,transform:"rotate(45deg) scale(1) translate(-50%,-50%)",transition:`all ${e.motionDurationMid} ${e.motionEaseOutBack} ${e.motionDurationFast}`}},"&:after":{position:"absolute",top:0,insetInlineStart:0,width:"100%",height:"100%",borderRadius:e.borderRadiusSM,visibility:"hidden",border:`${e.lineWidthBold}px solid ${e.colorPrimary}`,animationName:xe,animationDuration:e.motionDurationSlow,animationTimingFunction:"ease-in-out",animationFillMode:"backwards",content:'""',transition:`all ${e.motionDurationSlow}`}},[`
|
|
${n}-checked:not(${n}-disabled),
|
|
${a}-checked:not(${a}-disabled)
|
|
`]:{[`&:hover ${a}-inner`]:{backgroundColor:e.colorPrimaryHover,borderColor:"transparent"},[`&:hover ${a}:after`]:{borderColor:e.colorPrimaryHover}}},{[`${n}-disabled`]:{cursor:"not-allowed"},[`${a}-disabled`]:{[`&, ${a}-input`]:{cursor:"not-allowed",pointerEvents:"none"},[`${a}-inner`]:{background:e.colorBgContainerDisabled,borderColor:e.colorBorder,"&:after":{borderColor:e.colorTextDisabled}},"&:after":{display:"none"},"& + span":{color:e.colorTextDisabled},[`&${a}-indeterminate ${a}-inner::after`]:{background:e.colorTextDisabled}}}]};function $e(e,a){const n=oe(a,{checkboxCls:`.${e}`,checkboxSize:a.controlInteractiveSize});return[Ce(n)]}const J=re("Checkbox",(e,a)=>{let{prefixCls:n}=a;return[$e(n,e)]}),ye=()=>({name:String,prefixCls:String,options:_([]),disabled:Boolean,id:String}),Se=()=>s(s({},ye()),{defaultValue:_(),value:_(),onChange:w(),"onUpdate:value":w()}),we=()=>({prefixCls:String,defaultChecked:m(),checked:m(),disabled:m(),isGroup:m(),value:se.any,name:String,id:String,indeterminate:m(),type:ie("checkbox"),autofocus:m(),onChange:w(),"onUpdate:checked":w(),onClick:w(),skipGroup:m(!1)}),Ie=()=>s(s({},we()),{indeterminate:m(!1)}),Q=Symbol("CheckboxGroupContext");var W=function(e,a){var n={};for(var t in e)Object.prototype.hasOwnProperty.call(e,t)&&a.indexOf(t)<0&&(n[t]=e[t]);if(e!=null&&typeof Object.getOwnPropertySymbols=="function")for(var d=0,t=Object.getOwnPropertySymbols(e);d<t.length;d++)a.indexOf(t[d])<0&&Object.prototype.propertyIsEnumerable.call(e,t[d])&&(n[t[d]]=e[t[d]]);return n};const k=X({compatConfig:{MODE:3},name:"ACheckbox",inheritAttrs:!1,__ANT_CHECKBOX:!0,props:Ie(),setup(e,a){let{emit:n,attrs:t,slots:d,expose:G}=a;const C=L(),P=ge.useInject(),{prefixCls:u,direction:p,disabled:T}=K("checkbox",e),V=ce(),[b,h]=J(u),l=de(Q,void 0),g=Symbol("checkboxUniId"),M=y(()=>(l==null?void 0:l.disabled.value)||T.value);ue(()=>{!e.skipGroup&&l&&l.registerValue(g,e.value)}),be(()=>{l&&l.cancelValue(g)}),ve(()=>{fe(!!(e.checked!==void 0||l||e.value===void 0))});const B=r=>{const c=r.target.checked;n("update:checked",c),n("change",r),C.onFieldChange()},x=S();return G({focus:()=>{var r;(r=x.value)===null||r===void 0||r.focus()},blur:()=>{var r;(r=x.value)===null||r===void 0||r.blur()}}),()=>{var r;const c=he((r=d.default)===null||r===void 0?void 0:r.call(d)),{indeterminate:i,skipGroup:v,id:E=C.id.value}=e,z=W(e,["indeterminate","skipGroup","id"]),{onMouseenter:F,onMouseleave:$,onInput:ke,class:q,style:Z}=t,ee=W(t,["onMouseenter","onMouseleave","onInput","class","style"]),f=s(s(s(s({},z),{id:E,prefixCls:u.value}),ee),{disabled:M.value});l&&!v?(f.onChange=function(){for(var R=arguments.length,H=new Array(R),O=0;O<R;O++)H[O]=arguments[O];n("change",...H),l.toggleOption({label:c,value:e.value})},f.name=l.name.value,f.checked=l.mergedValue.value.includes(e.value),f.disabled=M.value||V.value,f.indeterminate=i):f.onChange=B;const ae=U({[`${u.value}-wrapper`]:!0,[`${u.value}-rtl`]:p.value==="rtl",[`${u.value}-wrapper-checked`]:f.checked,[`${u.value}-wrapper-disabled`]:f.disabled,[`${u.value}-wrapper-in-form-item`]:P.isFormItemInput},q,h.value),ne=U({[`${u.value}-indeterminate`]:i},h.value);return b(I("label",{class:ae,style:Z,onMouseenter:F,onMouseleave:$},[I(pe,D(D({"aria-checked":i?"mixed":void 0},f),{},{class:ne,ref:x}),null),c.length?I("span",null,[c]):null]))}}}),A=X({compatConfig:{MODE:3},name:"ACheckboxGroup",inheritAttrs:!1,props:Se(),setup(e,a){let{slots:n,attrs:t,emit:d,expose:G}=a;const C=L(),{prefixCls:P,direction:u}=K("checkbox",e),p=y(()=>`${P.value}-group`),[T,V]=J(p),b=S((e.value===void 0?e.defaultValue:e.value)||[]);N(()=>e.value,()=>{b.value=e.value||[]});const h=y(()=>e.options.map(o=>typeof o=="string"||typeof o=="number"?{label:o,value:o}:o)),l=S(Symbol()),g=S(new Map),M=o=>{g.value.delete(o),l.value=Symbol()},B=(o,r)=>{g.value.set(o,r),l.value=Symbol()},x=S(new Map);return N(l,()=>{const o=new Map;for(const r of g.value.values())o.set(r,!0);x.value=o}),me(Q,{cancelValue:M,registerValue:B,toggleOption:o=>{const r=b.value.indexOf(o.value),c=[...b.value];r===-1?c.push(o.value):c.splice(r,1),e.value===void 0&&(b.value=c);const i=c.filter(v=>x.value.has(v)).sort((v,E)=>{const z=h.value.findIndex($=>$.value===v),F=h.value.findIndex($=>$.value===E);return z-F});d("update:value",i),d("change",i),C.onFieldChange()},mergedValue:b,name:y(()=>e.name),disabled:y(()=>e.disabled)}),G({mergedValue:b}),()=>{var o;const{id:r=C.id.value}=e;let c=null;return h.value&&h.value.length>0&&(c=h.value.map(i=>{var v;return I(k,{prefixCls:P.value,key:i.value.toString(),disabled:"disabled"in i?i.disabled:e.disabled,indeterminate:i.indeterminate,value:i.value,checked:b.value.indexOf(i.value)!==-1,onChange:i.onChange,class:`${p.value}-item`},{default:()=>[n.label!==void 0?(v=n.label)===null||v===void 0?void 0:v.call(n,i):i.label]})})),T(I("div",D(D({},t),{},{class:[p.value,{[`${p.value}-rtl`]:u.value==="rtl"},t.class,V.value],id:r}),[c||((o=n.default)===null||o===void 0?void 0:o.call(n))]))}}});k.Group=A;k.install=function(e){return e.component(k.name,k),e.component(A.name,A),e};export{A as C,k as a};
|