style: 开放平台插件补全国际化翻译

client/web/plugins/com.msgbyte.openapi/src/MainPanel/AppInfo/OAuth.tsx

@@ -6,6 +6,7 @@ import {
 } from '@capital/component';
 import { useOpenAppInfo } from '../context';
 import { useOpenAppAction } from './useOpenAppAction';
+import { Translate } from '../../translate';
 
 const OAuth: React.FC = React.memo(() => {
   const { capability, oauth } = useOpenAppInfo();
@@ -15,7 +16,7 @@ const OAuth: React.FC = React.memo(() => {
   return (
     <div className="plugin-openapi-app-info_oauth">
       <FullModalField
-        title="开启 OAuth"
+        title={Translate.oauth.open}
         content={
           <Switch
             disabled={loading}
@@ -27,8 +28,8 @@ const OAuth: React.FC = React.memo(() => {
 
       {capability.includes('oauth') && (
         <FullModalField
-          title={'允许的回调地址'}
-          tip="多个回调地址单独一行"
+          title={Translate.oauth.allowedCallbackUrls}
+          tip={Translate.oauth.allowedCallbackUrlsTip}
           content={
             <>
               {(oauth?.redirectUrls ?? []).map((url, i) => (

client/web/plugins/com.msgbyte.openapi/src/MainPanel/AppInfo/Profile.tsx

@@ -1,6 +1,7 @@
 import { useOpenAppInfo } from '../context';
 import React from 'react';
 import { FullModalField, Divider, SensitiveText } from '@capital/component';
+import { Translate } from '../../translate';
 import './Profile.less';
 
 /**
@@ -11,7 +12,7 @@ const Profile: React.FC = React.memo(() => {
 
   return (
     <div className="plugin-openapi-app-info_profile">
-      <h2>应用凭证</h2>
+      <h2>{Translate.app.appcret}</h2>
 
       <div>
         <FullModalField title="App ID" content={appId} />
@@ -23,7 +24,7 @@ const Profile: React.FC = React.memo(() => {
 
       <Divider />
 
-      <h2>基本信息</h2>
+      <h2>{Translate.app.basicInfo}</h2>
 
       {/* TODO */}
     </div>

client/web/plugins/com.msgbyte.openapi/src/MainPanel/AppInfo/index.tsx

@@ -2,9 +2,10 @@ import React, { useMemo } from 'react';
 import { SidebarView } from '@capital/component';
 import { Loadable } from '@capital/common';
 import { useOpenAppInfo } from '../context';
+import { Translate } from '../../translate';
 import './index.less';
 
-const Summary = Loadable(() => import('./Summary'));
+// const Summary = Loadable(() => import('./Summary'));
 const Profile = Loadable(() => import('./Profile'));
 const Bot = Loadable(() => import('./Bot'));
 const Webpage = Loadable(() => import('./Webpage'));
@@ -19,31 +20,31 @@ const AppInfo: React.FC = React.memo(() => {
         type: 'group',
         title: appName,
         children: [
+          // {
+          //   type: 'item',
+          //   title: '总览',
+          //   content: <Summary />,
+          //   isDev: true,
+          // },
           {
             type: 'item',
-            title: '总览',
-            content: <Summary />,
-            isDev: true,
-          },
-          {
-            type: 'item',
-            title: '基础信息',
+            title: Translate.app.basicInfo,
             content: <Profile />,
           },
           {
             type: 'item',
-            title: '机器人',
+            title: Translate.app.bot,
             content: <Bot />,
           },
           {
             type: 'item',
-            title: '网页',
+            title: Translate.app.webpage,
             content: <Webpage />,
             isDev: true,
           },
           {
             type: 'item',
-            title: '应用登录',
+            title: Translate.app.oauth,
             content: <OAuth />,
           },
         ],

client/web/plugins/com.msgbyte.openapi/src/MainPanel/index.tsx

@@ -7,6 +7,7 @@ import { OpenAppInfoProvider } from './context';
 import { CreateOpenApp } from '../modals/CreateOpenApp';
 import { ServiceChecker } from '../components/ServiceChecker';
 import { useOpenAppList } from './useOpenAppList';
+import { Translate } from '../translate';
 import './index.less';
 
 const OpenApiMainPanel: React.FC = React.memo(() => {
@@ -16,16 +17,16 @@ const OpenApiMainPanel: React.FC = React.memo(() => {
   const columns = useMemo(
     () => [
       {
-        title: '名称',
+        title: Translate.name,
         dataIndex: 'appName',
       },
       {
-        title: '操作',
+        title: Translate.operation,
         key: 'action',
         render: (_, record: OpenApp) => (
           <Space>
             <Button onClick={() => handleSetSelectedApp(record._id)}>
-              进入
+              {Translate.enter}
             </Button>
           </Space>
         ),
@@ -59,7 +60,7 @@ const OpenApiMainPanel: React.FC = React.memo(() => {
               type="primary"
               onClick={handleCreateOpenApp}
             >
-              创建应用
+              {Translate.createApplication}
             </Button>
             <Table columns={columns} dataSource={allApps} pagination={false} />
           </>

client/web/plugins/com.msgbyte.openapi/src/modals/CreateOpenApp.tsx

@@ -8,21 +8,22 @@ import {
 } from '@capital/common';
 import { WebFastForm } from '@capital/component';
 import React from 'react';
+import { Translate } from '../translate';
 
 const schema = createFastFormSchema({
   appName: fieldSchema
     .string()
-    .required('应用名不能为空')
-    .max(20, '应用名过长'),
+    .required(Translate.appNameCannotBeEmpty)
+    .max(20, Translate.appNameTooLong),
   appDesc: fieldSchema.string(),
 });
 
 const fields = [
-  { type: 'text', name: 'appName', label: '应用名' },
+  { type: 'text', name: 'appName', label: Translate.app.appName },
   {
     type: 'textarea',
     name: 'appDesc',
-    label: '应用描述',
+    label: Translate.app.appDesc,
   },
 ];
 
@@ -38,7 +39,7 @@ export const CreateOpenApp: React.FC<CreateOpenAppProps> = React.memo(
           appIcon: '',
         });
 
-        showToasts('应用创建成功', 'success');
+        showToasts(Translate.createApplicationSuccess, 'success');
         props.onSuccess?.();
       } catch (e) {
         showErrorToasts(e);
@@ -46,7 +47,7 @@ export const CreateOpenApp: React.FC<CreateOpenAppProps> = React.memo(
     };
 
     return (
-      <ModalWrapper title="创建应用">
+      <ModalWrapper title={Translate.createApplication}>
         <WebFastForm schema={schema} fields={fields} onSubmit={handleSubmit} />
       </ModalWrapper>
     );

client/web/plugins/com.msgbyte.openapi/src/translate.ts

@@ -10,6 +10,64 @@ export const Translate = {
     'zh-CN': '开启机器人能力',
     'en-US': 'Enable Bot Capability',
   }),
+  name: localTrans({
+    'zh-CN': '名称',
+    'en-US': 'Name',
+  }),
+  operation: localTrans({
+    'zh-CN': '操作',
+    'en-US': 'Operation',
+  }),
+  enter: localTrans({
+    'zh-CN': '进入',
+    'en-US': 'Enter',
+  }),
+  createApplication: localTrans({
+    'zh-CN': '创建应用',
+    'en-US': 'Create Application',
+  }),
+  createApplicationSuccess: localTrans({
+    'zh-CN': '创建应用成功',
+    'en-US': 'Create Application Success',
+  }),
+  appNameCannotBeEmpty: localTrans({
+    'zh-CN': '应用名不能为空',
+    'en-US': 'App Name Cannot be Empty',
+  }),
+  appNameTooLong: localTrans({
+    'zh-CN': '应用名过长',
+    'en-US': 'App Name too Long',
+  }),
+  app: {
+    basicInfo: localTrans({
+      'zh-CN': '基础信息',
+      'en-US': 'Basic Info',
+    }),
+    bot: localTrans({
+      'zh-CN': '机器人',
+      'en-US': 'Bot',
+    }),
+    webpage: localTrans({
+      'zh-CN': '网页',
+      'en-US': 'Web Page',
+    }),
+    oauth: localTrans({
+      'zh-CN': '第三方登录',
+      'en-US': 'OAuth',
+    }),
+    appcret: localTrans({
+      'zh-CN': '应用凭证',
+      'en-US': 'Application Credentials',
+    }),
+    appName: localTrans({
+      'zh-CN': '应用名称',
+      'en-US': 'App Name',
+    }),
+    appDesc: localTrans({
+      'zh-CN': '应用描述',
+      'en-US': 'App Desc',
+    }),
+  },
   bot: {
     callback: localTrans({
       'zh-CN': '消息回调地址',
@@ -22,4 +80,18 @@ export const Translate = {
         'The bot will send a request to this address when it is mentioned (callback will be sent when the inbox receives new content)',
     }),
   },
+  oauth: {
+    open: localTrans({
+      'zh-CN': '开启 OAuth',
+      'en-US': 'Open OAuth',
+    }),
+    allowedCallbackUrls: localTrans({
+      'zh-CN': '允许的回调地址',
+      'en-US': 'Allowed Callback Urls',
+    }),
+    allowedCallbackUrlsTip: localTrans({
+      'zh-CN': '多个回调地址单独一行',
+      'en-US': 'Multiple callback addresses on a single line',
+    }),
+  },
 };

website/docs/deployment/docker-compose.mdx

@@ -128,7 +128,7 @@ wget https://raw.githubusercontent.com/msgbyte/tailchat/master/docker-compose.en
 
 修改 `docker-compose.env` 文件的配置，以下字段推荐修改:
 
-- `API_URL` 对外可访问的url地址，用于文件服务访问, 可以是域名也可以是ip
+- `API_URL` 对外可访问的url地址，用于文件服务访问, 可以是域名也可以是ip **如果出现发送图片不能正常显示就是这个变量没有设置**
 - `SECRET` 服务端加密秘钥，用于生成Token. 默认为 `tailchat`