@chief-editor/ui/es/components/checkbox/index.js

UI Component for chief editor

var __assign=this&&this.__assign||function(){return(__assign=Object.assign||function(e){for(var a,t=1,n=arguments.length;t<n;t++)for(var r in a=arguments[t])Object.prototype.hasOwnProperty.call(a,r)&&(e[r]=a[r]);return e}).apply(this,arguments)},__rest=this&&this.__rest||function(e,a){var t={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&a.indexOf(n)<0&&(t[n]=e[n]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var r=0;for(n=Object.getOwnPropertySymbols(e);r<n.length;r++)a.indexOf(n[r])<0&&Object.prototype.propertyIsEnumerable.call(e,n[r])&&(t[n[r]]=e[n[r]])}return t};import{CheckSmall,Minus}from"@byte-design/icons";import{classnames}from"@co-hooks/util";import React,{useCallback,useRef}from"react";import{useRefCallback}from"@rc-hooks/use";import{usePrefixCls}from"../../hooks";import{CheckWrapper}from"../check-wrapper";export function Checkbox(e){var a=e.className,t=e.disabled,n=void 0!==t&&t,r=e.checked,c=void 0!==r&&r,l=e.indeterminate,o=void 0!==l&&l,s=e.children,i=e.onChange,u=e.onValueChange,h=__rest(e,["className","disabled","checked","indeterminate","children","onChange","onValueChange"]),f=useRef(null),m=usePrefixCls("checkbox-icon",{checked:c}),d=classnames(usePrefixCls("checkbox",{disabled:n,indeterminate:o,checked:c}),a);return React.createElement(CheckWrapper,__assign({},h,{type:"checkbox",className:d,checked:c,disabled:n,onChange:i,onValueChange:u,waveElementRef:f}),React.createElement("span",{ref:f,className:m},o?React.createElement(Minus,{fill:"#fff",strokeWidth:6}):c?React.createElement(CheckSmall,{fill:"#fff",strokeWidth:6}):null),s)}function ValuedCheckbox(e){var a=e.falseValue,t=e.value,n=void 0===t?a:t,r=e.onValueChange,c=e.trueValue,l=__rest(e,["falseValue","value","onValueChange","trueValue"]),o=useRefCallback(r),s=useCallback((function(e){o(e?c:a)}),[]);return React.createElement(Checkbox,__assign({},l,{checked:n===c,onValueChange:s}))}Checkbox.Valued=ValuedCheckbox;