Feature/runtime cdn and plugin loader (#240)

* feat(ui): 完善 UI 布局系统和编辑器可视化工具 * refactor: 移除 ModuleRegistry，统一使用 PluginManager 插件系统 * fix: 修复 CodeQL 警告并提升测试覆盖率 * refactor: 分离运行时入口点，解决 runtime bundle 包含 React 的问题 * fix(ci): 添加 editor-core 和 editor-runtime 到 CI 依赖构建步骤 * docs: 完善 ServiceContainer 文档，新增 Symbol.for 模式和 @InjectProperty 说明 * fix(ci): 修复 type-check 失败问题 * fix(ci): 修复类型检查失败问题 * fix(ci): 修复类型检查失败问题 * fix(ci): behavior-tree 构建添加 @tauri-apps 外部依赖 * fix(ci): behavior-tree 添加 @tauri-apps/plugin-fs 类型依赖 * fix(ci): platform-web 添加缺失的 behavior-tree 依赖 * fix(lint): 移除正则表达式中不必要的转义字符
2025-11-27 20:42:46 +08:00
parent 71869b1a58
commit 107439d70c
367 changed files with 10661 additions and 12473 deletions
--- a/packages/editor-app/src/plugins/builtin/EditorAppearancePlugin.tsx
+++ b/packages/editor-app/src/plugins/builtin/EditorAppearancePlugin.tsx
@@ -0,0 +1,128 @@
+/**
+ * Editor Appearance Plugin
+ * 编辑器外观插件
+ */
+
+import type { ServiceContainer } from '@esengine/ecs-framework';
+import { createLogger } from '@esengine/ecs-framework';
+import type { IPluginLoader, IEditorModuleLoader, PluginDescriptor } from '@esengine/editor-core';
+import { SettingsRegistry } from '@esengine/editor-core';
+import { SettingsService } from '../../services/SettingsService';
+
+const logger = createLogger('EditorAppearancePlugin');
+
+/**
+ * Editor Appearance 编辑器模块
+ */
+class EditorAppearanceEditorModule implements IEditorModuleLoader {
+    async install(services: ServiceContainer): Promise<void> {
+        const settingsRegistry = services.resolve(SettingsRegistry);
+
+        settingsRegistry.registerCategory({
+            id: 'appearance',
+            title: '外观',
+            description: '配置编辑器的外观设置',
+            sections: [
+                {
+                    id: 'font',
+                    title: '字体设置',
+                    description: '配置编辑器字体样式',
+                    settings: [
+                        {
+                            key: 'editor.fontSize',
+                            label: '字体大小 (px)',
+                            type: 'range',
+                            defaultValue: 13,
+                            description: '编辑器界面的字体大小',
+                            min: 11,
+                            max: 18,
+                            step: 1
+                        }
+                    ]
+                },
+                {
+                    id: 'inspector',
+                    title: '检视器设置',
+                    description: '配置属性检视器显示',
+                    settings: [
+                        {
+                            key: 'inspector.decimalPlaces',
+                            label: '数字小数位数',
+                            type: 'number',
+                            defaultValue: 4,
+                            description: '数字类型属性显示的小数位数，设置为 -1 表示不限制',
+                            min: -1,
+                            max: 10,
+                            step: 1
+                        }
+                    ]
+                }
+            ]
+        });
+
+        this.applyFontSettings();
+        this.setupSettingsListener();
+
+        logger.info('Installed');
+    }
+
+    async uninstall(): Promise<void> {
+        logger.info('Uninstalled');
+    }
+
+    async onEditorReady(): Promise<void> {
+        logger.info('Editor is ready');
+    }
+
+    private applyFontSettings(): void {
+        const settings = SettingsService.getInstance();
+        const baseFontSize = settings.get<number>('editor.fontSize', 13);
+
+        logger.info(`Applying font size: ${baseFontSize}px`);
+
+        const root = document.documentElement;
+        root.style.setProperty('--font-size-xs', `${baseFontSize - 2}px`);
+        root.style.setProperty('--font-size-sm', `${baseFontSize - 1}px`);
+        root.style.setProperty('--font-size-base', `${baseFontSize}px`);
+        root.style.setProperty('--font-size-md', `${baseFontSize + 1}px`);
+        root.style.setProperty('--font-size-lg', `${baseFontSize + 3}px`);
+        root.style.setProperty('--font-size-xl', `${baseFontSize + 5}px`);
+    }
+
+    private setupSettingsListener(): void {
+        window.addEventListener('settings:changed', ((event: CustomEvent) => {
+            const changedSettings = event.detail;
+            logger.info('Settings changed event received', changedSettings);
+
+            if ('editor.fontSize' in changedSettings) {
+                logger.info('Font size changed, applying...');
+                this.applyFontSettings();
+            }
+        }) as EventListener);
+    }
+}
+
+const descriptor: PluginDescriptor = {
+    id: '@esengine/editor-appearance',
+    name: 'Editor Appearance',
+    version: '1.0.0',
+    description: 'Configure editor appearance settings',
+    category: 'tools',
+    icon: 'Palette',
+    enabledByDefault: true,
+    canContainContent: false,
+    isEnginePlugin: true,
+    isCore: true,
+    modules: [
+        {
+            name: 'EditorAppearanceEditor',
+            type: 'editor',
+            loadingPhase: 'earliest'
+        }
+    ]
+};
+
+export const EditorAppearancePlugin: IPluginLoader = {
+    descriptor,
+    editorModule: new EditorAppearanceEditorModule()
+};