forked from Gitlink/forgeplus-react
36 lines
912 B
JavaScript
36 lines
912 B
JavaScript
import React , { useEffect , useState } from 'react';
|
|
import { Input } from 'antd';
|
|
|
|
const regexp = /[^a-zA-Z0-9_]/g;
|
|
|
|
function menusRename({ name , edit }){
|
|
const [ n , setN ] = useState(undefined);
|
|
const [ show , setShow ] = useState(false);
|
|
|
|
useEffect(()=>{
|
|
if(name){
|
|
setN(name)
|
|
}
|
|
},[name])
|
|
|
|
function changeShow(e){
|
|
e.stopPropagation();
|
|
setShow(true);
|
|
}
|
|
|
|
function blurInput(){
|
|
setShow(false);
|
|
}
|
|
return(
|
|
<div className="aboutEdit">
|
|
<span className="operateName">
|
|
{ !show && n }
|
|
{ show &&
|
|
<Input value={n} size="small" maxLength={8} onClick={(e)=>e.stopPropagation()} onBlur={blurInput} style={{width:"75px"}} onChange={(e)=>setN(e.target.value)}/>
|
|
}
|
|
{ !show && edit && <i className="iconfont iconeditUnder font-16 color-grey-9" onClick={changeShow}></i> }
|
|
</span>
|
|
</div>
|
|
)
|
|
}
|
|
export default menusRename |