@chief-editor/ui/lib/components/color-panel/HexInput.js

UI Component for chief editor

"use strict";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 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 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 n=0;for(o=Object.getOwnPropertySymbols(e);n<o.length;n++)r.indexOf(o[n])<0&&Object.prototype.propertyIsEnumerable.call(e,o[n])&&(t[o[n]]=e[o[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 color_1=require("@rc-hooks/color"),use_1=require("@rc-hooks/use"),util_1=require("@co-hooks/util"),react_1=__importStar(require("react")),hooks_1=require("../../hooks"),input_1=require("../input");function HexInput(e){var r=e.className,t=e.onBlur,o=__rest(e,["className","onBlur"]),n=color_1.useHex(),s=n[0],a=n[1],u=n[2],i=use_1.useRefCallback(t),l=react_1.useCallback((function(e){i(e),u()}),[]),c=util_1.classnames(hooks_1.usePrefixCls("color-hex"),r);return react_1.default.createElement(input_1.Input,__assign({},o,{className:c,value:s,onValueChange:a,onBlur:l}))}exports.HexInput=HexInput;