UNPKG

@chief-editor/ui

Version:

UI Component for chief editor

1 lines 1.78 kB
var __assign=this&&this.__assign||function(){return(__assign=Object.assign||function(e){for(var a,t=1,r=arguments.length;t<r;t++)for(var n in a=arguments[t])Object.prototype.hasOwnProperty.call(a,n)&&(e[n]=a[n]);return e}).apply(this,arguments)},__rest=this&&this.__rest||function(e,a){var t={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&a.indexOf(r)<0&&(t[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var n=0;for(r=Object.getOwnPropertySymbols(e);n<r.length;n++)a.indexOf(r[n])<0&&Object.prototype.propertyIsEnumerable.call(e,r[n])&&(t[r[n]]=e[r[n]])}return t};import{classnames}from"@co-hooks/util";import{useRefCallback}from"@rc-hooks/use";import React,{useCallback,useRef}from"react";import{usePrefixCls}from"../../hooks";import{CheckWrapper}from"../check-wrapper";export function Switch(e){var a=e.className,t=e.disabled,r=void 0!==t&&t,n=e.checked,s=void 0!==n&&n,c=e.trueContent,l=e.falseContent,o=e.onChange,i=e.onValueChange,u=__rest(e,["className","disabled","checked","trueContent","falseContent","onChange","onValueChange"]),h=useRef(null),f=classnames(usePrefixCls("switch",{disabled:r,checked:s}),a),p=classnames(usePrefixCls("switch-wrapper",{disabled:r,checked:s}));return React.createElement(CheckWrapper,__assign({},u,{checkedWave:!0,type:"checkbox",className:f,checked:s,disabled:r,onChange:o,onValueChange:i,waveElementRef:h}),React.createElement("div",{className:p,ref:h},s?c:l))}export function ValuedSwitch(e){var a=e.falseValue,t=e.value,r=void 0===t?a:t,n=e.onValueChange,s=e.trueValue,c=__rest(e,["falseValue","value","onValueChange","trueValue"]),l=useRefCallback(n),o=useCallback((function(e){l(e?s:a)}),[]);return React.createElement(Switch,__assign({},c,{checked:r===s,onValueChange:o}))}Switch.Valued=ValuedSwitch;