a1e1189f9d
* feat(fairygui): FairyGUI ECS 集成核心架构 实现 FairyGUI 的 ECS 原生集成，完全替代旧 UI 系统： 核心类： - GObject: UI 对象基类，支持变换、可见性、关联、齿轮 - GComponent: 容器组件，管理子对象和控制器 - GRoot: 根容器，管理焦点、弹窗、输入分发 - GGroup: 组容器，支持水平/垂直布局 抽象层： - DisplayObject: 显示对象基类 - EventDispatcher: 事件分发 - Timer: 计时器 - Stage: 舞台，管理输入和缩放 布局系统： - Relations: 约束关联管理 - RelationItem: 24 种关联类型 基础设施： - Controller: 状态控制器 - Transition: 过渡动画 - ScrollPane: 滚动面板 - UIPackage: 包管理 - ByteBuffer: 二进制解析 * refactor(ui): 删除旧 UI 系统，使用 FairyGUI 替代 * feat(fairygui): 实现 UI 控件 - 添加显示类：Image、TextField、Graph - 添加基础控件：GImage、GTextField、GGraph - 添加交互控件：GButton、GProgressBar、GSlider - 更新 IRenderCollector 支持 Graph 渲染 - 扩展 Controller 添加 selectedPageId - 添加 STATE_CHANGED 事件类型 * feat(fairygui): 现代化架构重构 - 增强 EventDispatcher 支持类型安全、优先级和传播控制 - 添加 PropertyBinding 响应式属性绑定系统 - 添加 ServiceContainer 依赖注入容器 - 添加 UIConfig 全局配置系统 - 添加 UIObjectFactory 对象工厂 - 实现 RenderBridge 渲染桥接层 - 实现 Canvas2DBackend 作为默认渲染后端 - 扩展 IRenderCollector 支持更多图元类型 * feat(fairygui): 九宫格渲染和资源加载修复 - 修复 FGUIUpdateSystem 支持路径和 GUID 两种加载方式 - 修复 GTextInput 同时设置 _displayObject 和 _textField - 实现九宫格渲染展开为 9 个子图元 - 添加 sourceWidth/sourceHeight 用于九宫格计算 - 添加 DOMTextRenderer 文本渲染层（临时方案） * fix(fairygui): 修复 GGraph 颜色读取 * feat(fairygui): 虚拟节点 Inspector 和文本渲染支持 * fix(fairygui): 编辑器状态刷新和遗留引用修复 - 修复切换 FGUI 包后组件列表未刷新问题 - 修复切换组件后 viewport 未清理旧内容问题 - 修复虚拟节点在包加载后未刷新问题 - 重构为事件驱动架构，移除轮询机制 - 修复 @esengine/ui 遗留引用，统一使用 @esengine/fairygui * fix: 移除 tsconfig 中的 @esengine/ui 引用
63 lines
2.0 KiB
TypeScript
63 lines
2.0 KiB
TypeScript
import { defineConfig } from 'vite';
|
|
import { resolve } from 'path';
|
|
import dts from 'vite-plugin-dts';
|
|
|
|
export default defineConfig({
|
|
plugins: [
|
|
dts({
|
|
include: ['src'],
|
|
outDir: 'dist',
|
|
rollupTypes: false,
|
|
tsconfigPath: './tsconfig.json'
|
|
})
|
|
],
|
|
define: {
|
|
'process.env.NODE_ENV': JSON.stringify('production')
|
|
},
|
|
esbuild: {
|
|
// 保留类名，用于跨包插件服务匹配
|
|
keepNames: true,
|
|
},
|
|
build: {
|
|
lib: {
|
|
entry: resolve(__dirname, 'src/index.ts'),
|
|
formats: ['es'],
|
|
fileName: () => 'editor-runtime.js'
|
|
},
|
|
rollupOptions: {
|
|
// 将 React 和核心 ECS 框架设为外部依赖
|
|
// 这确保整个应用使用同一个 ComponentRegistry 实例
|
|
external: [
|
|
'react',
|
|
'react-dom',
|
|
'react/jsx-runtime',
|
|
'@esengine/ecs-framework',
|
|
'@esengine/engine-core', // TransformComponent 等核心组件
|
|
'@esengine/ecs-components',
|
|
'@esengine/tilemap',
|
|
'@esengine/fairygui', // FairyGUI system
|
|
'@esengine/behavior-tree',
|
|
'@esengine/platform-web',
|
|
'@esengine/ecs-engine-bindgen',
|
|
'@esengine/asset-system',
|
|
'@esengine/sprite', // SpriteComponent
|
|
'@esengine/camera', // CameraComponent
|
|
'@esengine/material-system',
|
|
],
|
|
output: {
|
|
exports: 'named',
|
|
inlineDynamicImports: true,
|
|
// 映射外部依赖到全局变量
|
|
globals: {
|
|
'react': 'React',
|
|
'react-dom': 'ReactDOM',
|
|
'react/jsx-runtime': 'ReactJSXRuntime'
|
|
}
|
|
}
|
|
},
|
|
target: 'es2020',
|
|
minify: false,
|
|
sourcemap: true
|
|
}
|
|
});
|