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