[type:improve] export import dropdown optimize

Author: VampireAchao

src/components/GlobalHeader/index.js

@@ -16,16 +16,7 @@
  */
 
 import React, { PureComponent } from "react";
-import {
-  Button,
-  Dropdown,
-  Form,
-  Icon,
-  Input,
-  Menu,
-  message,
-  Modal,
-} from "antd";
+import { Button, Dropdown, Form, Icon, Input, Menu, Modal } from "antd";
 import { connect } from "dva";
 import { withRouter } from "dva/router";
 import ImportModal from "./ImportModal";
@@ -299,6 +290,13 @@ class GlobalHeader extends PureComponent {
           <Icon type="form" />{" "}
           {getIntlContent("SHENYU.GLOBALHEADER.CHANGE.PASSWORD")}
         </Menu.Item>
+        <Menu.Item key="0" onClick={onLogout}>
+          <Icon type="logout" /> {getIntlContent("SHENYU.GLOBALHEADER.LOGOUT")}
+        </Menu.Item>
+      </Menu>
+    );
+    const importMenu = (
+      <Menu>
         {this.checkAuth("system:manager:exportConfig") && (
           <Menu.Item key="2" onClick={this.exportConfigClick}>
             <Icon type="export" /> {getIntlContent("SHENYU.COMMON.EXPORT")}
@@ -309,9 +307,6 @@ class GlobalHeader extends PureComponent {
             <Icon type="import" /> {getIntlContent("SHENYU.COMMON.IMPORT")}
           </Menu.Item>
         )}
-        <Menu.Item key="0" onClick={onLogout}>
-          <Icon type="logout" /> {getIntlContent("SHENYU.GLOBALHEADER.LOGOUT")}
-        </Menu.Item>
       </Menu>
     );
     return (
@@ -354,18 +349,15 @@ class GlobalHeader extends PureComponent {
               </Dropdown>
             </div>
           )}
-          {this.checkAuth("system:manager:importConfig") && (
+          {(this.checkAuth("system:manager:importConfig") ||
+            this.checkAuth("system:manager:exportConfig")) && (
             <div className={styles.item}>
-              <Button onClick={this.importConfigClick}>
-                <Icon type="import" /> {getIntlContent("SHENYU.COMMON.IMPORT")}
-              </Button>
-            </div>
-          )}
-          {this.checkAuth("system:manager:exportConfig") && (
-            <div className={styles.item}>
-              <Button onClick={this.exportConfigClick}>
-                <Icon type="export" /> {getIntlContent("SHENYU.COMMON.EXPORT")}
-              </Button>
+              <Dropdown overlay={importMenu}>
+                <Button>
+                  <Icon type="import" />{" "}
+                  {getIntlContent("SHENYU.COMMON.IMPORT_EXPORT")}
+                </Button>
+              </Dropdown>
             </div>
           )}
           <div className={styles.item}>

src/locales/en-US.json

@@ -403,6 +403,7 @@
   "SHENYU.DOCUMENT.TAG.TABLE.CREATETIME": "Create Time",
   "SHENYU.DOCUMENT.TAG.TABLE.MODIFYTIME": "Modify Time",
   "SHENYU.COMMON.REQUIRED": "Required",
+  "SHENYU.COMMON.IMPORT_EXPORT": "Import/Export configs",
   "SHENYU.COMMON.EXPORT": "Export Configs",
   "SHENYU.COMMON.IMPORT": "Import Configs",
   "SHENYU.COMMON.IMPORT.RESULT": "Import Result",

src/locales/zh-CN.json

@@ -408,6 +408,7 @@
   "SHENYU.DOCUMENT.TAG.TABLE.CREATETIME": "创建时间",
   "SHENYU.DOCUMENT.TAG.TABLE.MODIFYTIME": "修改时间",
   "SHENYU.COMMON.REQUIRED": "必填",
+  "SHENYU.COMMON.IMPORT_EXPORT": "导入配置/导出配置",
   "SHENYU.COMMON.EXPORT": "导出所有配置",
   "SHENYU.COMMON.IMPORT": "导入配置",
   "SHENYU.COMMON.IMPORT.RESULT": "导入结果",