@chief-editor/ui/lib/components/color-panel/Hue.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,n=arguments.length;t<n;t++)for(var o in r=arguments[t])Object.prototype.hasOwnProperty.call(r,o)&&(e[o]=r[o]);return e}).apply(this,arguments)},__rest=this&&this.__rest||function(e,r){var t={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&r.indexOf(n)<0&&(t[n]=e[n]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(n=Object.getOwnPropertySymbols(e);o<n.length;o++)r.indexOf(n[o])<0&&Object.prototype.propertyIsEnumerable.call(e,n[o])&&(t[n[o]]=e[n[o]])}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 region_1=require("@rc-hooks/region"),react_1=__importStar(require("react")),ColorLayer_1=require("./components/ColorLayer"),ColorSlider_1=require("./components/ColorSlider");exports.Hue=react_1.memo((function(e){var r=e.changeOnEnd,t=e.disabled,n=e.hue,o=e.onHueChange,a=__rest(e,["changeOnEnd","disabled","hue","onHueChange"]),i=region_1.useSimpleRegion({strict:!0,value:n,step:1,min:0,max:360,precision:0,changeOnEnd:r},o)[0];return react_1.default.createElement(region_1.RcRegionProvider,{region:i},react_1.default.createElement(ColorSlider_1.ColorSlider,__assign({disabled:t},a),react_1.default.createElement(ColorLayer_1.ColorLayer,{type:"hue"})))}));