From 9a16cb432ed0a597caf9ba78c9dda63ad2134207 Mon Sep 17 00:00:00 2001
From: king <18310653075@163.com>
Date: 星期三, 01 七月 2020 12:42:40 +0800
Subject: [PATCH] 2020-07-01

---
 src/mob/contupdate/index.jsx |   34 ++++++++++++++++++++++++++++++----
 1 files changed, 30 insertions(+), 4 deletions(-)

diff --git a/src/mob/contupdate/index.jsx b/src/mob/contupdate/index.jsx
index e47b566..c633eef 100644
--- a/src/mob/contupdate/index.jsx
+++ b/src/mob/contupdate/index.jsx
@@ -14,7 +14,8 @@
   }
 
   state = {
-    dict: localStorage.getItem('lang') !== 'en-US' ? zhCN : enUS
+    dict: localStorage.getItem('lang') !== 'en-US' ? zhCN : enUS,
+    visible: false
   }
 
   UNSAFE_componentWillMount () {
@@ -26,14 +27,39 @@
   // }
 
   onVisibleChange = (visible) => {
+    const { element } = this.props
     let val = this.props.form.getFieldValue('content')
-    console.log(visible)
-    console.log(val)
+
+    this.setState({
+      visible: visible
+    })
+
+    if (val && element.content !== val) {
+      this.props.updateContent({...element, content: val})
+    } else {
+      this.props.form.setFieldsValue({content: element.content})
+    }
+  }
+
+  handleSubmit = () => {
+    const { element } = this.props
+    let val = this.props.form.getFieldValue('content')
+
+    this.setState({
+      visible: false
+    })
+
+    if (val && element.content !== val) {
+      this.props.updateContent({...element, content: val})
+    } else {
+      this.props.form.setFieldsValue({content: element.content})
+    }
   }
 
   render () {
     const { element } = this.props
     const { getFieldDecorator } = this.props.form
+    const { visible } = this.state
 
     return (
       <div className="mob-content-update">
@@ -43,7 +69,7 @@
               initialValue: element.content
             })(<Input placeholder="" autoComplete="off" onPressEnter={this.handleSubmit} />)}
           </div>
-        } overlayClassName="mob-content-update-popover" placement="bottomRight" title="" trigger="click" onVisibleChange={this.onVisibleChange}>
+        } overlayClassName="mob-content-update-popover" placement="bottomRight" title="" visible={visible} trigger="click" onVisibleChange={this.onVisibleChange}>
           <Icon type="edit" />
         </Popover>
       </div>

--
Gitblit v1.8.0