From 67b510923b4fa370eadcc805eb53db3875fe216e Mon Sep 17 00:00:00 2001
From: caishi <1149225589@qq.com>
Date: Tue, 23 Feb 2021 14:45:18 +0800
Subject: [PATCH] =?UTF-8?q?=E5=8F=91=E8=A1=8C=E7=89=88=20-loading?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/forge/Version/version.js | 69 +++++++++++++++++-------------------
 1 file changed, 32 insertions(+), 37 deletions(-)

diff --git a/src/forge/Version/version.js b/src/forge/Version/version.js
index 7a536890..14c3d6e3 100644
--- a/src/forge/Version/version.js
+++ b/src/forge/Version/version.js
@@ -58,45 +58,40 @@ class version extends Component {
 
   renderList = (releases) => {
     const { projectsId , owner } = this.props.match.params;
-    const { isSpin } = this.state;
     if (releases && releases.length > 0) {
       return (
-        <Spin spinning={isSpin}>
-        {
-          releases.map((item, key) => {
-            return (
-              <div className="versionInfo" key={key}>
-                <span className="versionInfo_left">
-                  <span className={`${item.draft === "稳定" ?"versionTag green":"versionTag yellow"}`}>{item.draft}</span>
-                  <span className="mt10">{item.created_at}</span>
-                  <span className="color-grey-8">
-                    <i className="iconfont icon-biaoqian3 mr3 font-14"></i>
-                    {item.tag_name}
-                  </span>
+        releases.map((item, key) => {
+          return (
+            <div className="versionInfo" key={key}>
+              <span className="versionInfo_left">
+                <span className={`${item.draft === "稳定" ?"versionTag green":"versionTag yellow"}`}>{item.draft}</span>
+                <span className="mt10">{item.created_at}</span>
+                <span className="color-grey-8">
+                  <i className="iconfont icon-biaoqian3 mr3 font-14"></i>
+                  {item.tag_name}
                 </span>
-                <div className="versionInfo_right">
-                  <span className="versionName">
-                    <span className="task-hide">{item.name}</span>
-                    <Link to={`/projects/${owner}/${projectsId}/releases/${item.version_id}/update`} className="color-blue ml3 font-12">（编辑）</Link>
-                  </span>
-                  <span className="color-grey-3">
-                    <i className={`${item.bodyshow ? "iconfont icon-sanjiaoxing-down color-grey-8 mr3 font-14":"iconfont icon-triangle color-grey-8 mr3 font-14"}`} onClick={()=>this.showBody(key,item.bodyshow)}></i>
-                    {item.user_name}:<span className="color-grey-8">发布了这个版本，并在发布后提交给{item.target_commitish}</span>
-                  </span>
-                  {
-                    item.bodyshow && <RenderHtml className="break_word_comments imageLayerParent" value={item.body} url={this.props.history.location}/>
-                  }
-                  <RenderHtml />
-                  <p className="mt10 pl3">
-                    <a href={item.tarball_url} style={{color:"#4CC1DA"}} className="mr30"><i className="iconfont icon-TAR font-18 mr5"></i>TAR</a>
-                    <a href={item.zipball_url} style={{color:"#28BD6C"}}><i className="iconfont icon-ZIP font-18 mr5"></i>ZIP</a>
-                  </p>
-                </div>
+              </span>
+              <div className="versionInfo_right">
+                <span className="versionName">
+                  <span className="task-hide">{item.name}</span>
+                  <Link to={`/projects/${owner}/${projectsId}/releases/${item.version_id}/update`} className="color-blue ml3 font-12">（编辑）</Link>
+                </span>
+                <span className="color-grey-3">
+                  <i className={`${item.bodyshow ? "iconfont icon-sanjiaoxing-down color-grey-8 mr3 font-14":"iconfont icon-triangle color-grey-8 mr3 font-14"}`} onClick={()=>this.showBody(key,item.bodyshow)}></i>
+                  {item.user_name}:<span className="color-grey-8">发布了这个版本，并在发布后提交给{item.target_commitish}</span>
+                </span>
+                {
+                  item.bodyshow && <RenderHtml className="break_word_comments imageLayerParent" value={item.body} url={this.props.history.location}/>
+                }
+                <RenderHtml />
+                <p className="mt10 pl3">
+                  <a href={item.tarball_url} style={{color:"#4CC1DA"}} className="mr30"><i className="iconfont icon-TAR font-18 mr5"></i>TAR</a>
+                  <a href={item.zipball_url} style={{color:"#28BD6C"}}><i className="iconfont icon-ZIP font-18 mr5"></i>ZIP</a>
+                </p>
               </div>
-            )
-          })
-        }
-        </Spin>
+            </div>
+          )
+        })
       )
     } else if (releases && releases.length === 0) {
       return ( <NoneData _html="暂时还没有相关数据!" /> )
@@ -105,7 +100,7 @@ class version extends Component {
 
   render() {
     const { projectsId ,owner } = this.props.match.params;
-    const { data , releases } = this.state
+    const { data , releases , isSpin } = this.state
 
     return (
       <div className="main" style={{paddingTop:"0px"}}>
@@ -118,7 +113,7 @@ class version extends Component {
           }
         </div>
         <div className="releasesVersion">
-          {this.renderList(releases)}
+          <Spin spinning={isSpin}><div style={{minHeight:"300px"}}>{this.renderList(releases)}</div></Spin>
         </div>
       </div>
     )