Sync frontend project from dev-yjp branch

- Updated web folder with latest frontend code
- Added new components: CreateContentModal, CreateContentModalExample
- Added new hook: useBreadcrumbManager
- Updated knowledge base components and views
- Updated i18n translations
- Various bug fixes and improvements

web/src/views/KnowledgeBase/[knowledgeBaseId]/Share.tsx

@@ -1,5 +1,5 @@
 import { useEffect, useState, useRef, type FC } from 'react';
-import { useParams } from 'react-router-dom';
+import { useParams, useLocation } from 'react-router-dom';
 import { useTranslation } from 'react-i18next';
 import type { KnowledgeBaseListItem, RecallTestDrawerRef } from '@/views/KnowledgeBase/types';
 import RecallTest from '../components/RecallTest';
@@ -15,17 +15,22 @@ import kbModelIcon from '@/assets/images/knowledgeBase/kb-model.png';
 import kbHistoryIcon from '@/assets/images/knowledgeBase/kb-history.png';
 import { getKnowledgeBaseDetail } from '@/api/knowledgeBase';
 import { formatDateTime } from '@/utils/format';
-import { useMenu } from '@/store/menu';
+import { useBreadcrumbManager, type BreadcrumbItem } from '@/hooks/useBreadcrumbManager';
 
 const Share: FC = () => {
   const { t } = useTranslation();
   const params = useParams<{ knowledgeBaseId: string }>();
+  const location = useLocation();
   const knowledgeBaseId = params.knowledgeBaseId;
   const [loading, setLoading] = useState(false);
   const [knowledgeBase, setKnowledgeBase] = useState<KnowledgeBaseListItem | null>(null);
   const recallTestRef = useRef<RecallTestDrawerRef>(null);
   const [infoItems, setInfoItems] = useState<InfoItem[]>([]);
-  const { allBreadcrumbs, setCustomBreadcrumbs } = useMenu();
+  const [knowledgeBaseFolderPath, setKnowledgeBaseFolderPath] = useState<BreadcrumbItem[]>([]);
+  
+  const { updateBreadcrumbs } = useBreadcrumbManager({
+    breadcrumbType: 'detail'
+  });
   useEffect(() => {
     console.log('Share.tsx - useParams result:', params);
     console.log('Share.tsx - knowledgeBaseId:', knowledgeBaseId);
@@ -46,9 +51,30 @@ const Share: FC = () => {
   // 更新面包屑
   useEffect(() => {
     if (knowledgeBase) {
-      updateBreadcrumbs();
+      updateBreadcrumbs({
+        knowledgeBaseFolderPath,
+        knowledgeBase: {
+          id: knowledgeBase.id,
+          name: knowledgeBase.name,
+          type: 'knowledgeBase'
+        },
+        documentFolderPath: [],
+      });
     }
-  }, [knowledgeBase]);
+  }, [knowledgeBase, knowledgeBaseFolderPath, updateBreadcrumbs]);
+
+  // 监听 location state 变化
+  useEffect(() => {
+    const state = location.state as { 
+      fromKnowledgeBaseList?: boolean;
+      knowledgeBaseFolderPath?: BreadcrumbItem[];
+    } | null;
+    
+    // 如果是从知识库列表页跳转过来的，设置知识库文件夹路径
+    if (state?.fromKnowledgeBaseList && state?.knowledgeBaseFolderPath) {
+      setKnowledgeBaseFolderPath(state.knowledgeBaseFolderPath);
+    }
+  }, [location.state]);
   const formatInfoItems = (data: KnowledgeBaseListItem): InfoItem[] => {
     const items: InfoItem[] = [
       { 
@@ -112,46 +138,7 @@ const Share: FC = () => {
       });
   };
 
-  // 更新面包屑，包含知识库名称
-  const updateBreadcrumbs = () => {
-    if (!knowledgeBase) return;
-    
-    const baseBreadcrumbs = allBreadcrumbs['space'] || [];
-    // 只保留知识库菜单项之前的面包屑
-    const knowledgeBaseMenuIndex = baseBreadcrumbs.findIndex(item => item.path === '/knowledge-base');
-    const filteredBaseBreadcrumbs = knowledgeBaseMenuIndex >= 0 
-      ? baseBreadcrumbs.slice(0, knowledgeBaseMenuIndex + 1)
-      : baseBreadcrumbs;
-    
-    const customBreadcrumbs = [
-      ...filteredBaseBreadcrumbs,
-      {
-        id: 0,
-        parent: 0,
-        code: null,
-        label: knowledgeBase.name,
-        i18nKey: null,
-        path: null,
-        enable: true,
-        display: true,
-        level: 0,
-        sort: 0,
-        icon: null,
-        iconActive: null,
-        menuDesc: null,
-        deleted: null,
-        updateTime: 0,
-        new_: null,
-        keepAlive: false,
-        master: null,
-        disposable: false,
-        appSystem: null,
-        subs: [],
-      },
-    ];
 
-    setCustomBreadcrumbs(customBreadcrumbs, 'space');
-  };
 
   // const handleBack = () => {
   //   navigate('/knowledge-base');