@alicloud/appflow-chat 0.0.4-beta.4 → 0.0.4-beta.6

package/dist/types/index.d.ts

@@ -320,6 +320,21 @@ export declare interface CustomParamsRendererProps extends UploadConfig {
     errors?: Record<string, string>;
 }
 
+/** 递归生成所有叶子节点的扁平路径联合类型 */
+declare type DeepKey<T, P extends string = ''> = {
+    [K in keyof T & string]: T[K] extends object ? DeepKey<T[K], `${P}${P extends '' ? '' : '.'}${K}`> : `${P}${P extends '' ? '' : '.'}${K}`;
+}[keyof T & string];
+
+/** 深度可选，用于 LocaleProvider 的 overrides 字段 */
+export declare type DeepPartial<T> = {
+    [K in keyof T]?: T[K] extends object ? DeepPartial<T[K]> : T[K];
+};
+
+/** 把所有叶子节点的值类型统一为 string，并去掉 readonly */
+declare type DeepStringify<T> = {
+    -readonly [K in keyof T]: T[K] extends object ? DeepStringify<T[K]> : string;
+};
+
 export declare type DocReferenceItem = SourceItem;
 
 /**
@@ -357,6 +372,8 @@ export declare interface DocReferencesProps {
 
 declare type EnumDisplayStyle = 'select' | 'checkbox' | 'radio' | 'multi-select';
 
+export declare const enUS: Locale;
+
 declare type ExtendedParamType = 'time' | 'file';
 
 declare type FileSubType = 'default' | 'jpg' | 'png' | 'svg' | 'doc' | 'ppt' | 'excel' | 'txt' | 'markdown' | 'zip';
@@ -367,6 +384,12 @@ declare type FileSubType = 'default' | 'jpg' | 'png' | 'svg' | 'doc' | 'ppt' | '
  */
 declare type FileUploader = (file: Blob, uploadUrl: string) => Promise<void>;
 
+/** 获取当前全局 locale */
+export declare function getGlobalLocale(): Locale;
+
+/** 获取当前全局 locale 名称 */
+export declare function getGlobalLocaleName(): string;
+
 /**
  * HistoryCard 历史卡片组件 (SDK 版本)
  * 用于展示历史对话中的 card 类型消息（只读模式）
@@ -448,6 +471,40 @@ export declare const loadEchartsScript: () => Promise<void>;
 
 export declare const loadMermaidScript: () => Promise<void>;
 
+/** 词条对象类型：保留 zhCN 的结构，但叶子节点统一为 string */
+export declare type Locale = DeepStringify<typeof zhCN>;
+
+export declare const LocaleContext: default_2.Context<LocaleContextValue>;
+
+export declare interface LocaleContextValue {
+    locale: Locale;
+    localeName: string;
+}
+
+/**
+ * LocaleProvider
+ *
+ * 用法示例：
+ * ```tsx
+ * import { LocaleProvider, enUS } from '@alicloud/appflow-chat';
+ *
+ * <LocaleProvider locale={enUS} localeName="en-US">
+ *   <App />
+ * </LocaleProvider>
+ * ```
+ */
+export declare const LocaleProvider: default_2.FC<LocaleProviderProps>;
+
+export declare interface LocaleProviderProps {
+    /** 完整 locale 对象，默认使用内置 zhCN */
+    locale?: Locale;
+    /** 语言标识，如 'zh-CN' / 'en-US' */
+    localeName?: string;
+    /** 部分覆盖：在选定 locale 基础上 deep merge 自定义文案 */
+    overrides?: DeepPartial<Locale>;
+    children: default_2.ReactNode;
+}
+
 /**
  * MarkdownRenderer - Markdown渲染组件
  *
@@ -672,6 +729,9 @@ export declare interface RichMessageBubbleProps {
     onWebSearchClick?: (items: DocReferenceItem[]) => void;
 }
 
+/** 设置全局 locale，由 LocaleProvider 在挂载/更新时调用 */
+export declare function setGlobalLocale(locale: Locale, localeName?: string): void;
+
 /**
  * ChatService - 独立的聊天服务类
  * 用于自定义UI场景，不依赖React
@@ -744,6 +804,21 @@ export declare interface SourceItem {
 
 declare type TimeSubType = 'year-month' | 'year-month-day' | 'datetime';
 
+/**
+ * 全局翻译函数（非 Hook 版本）
+ *
+ * @example
+ *   translate('common.loading') // '加载中...'
+ *   translate('humanVerify.placeholder.input', { title: '名称' }) // '请输入名称'
+ */
+export declare function translate(key: TranslationKey, params?: TranslationParams): string;
+
+/** 所有合法的扁平 key 路径，如 'common.loading' | 'humanVerify.placeholder.input' */
+export declare type TranslationKey = DeepKey<typeof zhCN>;
+
+/** 插值参数 */
+export declare type TranslationParams = Record<string, string | number>;
+
 /**
  * 上传配置
  */
