+
+
+ )
+})
\ No newline at end of file
diff --git a/src/forge/Wiki/Index.jsx b/src/forge/Wiki/Index.jsx
new file mode 100644
index 000000000..ed5c48996
--- /dev/null
+++ b/src/forge/Wiki/Index.jsx
@@ -0,0 +1,298 @@
+import React, { useEffect, useCallback, useState } from 'react';
+import { Button, Dropdown, Icon, Input, Menu, Tooltip, Select, Upload, message, Spin } from 'antd';
+import { getImageUrl, timeAgo } from 'educoder';
+import cookie from 'react-cookies';
+// import Loading from "../../Loading";
+import DelModal from './components/ModalFun';
+import Welcome from './Welcome';
+import { wikiPages, getWiki, deleteWiki } from './api';
+import { httpUrl, TokenKey } from './fetch';
+import './Index.scss';
+import { isArray } from 'lodash';
+const Search = Input.Search;
+const InputGroup = Input.Group;
+const { Option } = Select;
+
+export default (props) => {
+ const { match, current_user, history, showNotification, project, projectDetail } = props;
+ // const permission = projectDetail && projectDetail.permission !== "Reporter";
+ const permission = projectDetail && projectDetail.permission && projectDetail.permission !== "Reporter";
+
+ let projectsId = match.params.projectsId;
+ let owner = match.params.owner;
+
+ console.log(project);
+
+ const [fileArrInit, setFileArrInit] = useState(null);
+ const [checkItem, setCheckItem] = useState({});
+ const [itemDetail, setItemDetail] = useState({});
+
+ const [fileArr, setFileArr] = useState([]);
+ const [reload, setReload] = useState();
+
+ const [urlType, setUrlType] = useState('HTTPS');
+
+ // 加载wiki列表
+ useEffect(() => {
+ project && wikiPages({
+ owner: owner,
+ repo: projectsId,
+ projectId: project.id
+ }).then(res => {
+ if (res && res.message === "200" && isArray(res.data)) {
+ setFileArr(res.data);
+ setFileArrInit(res.data);
+ if (res.data.length) {
+ setCheckItem(res.data[0]);
+ };
+ } else {
+ setFileArr([]);
+ setFileArrInit([]);
+ }
+ });
+ }, [project, reload])
+
+ // 加载单个wiki详情，参数尽量用驼峰，此处由于后端太麻烦所以不标准
+ useEffect(() => {
+ project && checkItem.name && getWiki({
+ owner: owner,
+ repo: projectsId,
+ pagename: checkItem.name,
+ projectId: project.id
+ }).then(res => {
+ if (res && res.message === "200") {
+ setItemDetail(res.data);
+ } else {
+ showNotification("加载失败")
+ }
+ });
+ }, [project, checkItem]);
+
+ function changeSearchValue(e) {
+ let value = e.target.value;
+ let newFileArr = [];
+ for (const item of fileArrInit) {
+ if (item.name.indexOf(value) > -1) {
+ newFileArr.push(item);
+ }
+ }
+ setFileArr(newFileArr);
+ }
+
+ // 删除wiki模态框
+ function deleteFileModal(e, item) {
+ e.stopPropagation();
+ DelModal({
+ title: '删除页面',
+ contentTitle: `您确定要删除“${item.name}”此页面吗？`,
+ content: '此操作将删除该页面，请进行确认以防文件的丢失。',
+ onOk: () => {
+ deleteWiki({
+ owner: owner,
+ repo: projectsId,
+ pagename: item.name,
+ projectId: project.id
+ }).then(res => {
+ if (res && res.message === "200") {
+ message.success('删除成功');
+ setReload(Math.random());
+ } else {
+ message.error('删除失败');
+ }
+ });
+ }
+ });
+ }
+
+
+ function goUser(login) {
+ window.location.href = `/users/${login}`;
+ }
+
+ // 复制链接
+ const copyUrl = useCallback(() => {
+ let wikiUrl = document.getElementById("wikiUrl");
+ wikiUrl.select();
+ if (document.execCommand('copy')) {
+ document.execCommand('copy');
+ }
+ message.success('复制成功');
+ wikiUrl.blur();
+ }, [])
+
+ function addFile() {
+ history.push(`/projects/${owner}/${projectsId}/wiki/add`);
+ }
+
+ function goEdit() {
+ history.push(`/projects/${owner}/${projectsId}/wiki/edit/${encodeURI(checkItem.name)}`);
+ }
+
+ function preview() {
+ window.open(`/projects/${owner}/${projectsId}/wiki/preview/${encodeURI(project.name)}/${project.id}`);
+ }
+
+ // 支持 Markdown，Html，Pdf格式文件
+ const menu = (
+
+ );
+
+ function downloadWiki(type) {
+ window.open(`${httpUrl}/api/wikiExport/wikiExport-wrapper?repoName=${projectsId}&owner=${owner}&type=${type}&projectName=${project.name}&projectId=${project.id}`);
+ }
+
+ function beforeUpload(file) {
+ if (!['md', 'txt'].includes(file.name.split('.').pop())) {
+ message.error('只能上传md、txt文件');
+ return false;
+ }
+
+ let regEn = /[\[\]`\/:*?''<>|%-+_]/g;
+ if (regEn.test(file.name)) {
+ message.error('文件名不能有特殊字符');
+ return;
+ }
+
+ for (const item of fileArrInit) {
+ if (item.name === file.name) {
+ message.error('不能上传与已有文件相同文件名的文件');
+ return false;
+ }
+ }
+ const isLt100M = file.size / 1024 / 1024 < 100;
+ if (!isLt100M) {
+ showNotification(`文件大小必须小于${100}MB!`);
+ }
+ return isLt100M;
+ }
+
+ const uploadProps = {
+ name: 'multipartFile',
+ withCredentials: true,
+ action: `${httpUrl}/api/wikiExport/uploadWiki/${owner}/${projectsId}/${project && project.id}`, //?token=${sessionStorage.taskToken}
+ showUploadList: false,
+ headers: {
+ Authorization: cookie.load(TokenKey) || sessionStorage.taskToken,
+ },
+ beforeUpload: beforeUpload,
+ onChange(info) {
+ if (info.file.status === 'uploading') {
+ console.log(info.file, info.fileList);
+ }
+ if (info.file.status === 'done') {
+ if (info.file.response.message === '200') {
+ message.success(`${info.file.name} 上传成功`);
+ setReload(Math.random());
+ } else if (info.file.response.message === '500') {
+ let data = JSON.parse(info.file.response.data);
+ message.error(data && data.message ? data.message : '文件上传失败');
+ } else {
+ message.error('文件上传失败');
+ }
+ } else if (info.file.status === 'error') {
+ message.error(`${info.file.name} 上传失败`);
+ }
+ },
+ };
+
+ return (
+ < Spin spinning={!fileArrInit} className="opacitySpin">
+ {fileArrInit && fileArrInit.length ?
+
+ Wiki
+
+
+
+
+
+ 添加模版
+
+
+ 周报
+ 月报
+
+
+
+
+ {permission && }
+ 标题
+ {helper( + "", + "name", + [ + { required: true, message: "请输入标题" }, + // { pattern: /[^`\[\]\/:*?''<>|%-+_]/g, message: '不允许部分特殊字符' } + ], + + )} + +
+
+ :
+
+
+
+ {
+ permission ?
+
+ : "Wiki文档"
+ }
+
+
+
+
+ {
+ permission &&
+
+
+
+
+
+ }
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ }
+
+
+
+
+
+
+
+ {checkItem.wiki_clone_link &&
+
+ })
+ }
+ { setCheckItem(item) }}>
+
+
+
+ {item.name}
+
+ {permission && { deleteFileModal(e, item) }}>}
+
+
+
+
+
+
+
+ })
}
+ {checkItem.commit ? checkItem.commit.author.name : ''}
+
+ 上次修改于{checkItem.commit && timeAgo(checkItem.commit.author.when)}
+
+ {permission && }
+ {checkItem.name}
+ { goUser(current_user.login) }}> + {itemDetail.image_url &&
+
+ )
+}
\ No newline at end of file
diff --git a/src/forge/Wiki/Welcome/index.jsx b/src/forge/Wiki/Welcome/index.jsx
new file mode 100644
index 000000000..78cd34e45
--- /dev/null
+++ b/src/forge/Wiki/Welcome/index.jsx
@@ -0,0 +1,50 @@
+import React from 'react';
+import { Button } from 'antd';
+// import { addWiki } from '../api';
+import './index.scss';
+
+export default ({ project, isManager, history, showNotification, match, reloadList }) => {
+
+ let projectsId = match.params.projectsId;
+ let owner = match.params.owner;
+
+ // function addFile() {
+ // addWiki({
+ // owner,
+ // repo: projectsId,
+ // pagename: 'Home',
+ // name: 'Home',
+ // content: 'Welcome to the wiki!',
+ // commit_message: '',
+ // }).then(res => {
+ // if (res.message === "200") {
+ // reloadList(Math.random());
+ // showNotification("创建成功");
+ // } else {
+ // showNotification("创建失败");
+ // }
+ // });
+ // }
+
+ function addFile() {
+ history.push(`/projects/${owner}/${projectsId}/wiki/add`);
+ }
+
+ return (
+
+
+
+
+
+
+ {projectName}
+
+
+ 克隆地址
+ {
+ checkItem.wiki_clone_link &&
+
+
+
+
+
+
+ }
+
+
+
+
+
+
+
+
+
+
+ {
+ fileArr.map(item => {
+ return
+
+ { setCheckItem(item) }}>
+
+
+ {item.name}
+
+
+ })
+ }
+
+
+
+
+
+
+
+ {checkItem.name}
+ {permission && } +
+
+
+ )
+}
\ No newline at end of file
diff --git a/src/forge/Wiki/Welcome/index.scss b/src/forge/Wiki/Welcome/index.scss
new file mode 100644
index 000000000..b931fa622
--- /dev/null
+++ b/src/forge/Wiki/Welcome/index.scss
@@ -0,0 +1,55 @@
+.welcome-main {
+ display: flex;
+ flex-flow: column nowrap;
+ justify-content: center;
+ align-items: center;
+ width: 1200px;
+ min-height: 400px;
+ padding: 20px;
+ margin: 20px auto;
+ background: rgba(250, 252, 255, 1);
+ font-family: "PingFangSC-Medium";
+ border-radius: 4px;
+ border: 1px solid rgba(42, 97, 255, 0.23);
+
+ .icon-huanying_icon {
+ font-size: 48px !important;
+ font-weight: 700;
+ }
+
+ .welcome-title {
+ display: inline-flex;
+ align-items: center;
+ margin: 10px 0;
+ font-size: 26px;
+ color: #333333;
+ font-weight: 500;
+ }
+
+ .wiki-title {
+ display: inline-block;
+ max-width: 20em;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+ }
+
+ .welcome-content {
+ font-size: 14px;
+ color: #333333;
+ font-weight: 400;
+ }
+
+ .wiki-line {
+ margin: 50px 0 40px;
+ width: 400px;
+ height: 1px;
+ background: #eeeeee;
+ }
+
+ .welcome-des {
+ font-size: 16px;
+ color: #333333;
+ font-weight: 500;
+ }
+}
diff --git a/src/forge/Wiki/api.js b/src/forge/Wiki/api.js
new file mode 100644
index 000000000..353383221
--- /dev/null
+++ b/src/forge/Wiki/api.js
@@ -0,0 +1,48 @@
+import fetch from './fetch';
+// import { notification } from 'antd';
+
+// 获取wiki列表
+export function wikiPages(params) {
+ return fetch({
+ url: '/api/wiki/wikiPages',
+ method: 'get',
+ params
+ });
+}
+
+// 获取单个wiki
+export function getWiki(params) {
+ return fetch({
+ url: '/api/wiki/getWiki',
+ method: 'get',
+ params
+ });
+}
+
+//新增wiki
+export function addWiki(data) {
+ return fetch({
+ url: '/api/wiki/createWiki',
+ method: 'post',
+ data: data
+ });
+}
+
+//更新wiki
+export function updateWiki(data) {
+ return fetch({
+ url: '/api/wiki/updateWiki',
+ method: 'PUT',
+ data: data
+ });
+}
+
+//删除wiki
+export function deleteWiki(data) {
+ return fetch({
+ url: '/api/wiki/deleteWiki',
+ method: 'DELETE',
+ data,
+ });
+}
+
diff --git a/src/forge/Wiki/components/FolderTree/index.js b/src/forge/Wiki/components/FolderTree/index.js
new file mode 100644
index 000000000..bbcdb3906
--- /dev/null
+++ b/src/forge/Wiki/components/FolderTree/index.js
@@ -0,0 +1,244 @@
+import * as React from 'react';
+import classNames from 'classnames';
+import { Icon, Tree } from 'antd';
+import omit from 'omit.js';
+import debounce from 'lodash/debounce';
+import { conductExpandParent, convertTreeToEntities } from 'rc-tree/lib/util';
+import { polyfill } from 'react-lifecycles-compat';
+import { ConfigConsumer } from '../../../../../node_modules/antd/lib/config-provider';
+import {
+ calcRangeKeys,
+ getFullKeyList,
+ convertDirectoryKeysToNodes,
+ getFullKeyListByTreeData,
+} from '../../../../../node_modules/antd/lib/tree/util';
+
+import { FolderSvg, FolderExpandSvg, FileSvg } from '../../Svg';
+import './index.scss';
+
+
+function getIcon(props) {
+ // console.log(props);
+ // console.log(props.expanded);
+ const { isLeaf, expanded ,selected} = props;
+ if (isLeaf) {
+ return 欢迎使用 + + {project && project.name} + + Wiki
+Wiki主要是您项目的产品设计、文档描述、注释等等
+ + + { + isManager ? + :该项目暂时没有创建Wiki
+ } +
+
+ + + {contentTitle}
+{content}
+
+ {contentTitle &&
+ {contentTitle}
} +{content}
+