feat(i18n): 统一国际化系统架构,支持插件独立翻译 (#301)

* feat(i18n): 统一国际化系统架构,支持插件独立翻译

## 主要改动

### 核心架构
- 增强 LocaleService,支持插件命名空间翻译扩展
- 新增 editor-runtime/i18n 模块,提供 createPluginLocale/createPluginTranslator
- 新增 editor-core/tokens.ts,定义 LocaleServiceToken 等服务令牌
- 改进 PluginAPI 类型安全,使用 ServiceToken<T> 替代 any

### 编辑器本地化
- 扩展 en.ts/zh.ts 翻译文件,覆盖所有 UI 组件
- 新增 es.ts 西班牙语支持
- 重构 40+ 组件使用 useLocale() hook

### 插件本地化系统
- behavior-tree-editor: 新增 locales/ 和 useBTLocale hook
- material-editor: 新增 locales/ 和 useMaterialLocale hook
- particle-editor: 新增 locales/ 和 useParticleLocale hook
- tilemap-editor: 新增 locales/ 和 useTilemapLocale hook
- ui-editor: 新增 locales/ 和 useUILocale hook

### 类型安全改进
- 修复 Debug 工具使用公共接口替代 as any
- 修复 ChunkStreamingSystem 添加 forEachChunk 公共方法
- 修复 blueprint-editor 移除不必要的向后兼容代码

* fix(behavior-tree-editor): 使用 ServiceToken 模式修复服务解析

- 创建 BehaviorTreeServiceToken 遵循"谁定义接口,谁导出Token"原则
- 使用 ServiceToken.id (symbol) 注册服务到 ServiceContainer
- 更新 PluginSDKRegistry.resolveService 支持 ServiceToken 检测
- BehaviorTreeEditorPanel 现在使用类型安全的 PluginAPI.resolve

* fix(behavior-tree-editor): 使用 ServiceContainer.resolve 获取类注册的服务

* fix: 修复多个包的依赖和类型问题

- core: EntityDataCollector.getEntityDetails 使用 HierarchySystem 获取父实体
- ui-editor: 添加 @esengine/editor-runtime 依赖
- tilemap-editor: 添加 @esengine/editor-runtime 依赖
- particle-editor: 添加 @esengine/editor-runtime 依赖
This commit is contained in:
YHH
2025-12-09 18:04:03 +08:00
committed by GitHub
parent 995fa2d514
commit 1b0d38edce
103 changed files with 8015 additions and 1633 deletions

View File

@@ -4,6 +4,7 @@ import { CompilerRegistry, ICompiler, CompilerContext, CompileResult, IFileSyste
import { X, Play, Loader2 } from 'lucide-react';
import { open as tauriOpen, save as tauriSave, message as tauriMessage, confirm as tauriConfirm } from '@tauri-apps/plugin-dialog';
import { invoke, convertFileSrc } from '@tauri-apps/api/core';
import { useLocale } from '../hooks/useLocale';
import '../styles/CompilerConfigDialog.css';
interface DirectoryEntry {
@@ -29,6 +30,7 @@ export const CompilerConfigDialog: React.FC<CompilerConfigDialogProps> = ({
onClose,
onCompileComplete
}) => {
const { t } = useLocale();
const [compiler, setCompiler] = useState<ICompiler | null>(null);
const [options, setOptions] = useState<unknown>(null);
const [isCompiling, setIsCompiling] = useState(false);
@@ -164,7 +166,7 @@ export const CompilerConfigDialog: React.FC<CompilerConfigDialogProps> = ({
} catch (error) {
setCompileResult({
success: false,
message: `编译失败: ${error}`,
message: t('compilerConfig.compileFailed', { error: String(error) }),
errors: [String(error)]
});
} finally {
@@ -180,7 +182,7 @@ export const CompilerConfigDialog: React.FC<CompilerConfigDialogProps> = ({
<div className="compiler-dialog-overlay">
<div className="compiler-dialog">
<div className="compiler-dialog-header">
<h3>{compiler?.name || '编译器配置'}</h3>
<h3>{compiler?.name || t('compilerConfig.title')}</h3>
<button className="close-button" onClick={onClose}>
<X size={18} />
</button>
@@ -191,7 +193,7 @@ export const CompilerConfigDialog: React.FC<CompilerConfigDialogProps> = ({
compiler.createConfigUI(handleOptionsChange, context)
) : (
<div className="no-config">
{compiler ? '该编译器没有配置界面' : '编译器未找到'}
{compiler ? t('compilerConfig.noConfigUI') : t('compilerConfig.compilerNotFound')}
</div>
)}
</div>
@@ -201,7 +203,7 @@ export const CompilerConfigDialog: React.FC<CompilerConfigDialogProps> = ({
<div className="result-message">{compileResult.message}</div>
{compileResult.outputFiles && compileResult.outputFiles.length > 0 && (
<div className="output-files">
{compileResult.outputFiles.length}
{t('compilerConfig.generatedFiles', { count: compileResult.outputFiles.length })}
</div>
)}
{compileResult.errors && compileResult.errors.length > 0 && (
@@ -220,7 +222,7 @@ export const CompilerConfigDialog: React.FC<CompilerConfigDialogProps> = ({
onClick={onClose}
disabled={isCompiling}
>
{t('compilerConfig.cancel')}
</button>
<button
className="compile-button"
@@ -230,12 +232,12 @@ export const CompilerConfigDialog: React.FC<CompilerConfigDialogProps> = ({
{isCompiling ? (
<>
<Loader2 size={16} className="spinning" />
...
{t('compilerConfig.compiling')}
</>
) : (
<>
<Play size={16} />
{t('compilerConfig.compile')}
</>
)}
</button>