£Á°èZ¨Ä…–K§‚«“ô4“ÒÙ´dîfUÙÃÅ WKbyʦ•êŽ…È®FÒ¿ÊÎóCozá¬S@6{Í:›œêZÌ:Š•_%:¢¾¾~;‘Ã~芩ÊǍí`ÔÑ©ú뙵'5I¿fš×WO%ø9¾«¾DK|€ùÍD”Ýs]nHÕ¶êםӼ㞪éUWŸÈË%DÒÕ¬ï‘]/Åcx ‰ï2ß]ä6G[]S£Ôϯrs{úëóµmÒï#UQxo·õÞCe]"±/aÙ&Eã4ú9Jé_ÞåëdãöKë)AÞ ¯¹ægƒÛowЍø^d™ý½ßB7áyMä9ÜÖUã !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! import { useState, useRef } from '@wordpress/element'; import { LabelControl } from './label'; export const DimensionControl = (props) =>{ const { prop, label, value, setAttributes } = props; const { name } = prop['c']; var values = !pagelayer_empty(value) ? value : ['', '']; if(pagelayer_is_string(values)){ values = values.split(','); } const [isLinked, setIsLinked] = useState(true); const dimensionRef = useRef(null) const handleInputChange = (index, e) => { const newValue = parseFloat(e.target.value); let newValues = [...values]; if (isLinked) { newValues = newValues.map(() => newValue); } else { newValues[index] = newValue; } if(prop?.units){ newValues = setUnit(newValues); } setAttributes({[name]: newValues}); }; const setUnit = (val) => { var unit = dimensionRef.current.querySelectorAll('.pagelayer-elp-units .selected')[0].innerHTML; if(Array.isArray(val)){ for(var i in val){ if(val[i].length < 1){ continue; } val[i] = parseFloat(val[i])+unit; } }else{ val = parseFloat(val)+unit; } return val; } return (
handleInputChange(0, e)} /> handleInputChange(1, e)} /> setIsLinked(!isLinked) } >
); }