@@ -787,6 +862,24 @@ export declare const useCustomParamsRenderer: (schema: CustomParamSchema) => {
 
 export declare const useRichBubbleContext: () => RichBubbleContextValue;
 
+/**
+ * 在 React 组件内消费国际化文案
+ *
+ * @example
+ *   const { t } = useTranslation();
+ *   <Input placeholder={t('humanVerify.placeholder.input', { title: '名称' })} />
+ */
+export declare function useTranslation(): UseTranslationResult;
+
+export declare interface UseTranslationResult {
+    /** 翻译函数 */
+    t: (key: TranslationKey, params?: TranslationParams) => string;
+    /** 当前 locale 对象 */
+    locale: Locale;
+    /** 当前语言标识 */
+    localeName: string;
+}
+
 /**
  * 校验 CustomParams 的值
  * @param schema Schema 定义
@@ -894,4 +987,80 @@ export declare interface WebSearchPanelProps {
     style?: default_2.CSSProperties;
 }
 
+/**
+ * 中文词条（默认语言）
+ *
+ * 该文件作为 Locale 类型的基准结构，所有其他语言文件必须实现相同的 key 结构。
+ * 新增文案时优先在此处添加，再补齐其他语言文件。
+ */
+export declare const zhCN: {
+    readonly common: {
+        readonly loading: "加载中...";
+        readonly confirm: "确定";
+        readonly cancel: "取消";
+        readonly submit: "提交";
+        readonly retry: "重试";
+        readonly copy: "复制";
+        readonly copied: "已复制";
+        readonly placeholderSelect: "请选择";
+    };
+    readonly humanVerify: {
+        readonly requiredAll: "请填写所有必填项";
+        readonly submitted: "已提交";
+        readonly pending: "待提交";
+        readonly placeholder: {
+            readonly input: "请输入{title}";
+            readonly select: "请选择";
+        };
+        readonly file: {
+            readonly supportAll: "支持所有文件格式";
+            readonly supportFormats: "支持 {formats} 格式";
+            readonly uploadButton: "选择文件";
+            readonly uploading: "上传中";
+            readonly upload: "上传";
+            readonly defaultFileName: "文件";
+            readonly maxSizeError: "文件大小不能超过 {size}";
+            readonly uploadFailed: "文件上传失败";
+            readonly tokenFailed: "获取上传凭证失败";
+            readonly uploaderNotConfigured: "上传功能未配置";
+            readonly uploadMethodNotConfigured: "文件上传方法未配置";
+            readonly getFileIdFailed: "获取文件ID失败";
+        };
+    };
+    readonly webSearch: {
+        readonly title: "搜索结果";
+        readonly foundPages: "已搜索到{count}个网页";
+    };
+    readonly source: {
+        readonly title: "参考资料";
+        readonly answerFrom: "回答来源：";
+        readonly imageFrom: "图片来源：";
+    };
+    readonly rich: {
+        readonly stepLabel: "步骤{index}:";
+        readonly emptyContent: "暂无内容";
+    };
+    readonly markdown: {
+        readonly copyCode: "复制代码";
+        readonly copied: "已复制！";
+        readonly copy: "复制";
+        readonly copiedShort: "已复制";
+        readonly deepThinking: "深度思考";
+        readonly chartLoading: "图表加载中...";
+        readonly tableLoading: "表格加载中...";
+        readonly tableLoadFailed: "表格数据加载失败，请检查数据格式";
+        readonly chartLoadFailed: "图表数据加载失败，请检查数据格式";
+        readonly mermaidLoadFailed: "Mermaid 库加载失败";
+        readonly mermaidNotLoaded: "Mermaid 未正确加载";
+        readonly mermaidRenderFailed: "Mermaid 图表渲染失败";
+    };
+    readonly message: {
+        readonly like: "点赞";
+        readonly dislike: "点踩";
+        readonly regenerate: "重新生成";
+        readonly copy: "复制";
+        readonly copied: "已复制";
+    };
+};
+
 export { }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@alicloud/appflow-chat",
-  "version": "0.0.4-beta.4",
+  "version": "0.0.4-beta.6",
   "description": "Appflow-Chat AI聊天机器人组件库，提供聊天服务和UI组件",
   "type": "module",
   "main": "./dist/appflow-chat.cjs.js",
@@ -48,31 +48,19 @@
     "@types/react-dom": "^18.3.1",
     "@vitejs/plugin-react": "^4.3.3",
     "antd": "^5.24.8",
-    "dayjs": "^1.11.0",
     "eslint": "^9.13.0",
     "eslint-plugin-react-hooks": "^5.0.0",
     "eslint-plugin-react-refresh": "^0.4.14",
     "less": "^4.2.0",
-    "moment": "^2.29.0",
     "typescript": "~5.6.2",
     "typescript-eslint": "^8.11.0",
     "vite": "^5.4.10",
     "vite-plugin-dts": "^4.3.0"
   },
   "peerDependencies": {
-    "antd": "^4.0.0 || ^5.0.0",
+    "antd": "^5.0.0",
     "react": "^18.0.0",
-    "react-dom": "^18.0.0",
-    "dayjs": "^1.11.0",
-    "moment": "^2.29.0"
-  },
-  "peerDependenciesMeta": {
-    "dayjs": {
-      "optional": true
-    },
-    "moment": {
-      "optional": true
-    }
+    "react-dom": "^18.0.0"
   },
   "files": [
     "dist",

package/src/components/HumanVerify/CustomParamsRenderer/ArrayField.tsx

@@ -3,6 +3,7 @@ import { Button, Input, InputNumber, Switch, Space } from 'antd';
 import { PlusOutlined, MinusOutlined } from '@ant-design/icons';
 import { ArrayFieldProps, CustomParamSchema, FileSubType, sortPropertiesByOrder } from './types';
 import styled from 'styled-components';
+import { useTranslation } from '../../../i18n';
 
 // 图片类型列表
 const IMAGE_TYPES: FileSubType[] = ['jpg', 'png', 'svg'];
@@ -191,7 +192,8 @@ export const ArrayField: React.FC<ArrayFieldProps> = ({
 }) => {
   const { Title, Description, Items } = schema;
   const displayTitle = Title || name;
-  
+  const { t } = useTranslation();
+
   // 计算当前数组的完整路径
   const currentPath = fieldPath ? `${fieldPath}.${name}` : name;
 
@@ -370,7 +372,7 @@ export const ArrayField: React.FC<ArrayFieldProps> = ({
     return sortedProperties.map(([propertyName, propertySchema]) => {
       const isRequired = itemRequired.includes(propertyName);
       return (
-        <React.Suspense key={propertyName} fallback={<div>加载中...</div>}>
+        <React.Suspense key={propertyName} fallback={<div>{t('common.loading')}</div>}>
           <FieldRenderer
             name={propertyName}
             schema={propertySchema}
@@ -392,7 +394,7 @@ export const ArrayField: React.FC<ArrayFieldProps> = ({
   // 渲染嵌套数组类型的数组项
   const renderArrayItemContent = (item: any, index: number) => {
     return (
-      <React.Suspense fallback={<div>加载中...</div>}>
+      <React.Suspense fallback={<div>{t('common.loading')}</div>}>
         <FieldRenderer
           name={`${name}[${index}]`}
           schema={Items}
@@ -412,7 +414,7 @@ export const ArrayField: React.FC<ArrayFieldProps> = ({
   // 渲染复杂类型的数组项（file、time、带枚举的类型）
   const renderComplexItemContent = (item: any, index: number) => {
     return (
-      <React.Suspense fallback={<div>加载中...</div>}>
+      <React.Suspense fallback={<div>{t('common.loading')}</div>}>
         <FieldRenderer
           name={`[${index}]`}
           schema={Items}

package/src/components/HumanVerify/CustomParamsRenderer/EnumField.tsx

@@ -3,6 +3,7 @@ import { Select, Checkbox, Radio } from 'antd';
 import type { RadioChangeEvent } from 'antd';
 import { EnumFieldProps, EnumDisplayStyle } from './types';
 import styled from 'styled-components';
+import { useTranslation } from '../../../i18n';
 
 const { Option } = Select;
 
@@ -70,7 +71,8 @@ export const EnumField: React.FC<EnumFieldProps> = ({
   disabled = false,
 }) => {
   const { Type } = schema;
-  
+  const { t } = useTranslation();
+
   // 优先从 AssociationPropertyMetadata 中读取，兼容旧的字段
   const enumValues = useMemo(() => {
     return schema.AssociationPropertyMetadata?.EnumValues || schema.EnumValues || [];
@@ -152,7 +154,7 @@ export const EnumField: React.FC<EnumFieldProps> = ({
               onChange={handleSelectChange}
               disabled={disabled}
               mode="multiple"
-              placeholder={`请选择`}
+              placeholder={t('common.placeholderSelect')}
               style={{ width: '100%' }}
               allowClear
             >
@@ -177,7 +179,7 @@ export const EnumField: React.FC<EnumFieldProps> = ({
               onChange={handleSelectChange}
               disabled={disabled}
               mode={isMultiple ? 'multiple' : undefined}
-              placeholder={`请选择`}
+              placeholder={t('common.placeholderSelect')}
               style={{ width: '100%' }}
               allowClear
             >

package/src/components/HumanVerify/CustomParamsRenderer/FieldRenderer.tsx

@@ -7,6 +7,7 @@ import { EnumField } from './EnumField';
 import styled from 'styled-components';
 import TimeField from './TimeField';
 import FileField from './FileField';
+import { useTranslation } from '../../../i18n';
 
 
 // ==================== Styled Components ====================
@@ -130,7 +131,8 @@ export const FieldRenderer: React.FC<FieldRendererProps> = ({
 }) => {
   const { Type, Title, Description } = schema;
   const displayTitle = Title || name;
-  
+  const { t } = useTranslation();
+
   // 获取 Ant Design 的 prefixCls 配置，自动继承用户项目的 ConfigProvider 设置
   // 使用 ConfigProvider.ConfigContext 获取完整配置
   const configContext = useContext(ConfigProvider.ConfigContext);
@@ -176,7 +178,7 @@ export const FieldRenderer: React.FC<FieldRendererProps> = ({
               value={value}
               onChange={(e) => handleChange(e.target.value)}
               disabled={disabled}
-              placeholder={`请输入${displayTitle}`}
+              placeholder={t('humanVerify.placeholder.input', { title: displayTitle })}
             />
           </InputWrapper>
         );
@@ -189,7 +191,7 @@ export const FieldRenderer: React.FC<FieldRendererProps> = ({
               onChange={handleChange}
               disabled={disabled}
               style={{ width: '100%' }}
-              placeholder={`请输入${displayTitle}`}
+              placeholder={t('humanVerify.placeholder.input', { title: displayTitle })}
             />
           </InputWrapper>
         );
@@ -307,7 +309,7 @@ export const FieldRenderer: React.FC<FieldRendererProps> = ({
               value={value}
               onChange={(e) => handleChange(e.target.value)}
               disabled={disabled}
-              placeholder={`请输入${displayTitle}`}
+              placeholder={t('humanVerify.placeholder.input', { title: displayTitle })}
             />
           </InputWrapper>
         );

package/src/components/HumanVerify/CustomParamsRenderer/FileField.tsx

@@ -10,6 +10,8 @@ import {
   UploadFileResponse 
 } from './types';
 import styled from 'styled-components';
+import { useTranslation } from '../../../i18n';
+import { translate } from '../../../i18n';
 
 // ==================== Styled Components ====================
 
@@ -114,16 +116,17 @@ const getAcceptBySubTypes = (subTypes?: FileSubType[]): string => {
 
 /**
  * 根据文件子类型数组获取上传提示文本
+ * 使用全局 translate（非 hook 版本）以便在组件外调用
  */
 const getUploadHintBySubTypes = (subTypes?: FileSubType[]): string => {
   if (!subTypes || subTypes.length === 0) {
-    return '支持所有文件格式';
+    return translate('humanVerify.file.supportAll');
   }
-  
+
   if (subTypes.includes('default')) {
-    return '支持所有文件格式';
+    return translate('humanVerify.file.supportAll');
   }
-  
+
   const hintMap: Record<FileSubType, string> = {
     'jpg': 'JPG',
     'png': 'PNG',
@@ -134,11 +137,13 @@ const getUploadHintBySubTypes = (subTypes?: FileSubType[]): string => {
     'txt': 'TXT',
     'markdown': 'Markdown',
     'zip': 'ZIP/RAR/7Z',
-    'default': '所有格式',
+    'default': translate('humanVerify.file.supportAll'),
   };
-  
+
   const hints = subTypes.map(subType => hintMap[subType] || subType).filter(Boolean);
-  return hints.length > 0 ? `支持 ${hints.join('、')} 格式` : '支持所有文件格式';
+  return hints.length > 0
+    ? translate('humanVerify.file.supportFormats', { formats: hints.join('、') })
+    : translate('humanVerify.file.supportAll');
 };
 
 /**
@@ -164,6 +169,7 @@ export const FileField: React.FC<FileFieldProps> = ({
   uploadSender,
   fileUploader,
 }) => {
+  const { t } = useTranslation();
   // 优先从 AssociationPropertyMetadata.SubType 读取，兼容旧的 FileSubType 字段
   const subTypes = useMemo((): FileSubType[] => {
     const subTypeArray = schema.AssociationPropertyMetadata?.SubType;
@@ -190,7 +196,7 @@ export const FileField: React.FC<FileFieldProps> = ({
     if (Array.isArray(value)) {
       return value.map((file: any, index: number) => ({
         uid: file.uid || `${index}`,
-        name: file.name || `文件${index + 1}`,
+        name: file.name || `${t('humanVerify.file.defaultFileName')}${index + 1}`,
         status: 'done' as const,
         url: file.url,
         ...file,
@@ -199,7 +205,7 @@ export const FileField: React.FC<FileFieldProps> = ({
     if (typeof value === 'object') {
       return [{
         uid: value.uid || '0',
-        name: value.name || '文件',
+        name: value.name || t('humanVerify.file.defaultFileName'),
         status: 'done' as const,
         url: value.url,
         ...value,
@@ -227,7 +233,7 @@ export const FileField: React.FC<FileFieldProps> = ({
    */
   const getUploadToken = useCallback(async (fileName: string): Promise<UploadTokenResponse | null> => {
     if (!uploadSender) {
-      message.error('上传功能未配置');
+      message.error(t('humanVerify.file.uploaderNotConfigured'));
       return null;
     }
 
@@ -238,7 +244,7 @@ export const FileField: React.FC<FileFieldProps> = ({
       });
 
       if (!response) {
-        message.error('获取上传凭证失败');
+        message.error(t('humanVerify.file.tokenFailed'));
         return null;
       }
 
@@ -255,14 +261,14 @@ export const FileField: React.FC<FileFieldProps> = ({
         return parsedResponse as UploadTokenResponse;
       }
       
-      message.error('获取上传凭证失败');
+      message.error(t('humanVerify.file.tokenFailed'));
       return null;
     } catch (error) {
-      console.error('获取上传凭证失败:', error);
-      message.error('获取上传凭证失败');
+      console.error(t('humanVerify.file.tokenFailed'), error);
+      message.error(t('humanVerify.file.tokenFailed'));
       return null;
     }
-  }, [uploadSender]);
+  }, [uploadSender, t]);
 
   /**
    * 获取文件 ID（文件上传专用）
@@ -298,10 +304,10 @@ export const FileField: React.FC<FileFieldProps> = ({
       
       return null;
     } catch (error) {
-      console.error('获取文件ID失败:', error);
+      console.error(t('humanVerify.file.getFileIdFailed'), error);
       return null;
     }
-  }, [uploadSender]);
+  }, [uploadSender, t]);
 
   /**
    * 图片上传处理
@@ -311,12 +317,12 @@ export const FileField: React.FC<FileFieldProps> = ({
     // 1. 获取预签名 URL
     const tokenResponse = await getUploadToken(file.name);
     if (!tokenResponse) {
-      throw new Error('获取上传凭证失败');
+      throw new Error(t('humanVerify.file.tokenFailed'));
     }
 
     // 2. 上传文件到 OSS
     if (!fileUploader) {
-      throw new Error('文件上传方法未配置');
+      throw new Error(t('humanVerify.file.uploadMethodNotConfigured'));
     }
     const blob = new Blob([file]);
     await fileUploader(blob, tokenResponse.uploadUrl);
@@ -329,7 +335,7 @@ export const FileField: React.FC<FileFieldProps> = ({
       type: file.type,
       size: file.size,
     };
-  }, [getUploadToken, fileUploader]);
+  }, [getUploadToken, fileUploader, t]);
 
   /**
    * 文件上传处理
@@ -339,12 +345,12 @@ export const FileField: React.FC<FileFieldProps> = ({
     // 1. 获取预签名 URL
     const tokenResponse = await getUploadToken(file.name);
     if (!tokenResponse) {
-      throw new Error('获取上传凭证失败');
+      throw new Error(t('humanVerify.file.tokenFailed'));
     }
 
     // 2. 上传文件到 OSS
     if (!fileUploader) {
-      throw new Error('文件上传方法未配置');
+      throw new Error(t('humanVerify.file.uploadMethodNotConfigured'));
     }
     const blob = new Blob([file]);
     await fileUploader(blob, tokenResponse.uploadUrl);
@@ -362,7 +368,7 @@ export const FileField: React.FC<FileFieldProps> = ({
       size: file.size,
       fileType: file.name.split('.').pop(),
     };
-  }, [getUploadToken, fileUploader, getFileId]);
+  }, [getUploadToken, fileUploader, getFileId, t]);
 
   /**
    * 自定义上传逻辑
@@ -379,7 +385,7 @@ export const FileField: React.FC<FileFieldProps> = ({
           onSuccess?.({ url }, new XMLHttpRequest());
         } catch (error) {
           onError?.(error as Error);
-          message.error('文件上传失败');
+          message.error(t('humanVerify.file.uploadFailed'));
         }
         return;
       }
@@ -399,12 +405,12 @@ export const FileField: React.FC<FileFieldProps> = ({
         onSuccess?.(result, new XMLHttpRequest());
       } catch (error) {
         onError?.(error as Error);
-        message.error('文件上传失败');
+        message.error(t('humanVerify.file.uploadFailed'));
       } finally {
         setUploading(false);
       }
     },
-    [uploadSender, fileUploader, isImage, handleImageUpload, handleFileUpload]
+    [uploadSender, fileUploader, isImage, handleImageUpload, handleFileUpload, t]
   );
 
   // 处理文件变化
@@ -440,19 +446,21 @@ export const FileField: React.FC<FileFieldProps> = ({
       // 文件大小限制（默认 10MB）
       const maxSize = 10 * 1024 * 1024;
       if (file.size > maxSize) {
-        message.error('文件大小不能超过 10MB');
+        message.error(t('humanVerify.file.maxSizeError', { size: '10MB' }));
         return Upload.LIST_IGNORE;
       }
       return true;
     },
-    []
+    [t]
   );
 
   // 上传按钮的加载指示器
   const uploadButton = (
     <div>
       {uploading ? <LoadingOutlined /> : <PlusOutlined />}
-      <div style={{ marginTop: 8 }}>{uploading ? '上传中' : '上传'}</div>
+      <div style={{ marginTop: 8 }}>
+        {uploading ? t('humanVerify.file.uploading') : t('humanVerify.file.upload')}
+      </div>
     </div>
   );
 
@@ -498,7 +506,7 @@ export const FileField: React.FC<FileFieldProps> = ({
           disabled={disabled || uploading}
           loading={uploading}
         >
-          {uploading ? '上传中' : '选择文件'}
+          {uploading ? t('humanVerify.file.uploading') : t('humanVerify.file.uploadButton')}
         </Button>
       </Upload>
       <FileHint>{hint}</FileHint>

package/src/components/HumanVerify/CustomParamsRenderer/ObjectField.tsx

@@ -1,6 +1,7 @@
 import React, { useCallback } from 'react';
 import styled from 'styled-components';
 import { ObjectFieldProps, sortPropertiesByOrder } from './types';
+import { useTranslation } from '../../../i18n';
 
 // 前向声明，避免循环依赖
 const FieldRenderer = React.lazy(() => import('./FieldRenderer'));
@@ -71,7 +72,8 @@ export const ObjectField: React.FC<ObjectFieldProps> = ({
 }) => {
   const { Title, Description, Properties, Required: RequiredFields = [] } = schema;
   const displayTitle = Title || name;
-  
+  const { t } = useTranslation();
+
   // 计算当前对象的完整路径
   const currentPath = fieldPath ? `${fieldPath}.${name}` : name;
 
@@ -108,7 +110,7 @@ export const ObjectField: React.FC<ObjectFieldProps> = ({
         {sortedProperties.map(([propertyName, propertySchema]) => {
           const isRequired = RequiredFields.includes(propertyName);
           return (
-            <React.Suspense key={propertyName} fallback={<div>加载中...</div>}>
+            <React.Suspense key={propertyName} fallback={<div>{t('common.loading')}</div>}>
               <FieldRenderer
                 name={propertyName}
                 schema={propertySchema}