Merge pull request #207 from APIParkLab/feature/1.5-cx

Feature/1.5 cx

Author: NINGyv179

frontend/package.json

@@ -43,7 +43,7 @@
     "react-dom": "^18.2.0",
     "react-i18next": "^15.0.1",
     "react-joyride": "^2.8.2",
-    "react-router-dom": "^6.20.0",
+    "react-router-dom": "6.20.0",
     "swagger-ui-react": "^5.17.14",
     "tailwindcss": "^3.3.5",
     "uuid": "^9.0.1",

frontend/packages/common/src/components/aoplatform/BasicLayout.tsx

@@ -241,6 +241,9 @@ function BasicLayout({ project = 'core' }: { project: string }) {
             headerTitleRender={() => (
               <div className="w-[192px]  flex items-center">
                 <img className="h-[20px] cursor-pointer " src={Logo} onClick={() => navigator(mainPage)} />
+                <a className="align-text-top" href="https://github.com/APIParkLab/APIPark" target="_blank" className="ml-[5px] h-[25px] relative">
+                  <img src="https://img.shields.io/github/stars/APIParkLab/APIPark?style=social" className='absolute top-[6px]' width={75} alt="" />
+                </a>
               </div>
             )}
             logo={Logo}
@@ -280,9 +283,9 @@ function BasicLayout({ project = 'core' }: { project: string }) {
             collapsedButtonRender={false}
           >
             <div
-              className={`w-full h-calc-100vh-minus-navbar pl-PAGE_INSIDE_X pt-PAGE_INSIDE_T ${
+              className={`w-full h-calc-100vh-minus-navbar ${
                 currentUrl.startsWith('/role/list') ? 'overflow-auto' : 'overflow-hidden'
-              }`}
+              } ${currentUrl.startsWith('/guide/page') ? '' : 'pl-PAGE_INSIDE_X pt-PAGE_INSIDE_T'}`}
             >
               <Outlet />
             </div>

frontend/packages/common/src/components/aoplatform/InsidePage.tsx

@@ -22,6 +22,7 @@ class InsidePageProps {
   headerClassName?: string = ''
   /** 整个页面滚动 */
   scrollPage?: boolean = true
+  customPadding?: boolean
   customBtn?: ReactNode
 }
 
@@ -41,6 +42,7 @@ const InsidePage: FC<InsidePageProps> = ({
   contentClassName = '',
   headerClassName = '',
   scrollPage = true,
+  customPadding = false,
   customBtn
 }) => {
   const navigate = useNavigate()
@@ -57,7 +59,7 @@ const InsidePage: FC<InsidePageProps> = ({
           {!pageTitle && !description && !backUrl && !customBtn ? (
             <></>
           ) : (
-            <div className="mb-[30px]">
+            <div className={customPadding ? '' : 'mb-[30px]'}>
               {backUrl && (
                 <div className="text-[18px] leading-[25px] mb-[12px]">
                   <Button type="text" onClick={goBack}>

frontend/packages/common/src/components/aoplatform/PageList.tsx

@@ -41,6 +41,7 @@ interface PageListProps<T> extends ProTableProps<T, unknown>, RefAttributes<Acti
   beforeSearchNode?: React.ReactNode[]
   onSearchWordChange?: (e: ChangeEvent<HTMLInputElement>) => void
   afterNewBtn?: React.ReactNode[]
+  beforeNewBtn?: React.ReactNode[]
   dragSortKey?: string
   onDragSortEnd?: (beforeIndex: number, afterIndex: number, newDataSource: T[]) => void | Promise<void>
   tableTitle?: string
@@ -56,7 +57,8 @@ interface PageListProps<T> extends ProTableProps<T, unknown>, RefAttributes<Acti
   delayLoading?: boolean
   noScroll?: boolean
   /* 前端分页的表格，需要传入该字段以支持后端搜索 */
-  manualReloadTable?: () => void
+  manualReloadTable?: () => void,
+  customEmptyRender?: () => React.ReactNode
 }
 
 const PageList = <T extends Record<string, unknown>>(
@@ -80,6 +82,7 @@ const PageList = <T extends Record<string, unknown>>(
     onSearchWordChange,
     manualReloadTable,
     afterNewBtn,
+    beforeNewBtn,
     dragSortKey,
     onDragSortEnd,
     tableTitle,
@@ -94,7 +97,8 @@ const PageList = <T extends Record<string, unknown>>(
     tableTitleClass,
     delayLoading = true,
     besidesTableHeight,
-    noScroll
+    noScroll,
+    customEmptyRender
   } = props
   const parentRef = useRef<HTMLDivElement>(null)
   const [tableHeight, setTableHeight] = useState(minVirtualHeight || window.innerHeight)
@@ -190,6 +194,7 @@ const PageList = <T extends Record<string, unknown>>(
   const headerTitle = () => {
     return (
       <>
+        {beforeNewBtn ? (beforeNewBtn as React.ReactNode[]) : undefined}
         {tableTitle ? (
           <span className={`text-[30px] leading-[42px] my-mbase pl-[20px] ${tableTitleClass}`}>{tableTitle}</span>
         ) : addNewBtnTitle ? (
@@ -345,6 +350,11 @@ const PageList = <T extends Record<string, unknown>>(
               )
             onChange?.(pagination, filters, sorter, extra)
           }}
+          locale={{
+            emptyText: customEmptyRender ? customEmptyRender?.() : undefined
+          }}
+          style={customEmptyRender ? { height: '100%' } : undefined}
+          bodyStyle={customEmptyRender ? { height: '100%' } : undefined}
           rowKey={primaryKey}
           dataSource={dataSource}
           search={false}

frontend/packages/common/src/contexts/GlobalStateContext.tsx

@@ -148,7 +148,7 @@ const mockData = [
             access: 'system.settings.ai_provider.view'
           },
           {
-            name: 'APIKey 资源池',
+            name: 'API Key 负载',
             key: 'aiKeys',
             path: '/keysetting',
             icon: 'ic:baseline-key',
@@ -162,7 +162,7 @@ const mockData = [
             access: 'system.settings.ai_api.view'
           },
           {
-            name: '负载均衡',
+            name: '模型灾备',
             key: 'loadBalancing',
             path: '/loadBalancing',
             icon: 'ph:network-x',

frontend/packages/common/src/locales/scan/en-US.json

@@ -850,5 +850,25 @@
   "Kbe98ba9e": "Private Service",
   "K24540de": "Stop",
   "Kd85b3f64": "Continue Waiting",
-  "K1400a1fc": "As a prefix for all APIs within the service, such as host/{service_name}/{api_path}. This has a significant impact, so modify with caution"
+  "K1400a1fc": "As a prefix for all APIs within the service, such as host/{service_name}/{api_path}. This has a significant impact, so modify with caution",
+  "Kb8185132": "OR",
+  "K83829a3b": "Model Exception",
+  "Kb92fb02b": "Deployment Failed",
+  "Kcf8e3b18": "Tags",
+  "K9ae48909": "API Key Balancing",
+  "K437724fc": "Supports creating multiple API Keys for intelligent load balancing under a single API model provider",
+  "K7d17707e": "Model Fallback",
+  "Kc007db4a": "Only .png, .jpg, .jpeg, .svg image files are supported",
+  "Kacf10c44": "Ollama Endpoint",
+  "K8d4f5b44": "Input example: https://www.apipark.com",
+  "K481442d3": "Configure Ollama Service",
+  "Kf9b341e3": "How to deploy Ollama?",
+  "K8632bef2": "Model deployment service not configured",
+  "Kbbd8ce81": "Configure Service",
+  "K39a8d392": "Import OpenAPI documents to publish existing system APIs to APIPark.",
+  "Ka742e079": "Add API Key for public cloud AI models to call public cloud AI models via APIPark.",
+  "K8097d6be": "is an open-source AI Gateway and API Portal that unifies access to OpenAI, DeepSeek, and other AI models. With enterprise-grade security features and real-time monitoring, it helps teams safely manage and share their AI APIs through a unified gateway.",
+  "Kf1ce5b3": "✨ We'd love your support on Github! Leave us a star or share your feedback. ",
+  "K3af90490": "⚡ You can quickly open the API for everyone to use via the following methods:",
+  "K6b99dce8": "address"
 }

frontend/packages/common/src/locales/scan/ja-JP.json

@@ -872,5 +872,25 @@
   "Kbe98ba9e": "プライベートサービス",
   "K24540de": "停止",
   "Kd85b3f64": "引き続き待機",
-  "K1400a1fc": "サービス内のすべてのAPIのプレフィックスとして使用されます。例えば host/{service_name}/{api_path} のように、大きな影響を与えるため、慎重に変更してください。"
+  "K1400a1fc": "サービス内のすべてのAPIのプレフィックスとして使用されます。例えば host/{service_name}/{api_path} のように、大きな影響を与えるため、慎重に変更してください。",
+  "Kb8185132": "または",
+  "K83829a3b": "モデル異常",
+  "Kb92fb02b": "デプロイ失敗",
+  "Kcf8e3b18": "タグ",
+  "K9ae48909": "APIキーのペイロード",
+  "K437724fc": "1つのAPIモデルプロバイダーで複数のAPIキーを作成し、インテリジェント負荷分散をサポート",
+  "K7d17707e": "モデルフォールバック",
+  "Kc007db4a": "画像ファイルは .png, .jpg, .jpeg, .svg 形式のみサポートされています",
+  "Kacf10c44": "Ollama エンドポイント",
+  "K8d4f5b44": "入力例：https://www.apipark.com",
+  "K481442d3": "Ollama サービスの設定",
+  "Kf9b341e3": "Ollamaのデプロイ方法は？",
+  "K8632bef2": "モデルデプロイサービスが設定されていません",
+  "Kbbd8ce81": "サービスの設定",
+  "K39a8d392": "OpenAPIドキュメントをインポートし、既存のシステムのAPIをAPIParkに公開します。",
+  "Ka742e079": "パブリッククラウドAIモデルのAPIキーを追加し、APIParkを介してパブリッククラウドのAIモデルを統一的に呼び出します。",
+  "K8097d6be": "OpenAIやDeepSeekなどのさまざまなAIモデルに迅速にアクセスできるオープンソースのワンストップAIゲートウェイおよびAPIポータルです。統一されたリクエスト形式を使用して、モデルの切り替えによるビジネスへの影響を回避し、企業レベルのAPIセキュリティ（認証/レート制限/センシティブワードフィルタリング）とリアルタイムの使用量監視を提供します。チーム内でのAPI共有やコラボレーションをサポートし、インターフェースのサブスクリプション認証を管理してAPIのセキュリティを確保します。",
+  "Kf1ce5b3": "✨ Githubでスターを付けていただくか、製品フィードバックをお寄せください。",
+  "K3af90490": "⚡ 以下の方法で、APIをすぐに公開して皆さんに利用してもらえます：",
+  "K6b99dce8": "Ollama アドレス"
 }

frontend/packages/common/src/locales/scan/zh-CN.json

@@ -803,5 +803,25 @@
   "Kbe98ba9e": "私有服务",
   "K24540de": "停止",
   "Kd85b3f64": "继续等待",
-  "K1400a1fc": "作为服务内所有API的前缀，比如host/{service_name}/{api_path}，影响较大，谨慎修改"
+  "K1400a1fc": "作为服务内所有API的前缀，比如host/{service_name}/{api_path}，影响较大，谨慎修改",
+  "Kb8185132": "或",
+  "K83829a3b": "模型异常",
+  "Kb92fb02b": "部署失败",
+  "Kcf8e3b18": "Tags",
+  "K9ae48909": "API Key 负载",
+  "K437724fc": "支持单个 API 模型供应商下创建多个 API Key 进行智能负载均衡",
+  "K7d17707e": "模型灾备",
+  "Kc007db4a": "仅支持 .png .jpg .jpeg .svg 格式的图片文件",
+  "Kacf10c44": "Ollama 端点",
+  "K8d4f5b44": "输入例如：https://www.apipark.com",
+  "K481442d3": "配置 Ollama 服务",
+  "Kf9b341e3": "如何部署 Ollama？",
+  "K8632bef2": "模型部署服务未配置",
+  "Kbbd8ce81": "配置服务",
+  "K39a8d392": "导入OpenAPI文档，将现有系统的API发布到APIPark。",
+  "Ka742e079": "添加公有云AI模型的 API Key，通过APIPark 统一调用公有云的AI模型。",
+  "K8097d6be": "是开源的一站式 AI 网关与 API 门户，可快速接入 OpenAI/DeepSeek 等各类 AI 模型，通过统一请求格式避免模型切换对业务造成影响，提供企业级 API 安全防护（鉴权/限流/敏感词过滤）与实时用量监控，支持团队内 API 共享协作，管理接口订阅授权并保证您的API安全。",
+  "Kf1ce5b3": "✨ 欢迎在 Github 为我们 Star 或提供产品反馈意见。",
+  "K3af90490": "⚡您可快速通过以下方式开放API供大家使用：",
+  "K6b99dce8": "Ollama 地址"
 }

frontend/packages/common/src/locales/scan/zh-TW.json

@@ -872,5 +872,25 @@
   "Kbe98ba9e": "私有服務",
   "K24540de": "停止",
   "Kd85b3f64": "繼續等待",
-  "K1400a1fc": "作為服務內所有 API 的前綴，例如 host/{service_name}/{api_path}，這會產生較大的影響，請謹慎修改"
+  "K1400a1fc": "作為服務內所有 API 的前綴，例如 host/{service_name}/{api_path}，這會產生較大的影響，請謹慎修改",
+  "Kb8185132": "或",
+  "K83829a3b": "模型異常",
+  "Kb92fb02b": "部署失敗",
+  "Kcf8e3b18": "標籤",
+  "K9ae48909": "API Key 負載",
+  "K437724fc": "支持在單個 API 模型供應商下創建多個 API Key 進行智能負載均衡",
+  "K7d17707e": "模型災備",
+  "Kc007db4a": "僅支持 .png, .jpg, .jpeg, .svg 格式的圖片文件",
+  "Kacf10c44": "Ollama 端點",
+  "K8d4f5b44": "輸入範例：https://www.apipark.com",
+  "K481442d3": "配置 Ollama 服務",
+  "Kf9b341e3": "如何部署 Ollama？",
+  "K8632bef2": "模型部署服務未配置",
+  "Kbbd8ce81": "配置服務",
+  "K39a8d392": "導入 OpenAPI 文件，將現有系統的 API 發佈到 APIPark。",
+  "Ka742e079": "添加公有雲 AI 模型的 API Key，通過 APIPark 統一調用公有雲的 AI 模型。",
+  "K8097d6be": "是一個開源的一站式 AI 閘道和 API 入口網站，可快速接入 OpenAI/DeepSeek 等各類 AI 模型，通過統一的請求格式避免模型切換對業務造成影響，提供企業級 API 安全防護（鑑權/限流/敏感詞過濾）與實時用量監控，支持團隊內 API 共享協作，管理介面訂閱授權並保證您的 API 安全。",
+  "Kf1ce5b3": "✨ 歡迎在 Github 為我們 Star 或提供產品反饋意見。",
+   "K3af90490": "⚡ 您可以快速通過以下方式開放 API 供大家使用：",
+  "K6b99dce8": "Ollama 地址"
 }

frontend/packages/core/src/const/ai-service/type.ts

@@ -9,6 +9,7 @@ export type AiServiceConfigFieldType = {
     name?: string;
     id?: string;
     provider?:string
+    model?:string
     prefix?:string;
     logo?:string;
     logoFile?:UploadFile;