optimized code

src/components/Editor/Editor.js

@@ -1,7 +1,7 @@
 import React from 'react'
 import { Editor } from 'react-draft-wysiwyg'
-import styles from './Editor.less'
 import 'react-draft-wysiwyg/dist/react-draft-wysiwyg.css'
+import styles from './Editor.less'
 
 
 const DraftEditor = (props) => {

src/components/FilterItem/FilterItem.js

@@ -11,7 +11,7 @@ const FilterItem = ({
     <div className={styles.filterItem}>
       {labelArray.length > 0
         ? <div className={styles.labelWrap}>
-            {labelArray.map((item, index) => <span className="labelText" key={index}>{item}</span>)}
+          {labelArray.map((item, index) => <span className="labelText" key={index}>{item}</span>)}
         </div>
         : ''}
       <div className={styles.item}>

src/components/Layout/Bread.js

@@ -1,10 +1,11 @@
+/* global location */
 import React from 'react'
 import PropTypes from 'prop-types'
 import { Breadcrumb, Icon } from 'antd'
 import { Link } from 'dva/router'
-import styles from './Bread.less'
 import pathToRegexp from 'path-to-regexp'
 import { queryArray } from 'utils'
+import styles from './Bread.less'
 
 const Bread = ({ menu }) => {
   // 匹配当前路由
@@ -42,14 +43,14 @@ const Bread = ({ menu }) => {
   const breads = pathArray.map((item, key) => {
     const content = (
       <span>{item.icon
-          ? <Icon type={item.icon} style={{ marginRight: 4 }} />
-          : ''}{item.name}</span>
+        ? <Icon type={item.icon} style={{ marginRight: 4 }} />
+        : ''}{item.name}</span>
     )
     return (
       <Breadcrumb.Item key={key}>
         {((pathArray.length - 1) !== key)
           ? <Link to={item.route}>
-              {content}
+            {content}
           </Link>
           : content}
       </Breadcrumb.Item>

src/components/Layout/Footer.js

@@ -1,9 +1,9 @@
 import React from 'react'
-import styles from './Footer.less'
 import { config } from 'utils'
+import styles from './Footer.less'
 
-const Footer = () => <div className={styles.footer}>
+const Footer = () => (<div className={styles.footer}>
   {config.footerText}
-</div>
+</div>)
 
 export default Footer

src/components/Layout/Header.js

@@ -1,6 +1,7 @@
 import React from 'react'
 import PropTypes from 'prop-types'
 import { Menu, Icon, Popover } from 'antd'
+import classnames from 'classnames'
 import styles from './Header.less'
 import Menus from './Menu'
 
@@ -26,18 +27,25 @@ const Header = ({ user, logout, switchSider, siderFold, isNavbar, menuPopoverVis
             <Icon type="bars" />
           </div>
         </Popover>
-        : <div className={styles.button} onClick={switchSider}>
-          <Icon type={siderFold ? 'menu-unfold' : 'menu-fold'} />
+        : <div
+          className={styles.button}
+          onClick={switchSider}
+        >
+          <Icon type={classnames({ 'menu-unfold': siderFold, 'menu-fold': !siderFold })} />
         </div>}
       <div className={styles.rightWarpper}>
         <div className={styles.button}>
           <Icon type="mail" />
         </div>
         <Menu mode="horizontal" onClick={handleClickMenu}>
-          <SubMenu style={{
-            float: 'right',
-          }} title={< span > <Icon type="user" />
-            {user.username} < /span>}
+          <SubMenu
+            style={{
+              float: 'right',
+            }}
+            title={<span>
+              <Icon type="user" />
+              {user.username}
+            </span>}
           >
             <Menu.Item key="logout">
               Sign out

src/components/Layout/Menu.js

@@ -1,3 +1,4 @@
+/* global location */
 import React from 'react'
 import PropTypes from 'prop-types'
 import { Menu, Icon } from 'antd'
@@ -12,7 +13,7 @@ const Menus = ({ siderFold, darkTheme, handleClickNavMenu, navOpenKeys, changeOp
 
   // 递归生成菜单
   const getMenus = (menuTreeN, siderFoldN) => {
-    return menuTreeN.map(item => {
+    return menuTreeN.map((item) => {
       if (item.children) {
         if (item.mpid) {
           levelMap[item.id] = item.mpid
@@ -119,7 +120,6 @@ Menus.propTypes = {
   menu: PropTypes.array,
   siderFold: PropTypes.bool,
   darkTheme: PropTypes.bool,
-  isNavbar: PropTypes.bool,
   handleClickNavMenu: PropTypes.func,
   navOpenKeys: PropTypes.array,
   changeOpenKeys: PropTypes.func,

src/components/Layout/Sider.js

@@ -1,8 +1,8 @@
 import React from 'react'
 import PropTypes from 'prop-types'
 import { Icon, Switch } from 'antd'
-import styles from './Layout.less'
 import { config } from 'utils'
+import styles from './Layout.less'
 import Menus from './Menu'
 
 const Sider = ({ siderFold, darkTheme, location, changeTheme, navOpenKeys, changeOpenKeys, menu }) => {

src/components/Search/Search.js

@@ -1,8 +1,8 @@
 import React from 'react'
 import PropTypes from 'prop-types'
 import ReactDOM from 'react-dom'
-import styles from './Search.less'
 import { Input, Select, Button, Icon } from 'antd'
+import styles from './Search.less'
 
 class Search extends React.Component {
   state = {
@@ -18,13 +18,13 @@ class Search extends React.Component {
     }
     if (this.props.onSearch) this.props.onSearch(data)
   }
-  handleInputChange = e => {
+  handleInputChange = (e) => {
     this.setState({
       ...this.state,
       clearVisible: e.target.value !== '',
     })
   }
-  handleSelectChange = value => {
+  handleSelectChange = (value) => {
     this.setState({
       ...this.state,
       selectValue: value,

src/components/index.js

@@ -19,4 +19,4 @@ export {
   FilterItem,
   Loader,
   layer,
- }
+}

src/components/layer/layer.js

@@ -1,8 +1,10 @@
+/* global document */
 import { Modal, message } from 'antd'
 import React from 'react'
 import ReactDOM from 'react-dom'
 import classnames from 'classnames'
 import styles from './layer.less'
+
 const { info, success, error, warning, confirm } = Modal
 
 const layer = {
@@ -15,7 +17,7 @@ const layer = {
   confirm,
 }
 
-layer.close = (index) => new Promise((resolve, reject) => {
+layer.close = index => new Promise((resolve, reject) => {
   const { prefixCls } = layer
   let div = document.getElementById(`${prefixCls}-reference-${index}`)
   if (index === undefined) {
@@ -41,7 +43,7 @@ layer.closeAll = () => {
   let i = 0
   while (i < references.length) {
     layer.close()
-    i++
+    i += 1
   }
 }
 
@@ -50,7 +52,8 @@ layer.open = (config) => {
   const { content, ...modalProps } = props
   const { className, wrapClassName = '', verticalCenter = true } = modalProps
   const { prefixCls } = layer
-  const index = layer.index++
+  layer.index += 1
+  const index = layer.index
   let div = document.createElement('div')
   div.id = `${prefixCls}-reference-${index}`
   div.className = `${prefixCls}-reference`