Feature/editor optimization (#251)

* refactor: 编辑器/运行时架构拆分与构建系统升级

* feat(core): 层级系统重构与UI变换矩阵修复

* refactor: 移除 ecs-components 聚合包并修复跨包组件查找问题

* fix(physics): 修复跨包组件类引用问题

* feat: 统一运行时架构与浏览器运行支持

* feat(asset): 实现浏览器运行时资产加载系统

* fix: 修复文档、CodeQL安全问题和CI类型检查错误

* fix: 修复文档、CodeQL安全问题和CI类型检查错误

* fix: 修复文档、CodeQL安全问题、CI类型检查和测试错误

* test: 补齐核心模块测试用例，修复CI构建配置

* fix: 修复测试用例中的类型错误和断言问题

* fix: 修复 turbo build:npm 任务的依赖顺序问题

* fix: 修复 CI 构建错误并优化构建性能

packages/ui-editor/src/gizmos/UITransformGizmo.ts

@@ -0,0 +1,64 @@
+import type { Entity } from '@esengine/ecs-framework';
+import type { IGizmoRenderData, IRectGizmoData, GizmoColor } from '@esengine/editor-core';
+import { GizmoRegistry } from '@esengine/editor-core';
+import { UITransformComponent } from '@esengine/ui';
+
+const UI_GIZMO_COLOR: GizmoColor = { r: 0.2, g: 0.6, b: 1, a: 0.8 };
+const UI_GIZMO_COLOR_UNSELECTED: GizmoColor = { r: 0.2, g: 0.6, b: 1, a: 0.3 };
+
+function uiTransformGizmoProvider(
+    transform: UITransformComponent,
+    _entity: Entity,
+    isSelected: boolean
+): IGizmoRenderData[] {
+    if (!transform.visible) {
+        return [];
+    }
+
+    // Use world coordinates (computed by UILayoutSystem) if available
+    // Otherwise fallback to local coordinates
+    // 使用世界坐标（由 UILayoutSystem 计算），如果可用
+    // 否则回退到本地坐标
+    const x = transform.worldX ?? transform.x;
+    const y = transform.worldY ?? transform.y;
+    // Use world scale for proper hierarchical transform inheritance
+    // 使用世界缩放以正确继承层级变换
+    const scaleX = transform.worldScaleX ?? transform.scaleX;
+    const scaleY = transform.worldScaleY ?? transform.scaleY;
+    const width = (transform.computedWidth ?? transform.width) * scaleX;
+    const height = (transform.computedHeight ?? transform.height) * scaleY;
+    // Use world rotation for proper hierarchical transform inheritance
+    // 使用世界旋转以正确继承层级变换
+    const rotation = transform.worldRotation ?? transform.rotation;
+    // 使用 transform 的 pivot 作为旋转/缩放中心
+    const pivotX = transform.pivotX;
+    const pivotY = transform.pivotY;
+    // 渲染位置 = 左下角 + pivot 偏移
+    const renderX = x + width * pivotX;
+    const renderY = y + height * pivotY;
+
+    // Use pivot position with transform's pivot values as origin
+    // 使用 transform 的 pivot 值作为 gizmo 的原点
+    const gizmo: IRectGizmoData = {
+        type: 'rect',
+        x: renderX,
+        y: renderY,
+        width,
+        height,
+        rotation,
+        originX: pivotX,
+        originY: pivotY,
+        color: isSelected ? UI_GIZMO_COLOR : UI_GIZMO_COLOR_UNSELECTED,
+        showHandles: isSelected
+    };
+
+    return [gizmo];
+}
+
+export function registerUITransformGizmo(): void {
+    GizmoRegistry.register(UITransformComponent, uiTransformGizmoProvider);
+}
+
+export function unregisterUITransformGizmo(): void {
+    GizmoRegistry.unregister(UITransformComponent);
+}

packages/ui-editor/src/gizmos/index.ts

@@ -0,0 +1 @@
+export * from './UITransformGizmo';