sp-image-editor
Version:
React component version of filerobot image editor (FIE).
1 lines • 1.52 kB
JavaScript
import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import React from"react";import Konva from"konva";import{useFinetune,useStore}from"../../../hooks";import restrictNumber from"../../../utils/restrictNumber";import Slider from"../../common/Slider";import{StyledLabel,StyledSliderContainer,StyledSliderInput,StyledSliderLabel,StyledSliderWrapper}from"../tools.styled";var MIN_VALUE=-1,DEFAULT_VALUE={brightness:0},MAX_VALUE=1,sliderStyle={width:150,padding:0,margin:0},BrightnessOptions=function(a){var b,c,d,e=a.t,f=useFinetune(Konva.Filters.Brighten,DEFAULT_VALUE),g=_slicedToArray(f,2),h=g[0],i=g[1],j=useStore(),k=j.config,l=function(a){i({brightness:restrictNumber(a,MIN_VALUE,MAX_VALUE)})};return React.createElement(StyledSliderContainer,{className:"FIE_brightness-option-wrapper"},React.createElement(StyledSliderLabel,{className:"FIE_brightness-option-label"},e("brightness")),React.createElement(StyledSliderWrapper,null,React.createElement(Slider,{className:"FIE_brightness-option",min:MIN_VALUE,step:.05,max:MAX_VALUE,width:"124px",value:null!==(b=h.brightness)&&void 0!==b?b:DEFAULT_VALUE.brightness,onChange:l,style:sliderStyle}),null!==k&&void 0!==k&&k.showInputAsLabels?React.createElement(StyledLabel,{value:null!==(c=h.brightness)&&void 0!==c?c:DEFAULT_VALUE.brightness,readOnly:!0}):React.createElement(StyledSliderInput,{value:null!==(d=h.brightness)&&void 0!==d?d:DEFAULT_VALUE.brightness,onChange:function(a){var b=a.target.value;return l(b)}})))};export default BrightnessOptions;