{"version":3,"sources":["components/my/edit.js"],"names":["MyEdut","props","_this","Object","_Users_zhanghaozhe_server_mr_julyedu_node_modules_babel_preset_react_app_node_modules_babel_runtime_helpers_esm_classCallCheck__WEBPACK_IMPORTED_MODULE_2__","this","_Users_zhanghaozhe_server_mr_julyedu_node_modules_babel_preset_react_app_node_modules_babel_runtime_helpers_esm_possibleConstructorReturn__WEBPACK_IMPORTED_MODULE_4__","_Users_zhanghaozhe_server_mr_julyedu_node_modules_babel_preset_react_app_node_modules_babel_runtime_helpers_esm_getPrototypeOf__WEBPACK_IMPORTED_MODULE_5__","call","toEditName","name","setState","isShow","value","cancle","handleChange","e","target","outLogin","logout","antd_mobile_lib_toast__WEBPACK_IMPORTED_MODULE_1___default","a","info","history","push","submit","state","length","data","user_name","http","post","concat","API","home","then","res","code","updateUser","username","msg","user","avatar","react__WEBPACK_IMPORTED_MODULE_7___default","createElement","className","_common__WEBPACK_IMPORTED_MODULE_11__","title","arrow","cart","src","alt","onClick","bind","type","placeholder","onChange","PureComponent","compose","connect","WithFullSize"],"mappings":"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","file":"mrstatic/js/MyEdit.f3c3b2ff.chunk.js","sourcesContent":["import React, {PureComponent} from 'react'\nimport './index.scss'\nimport {connect} from \"react-redux\"\nimport {Toast} from 'antd-mobile'\nimport {http} from \"@/utils\"\nimport {HeaderBar} from \"@/common\"\nimport {logout, updateUser} from '@/store/userAction'\nimport {compose} from \"redux\";\nimport {WithFullSize} from '@/HOCs'\n\nclass MyEdut extends PureComponent {\n    constructor(props) {\n        super(props)\n        this.state = {\n            isShow: false,\n            value: ''\n        }\n    }\n\n    // 点击编辑\n    toEditName = (name) => {\n        this.setState({\n            isShow: true,\n            value: name\n        })\n    }\n    // 取消\n    cancle = () => {\n        this.setState({\n            isShow: false\n        })\n    }\n\n    // 获取input的值\n    handleChange = (e) => {\n        this.setState({\n            value: e.target.value\n        })\n    }\n    // 退出登录\n    outLogin = () => {\n        this.props.logout()\n        Toast.info('已退出', 2, null, false)\n        this.props.history.push('/my')\n    }\n\n    // 确定修改\n    submit = () => {\n        if (this.state.value.length > 12) {\n            Toast.info('不超过12个字符', 2)\n        } else if (this.state.value.length === 0) {\n            Toast.info('请输入昵称', 2)\n        } else {\n            let data = {\n                user_name: this.state.value\n            }\n            http.post(`${API.home}/m/user_info/update`, data).then((res) => {\n                if (res.data.code === 200) {\n                    this.setState({\n                        isShow: false\n                    })\n                    this.props.updateUser({data: {username: this.state.value}})\n                    Toast.info('修改成功', 2)\n                } else if (res.data.code === 4008) {\n                    this.setState({\n                        isShow: false\n                    })\n                } else {\n                    Toast.info(res.data.msg, 2)\n                }\n\n            })\n        }\n    }\n\n    render() {\n        const {user} = this.props\n        const username = user && user.data && user.data.username\n        const avatar = user && user.data && user.data.avatar\n        return (\n            <div className=\"edit-name\">\n                <HeaderBar title='账号' arrow={true} cart={false}></HeaderBar>\n\n                <div className='my-mess'>\n                    <img src={avatar} alt=\"\"/>\n                    <span className=\"name\">{username}</span>\n                    <span onClick={this.toEditName.bind(this, username)} className=\"edit\">编辑</span>\n                </div>\n                <div className=\"out-login\" onClick={this.outLogin}>\n                    退出登录\n                </div>\n\n                {\n                    this.state.isShow &&\n                    <div className=\"edit-mbc\">\n                        <div className=\"edit-content\">\n                            <div className=\"edit-title\">修改昵称</div>\n                            <input type=\"text\" placeholder='请输入昵称(不超过12个字符)'\n                                   value={this.state.value}\n                                   onChange={this.handleChange.bind(this)}\n                            />\n                            <div className=\"edit-btn\">\n                                <button className='cancle' onClick={this.cancle}>取消</button>\n                                <button className='submit' onClick={this.submit}>确认</button>\n                            </div>\n                        </div>\n                    </div>\n                }\n            </div>\n        )\n    }\n\n}\n\nexport default compose(\n    connect(\n        state => ({user: state.user}),\n        {logout, updateUser}\n    ),\n    WithFullSize\n)(MyEdut)\n"],"sourceRoot":""}