8 lines
8.8 KiB
JavaScript
8 lines
8.8 KiB
JavaScript
import{r as n,ak as ee,av as re,aq as ae,C as N,am as M,at as te,ah as G,bg as H,ce as T,ax as ne,x as le,y as L,z as q,dx as oe,ay as W,aG as se,aL as ie,F as ce,aB as A,dy as de,bE as ue,aJ as be,ai as F}from"./index-CYM97J2V.js";var fe=["prefixCls","className","style","checked","disabled","defaultChecked","type","title","onChange"],pe=n.forwardRef(function(e,r){var a=e.prefixCls,t=a===void 0?"rc-checkbox":a,c=e.className,C=e.style,h=e.checked,p=e.disabled,_=e.defaultChecked,O=_===void 0?!1:_,d=e.type,w=d===void 0?"checkbox":d,I=e.title,i=e.onChange,R=ee(e,fe),g=n.useRef(null),u=n.useRef(null),o=re(O,{value:h}),P=ae(o,2),E=P[0],x=P[1];n.useImperativeHandle(r,function(){return{focus:function(s){var f;(f=g.current)===null||f===void 0||f.focus(s)},blur:function(){var s;(s=g.current)===null||s===void 0||s.blur()},input:g.current,nativeElement:u.current}});var b=N(t,c,M(M({},"".concat(t,"-checked"),E),"".concat(t,"-disabled"),p)),v=function(s){p||("checked"in e||x(s.target.checked),i==null||i({target:G(G({},e),{},{type:w,checked:s.target.checked}),stopPropagation:function(){s.stopPropagation()},preventDefault:function(){s.preventDefault()},nativeEvent:s.nativeEvent}))};return n.createElement("span",{className:b,title:I,style:C,ref:u},n.createElement("input",te({},R,{className:"".concat(t,"-input"),ref:g,onChange:v,disabled:p,checked:!!E,type:w})),n.createElement("span",{className:"".concat(t,"-inner")}))});function ve(e){const r=H.useRef(null),a=()=>{T.cancel(r.current),r.current=null};return[()=>{a(),r.current=T(()=>{r.current=null})},C=>{r.current&&(C.stopPropagation(),a()),e==null||e(C)}]}const me=e=>{const{checkboxCls:r}=e,a=`${r}-wrapper`;return[{[`${r}-group`]:Object.assign(Object.assign({},L(e)),{display:"inline-flex",flexWrap:"wrap",columnGap:e.marginXS,[`> ${e.antCls}-row`]:{flex:1}}),[a]:Object.assign(Object.assign({},L(e)),{display:"inline-flex",alignItems:"baseline",cursor:"pointer","&:after":{display:"inline-block",width:0,overflow:"hidden",content:"'\\a0'"},[`& + ${a}`]:{marginInlineStart:0},[`&${a}-in-form-item`]:{'input[type="checkbox"]':{width:14,height:14}}}),[r]:Object.assign(Object.assign({},L(e)),{position:"relative",whiteSpace:"nowrap",lineHeight:1,cursor:"pointer",borderRadius:e.borderRadiusSM,alignSelf:"center",[`${r}-input`]:{position:"absolute",inset:0,zIndex:1,cursor:"pointer",opacity:0,margin:0,[`&:focus-visible + ${r}-inner`]:oe(e)},[`${r}-inner`]:{boxSizing:"border-box",display:"block",width:e.checkboxSize,height:e.checkboxSize,direction:"ltr",backgroundColor:e.colorBgContainer,border:`${q(e.lineWidth)} ${e.lineType} ${e.colorBorder}`,borderRadius:e.borderRadiusSM,borderCollapse:"separate",transition:`all ${e.motionDurationSlow}`,"&:after":{boxSizing:"border-box",position:"absolute",top:"50%",insetInlineStart:"25%",display:"table",width:e.calc(e.checkboxSize).div(14).mul(5).equal(),height:e.calc(e.checkboxSize).div(14).mul(8).equal(),border:`${q(e.lineWidthBold)} 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}:not(${a}-disabled),
|
|
${r}:not(${r}-disabled)
|
|
`]:{[`&:hover ${r}-inner`]:{borderColor:e.colorPrimary}},[`${a}:not(${a}-disabled)`]:{[`&:hover ${r}-checked:not(${r}-disabled) ${r}-inner`]:{backgroundColor:e.colorPrimaryHover,borderColor:"transparent"},[`&:hover ${r}-checked:not(${r}-disabled):after`]:{borderColor:e.colorPrimaryHover}}},{[`${r}-checked`]:{[`${r}-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}`}}},[`
|
|
${a}-checked:not(${a}-disabled),
|
|
${r}-checked:not(${r}-disabled)
|
|
`]:{[`&:hover ${r}-inner`]:{backgroundColor:e.colorPrimaryHover,borderColor:"transparent"}}},{[r]:{"&-indeterminate":{"&":{[`${r}-inner`]:{backgroundColor:`${e.colorBgContainer}`,borderColor:`${e.colorBorder}`,"&:after":{top:"50%",insetInlineStart:"50%",width:e.calc(e.fontSizeLG).div(2).equal(),height:e.calc(e.fontSizeLG).div(2).equal(),backgroundColor:e.colorPrimary,border:0,transform:"translate(-50%, -50%) scale(1)",opacity:1,content:'""'}},[`&:hover ${r}-inner`]:{backgroundColor:`${e.colorBgContainer}`,borderColor:`${e.colorPrimary}`}}}}},{[`${a}-disabled`]:{cursor:"not-allowed"},[`${r}-disabled`]:{[`&, ${r}-input`]:{cursor:"not-allowed",pointerEvents:"none"},[`${r}-inner`]:{background:e.colorBgContainerDisabled,borderColor:e.colorBorder,"&:after":{borderColor:e.colorTextDisabled}},"&:after":{display:"none"},"& + span":{color:e.colorTextDisabled},[`&${r}-indeterminate ${r}-inner::after`]:{background:e.colorTextDisabled}}}]};function Ce(e,r){const a=ne(r,{checkboxCls:`.${e}`,checkboxSize:r.controlInteractiveSize});return me(a)}const X=le("Checkbox",(e,{prefixCls:r})=>[Ce(r,e)]),J=H.createContext(null);var he=function(e,r){var a={};for(var t in e)Object.prototype.hasOwnProperty.call(e,t)&&r.indexOf(t)<0&&(a[t]=e[t]);if(e!=null&&typeof Object.getOwnPropertySymbols=="function")for(var c=0,t=Object.getOwnPropertySymbols(e);c<t.length;c++)r.indexOf(t[c])<0&&Object.prototype.propertyIsEnumerable.call(e,t[c])&&(a[t[c]]=e[t[c]]);return a};const ge=(e,r)=>{var a;const{prefixCls:t,className:c,rootClassName:C,children:h,indeterminate:p=!1,style:_,onMouseEnter:O,onMouseLeave:d,skipGroup:w=!1,disabled:I}=e,i=he(e,["prefixCls","className","rootClassName","children","indeterminate","style","onMouseEnter","onMouseLeave","skipGroup","disabled"]),{getPrefixCls:R,direction:g,checkbox:u}=n.useContext(W),o=n.useContext(J),{isFormItemInput:P}=n.useContext(se),E=n.useContext(ie),x=(a=(o==null?void 0:o.disabled)||I)!==null&&a!==void 0?a:E,b=n.useRef(i.value),v=n.useRef(null),k=ce(r,v);n.useEffect(()=>{o==null||o.registerValue(i.value)},[]),n.useEffect(()=>{if(!w)return i.value!==b.current&&(o==null||o.cancelValue(b.current),o==null||o.registerValue(i.value),b.current=i.value),()=>o==null?void 0:o.cancelValue(i.value)},[i.value]),n.useEffect(()=>{var m;!((m=v.current)===null||m===void 0)&&m.input&&(v.current.input.indeterminate=p)},[p]);const s=R("checkbox",t),f=A(s),[V,j,z]=X(s,f),y=Object.assign({},i);o&&!w&&(y.onChange=(...m)=>{i.onChange&&i.onChange.apply(i,m),o.toggleOption&&o.toggleOption({label:h,value:i.value})},y.name=o.name,y.checked=o.value.includes(i.value));const D=N(`${s}-wrapper`,{[`${s}-rtl`]:g==="rtl",[`${s}-wrapper-checked`]:y.checked,[`${s}-wrapper-disabled`]:x,[`${s}-wrapper-in-form-item`]:P},u==null?void 0:u.className,c,C,z,f,j),l=N({[`${s}-indeterminate`]:p},de,j),[$,S]=ve(y.onClick);return V(n.createElement(ue,{component:"Checkbox",disabled:x},n.createElement("label",{className:D,style:Object.assign(Object.assign({},u==null?void 0:u.style),_),onMouseEnter:O,onMouseLeave:d,onClick:$},n.createElement(pe,Object.assign({},y,{onClick:S,prefixCls:s,className:l,disabled:x,ref:k})),h!=null&&n.createElement("span",{className:`${s}-label`},h))))},K=n.forwardRef(ge);var xe=function(e,r){var a={};for(var t in e)Object.prototype.hasOwnProperty.call(e,t)&&r.indexOf(t)<0&&(a[t]=e[t]);if(e!=null&&typeof Object.getOwnPropertySymbols=="function")for(var c=0,t=Object.getOwnPropertySymbols(e);c<t.length;c++)r.indexOf(t[c])<0&&Object.prototype.propertyIsEnumerable.call(e,t[c])&&(a[t[c]]=e[t[c]]);return a};const ye=n.forwardRef((e,r)=>{const{defaultValue:a,children:t,options:c=[],prefixCls:C,className:h,rootClassName:p,style:_,onChange:O}=e,d=xe(e,["defaultValue","children","options","prefixCls","className","rootClassName","style","onChange"]),{getPrefixCls:w,direction:I}=n.useContext(W),[i,R]=n.useState(d.value||a||[]),[g,u]=n.useState([]);n.useEffect(()=>{"value"in d&&R(d.value||[])},[d.value]);const o=n.useMemo(()=>c.map(l=>typeof l=="string"||typeof l=="number"?{label:l,value:l}:l),[c]),P=l=>{u($=>$.filter(S=>S!==l))},E=l=>{u($=>[].concat(F($),[l]))},x=l=>{const $=i.indexOf(l.value),S=F(i);$===-1?S.push(l.value):S.splice($,1),"value"in d||R(S),O==null||O(S.filter(m=>g.includes(m)).sort((m,U)=>{const Y=o.findIndex(B=>B.value===m),Z=o.findIndex(B=>B.value===U);return Y-Z}))},b=w("checkbox",C),v=`${b}-group`,k=A(b),[s,f,V]=X(b,k),j=be(d,["value","disabled"]),z=c.length?o.map(l=>n.createElement(K,{prefixCls:b,key:l.value.toString(),disabled:"disabled"in l?l.disabled:d.disabled,value:l.value,checked:i.includes(l.value),onChange:l.onChange,className:N(`${v}-item`,l.className),style:l.style,title:l.title,id:l.id,required:l.required},l.label)):t,y=n.useMemo(()=>({toggleOption:x,value:i,disabled:d.disabled,name:d.name,registerValue:E,cancelValue:P}),[x,i,d.disabled,d.name,E,P]),D=N(v,{[`${v}-rtl`]:I==="rtl"},h,p,V,k,f);return s(n.createElement("div",Object.assign({className:D,style:_},j,{ref:r}),n.createElement(J.Provider,{value:y},z)))}),Q=K;Q.Group=ye;Q.__ANT_CHECKBOX=!0;export{Q as C,pe as a,Ce as g,ve as u};
|