forgeplus-react/src/forge/Version/New.jsx

70 lines
2.5 KiB
JavaScript
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

import React , { useState, useEffect } from 'react';
import styled from 'styled-components';
import { AutoComplete } from 'antd';
import axios from 'axios';
import './version.css';
export default (projectDetail)=>{
const [ tagList , setTagList ] = useState(undefined);
const SelectDiv = styled.div`
display:flex;
align-item:center;
margin-bottom:5px;
& span{
margin:0px 15px;
color:#BBB;
line-height:35px;
}
`;
const repo_id = projectDetail && projectDetail.repo_id;
useEffect(() => {
if (repo_id) {
const url = `/repositories/${repo_id}/tags.json`;
axios.get(url).then((result) => {
if (result) {
setTagList(result.data);
}
}).catch(error => {
console.log(error);
})
}
}, [repo_id]);
return(
<div className="main df">
<div className="versionForm">
<p className="font-16 color-grey-3 mb15">创建发行版</p>
<div>
<SelectDiv>
<div className="tagComplete">
<i className="iconfont icon-biaoqian3 font-14 color-grey-8"></i>
<AutoComplete
placeholder="标记一个版本"
dataSource={tagList}
></AutoComplete>
<i className="iconfont icon-jiantou9 color-grey-8 font-14 ml5"></i>
</div>
<span>@</span>
</SelectDiv>
<p className="font-13 color-grey-8">选择一个已经存在的标签或者在发布时新建一个标签</p>
</div>
</div>
<div className="versionTips">
<div className="infosTip">
<p className="font-16 mb15">标签命名建议</p>
<p className="mb15">通常的做法是在版本名称前加上字母 v 前缀 v1.0 或者 v2.3.4</p>
<p>如果标签不适合在生产环境下使用请在版本名称后添加预发行版本例如v0.2-alpha 或者 v5.9-beta.3</p>
</div>
<div className="infosTip">
<p className="font-16 mb15">语义化版本</p>
<p className="mb15">如果你是第一次发布版本我们强烈建议你阅读语义化版本</p>
</div>
<div className="infosTip">
<p className="font-16 mb15">附件大小说明</p>
<p className="mb15">单个附件不能超过 100MGVP 项目200M每个仓库总附件不可超过 1G推荐项目不可超过 5GGVP 项目不可超过 20G附件总容量统计包括仓库附件和发行版附件</p>
</div>
</div>
</div>
)
}