mirror of
https://github.com/xibyte/jsketcher
synced 2025-12-06 16:33:15 +01:00
24 lines
634 B
JavaScript
24 lines
634 B
JavaScript
import React, {useEffect, useRef} from 'react';
|
|
import PropTypes from 'prop-types';
|
|
|
|
export default function InputControl(inprops) {
|
|
|
|
let {type, inputRef, width, onWheel, ...props} = inprops;
|
|
|
|
const style = width&&{
|
|
width
|
|
}
|
|
|
|
const divRef = useRef()
|
|
|
|
useEffect(() => {
|
|
if (onWheel && divRef.current) {
|
|
divRef.current.addEventListener('wheel', e => e.preventDefault(), {passive:false})
|
|
}
|
|
}, [divRef.current])
|
|
|
|
return <div className={type||'text'} ref={divRef}>
|
|
<input type='text' ref={inputRef} {...props} spellCheck='false' style={style} onWheel={onWheel}/>
|
|
</div>;
|
|
|
|
}
|