feat: 更新UI界面和文件重构 (#49)

- 更新admin端AI相关页面(doc, qa, web)
- 更新用户管理页面
- 更新ImportDoc组件常量
- 更新前端ProfileContent组件
- 移动proxy.ts文件到src目录

Co-authored-by: awesomeYG <gang.yang@chaitin.com>

Author: awesomeYG

ui/admin/src/components/ImportDoc/const.ts

@@ -19,13 +19,13 @@ export const StepText = {
   },
 };
 
-export const fileType: Record<ModelFileType, string> = {
-  [ModelFileType.FileTypeUnknown]: '未知',
+export const fileType: Record<Exclude<ModelFileType, ModelFileType.FileTypeMax | ModelFileType.FileTypeUnknown>, string> = {
   [ModelFileType.FileTypeMarkdown]: 'Markdown',
   [ModelFileType.FileTypeHTML]: 'HTML',
   [ModelFileType.FileTypeJSON]: 'JSON',
   [ModelFileType.FileTypeURL]: 'URL',
   [ModelFileType.FileTypeDOCX]: 'DOCX',
+  [ModelFileType.FileTypeDOC]: 'DOC',
   [ModelFileType.FileTypePPTX]: 'PPTX',
   [ModelFileType.FileTypeXLSX]: 'XLSX',
   [ModelFileType.FileTypeXLS]: 'XLS',
@@ -35,5 +35,6 @@ export const fileType: Record<ModelFileType, string> = {
   [ModelFileType.FileTypeXML]: 'XML',
   [ModelFileType.FileTypeZIP]: 'ZIP',
   [ModelFileType.FileTypeEPub]: 'EPub',
-  [ModelFileType.FileTypeMax]: 'Max',
+  [ModelFileType.FileTypeFolder]: '文件夹',
+  [ModelFileType.FileTypeFile]: '文件',
 }

ui/admin/src/pages/ai/doc.tsx

@@ -2,6 +2,7 @@ import {
   deleteAdminKbKbIdDocumentDocId,
   getAdminKbKbIdDocument,
   getAdminKbKbIdDocumentDocId,
+  ModelFileType,
   ModelKBDocumentDetail,
   SvcDocListItem,
 } from '@/api';
@@ -10,7 +11,7 @@ import { fileType } from '@/components/ImportDoc/const';
 import StatusBadge from '@/components/StatusBadge';
 import { useListQueryParams } from '@/hooks/useListQueryParams';
 import { Ellipsis, message, Modal, Table } from '@ctzhian/ui';
-import { Box, Button, Stack, TextField, Typography } from '@mui/material';
+import { Box, Button, FormControl, InputLabel, MenuItem, Select, Stack, TextField, Typography } from '@mui/material';
 import { useRequest } from 'ahooks';
 import { ColumnsType } from '@ctzhian/ui/dist/Table';
 import dayjs from 'dayjs';
@@ -31,11 +32,14 @@ const fetchMarkdownContent = async (url: string): Promise<string> => {
 };
 
 const AdminDocument = () => {
-  const { query, page, size, setParams } = useListQueryParams();
+  const { query, page, size, setParams, setSearch } = useListQueryParams();
   const [searchParams] = useSearchParams();
   const kb_id = +searchParams.get('id')!;
   const [title, setTitle] = useState(query.title);
-  const [file_type, setFile_type] = useState(query.file_type);
+  const [file_type, setFile_type] = useState<ModelFileType | ''>(() => {
+    if (query.file_type === undefined || query.file_type === '') return '';
+    return Number(query.file_type) as ModelFileType;
+  });
   const {
     data,
     loading,
@@ -106,9 +110,8 @@ const AdminDocument = () => {
       title: '类型',
       dataIndex: 'file_type',
       render: (_, record) => {
-        return record?.file_type !== undefined
-          ? fileType[record.file_type!] || record?.file_type
-          : '-';
+        if (record?.file_type === undefined) return '-';
+        return fileType[record.file_type as keyof typeof fileType] || record.file_type;
       },
     },
     {
@@ -159,25 +162,35 @@ const AdminDocument = () => {
             onChange={e => setTitle(e.target.value)}
             onKeyDown={e => {
               if (e.key === 'Enter') {
-                setParams({
+                setSearch({
                   title,
                 });
               }
             }}
           />
-          <TextField
-            label="类型"
-            value={file_type}
-            size="small"
-            onChange={e => setFile_type(e.target.value)}
-            onKeyDown={e => {
-              if (e.key === 'Enter') {
-                setParams({
-                  file_type,
+          <FormControl size="small" sx={{ minWidth: 120 }}>
+            <InputLabel>类型</InputLabel>
+            <Select
+              value={file_type}
+              label="类型"
+              onChange={e => {
+                const value = e.target.value as ModelFileType | '';
+                setFile_type(value);
+                setSearch({
+                  file_type: value || undefined,
                 });
-              }
-            }}
-          />
+              }}
+            >
+              <MenuItem value="">
+                <em>全部</em>
+              </MenuItem>
+              {Object.entries(fileType).map(([key, label]) => (
+                <MenuItem key={key} value={Number(key)}>
+                  {label}
+                </MenuItem>
+              ))}
+            </Select>
+          </FormControl>
         </Stack>
         <DocImport refresh={fetchData} allowedImportTypes={['OfflineFile']} />
       </Stack>

ui/admin/src/pages/ai/qa.tsx

@@ -20,7 +20,7 @@ import LoadingBtn from '@/components/LoadingButton';
 import { ColumnsType } from '@ctzhian/ui/dist/Table';
 
 const AdminDocument = () => {
-  const { query, page, size, setParams } = useListQueryParams();
+  const { query, page, size, setParams, setSearch } = useListQueryParams();
   const [searchParams] = useSearchParams();
   const kb_id = +searchParams.get('id')!;
   const [title, setTitle] = useState(query.title);
@@ -175,7 +175,7 @@ const AdminDocument = () => {
             onChange={e => setTitle(e.target.value)}
             onKeyDown={e => {
               if (e.key === 'Enter') {
-                setParams({
+                setSearch({
                   title,
                 });
               }

ui/admin/src/pages/ai/web.tsx

@@ -33,7 +33,7 @@ const fetchMarkdownContent = async (url: string): Promise<string> => {
 };
 
 const AdminDocument = () => {
-  const { query, page, size, setParams } = useListQueryParams();
+  const { query, page, size, setParams, setSearch } = useListQueryParams();
   const [searchParams] = useSearchParams();
   const kb_id = +searchParams.get('id')!;
   const [title, setTitle] = useState(query.title);
@@ -177,7 +177,7 @@ const AdminDocument = () => {
             onChange={e => setTitle(e.target.value)}
             onKeyDown={e => {
               if (e.key === 'Enter') {
-                setParams({
+                setSearch({
                   title,
                 });
               }

ui/admin/src/pages/user/index.tsx

@@ -36,7 +36,7 @@ const transRole: Record<ModelUserRole, string> = {
 
 
 const AdminDocument = () => {
-  const { query, page, size, setParams } = useListQueryParams();
+  const { query, page, size, setParams, setSearch } = useListQueryParams();
   const { reset, register, handleSubmit, watch, control } = useForm({
     defaultValues: {
       name: '',
@@ -175,7 +175,7 @@ const AdminDocument = () => {
           onChange={e => setName(e.target.value)}
           onKeyDown={e => {
             if (e.key === 'Enter') {
-              setParams({
+              setSearch({
                 name,
               });
             }

ui/front/src/app/profile/ui/ProfileContent.tsx

@@ -66,7 +66,7 @@ function TabPanel(props: TabPanelProps) {
 }
 
 export default function ProfileContent({ initialUser }: ProfileContentProps) {
-  const { user, setUser } = useContext(AuthContext)
+  const { user, setUser, fetchUser } = useContext(AuthContext)
   const tabValue = 0
   const [isEditingName, setIsEditingName] = useState(false)
   const [editName, setEditName] = useState(user?.username || '')
@@ -117,11 +117,8 @@ export default function ProfileContent({ initialUser }: ProfileContentProps) {
     try {
       await putUser({ avatar: file })
 
-      // 创建本地预览URL
-      const previewUrl = URL.createObjectURL(file)
-      setUser({ ...user, avatar: previewUrl })
-
-      // TODO: 实际项目中应该从API响应中获取新的头像URL
+      // 头像上传成功后，重新获取用户信息以获取最新的头像URL
+      await fetchUser()
     } catch (error) {
       console.error('头像上传失败:', error)
       alert('头像上传失败，请重试')

ui/front/proxy.ts renamed to ui/front/src/proxy.ts

@@ -6,7 +6,7 @@
 
 import { NextResponse } from 'next/server';
 import type { NextRequest } from 'next/server';
-import { getServerPublicAccessStatus } from './src/utils/serverAuthConfig';
+import { getServerPublicAccessStatus } from './utils/serverAuthConfig';
 
 // 需要认证的路由
 const PROTECTED_ROUTES = [
@@ -122,7 +122,6 @@ export async function proxy(request: NextRequest) {
     try {
       const baseURL = process.env.TARGET || '';
       const publicAccess = await getServerPublicAccessStatus(baseURL, request);
-
       // 如果public_access为false，强制跳转到登录页面
       if (!publicAccess) {
         const loginUrl = new URL('/login', request.url);