UNPKG

@chief-editor/ui

Version:

UI Component for chief editor

1 lines 2.25 kB
"use strict";var __assign=this&&this.__assign||function(){return(__assign=Object.assign||function(e){for(var t,r=1,a=arguments.length;r<a;r++)for(var n in t=arguments[r])Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n]);return e}).apply(this,arguments)},__rest=this&&this.__rest||function(e,t){var r={};for(var a in e)Object.prototype.hasOwnProperty.call(e,a)&&t.indexOf(a)<0&&(r[a]=e[a]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var n=0;for(a=Object.getOwnPropertySymbols(e);n<a.length;n++)t.indexOf(a[n])<0&&Object.prototype.propertyIsEnumerable.call(e,a[n])&&(r[a[n]]=e[a[n]])}return r},__importStar=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var r in e)Object.hasOwnProperty.call(e,r)&&(t[r]=e[r]);return t.default=e,t};Object.defineProperty(exports,"__esModule",{value:!0});var util_1=require("@co-hooks/util"),use_1=require("@rc-hooks/use"),react_1=__importStar(require("react")),hooks_1=require("../../hooks"),const_1=require("../input-wrapper/const"),hooks_2=require("../../hooks");function CheckWrapper(e){var t=e.type,r=e.checked,a=void 0!==r&&r,n=e.disabled,o=void 0!==n&&n,s=e.onChange,c=e.onValueChange,i=e.onClick,l=e.className,u=e.style,_=e.children,p=e.onBlur,h=e.onFocus,f=e.checkedWave,d=e.waveElementRef,k=__rest(e,["type","checked","disabled","onChange","onValueChange","onClick","className","style","children","onBlur","onFocus","checkedWave","waveElementRef"]),b=use_1.useRefGetter(o),v=use_1.useRefCallback(s),y=use_1.useRefCallback(i),m=use_1.useRefCallback(c),g=react_1.useCallback((function(e){if(b())return!1;v(e),m(e.target.checked)}),[]),C=react_1.useCallback((function(e){if("INPUT"===e.target.nodeName)return e.stopPropagation(),void e.nativeEvent.stopImmediatePropagation();y(e)}),[]),O=hooks_1.usePrefixCls("check-wrapper"),P=util_1.pick(k,const_1.INPUT_COMMON_ATTRS),w=P[0],j=P[1],N=hooks_2.useWaveAnimation({disabled:o||!f&&!a,elementRef:d,eventType:"input",pseudoElement:"before"});return react_1.default.createElement("label",__assign({},j,{onClick:C,className:l,style:u}),react_1.default.createElement("input",__assign({},w,{onBlur:p,onFocus:h,ref:N,className:O,disabled:o,type:t,checked:a,onChange:g})),_)}exports.CheckWrapper=CheckWrapper;