@chief-editor/ui
Version:
UI Component for chief editor
1 lines • 2.31 kB
JavaScript
;var __assign=this&&this.__assign||function(){return(__assign=Object.assign||function(e){for(var r,t=1,a=arguments.length;t<a;t++)for(var n in r=arguments[t])Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n]);return e}).apply(this,arguments)},__rest=this&&this.__rest||function(e,r){var t={};for(var a in e)Object.prototype.hasOwnProperty.call(e,a)&&r.indexOf(a)<0&&(t[a]=e[a]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var n=0;for(a=Object.getOwnPropertySymbols(e);n<a.length;n++)r.indexOf(a[n])<0&&Object.prototype.propertyIsEnumerable.call(e,a[n])&&(t[a[n]]=e[a[n]])}return t},__importStar=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var r={};if(null!=e)for(var t in e)Object.hasOwnProperty.call(e,t)&&(r[t]=e[t]);return r.default=e,r};Object.defineProperty(exports,"__esModule",{value:!0});var icons_1=require("@byte-design/icons"),util_1=require("@co-hooks/util"),react_1=__importStar(require("react")),use_1=require("@rc-hooks/use"),hooks_1=require("../../hooks"),check_wrapper_1=require("../check-wrapper");function Checkbox(e){var r=e.className,t=e.disabled,a=void 0!==t&&t,n=e.checked,c=void 0!==n&&n,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"]),_=react_1.useRef(null),f=hooks_1.usePrefixCls("checkbox-icon",{checked:c}),d=util_1.classnames(hooks_1.usePrefixCls("checkbox",{disabled:a,indeterminate:o,checked:c}),r);return react_1.default.createElement(check_wrapper_1.CheckWrapper,__assign({},h,{type:"checkbox",className:d,checked:c,disabled:a,onChange:i,onValueChange:u,waveElementRef:_}),react_1.default.createElement("span",{ref:_,className:f},o?react_1.default.createElement(icons_1.Minus,{fill:"#fff",strokeWidth:6}):c?react_1.default.createElement(icons_1.CheckSmall,{fill:"#fff",strokeWidth:6}):null),s)}function ValuedCheckbox(e){var r=e.falseValue,t=e.value,a=void 0===t?r:t,n=e.onValueChange,c=e.trueValue,l=__rest(e,["falseValue","value","onValueChange","trueValue"]),o=use_1.useRefCallback(n),s=react_1.useCallback((function(e){o(e?c:r)}),[]);return react_1.default.createElement(Checkbox,__assign({},l,{checked:a===c,onValueChange:s}))}exports.Checkbox=Checkbox,Checkbox.Valued=ValuedCheckbox;