|
|
@@ -43,6 +43,7 @@ class GroupBox extends React.Component {
|
|
|
title={<div className='node-title'>
|
|
|
{t.code === editingKey ? <div className='input'>
|
|
|
<Input
|
|
|
+ ref={(input) => {this['inputRef-' + t.code] = input}}
|
|
|
size="small"
|
|
|
defaultValue={t.label}
|
|
|
addonAfter={<Icon style={{ cursor: 'pointer', color: '#52C41A' }} type="check-circle" onClick={() => {
|
|
|
@@ -57,7 +58,13 @@ class GroupBox extends React.Component {
|
|
|
}}
|
|
|
/>
|
|
|
</div> :
|
|
|
- <div className='label'>{title}</div>}
|
|
|
+ <div className='label' onDoubleClick={() => {
|
|
|
+ this.setState({
|
|
|
+ editingKey: t.code
|
|
|
+ }, () => {
|
|
|
+ this['inputRef-' + t.code].focus();
|
|
|
+ });
|
|
|
+ }}>{title}</div>}
|
|
|
<div className='tools'>
|
|
|
{t.code !== editingKey && <Icon type='edit' onClick={() => {
|
|
|
this.setState({
|