@chief-editor/ui/es/components/color-panel/Hue.js

UI Component for chief editor

var __assign=this&&this.__assign||function(){return(__assign=Object.assign||function(e){for(var r,o=1,t=arguments.length;o<t;o++)for(var n in r=arguments[o])Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n]);return e}).apply(this,arguments)},__rest=this&&this.__rest||function(e,r){var o={};for(var t in e)Object.prototype.hasOwnProperty.call(e,t)&&r.indexOf(t)<0&&(o[t]=e[t]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var n=0;for(t=Object.getOwnPropertySymbols(e);n<t.length;n++)r.indexOf(t[n])<0&&Object.prototype.propertyIsEnumerable.call(e,t[n])&&(o[t[n]]=e[t[n]])}return o};import{RcRegionProvider,useSimpleRegion}from"@rc-hooks/region";import React,{memo}from"react";import{ColorLayer}from"./components/ColorLayer";import{ColorSlider}from"./components/ColorSlider";export var Hue=memo((function(e){var r=e.changeOnEnd,o=e.disabled,t=e.hue,n=e.onHueChange,i=__rest(e,["changeOnEnd","disabled","hue","onHueChange"]),a=useSimpleRegion({strict:!0,value:t,step:1,min:0,max:360,precision:0,changeOnEnd:r},n)[0];return React.createElement(RcRegionProvider,{region:a},React.createElement(ColorSlider,__assign({disabled:o},i),React.createElement(ColorLayer,{type:"hue"})))}));