| Server IP : 38.190.208.107 / Your IP : 216.73.217.13 Web Server : nginx/1.28.1 System : Linux ht2026040333114 6.1.0-10-amd64 #1 SMP PREEMPT_DYNAMIC Debian 6.1.37-1 (2023-07-03) x86_64 User : root ( 0) PHP Version : 8.2.28 Disable Function : passthru,exec,system,putenv,chroot,chgrp,chown,shell_exec,popen,proc_open,pcntl_exec,ini_alter,ini_restore,dl,openlog,syslog,readlink,symlink,popepassthru,pcntl_alarm,pcntl_fork,pcntl_waitpid,pcntl_wait,pcntl_wifexited,pcntl_wifstopped,pcntl_wifsignaled,pcntl_wifcontinued,pcntl_wexitstatus,pcntl_wtermsig,pcntl_wstopsig,pcntl_signal,pcntl_signal_dispatch,pcntl_get_last_error,pcntl_strerror,pcntl_sigprocmask,pcntl_sigwaitinfo,pcntl_sigtimedwait,pcntl_exec,pcntl_getpriority,pcntl_setpriority,imap_open,apache_setenv,eval,assert,passthru,system,exec,shell_exec,popen,proc_open MySQL : OFF | cURL : ON | WGET : OFF | Perl : OFF | Python : OFF | Sudo : OFF | Pkexec : OFF Directory : /www/wwwroot/wp.10/wp-content/themes/blocksy/static/js/options/options/ratio/ |
Upload File : |
import {
createElement,
Component,
createPortal,
useRef,
createRef,
} from '@wordpress/element'
import { Transition, animated } from 'react-spring'
import bezierEasing from 'bezier-easing'
import classnames from 'classnames'
import GenericOptionType from '../../GenericOptionType'
import { __ } from 'ct-i18n'
const RatioModal = ({
renderContent,
stopTransitioning,
el,
isTransitioning,
isPicking,
}) => {
return (
(isTransitioning || isPicking) &&
createPortal(
<Transition
items={isPicking}
onRest={(isOpen) => stopTransitioning()}
config={{
duration: 100,
easing: bezierEasing(0.25, 0.1, 0.25, 1.0),
}}
from={{
transform: 'scale3d(0.95, 0.95, 1)',
opacity: 0,
}}
enter={{
transform: 'scale3d(1, 1, 1)',
opacity: 1,
}}
leave={{
transform: 'scale3d(0.95, 0.95, 1)',
opacity: 0,
}}>
{(props, isPicking) =>
isPicking && (
<animated.div
style={props}
className="ct-ratio-modal"
onClick={(e) => {
e.preventDefault()
e.stopPropagation()
}}
onMouseDownCapture={(e) => {
e.nativeEvent.stopImmediatePropagation()
e.nativeEvent.stopPropagation()
}}
onMouseUpCapture={(e) => {
e.nativeEvent.stopImmediatePropagation()
e.nativeEvent.stopPropagation()
}}>
{renderContent && renderContent()}
</animated.div>
)
}
</Transition>,
el.current.closest('.ct-single-palette')
? el.current
.closest('.ct-single-palette')
.querySelector('.ct-color-modal-wrapper')
: el.current.closest('.ct-color-modal-wrapper')
? el.current.closest('.ct-color-modal-wrapper')
: el.current
.closest('.ct-control')
.querySelector('.ct-color-modal-wrapper')
)
)
}
export default RatioModal