From 8e83757c1fc1aaebb67b6c2786e81ab9016a41af Mon Sep 17 00:00:00 2001
From: "huoyong.msb" <huoyong.msb@alibaba-inc.com>
Date: Tue, 9 Feb 2021 15:27:11 +0800
Subject: [PATCH] feat: add interface exporting API

---
 changeLog.md                                     |  6 ++++++
 src/components/editor/InterfaceEditorToolbar.tsx | 14 ++++++++++++++
 src/components/editor/PropertyList.tsx           |  2 +-
 3 files changed, 21 insertions(+), 1 deletion(-)
 create mode 100644 changeLog.md

diff --git a/changeLog.md b/changeLog.md
new file mode 100644
index 0000000..f9e6f18
--- /dev/null
+++ b/changeLog.md
@@ -0,0 +1,6 @@
+### 2021-01-28
+
+* 修复TS错误
+* 增加`content-type`的显示 关联 [issue #766](https://github.com/thx/rap2-delos/issues/766)
+* 增加接口导出功能，导出后可导入到任何仓库
+* 修复社区中的各种问题
diff --git a/src/components/editor/InterfaceEditorToolbar.tsx b/src/components/editor/InterfaceEditorToolbar.tsx
index 3e6d932..d69c848 100644
--- a/src/components/editor/InterfaceEditorToolbar.tsx
+++ b/src/components/editor/InterfaceEditorToolbar.tsx
@@ -9,7 +9,9 @@ import { useSelector } from 'react-redux'
 import { RootState } from 'actions/types'
 import History from '@material-ui/icons/History'
 import HistoryLogDrawer from './HistoryLogDrawer'
+import CloudDownload from '@material-ui/icons/CloudDownload'
 import { ENTITY_TYPE } from 'utils/consts'
+import { serve } from 'relatives/services/constant'
 
 const useStyles = makeStyles((theme: Theme) =>
   createStyles({
@@ -50,6 +52,7 @@ function InterfaceEditorToolbar(props: Props) {
     handleMoveInterface,
     handleSaveInterfaceAndProperties,
     handleUnlockInterface,
+    itfId,
   } = props
 
   const loading = useSelector((state: RootState) => state.loading)
@@ -93,6 +96,17 @@ function InterfaceEditorToolbar(props: Props) {
   }
   return (
     <div className="InterfaceEditorToolbar">
+       <Tooltip title="导出的备份文件，可以导入到其它项目，或本项目">
+        <Button
+          className={`${classes.button} guide-2`}
+          variant="contained"
+          onClick={() => window.open(`${serve}/interface/backup/JSONData/${itfId}`)}
+          size="small"
+        >
+          导出
+        <CloudDownload className={classes.rightIcon} />
+        </Button>
+      </Tooltip>
       <Tooltip title="查看该接口中的所有改动历史">
         <Button
           className={`${classes.button} guide-2`}
diff --git a/src/components/editor/PropertyList.tsx b/src/components/editor/PropertyList.tsx
index 48ef5ae..8fa1516 100644
--- a/src/components/editor/PropertyList.tsx
+++ b/src/components/editor/PropertyList.tsx
@@ -303,7 +303,7 @@ class SortableTreeTableRow extends Component<SortableTreeTableRowProps, Sortable
                               onKeyPress={e => {
                                 if (e.ctrlKey === true && e.charCode === 13) {
                                   // auto fill by name
-                                  // TODO: 
+                                  // TODO:
                                 }
                               }}
                               className="form-control editable"