Feature/render pipeline (#232)

* refactor(engine): 重构2D渲染管线坐标系统

* feat(engine): 完善2D渲染管线和编辑器视口功能

* feat(editor): 实现Viewport变换工具系统

* feat(editor): 优化Inspector渲染性能并修复Gizmo变换工具显示

* feat(editor): 实现Run on Device移动预览功能

* feat(editor): 添加组件属性控制和依赖关系系统

* feat(editor): 实现动画预览功能和优化SpriteAnimator编辑器

* feat(editor): 修复SpriteAnimator动画预览功能并迁移CI到pnpm

* feat(editor): 修复SpriteAnimator动画预览并迁移到pnpm

* feat(editor): 修复SpriteAnimator动画预览并迁移到pnpm

* feat(editor): 修复SpriteAnimator动画预览并迁移到pnpm

* feat(editor): 修复SpriteAnimator动画预览并迁移到pnpm

* feat(ci): 迁移项目到pnpm并修复CI构建问题

* chore: 迁移CI工作流到pnpm并添加WASM构建支持

* chore: 迁移CI工作流到pnpm并添加WASM构建支持

* chore: 迁移CI工作流到pnpm并添加WASM构建支持

* chore: 迁移CI工作流到pnpm并添加WASM构建支持

* chore: 迁移CI工作流到pnpm并添加WASM构建支持

* chore: 迁移CI工作流到pnpm并添加WASM构建支持

* chore: 移除 network 相关包

* chore: 移除 network 相关包

packages/editor-app/src/app/managers/ServiceRegistry.ts

@@ -1,4 +1,4 @@
-import { Core } from '@esengine/ecs-framework';
+import { Core, ComponentRegistry as CoreComponentRegistry } from '@esengine/ecs-framework';
 import {
     UIRegistry,
     MessageHub,
@@ -17,6 +17,17 @@ import {
     PropertyRendererRegistry,
     FieldEditorRegistry
 } from '@esengine/editor-core';
+import {
+    TransformComponent,
+    SpriteComponent,
+    SpriteAnimatorComponent,
+    TextComponent,
+    CameraComponent,
+    RigidBodyComponent,
+    BoxColliderComponent,
+    CircleColliderComponent,
+    AudioSourceComponent
+} from '@esengine/ecs-components';
 import { TauriFileAPI } from '../../adapters/TauriFileAPI';
 import { DIContainer } from '../../core/di/DIContainer';
 import { TypedEventBus } from '../../core/events/TypedEventBus';
@@ -43,7 +54,8 @@ import {
     Vector2FieldEditor,
     Vector3FieldEditor,
     Vector4FieldEditor,
-    ColorFieldEditor
+    ColorFieldEditor,
+    AnimationClipsFieldEditor
 } from '../../infrastructure/field-editors';
 
 export interface EditorServices {
@@ -81,6 +93,34 @@ export class ServiceRegistry {
         const serializerRegistry = new SerializerRegistry();
         const entityStore = new EntityStoreService(messageHub);
         const componentRegistry = new ComponentRegistry();
+
+        // 注册标准组件到编辑器和核心注册表
+        // Register to both editor registry (for UI) and core registry (for serialization)
+        const standardComponents = [
+            { name: 'TransformComponent', type: TransformComponent, editorName: 'Transform', category: 'components.category.core', description: 'components.transform.description' },
+            { name: 'SpriteComponent', type: SpriteComponent, editorName: 'Sprite', category: 'components.category.rendering', description: 'components.sprite.description' },
+            { name: 'SpriteAnimatorComponent', type: SpriteAnimatorComponent, editorName: 'SpriteAnimator', category: 'components.category.rendering', description: 'components.spriteAnimator.description' },
+            { name: 'TextComponent', type: TextComponent, editorName: 'Text', category: 'components.category.rendering', description: 'components.text.description' },
+            { name: 'CameraComponent', type: CameraComponent, editorName: 'Camera', category: 'components.category.rendering', description: 'components.camera.description' },
+            { name: 'RigidBodyComponent', type: RigidBodyComponent, editorName: 'RigidBody', category: 'components.category.physics', description: 'components.rigidBody.description' },
+            { name: 'BoxColliderComponent', type: BoxColliderComponent, editorName: 'BoxCollider', category: 'components.category.physics', description: 'components.boxCollider.description' },
+            { name: 'CircleColliderComponent', type: CircleColliderComponent, editorName: 'CircleCollider', category: 'components.category.physics', description: 'components.circleCollider.description' },
+            { name: 'AudioSourceComponent', type: AudioSourceComponent, editorName: 'AudioSource', category: 'components.category.audio', description: 'components.audioSource.description' }
+        ];
+
+        for (const comp of standardComponents) {
+            // Register to editor registry for UI
+            componentRegistry.register({
+                name: comp.editorName,
+                type: comp.type,
+                category: comp.category,
+                description: comp.description
+            });
+
+            // Register to core registry for serialization/deserialization
+            CoreComponentRegistry.register(comp.type as any);
+        }
+
         const projectService = new ProjectService(messageHub, fileAPI);
         const componentDiscovery = new ComponentDiscoveryService(messageHub);
         const propertyMetadata = new PropertyMetadataService();
@@ -114,6 +154,8 @@ export class ServiceRegistry {
         const fileSystem = new TauriFileSystemService();
         const dialog = new TauriDialogService();
         const notification = new NotificationService();
+        Core.services.registerInstance(NotificationService, notification);
+
         const inspectorRegistry = new InspectorRegistry();
 
         Core.services.registerInstance(InspectorRegistry, inspectorRegistry);
@@ -140,6 +182,7 @@ export class ServiceRegistry {
         fieldEditorRegistry.register(new Vector3FieldEditor());
         fieldEditorRegistry.register(new Vector4FieldEditor());
         fieldEditorRegistry.register(new ColorFieldEditor());
+        fieldEditorRegistry.register(new AnimationClipsFieldEditor());
 
         return {
             uiRegistry,