File manager - Edit - /home/palg2351/public_html/wp-content/themes/blocksy/static/js/options/options/ratio/RatioModal.js
Back
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
| ver. 1.4 |
Github
|
.
| PHP 8.3.30 | Generation time: 0.07 |
proxy
|
phpinfo
|
Settings