{projectName}
- }
- onClick={() => navigate(`/projects/${projectId}/docs`)}
- >
- 退出编辑
-
-
+
}
- onClick={handleCreateFile}
- />
-
-
- }
- onClick={handleCreateDir}
- />
-
- false}
- onChange={handleImportDocuments}
- >
-
- }
- />
-
-
-
- }
- onClick={handleExportDirectory}
- />
-
+ className="mode-toggle-btn exit-edit"
+ icon={}
+ onClick={() => navigate(`/projects/${projectId}/docs`)}
+ >
+ 退出
+
+
+
+ }
+ onClick={handleCreateFile}
+ />
+
+
+ }
+ onClick={handleCreateDir}
+ />
+
+ false}
+ onChange={handleImportDocuments}
+ >
+
+ }
+ />
+
+
+
+ }
+ onClick={handleExportDirectory}
+ />
+
+
+
{/* 上传进度条 */}
diff --git a/frontend/src/pages/Document/DocumentPage.css b/frontend/src/pages/Document/DocumentPage.css
index 384b008..8731d00 100644
--- a/frontend/src/pages/Document/DocumentPage.css
+++ b/frontend/src/pages/Document/DocumentPage.css
@@ -35,12 +35,10 @@
.docs-sider-actions {
display: flex;
- gap: 8px;
align-items: center;
}
.mode-toggle-btn {
- border-radius: 6px !important;
font-weight: 500 !important;
box-shadow: 0 2px 6px rgba(22, 119, 255, 0.2);
background: linear-gradient(135deg, #1677ff 0%, #4096ff 100%) !important;
@@ -48,7 +46,8 @@
height: 32px !important;
display: flex !important;
align-items: center !important;
- padding: 0 12px !important;
+ justify-content: center !important;
+ padding: 4px 15px !important;
}
.mode-toggle-btn:hover {
@@ -58,9 +57,6 @@
}
.docs-sider-actions .ant-btn:not(.mode-toggle-btn) {
- background: #f0f0f0;
- border: 1px solid #d9d9d9;
- border-radius: 6px;
display: flex;
align-items: center;
justify-content: center;
diff --git a/frontend/src/pages/Document/DocumentPage.jsx b/frontend/src/pages/Document/DocumentPage.jsx
index 542dfe3..190d505 100644
--- a/frontend/src/pages/Document/DocumentPage.jsx
+++ b/frontend/src/pages/Document/DocumentPage.jsx
@@ -1,5 +1,5 @@
import { useState, useEffect, useRef } from 'react'
-import { useParams, useNavigate } from 'react-router-dom'
+import { useParams, useNavigate, useSearchParams } from 'react-router-dom'
import { Layout, Menu, Spin, FloatButton, Button, Tooltip, message, Anchor, Modal, Input, Switch, Space, Dropdown } from 'antd'
import { EditOutlined, VerticalAlignTopOutlined, ShareAltOutlined, MenuFoldOutlined, MenuUnfoldOutlined, FileTextOutlined, FolderOutlined, FilePdfOutlined, CopyOutlined, LockOutlined, CloudDownloadOutlined, CloudUploadOutlined, DownOutlined } from '@ant-design/icons'
import ReactMarkdown from 'react-markdown'
@@ -20,6 +20,7 @@ const { Sider, Content } = Layout
function DocumentPage() {
const { projectId } = useParams()
const navigate = useNavigate()
+ const [searchParams] = useSearchParams()
const [fileTree, setFileTree] = useState([])
const [selectedFile, setSelectedFile] = useState('')
const [markdownContent, setMarkdownContent] = useState('')
@@ -37,7 +38,7 @@ function DocumentPage() {
const [pdfFilename, setPdfFilename] = useState('')
const [viewMode, setViewMode] = useState('markdown') // 'markdown' or 'pdf'
const [gitRepos, setGitRepos] = useState([])
- const [projectName, setProjectName] = useState('项目文档')
+ const [projectName, setProjectName] = useState('')
const contentRef = useRef(null)
useEffect(() => {
@@ -66,17 +67,50 @@ function DocumentPage() {
const data = res.data || {}
const tree = data.tree || data || [] // 兼容新旧格式
const role = data.user_role || 'viewer'
- const name = data.project_name || '项目文档'
+ const name = data.project_name
setFileTree(tree)
setUserRole(role)
setProjectName(name)
- // 默认打开 README.md
- const readmeNode = findReadme(tree)
- if (readmeNode) {
- setSelectedFile(readmeNode.key)
- loadMarkdown(readmeNode.key)
+ // 检查 URL 是否指定了文件
+ const fileParam = searchParams.get('file')
+ if (fileParam) {
+ setSelectedFile(fileParam)
+
+ // 展开父目录
+ const parts = fileParam.split('/')
+ const allParentPaths = []
+ let currentPath = ''
+ for (let i = 0; i < parts.length - 1; i++) {
+ const part = parts[i]
+ currentPath = currentPath ? `${currentPath}/${part}` : part
+ allParentPaths.push(currentPath)
+ }
+ if (allParentPaths.length > 0) {
+ setOpenKeys(prev => [...new Set([...prev, ...allParentPaths])])
+ }
+
+ // 处理 PDF 或 Markdown
+ if (fileParam.toLowerCase().endsWith('.pdf')) {
+ let url = getDocumentUrl(projectId, fileParam)
+ const token = localStorage.getItem('access_token')
+ if (token) {
+ url += `?token=${encodeURIComponent(token)}`
+ }
+ setPdfUrl(url)
+ setPdfFilename(fileParam.split('/').pop())
+ setViewMode('pdf')
+ } else {
+ loadMarkdown(fileParam)
+ }
+ } else {
+ // 默认打开 README.md
+ const readmeNode = findReadme(tree)
+ if (readmeNode) {
+ setSelectedFile(readmeNode.key)
+ loadMarkdown(readmeNode.key)
+ }
}
} catch (error) {
console.error('Load file tree error:', error)
@@ -385,10 +419,9 @@ function DocumentPage() {
if (gitRepos.length <= 1) {
// 0 或 1 个仓库，显示普通按钮
return (
-
{projectName}
- {/* 只有 owner/admin/editor 可以编辑和Git操作 */}
- {userRole !== 'viewer' && (
- <>
+
+ {/* 只有 owner/admin/editor 可以编辑和Git操作 */}
+ {userRole !== 'viewer' && (
}
onClick={handleEdit}
>
- 编辑模式
+ 编辑
- {renderGitActions()}
-
- )}
-
- }
- onClick={handleShare}
- />
-
+ )}
+
+ {userRole !== 'viewer' && renderGitActions()}
+
+ }
+ onClick={handleShare}
+ />
+
+
+