From 349162852ddf4c47dbf1abba59c12146fe23df0e Mon Sep 17 00:00:00 2001
From: maggieyyy <61950669+maggieyyy@users.noreply.github.com>
Date: Wed, 23 Oct 2024 16:52:36 +0800
Subject: [PATCH] fix: Add translation to api path match rule options

---
 .../aiService/api/AiServiceInsideRouterCreate.tsx      | 10 ++++++++--
 .../src/pages/system/api/SystemInsideRouterCreate.tsx  |  6 +++++-
 2 files changed, 13 insertions(+), 3 deletions(-)

diff --git a/frontend/packages/core/src/pages/aiService/api/AiServiceInsideRouterCreate.tsx b/frontend/packages/core/src/pages/aiService/api/AiServiceInsideRouterCreate.tsx
index 42984e29..0377e05e 100644
--- a/frontend/packages/core/src/pages/aiService/api/AiServiceInsideRouterCreate.tsx
+++ b/frontend/packages/core/src/pages/aiService/api/AiServiceInsideRouterCreate.tsx
@@ -1,5 +1,5 @@
 import {App, Button, Form, Input, InputNumber, Row, Select, Space, Spin, Tag} from "antd";
-import  { MutableRefObject, useEffect, useRef, useState} from "react";
+import  { MutableRefObject, useEffect, useMemo, useRef, useState} from "react";
 import {BasicResponse, PLACEHOLDER, RESPONSE_TIPS, STATUS_CODE} from "@common/const/const.tsx";
 import {useFetch} from "@common/hooks/http.ts";
 import { $t } from "@common/locales/index.ts";
@@ -19,6 +19,7 @@ import { AiProviderDefaultConfig, AiProviderLlmsItems } from "@core/pages/aiSett
 import { EditableFormInstance } from "@ant-design/pro-components";
 import { validateUrlSlash } from "@common/utils/validate";
 import { API_PATH_MATCH_RULES } from "@core/const/system/const";
+import { useGlobalContext } from "@common/contexts/GlobalStateContext";
 
 type AiServiceRouterField = {
     name:string
@@ -61,6 +62,8 @@ const AiServiceInsideRouterCreate = () => {
     const [defaultLlm, setDefaultLlm] = useState<AiProviderDefaultConfig & {config:string}>()
     const [llmList, setLlmList] = useState<AiProviderLlmsItems[]>([])
     const [variablesTableRef, setVariablesTableRef] = useState<MutableRefObject<EditableFormInstance<T> | undefined>>()
+    const {state} = useGlobalContext()
+    
     const onFinish =  ()=>{
         return variablesTableRef?.current?.validateFields().then(()=>{
             return form.validateFields().then((formValue)=>{
@@ -204,6 +207,9 @@ const AiServiceInsideRouterCreate = () => {
         setDrawerType(undefined);
       };
 
+    const apiPathMatchRulesOptions = useMemo(()=>API_PATH_MATCH_RULES.map(
+        x=>({label:$t(x.label), value:x.value})),[state.language])
+
     return (
         
         <InsidePage pageTitle={ $t('AI 路由设置')|| '-'} 
@@ -260,7 +266,7 @@ const AiServiceInsideRouterCreate = () => {
                                         }]}
                                         noStyle
                                     >
-                                    <Select  placeholder={$t(PLACEHOLDER.select)} options={API_PATH_MATCH_RULES} className="w-[30%] min-w-[100px]"/>
+                                    <Select  placeholder={$t(PLACEHOLDER.select)} options={apiPathMatchRulesOptions} className="w-[30%] min-w-[100px]"/>
                                     </Form.Item>
                                 <Form.Item<AiServiceRouterField>
                                         name="path"
diff --git a/frontend/packages/core/src/pages/system/api/SystemInsideRouterCreate.tsx b/frontend/packages/core/src/pages/system/api/SystemInsideRouterCreate.tsx
index aa1bd0b1..7721d564 100644
--- a/frontend/packages/core/src/pages/system/api/SystemInsideRouterCreate.tsx
+++ b/frontend/packages/core/src/pages/system/api/SystemInsideRouterCreate.tsx
@@ -132,6 +132,10 @@ const SystemInsideRouterCreate = forwardRef<SystemInsideRouterCreateHandle,Syste
             return {...item}
         })
     }, [state.language])
+    
+    
+    const apiPathMatchRulesOptions = useMemo(()=>API_PATH_MATCH_RULES.map(
+        x=>({label:$t(x.label), value:x.value})),[state.language])
 
     return (
         <InsidePage pageTitle={ $t('API 路由设置')|| '-'} 
@@ -185,7 +189,7 @@ const SystemInsideRouterCreate = forwardRef<SystemInsideRouterCreateHandle,Syste
                                         }]}
                                         noStyle
                                     >
-                                    <Select  placeholder={$t(PLACEHOLDER.select)} options={API_PATH_MATCH_RULES} className="w-[30%] min-w-[100px]"/>
+                                    <Select  placeholder={$t(PLACEHOLDER.select)} options={apiPathMatchRulesOptions} className="w-[30%] min-w-[100px]"/>
                                     </Form.Item>
                                 <Form.Item<SystemApiProxyFieldType>
                                         name="path"