@chief-editor/ui
Version:
UI Component for chief editor
1 lines • 1.15 kB
JavaScript
var __assign=this&&this.__assign||function(){return(__assign=Object.assign||function(e){for(var r,t=1,o=arguments.length;t<o;t++)for(var s in r=arguments[t])Object.prototype.hasOwnProperty.call(r,s)&&(e[s]=r[s]);return e}).apply(this,arguments)},__rest=this&&this.__rest||function(e,r){var t={};for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&r.indexOf(o)<0&&(t[o]=e[o]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var s=0;for(o=Object.getOwnPropertySymbols(e);s<o.length;s++)r.indexOf(o[s])<0&&Object.prototype.propertyIsEnumerable.call(e,o[s])&&(t[o[s]]=e[o[s]])}return t};import{useHex}from"@rc-hooks/color";import{useRefCallback}from"@rc-hooks/use";import{classnames}from"@co-hooks/util";import React,{useCallback}from"react";import{usePrefixCls}from"../../hooks";import{Input}from"../input";export function HexInput(e){var r=e.className,t=e.onBlur,o=__rest(e,["className","onBlur"]),s=useHex(),n=s[0],a=s[1],l=s[2],c=useRefCallback(t),i=useCallback((function(e){c(e),l()}),[]),u=classnames(usePrefixCls("color-hex"),r);return React.createElement(Input,__assign({},o,{className:u,value:n,onValueChange:a,onBlur:i}))}