fix bugs

package.json

@@ -62,7 +62,7 @@
     ]
   },
   "engines": {
-    "install-node": "9.2.0"
+    "install-node": "8.9.3"
   },
   "devDependencies": {
     "babel-eslint": "7.2.3",

src/components/account/LoginForm.jsx

@@ -50,7 +50,7 @@ class LoginForm extends Component {
             <div className='form-group'>
               <label>验证码：</label>
               <input onChange={e => this.setState({ captcha: e.target.value })} className='form-control' placeholder='验证码' required />
-              <img src={`${serve}/captcha?t=${this.state.captchaId || ''}`} onClick={e => this.setState({ captchaId: Date.now() })} alt="captcha"/>
+              <img src={`${serve}/captcha?t=${this.state.captchaId || ''}`} onClick={e => this.setState({ captchaId: Date.now() })} alt='captcha' />
             </div>
           </div>
           <div className='footer'>

src/components/organization/OrganizationForm.jsx

@@ -4,6 +4,8 @@ import { connect } from 'react-redux'
 import { Link } from 'react-router-dom'
 import Mock from 'mockjs'
 import { SmartTextarea, MembersInput, RParsley } from '../utils'
+import RadioList from '../utils/RadioList'
+import { FORM } from '../../family/UIConst'
 
 // 模拟数据
 const mockOrganization = process.env.NODE_ENV === 'development'
@@ -67,6 +69,13 @@ class OrganizationForm extends Component {
                   </div>
                 </div>
               }
+              <div className='form-group row'>
+                <label className='col-sm-2 control-label'>权限</label>
+                <div className='col-sm-10'>
+                  <RadioList data={FORM.RADIO_LIST_DATA_VISIBILITY} curVal={this.state.visibility} name='visibility'
+                    onChange={visibility => this.setState({ visibility })} />
+                </div>
+              </div>
               <div className='form-group row'>
                 <label className='col-sm-2 control-label'>名称：</label>
                 <div className='col-sm-10'>

src/components/repository/RepositoryForm.jsx

@@ -5,6 +5,8 @@ import { Link } from 'react-router-dom'
 import { mock } from 'mockjs'
 import { SmartTextarea, MembersInput, RParsley } from '../utils'
 import { GoInfo } from 'react-icons/lib/go'
+import RadioList from '../utils/RadioList'
+import { FORM } from '../../family/UIConst'
 
 // 模拟数据
 // DONE 2.1 各种表单的初始值混乱，待重构
@@ -72,6 +74,13 @@ class RepositoryForm extends Component {
                   </div>
                 </div>
               }
+              <div className='form-group row'>
+                <label className='col-sm-2 control-label'>权限</label>
+                <div className='col-sm-10'>
+                  <RadioList data={FORM.RADIO_LIST_DATA_VISIBILITY} curVal={this.state.visibility} name='visibility'
+                    onChange={visibility => this.setState({ visibility })} />
+                </div>
+              </div>
               <div className='form-group row'>
                 <label className='col-sm-2 control-label'>名称：</label>
                 <div className='col-sm-10'>

src/components/utils/RadioList.jsx

@@ -0,0 +1,44 @@
+import React from 'react'
+import { connect } from 'react-redux'
+import './RadioList.css'
+
+/**
+ *
+ * @param {*} props  { label : [String], value : [String] }
+ */
+
+class RadioList extends React.Component {
+  constructor (props) {
+    super(props)
+    this.state = { curVal: props.curVal }
+  }
+
+  handleChange (e) {
+    this.setState({ curVal: e.target.value === 'true' })
+    this.props.onChange(e.target.value)
+  }
+
+  render () {
+    let that = this
+    return (
+      <div className='ctl-radio-list'>
+        {
+          this.props.data.map(item =>
+            <label className='label' key={item.value}>
+              <input className='input'type='radio' name={that.props.name} value={item.value}
+                checked={this.state.curVal === item.value} onChange={e => that.handleChange(e)} />
+              {item.label}
+            </label>)
+        }
+      </div>
+    )
+  }
+}
+
+const mapStateToProps = (state) => ({})
+const mapDispatchToProps = ({})
+
+export default connect(
+  mapStateToProps,
+  mapDispatchToProps
+)(RadioList)

src/components/utils/RadioList.sass

@@ -0,0 +1,6 @@
+.ctl-radio-list
+  line-height: 32px
+
+  .label
+  .input
+    margin: 0 6px 0 3px

src/family/UIConst.js

@@ -0,0 +1,10 @@
+const CONST = {
+  FORM: {
+    RADIO_LIST_DATA_VISIBILITY: [
+      { 'label': '私有', 'value': false },
+      { 'label': '公开', 'value': true }
+    ]
+  }
+}
+
+module.exports = CONST

src/relatives/effects/repository.js

@@ -44,7 +44,7 @@ export function * deleteRepository (action) {
 export function * updateRepository (action) {
   try {
     let r = action.repository
-    let acceptedKeys = ['creatorId', 'organizationId', 'memberIds', 'id', 'collaboratorIds', 'description', 'ownerId']
+    let acceptedKeys = ['creatorId', 'organizationId', 'memberIds', 'id', 'collaboratorIds', 'description', 'ownerId', 'visibility', 'name']
     let params = {}
     acceptedKeys.forEach(x => {
       params[x] = r[x]