@chief-editor/ui/es/components/color-panel/Alpha.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{useAlpha}from"@rc-hooks/color";import{RcRegionProvider,useSimpleRegion}from"@rc-hooks/region";import React,{memo}from"react";import{ColorLayer}from"./components/ColorLayer";import{ColorSlider}from"./components/ColorSlider";export var Alpha=memo((function(e){var r=useAlpha(),o=r[0],t=r[1],n=e.changeOnEnd,a=e.disabled,i=__rest(e,["changeOnEnd","disabled"]),l=useSimpleRegion({strict:!0,value:o.a,step:1,min:0,max:100,precision:0,changeOnEnd:n},t)[0],s=o.r+", "+o.g+", "+o.b;return React.createElement(RcRegionProvider,{region:l},React.createElement(ColorSlider,__assign({disabled:a},i),React.createElement(ColorLayer,{type:"alpha"}),React.createElement(ColorLayer,{type:"linear-gradient(to right, rgba("+s+", 0) 0%, rgb("+s+") 100%)"})))}));