@eva/plugin-ui 2.1.0-beta.1 → 2.1.0-beta.3

package/dist/plugin-ui.cjs.js

@@ -1,1926 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var eva_js = require('@eva/eva.js');
-var pluginRendererGraphics = require('@eva/plugin-renderer-graphics');
-var pixi_js = require('pixi.js');
-var ui = require('@pixi/ui');
-
-/** UI 形状类型枚举 */
-exports.UIShapeType = void 0;
-(function (UIShapeType) {
-    UIShapeType["RECT"] = "rect";
-    UIShapeType["CIRCLE"] = "circle";
-    UIShapeType["ELLIPSE"] = "ellipse";
-    UIShapeType["ROUNDED_RECT"] = "roundedRect";
-})(exports.UIShapeType || (exports.UIShapeType = {}));
-/**
- * UI 组件
- *
- * 基于 `@eva/plugin-renderer-graphics` 实现 rect/circle/ellipse/roundedRect 的
- * 矢量绘制,支持纯色 / linear-gradient 填充与描边。`shapes` 数组允许在同一个
- * GameObject 上层叠多个形状。
- */
-class UI extends eva_js.Component {
-    constructor() {
-        super(...arguments);
-        /** 实例侧 componentName,DSL 序列化时使用 */
-        this.componentName = 'UI';
-        this.shapes = [];
-    }
-    /** 编辑器 Inspector 元数据,主仓 ComponentInspector 通过静态方法读取 */
-    static getInspectorMetadata() {
-        const styleFields = [
-            { name: 'fill', type: 'color', isArray: false },
-            { name: 'stroke', type: 'color', isArray: false },
-            { name: 'lineWidth', type: 'number', isArray: false },
-            { name: 'alpha', type: 'number', isArray: false },
-            { name: 'x', type: 'number', isArray: false },
-            { name: 'y', type: 'number', isArray: false },
-            { name: 'width', type: 'number', isArray: false },
-            { name: 'height', type: 'number', isArray: false },
-            { name: 'radius', type: 'number', isArray: false },
-        ];
-        return {
-            name: UI.componentName,
-            type: 'object',
-            isArray: false,
-            isFolder: true,
-            children: [
-                { name: 'componentName', type: 'string', isArray: false },
-                {
-                    name: 'shapes',
-                    type: 'object',
-                    isArray: true,
-                    children: [
-                        { name: 'type', type: 'string', isArray: false },
-                        { name: 'style', type: 'object', isArray: false, children: styleFields },
-                    ],
-                },
-                { name: 'type', type: 'string', isArray: false },
-                { name: 'style', type: 'object', isArray: false, children: styleFields },
-            ],
-        };
-    }
-    init(params) {
-        var _a;
-        if (!params)
-            return;
-        this.componentName = (_a = params.componentName) !== null && _a !== void 0 ? _a : this.componentName;
-        if (params.shapes) {
-            this.shapes = params.shapes;
-        }
-        else if (params.type && params.style) {
-            this.shapes = [
-                {
-                    type: params.type,
-                    style: params.style,
-                },
-            ];
-        }
-    }
-    awake() {
-        this.redraw();
-    }
-    // 在 awake 之后再 schedule 一次重绘,绕过 v8 graphics context 在 awake 时
-    // 的 fillStyle 懒赋值问题(每条 fill 指令记录的 fillStyle 都被后续 fill 调用覆盖)。
-    start() {
-        this.redraw();
-        // 再延迟一次,确保 RenderSystem 已把 graphics 实例 attach 到 stage
-        queueMicrotask(() => this.redraw());
-    }
-    /**
-     * 解析 linear-gradient 字符串
-     * 支持格式: linear-gradient(180deg, #340033 4%, #93005D 83%, #CB2269 99%)
-     */
-    parseLinearGradient(gradientStr) {
-        const match = gradientStr.match(/linear-gradient\s*\(\s*([^,]+),\s*(.+)\)/);
-        if (!match)
-            return null;
-        const angleStr = match[1].trim();
-        const angle = parseFloat(angleStr);
-        const colorStopsStr = match[2];
-        const colorStops = [];
-        const stops = colorStopsStr.split(/,(?![^(]*\))/);
-        for (const stop of stops) {
-            const stopMatch = stop.trim().match(/(.+?)\s+(\d+)%/);
-            if (stopMatch) {
-                const color = stopMatch[1].trim();
-                const position = parseFloat(stopMatch[2]) / 100;
-                colorStops.push({ color, position });
-            }
-        }
-        return { angle, colorStops };
-    }
-    /**
-     * 创建 PixiJS FillGradient 对象
-     * CSS linear-gradient 角度定义：
-     * - 0deg = 从下到上(↑)
-     * - 90deg = 从左到右(→)
-     * - 180deg = 从上到下(↓)
-     * - 270deg = 从右到左(←)
-     *
-     * FillGradient 的坐标范围是 0~1 的相对坐标
-     */
-    createGradient(angle, colorStops, width, height, _offsetX = 0, _offsetY = 0) {
-        let x0 = 0;
-        let y0 = 0;
-        let x1 = 0;
-        let y1 = 0;
-        if (angle === 0) {
-            x0 = 0.5;
-            y0 = 1;
-            x1 = 0.5;
-            y1 = 0;
-        }
-        else if (angle === 90) {
-            x0 = 0;
-            y0 = 0.5;
-            x1 = 1;
-            y1 = 0.5;
-        }
-        else if (angle === 180) {
-            x0 = 0.5;
-            y0 = 0;
-            x1 = 0.5;
-            y1 = 1;
-        }
-        else if (angle === 270) {
-            x0 = 1;
-            y0 = 0.5;
-            x1 = 0;
-            y1 = 0.5;
-        }
-        else {
-            // 通用角度:CSS 0deg 朝上,顺时针
-            const mathAngle = (90 - angle) * (Math.PI / 180);
-            const centerX = 0.5;
-            const centerY = 0.5;
-            const maxDimension = Math.max(width, height);
-            const diagonalLength = Math.sqrt(width * width + height * height);
-            const normalizedLength = diagonalLength / (2 * maxDimension);
-            x0 = centerX - Math.cos(mathAngle) * normalizedLength;
-            y0 = centerY - Math.sin(mathAngle) * normalizedLength;
-            x1 = centerX + Math.cos(mathAngle) * normalizedLength;
-            y1 = centerY + Math.sin(mathAngle) * normalizedLength;
-        }
-        const gradient = new pixi_js.FillGradient(x0, y0, x1, y1);
-        colorStops.forEach((stop) => {
-            gradient.addColorStop(stop.position, stop.color);
-        });
-        return gradient;
-    }
-    /** 计算形状包围盒,供渐变坐标使用 */
-    getShapeBounds(type, style) {
-        const x = style.x || 0;
-        const y = style.y || 0;
-        switch (type) {
-            case exports.UIShapeType.RECT:
-            case exports.UIShapeType.ROUNDED_RECT:
-                return { width: style.width, height: style.height, x, y };
-            case exports.UIShapeType.CIRCLE:
-                return { width: style.radius * 2, height: style.radius * 2, x, y };
-            case exports.UIShapeType.ELLIPSE:
-                return { width: style.width, height: style.height, x, y };
-            default:
-                return { width: 100, height: 100, x, y };
-        }
-    }
-    /** 重新绘制所有形状 */
-    redraw() {
-        if (!this.gameObject)
-            return;
-        let graphicsComponent = this.gameObject.getComponent('Graphics');
-        if (!graphicsComponent) {
-            graphicsComponent = this.gameObject.addComponent(new pluginRendererGraphics.Graphics());
-        }
-        const graphics = graphicsComponent.graphics;
-        if (!graphics) {
-            console.warn('Graphics component has no graphics instance');
-            return;
-        }
-        graphics.clear();
-        this.shapes.forEach((shape) => {
-            this.drawShape(graphics, shape.type, shape.style);
-        });
-    }
-    /** 绘制单个形状 */
-    drawShape(graphics, type, style) {
-        if (style.alpha !== undefined) {
-            graphics.alpha = style.alpha;
-        }
-        if (style.stroke && style.lineWidth !== undefined) {
-            graphics.setStrokeStyle({ color: style.stroke, width: style.lineWidth });
-        }
-        else if (style.stroke) {
-            graphics.setStrokeStyle({ color: style.stroke, width: 1 });
-        }
-        switch (type) {
-            case exports.UIShapeType.RECT:
-                this.drawRect(graphics, style);
-                break;
-            case exports.UIShapeType.CIRCLE:
-                this.drawCircle(graphics, style);
-                break;
-            case exports.UIShapeType.ELLIPSE:
-                this.drawEllipse(graphics, style);
-                break;
-            case exports.UIShapeType.ROUNDED_RECT:
-                this.drawRoundedRect(graphics, style);
-                break;
-            default:
-                console.warn(`Unknown shape type: ${type}`);
-        }
-        if (style.fill) {
-            if (typeof style.fill === 'string' && style.fill.includes('linear-gradient')) {
-                const gradientInfo = this.parseLinearGradient(style.fill);
-                if (gradientInfo) {
-                    const bounds = this.getShapeBounds(type, style);
-                    const gradient = this.createGradient(gradientInfo.angle, gradientInfo.colorStops, bounds.width, bounds.height, bounds.x, bounds.y);
-                    graphics.fill(gradient);
-                }
-                else {
-                    console.warn(`Failed to parse gradient: ${style.fill}`);
-                    graphics.fill('#000000');
-                }
-            }
-            else {
-                graphics.fill(style.fill);
-            }
-        }
-    }
-    drawRect(graphics, style) {
-        const x = style.x || 0;
-        const y = style.y || 0;
-        graphics.rect(x, y, style.width, style.height);
-    }
-    drawCircle(graphics, style) {
-        const x = style.x || 0;
-        const y = style.y || 0;
-        graphics.circle(x, y, style.radius);
-    }
-    drawEllipse(graphics, style) {
-        const x = style.x || 0;
-        const y = style.y || 0;
-        graphics.ellipse(x, y, style.width / 2, style.height / 2);
-    }
-    drawRoundedRect(graphics, style) {
-        const x = style.x || 0;
-        const y = style.y || 0;
-        const radius = style.radius || 0;
-        graphics.roundRect(x, y, style.width, style.height, radius);
-    }
-    /** 追加一个形状 */
-    addShape(type, style) {
-        this.shapes.push({ type, style });
-        this.redraw();
-    }
-    /** 清除所有形状 */
-    clearShapes() {
-        this.shapes = [];
-        this.redraw();
-    }
-    /** 更新指定索引的形状 */
-    updateShape(index, type, style) {
-        if (index >= 0 && index < this.shapes.length) {
-            this.shapes[index] = { type, style };
-            this.redraw();
-        }
-    }
-    /** 移除指定索引的形状 */
-    removeShape(index) {
-        if (index >= 0 && index < this.shapes.length) {
-            this.shapes.splice(index, 1);
-            this.redraw();
-        }
-    }
-    /** 获取形状数量 */
-    getShapeCount() {
-        return this.shapes.length;
-    }
-    /** 获取指定索引的形状(只读视图) */
-    getShape(index) {
-        if (index >= 0 && index < this.shapes.length) {
-            return this.shapes[index];
-        }
-        return null;
-    }
-    /** 设置所有形状的透明度 */
-    setAlpha(alpha) {
-        this.shapes.forEach((shape) => {
-            shape.style.alpha = alpha;
-        });
-        this.redraw();
-    }
-    /** 设置所有形状的填充色 */
-    setFill(fill) {
-        this.shapes.forEach((shape) => {
-            shape.style.fill = fill;
-        });
-        this.redraw();
-    }
-    /** 设置所有形状的描边 */
-    setStroke(stroke, lineWidth = 1) {
-        this.shapes.forEach((shape) => {
-            shape.style.stroke = stroke;
-            shape.style.lineWidth = lineWidth;
-        });
-        this.redraw();
-    }
-}
-/** 组件名称 */
-UI.componentName = 'UI';
-
-/**
- * Eva GameObject -> PIXI.Container resolver.
- *
- * 通过 RendererSystem.containerManager 拿到 GameObject 对应的 PIXI.Container。
- * Eva 引擎的 RendererSystem 在 Transform ADD 时为每个 GameObject 创建空 Container,
- * 渲染插件 (Img/Sprite/Graphics/...) 把自己的显示对象 addChild 到该 Container。
- *
- * plugin-ui 在 attach @pixi/ui 实例时也走同一路径,与现有渲染管线对齐。
- *
- * @returns 该 GameObject 的 PIXI.Container,未就绪时返回 null
- */
-function getEvaContainer(game, go) {
-    var _a, _b, _c;
-    if (!game || !go)
-        return null;
-    const rendererSystem = findRendererSystem(game);
-    const containerManager = (_a = rendererSystem === null || rendererSystem === void 0 ? void 0 : rendererSystem.containerManager) !== null && _a !== void 0 ? _a : (_b = rendererSystem === null || rendererSystem === void 0 ? void 0 : rendererSystem.rendererManager) === null || _b === void 0 ? void 0 : _b.containerManager;
-    if (!(containerManager === null || containerManager === void 0 ? void 0 : containerManager.getContainer))
-        return null;
-    return (_c = containerManager.getContainer(go.id)) !== null && _c !== void 0 ? _c : null;
-}
-/**
- * 反查 RendererSystem 实例。
- *
- * 注意:`@eva/plugin-renderer` 的实际 class name 是 `Renderer`,`static systemName = 'Renderer'`。
- * 外部 import 时通常起别名 `RendererSystem`(import/export 别名),
- * 但 Eva.js 的 game.getSystem(string) 走 `system.name === S` 匹配,所以查询字符串是 'Renderer'。
- *
- * 同时遍历 systems 数组兜底:有 containerManager 字段的 system 即可识别为 RendererSystem。
- */
-function findRendererSystem(game) {
-    var _a, _b, _c, _d, _e, _f;
-    // 1) 优先 string getSystem('Renderer')
-    const tryStr = (_b = (_a = game).getSystem) === null || _b === void 0 ? void 0 : _b.call(_a, 'Renderer');
-    if (tryStr)
-        return tryStr;
-    // 2) 遍历:系统名 / 类名 / 独有的 containerManager 字段
-    const systems = (_c = game.systems) !== null && _c !== void 0 ? _c : [];
-    for (const sys of systems) {
-        const ctorName = (_e = (_d = sys === null || sys === void 0 ? void 0 : sys.constructor) === null || _d === void 0 ? void 0 : _d.systemName) !== null && _e !== void 0 ? _e : (_f = sys === null || sys === void 0 ? void 0 : sys.constructor) === null || _f === void 0 ? void 0 : _f.name;
-        if (ctorName === 'Renderer' || ctorName === 'RendererSystem')
-            return sys;
-        if ((sys === null || sys === void 0 ? void 0 : sys.name) === 'Renderer' || (sys === null || sys === void 0 ? void 0 : sys.name) === 'RendererSystem')
-            return sys;
-        if (sys === null || sys === void 0 ? void 0 : sys.containerManager)
-            return sys;
-    }
-    return null;
-}
-/**
- * 把 @pixi/ui 实例 attach 到 GameObject 的 PIXI.Container。
- *
- * 行为:addChildAt(instance, 0) — 与 Img/Graphics 系列保持一致放在 z=0 底层。
- * 如果 Container 还没就绪(同帧 Transform 尚未处理),返回 false,调用方应在
- * queueMicrotask 后重试一次。
- */
-function attachToGameObject(game, go, instance) {
-    const container = getEvaContainer(game, go);
-    if (!container)
-        return false;
-    try {
-        if (instance.parent && instance.parent !== container) {
-            instance.parent.removeChild(instance);
-        }
-        if (typeof container.addChildAt === 'function') {
-            container.addChildAt(instance, 0);
-        }
-        else {
-            container.addChild(instance);
-        }
-        return true;
-    }
-    catch (_) {
-        return false;
-    }
-}
-/**
- * 反之:从 GameObject Container 移除并 destroy @pixi/ui 实例。
- *
- * destroy({ children: true }) 会递归销毁内部 view,但 Texture 不被销毁
- * (texture: false 默认)以避免共享纹理被误销毁。
- */
-function detachFromGameObject(game, go, instance) {
-    if (!instance)
-        return;
-    const container = getEvaContainer(game, go);
-    try {
-        if (container && instance.parent === container) {
-            container.removeChild(instance);
-        }
-        if (typeof instance.destroy === 'function') {
-            instance.destroy({ children: true });
-        }
-    }
-    catch (_) {
-        // ignore — destroy 二次调用 / 已 detach 都视为成功
-    }
-}
-/**
- * 在 Container 未就绪时延后执行 fn。
- * 行为:同步尝试一次,失败 queueMicrotask 重试,最多 4 次(每 microtask 回合一次)。
- * 主要应对 plugin-ui Component 与核心 Transform 在同帧 ADD 时的时序竞争。
- */
-function whenContainerReady(game, go, fn, attempts = 4) {
-    const container = getEvaContainer(game, go);
-    if (container) {
-        fn(container);
-        return;
-    }
-    if (attempts <= 0)
-        return;
-    queueMicrotask(() => whenContainerReady(game, go, fn, attempts - 1));
-}
-
-/**
- * 把 ViewRef 解析为 PIXI 显示对象 (Container | Sprite | Graphics)。
- *
- * @param game  Game 实例(用来反查 RendererSystem.containerManager / resource)
- * @param go    宿主 GameObject(entityName 类型 ViewRef 在它的子里查找)
- * @returns     PIXI 显示对象,失败返回 null
- */
-function resolveViewRef(game, go, ref) {
-    var _a;
-    if (!ref)
-        return null;
-    if ('entityName' in ref) {
-        const child = findChildEntity$1(go, ref.entityName);
-        if (child) {
-            const childContainer = getEvaContainer(game, child);
-            if (childContainer) {
-                // 把子 entity 的 PIXI Container 从原父 detach,@pixi/ui 内部会 addChild 它
-                try {
-                    if (childContainer.parent) {
-                        childContainer.parent.removeChild(childContainer);
-                    }
-                }
-                catch (_) { }
-                return childContainer;
-            }
-        }
-        if (ref.fallback)
-            return resolveViewRef(game, go, ref.fallback);
-        return null;
-    }
-    if ('ui' in ref) {
-        return (_a = drawInlineShape(ref.ui)) !== null && _a !== void 0 ? _a : (ref.fallback ? resolveViewRef(game, go, ref.fallback) : null);
-    }
-    if ('texture' in ref) {
-        const tex = resolveTexture(game, ref.texture);
-        if (tex)
-            return new pixi_js.Sprite(tex);
-        if (ref.fallback)
-            return resolveViewRef(game, go, ref.fallback);
-        return null;
-    }
-    if ('color' in ref) {
-        try {
-            const g = new pixi_js.Graphics();
-            if (ref.radius && ref.radius > 0) {
-                g.roundRect(0, 0, ref.width, ref.height, ref.radius);
-            }
-            else {
-                g.rect(0, 0, ref.width, ref.height);
-            }
-            g.fill(ref.color);
-            return g;
-        }
-        catch (e) {
-            console.error('[view-resolver] color view create failed', e);
-            return null;
-        }
-    }
-    return null;
-}
-/** 把 ViewRef 解析为已存在的 Texture(用于 ProgressBar/Slider/Input 的 nineSlice 路径) */
-function resolveTexture(game, key) {
-    var _a, _b;
-    // 1) Eva resource pool
-    const resourceModule = (_a = game === null || game === void 0 ? void 0 : game.resource) !== null && _a !== void 0 ? _a : null;
-    if ((_b = resourceModule === null || resourceModule === void 0 ? void 0 : resourceModule.instances) === null || _b === void 0 ? void 0 : _b[key]) {
-        const inst = resourceModule.instances[key];
-        if (inst instanceof pixi_js.Texture)
-            return inst;
-        if ((inst === null || inst === void 0 ? void 0 : inst.image) instanceof pixi_js.Texture)
-            return inst.image;
-    }
-    // 2) global asset cache (Texture.from)
-    try {
-        return pixi_js.Texture.from(key);
-    }
-    catch (_) {
-        return null;
-    }
-}
-function drawInlineShape(shape) {
-    var _a, _b, _c;
-    if (!shape || !shape.type)
-        return null;
-    const g = new pixi_js.Graphics();
-    const { style } = shape;
-    const w = (_a = style.width) !== null && _a !== void 0 ? _a : 0;
-    const h = (_b = style.height) !== null && _b !== void 0 ? _b : 0;
-    const r = (_c = style.radius) !== null && _c !== void 0 ? _c : 0;
-    switch (shape.type) {
-        case 'rect':
-            g.rect(0, 0, w, h);
-            break;
-        case 'roundedRect':
-            g.roundRect(0, 0, w, h, r);
-            break;
-        case 'circle':
-            g.circle(r, r, r);
-            break;
-        case 'ellipse':
-            g.ellipse(w / 2, h / 2, w / 2, h / 2);
-            break;
-    }
-    if (style.fill !== undefined)
-        g.fill(style.fill);
-    if (style.stroke !== undefined && style.lineWidth !== undefined) {
-        g.setStrokeStyle({ color: style.stroke, width: style.lineWidth });
-        g.stroke();
-    }
-    if (style.alpha !== undefined)
-        g.alpha = style.alpha;
-    return g;
-}
-/**
- * 在 GameObject 的 transform.children 中查找指定名字的子 entity。
- * 不递归 — plugin-ui 的视觉子项语义只允许直接子节点。
- */
-function findChildEntity$1(go, name) {
-    var _a, _b, _c;
-    if (typeof go.findChildByName === 'function') {
-        try {
-            const c = go.findChildByName(name);
-            if (c)
-                return c;
-        }
-        catch (_) { }
-    }
-    const children = (_b = (_a = go.transform) === null || _a === void 0 ? void 0 : _a.children) !== null && _b !== void 0 ? _b : [];
-    for (const tf of children) {
-        if (((_c = tf === null || tf === void 0 ? void 0 : tf.gameObject) === null || _c === void 0 ? void 0 : _c.name) === name)
-            return tf.gameObject;
-    }
-    return null;
-}
-
-/**
- * Generic ECS wrapper factory for @pixi/ui components.
- *
- * 设计目标:每个 @pixi/ui 类的 ECS wrapper 只需声明一份 metadata(字段定义 + view ref keys
- * + options builder + signal map + change syncer),不再写 class 样板。
- *
- * 不能塌缩进 metadata 的特殊行为(由 ComponentDefinition 上的 hook 字段表达):
- *   - postCreate: 初始 prop sync(enabled / selectedTint 等)
- *   - onAttachedExtra: ADD 完成后跑(Dialog 挂 contentChild、MaskedFrame 挂 borderView)
- *   - syncOnChange:    CHANGE 时把 wrapper 字段写回 @pixi/ui 实例
- *   - mixin:           额外 instance method(ProgressBar.getProgressPct)
- *
- * RadioGroup 因跨实体协调 + queueMicrotask 时序耦合,**不走** factory,保留独立 class。
- */
-// ============================================================
-// Generated wrapper base class
-// ============================================================
-/**
- * 由 defineUiComponent 创建的 wrapper class 基础形状。
- * 所有由 factory 生成的 class 共享下面这套 init / applyDeclarativeProps / getInspectorMetadata
- * / 内部状态计数器逻辑。
- */
-class PixiUiComponent extends eva_js.Component {
-    constructor() {
-        super(...arguments);
-        /** runtime 计数,供 spec / debug 验证(toggleCount / pressCount / hoverCount / ...)*/
-        this.toggleCount = 0;
-        this.pressCount = 0;
-        this.hoverCount = 0;
-        this.changeCount = 0;
-        this.updateCount = 0;
-        this.selectCount = 0;
-        /** Input 私有 focused */
-        this.focused = false;
-    }
-    init(p) {
-        if (p)
-            this.applyParams(p);
-    }
-    applyDeclarativeProps(next, _prev) {
-        this.applyParams(next);
-    }
-    /** 通用字段 apply 循环:按 fieldSpec 走对应分支 */
-    applyParams(p) {
-        const def = this.constructor.__def;
-        if (!def)
-            return;
-        for (const [name, spec] of Object.entries(def.fields)) {
-            if (!(name in p))
-                continue;
-            const v = p[name];
-            if (v === undefined)
-                continue;
-            switch (spec.kind) {
-                case 'scalar':
-                    this[name] = v;
-                    break;
-                case 'shallowMerge':
-                    this[name] = Object.assign(Object.assign({}, this[name]), v);
-                    break;
-                case 'arrayCopy':
-                    if (Array.isArray(v))
-                        this[name] = v.slice();
-                    break;
-                case 'tuple':
-                    if (Array.isArray(v) && (!spec.tupleLength || v.length === spec.tupleLength)) {
-                        this[name] = v.slice();
-                    }
-                    break;
-                case 'opaque':
-                    this[name] = v;
-                    break;
-            }
-        }
-    }
-}
-function defineUiComponent(def) {
-    const factoryName = def.name;
-    // 用 anonymous class + 静态 cast 绕过 TS2417(static __def 类型与 base 不严格匹配)
-    class Generated extends PixiUiComponent {
-        constructor(params) {
-            super(params);
-            this.componentName = factoryName;
-            // 所有 field 都必须在实例上预声明(即使是 undefined),否则 Eva
-            // componentObserver 的 `(key in obj)` 检查会失败,导致 prop 不被监听。
-            for (const [name, spec] of Object.entries(def.fields)) {
-                if (spec.default !== undefined) {
-                    this[name] = cloneDefault(spec.default);
-                }
-                else if (!(name in this)) {
-                    this[name] = undefined;
-                }
-            }
-        }
-        static getInspectorMetadata() {
-            return buildInspectorMetadata(def);
-        }
-    }
-    // 必要 cast,因为 TypeScript 不支持\"派生类窄化 static 字段类型\"
-    const Cls = Generated;
-    Cls.componentName = factoryName;
-    Cls.__def = def;
-    // class.name(jest snapshot / Inspector 反射用)
-    try {
-        Object.defineProperty(Cls, 'name', { value: factoryName });
-    }
-    catch (_) { }
-    // mixin 注入 prototype(ProgressBar.getProgressPct 等)
-    if (def.mixin) {
-        for (const [k, fn] of Object.entries(def.mixin)) {
-            Generated.prototype[k] = fn;
-        }
-    }
-    return Cls;
-}
-function cloneDefault(v) {
-    if (v === null || typeof v !== 'object')
-        return v;
-    if (Array.isArray(v))
-        return v.slice();
-    return Object.assign({}, v);
-}
-function buildInspectorMetadata(def) {
-    const children = [];
-    for (const [name, spec] of Object.entries(def.fields)) {
-        if (spec.inspector) {
-            children.push(Object.assign(Object.assign({}, spec.inspector), { name: spec.inspector.name || name }));
-        }
-    }
-    return {
-        name: def.name,
-        type: 'object',
-        isArray: false,
-        isFolder: true,
-        children,
-    };
-}
-// ============================================================
-// View resolution helper(by ViewSchema)
-// ============================================================
-function resolveViewsBySchema(game, go, component, schema) {
-    var _a, _b;
-    if (!schema)
-        return {};
-    switch (schema.kind) {
-        case 'single': {
-            const ref = component[schema.key];
-            const v = resolveViewRef(game, go, ref);
-            if (schema.required && !v)
-                return null;
-            return { single: v };
-        }
-        case 'object': {
-            const folder = (_a = component[schema.folder]) !== null && _a !== void 0 ? _a : {};
-            const out = {};
-            for (const { name, required } of schema.keys) {
-                const v = resolveViewRef(game, go, folder[name]);
-                if (required && !v)
-                    return null;
-                out[name] = v;
-            }
-            return { object: out };
-        }
-        case 'array': {
-            const refs = (_b = component[schema.key]) !== null && _b !== void 0 ? _b : [];
-            const out = refs.map((r) => resolveViewRef(game, go, r)).filter(Boolean);
-            if (out.length < schema.minLength)
-                return null;
-            return { array: out };
-        }
-    }
-}
-
-/**
- * @pixi/ui v2.x 包装层 — 14 个 ECS Component 由 metadata 驱动生成。
- *
- * 替代旧的 14 份 lib/components/*.ts 样板文件。新增组件 = 在本文件加一份 metadata,无需新文件。
- *
- * RadioGroup 因跨实体协调(收集子 CheckBox 实例 + queueMicrotask)无法 metadata 化,
- * 保留在 ./radio-group.ts 单独维护。
- */
-// ============================================================
-// Common helpers
-// ============================================================
-/** 绝大多数 wrapper 共享 enabled / bindToStore 字段。 */
-const ENABLED = { kind: 'scalar', default: true, inspector: { name: 'enabled', type: 'boolean' } };
-const BIND_STORE = { kind: 'scalar', inspector: { name: 'bindToStore', type: 'string' } };
-/** 用 mixin 把 getProgressPct 注入 ProgressBar / CircularProgressBar */
-function getProgressPctMixin() {
-    const [min, max] = this.valueRange;
-    if (max <= min)
-        return 0;
-    const clamped = Math.max(min, Math.min(max, this.value));
-    return ((clamped - min) / (max - min)) * 100;
-}
-/** Dialog backdropColor 字符串 → 数字转换 */
-function backdropColorToNumber(c) {
-    if (c === undefined)
-        return undefined;
-    if (typeof c === 'string')
-        return parseInt(c.replace('#', ''), 16);
-    return c;
-}
-// ============================================================
-// 14 个 component definitions
-// ============================================================
-const BUTTON_DEF = {
-    name: 'Button',
-    signalPrefix: 'button',
-    pixiClass: ui.ButtonContainer,
-    fields: {
-        enabled: ENABLED,
-        view: { kind: 'opaque', inspector: { name: 'view', type: 'object' } },
-    },
-    views: { kind: 'single', key: 'view', required: true },
-    // PixiButton 构造是位置参数: new PixiButton(view)
-    positional: true,
-    optionsBuilder: (_c, v) => [v.single],
-    postCreate: (inst, c) => { inst.enabled = c.enabled; },
-    signalMap: (c) => ({
-        press: () => { c.pressCount += 1; return {}; },
-        down: true, up: true, hover: true,
-    }),
-    syncOnChange: (inst, c) => { inst.enabled = c.enabled; },
-};
-const FANCY_BUTTON_DEF = {
-    name: 'FancyButton',
-    signalPrefix: 'fancybutton',
-    pixiClass: ui.FancyButton,
-    fields: {
-        enabled: ENABLED,
-        state: { kind: 'scalar', default: 'default', inspector: { name: 'state', type: 'string' } },
-        selected: { kind: 'scalar', default: false, inspector: { name: 'selected', type: 'boolean' } },
-        text: { kind: 'scalar', inspector: { name: 'text', type: 'string' } },
-        padding: { kind: 'scalar', inspector: { name: 'padding', type: 'number' } },
-        selectedTint: { kind: 'scalar', default: '#FFD680', inspector: { name: 'selectedTint', type: 'color' } },
-        views: { kind: 'shallowMerge', default: {}, inspector: { name: 'views', type: 'object', isFolder: true, children: [
-                    { name: 'default', type: 'object' }, { name: 'hover', type: 'object' },
-                    { name: 'pressed', type: 'object' }, { name: 'disabled', type: 'object' },
-                ] } },
-        offset: { kind: 'shallowMerge', default: {} },
-        textOffset: { kind: 'shallowMerge', default: {} },
-        nineSliceSprite: { kind: 'opaque' },
-    },
-    views: {
-        kind: 'object', folder: 'views',
-        keys: [
-            { name: 'default', required: false },
-            { name: 'hover', required: false },
-            { name: 'pressed', required: false },
-            { name: 'disabled', required: false },
-        ],
-    },
-    optionsBuilder: (c, v) => {
-        var _a, _b, _d, _e;
-        // FancyButton 内部 updateView 不接受 null;只把已 resolve 的 view 字段传过去
-        const opts = {
-            text: c.text, padding: c.padding,
-            offset: c.offset, textOffset: c.textOffset,
-            nineSliceSprite: c.nineSliceSprite,
-        };
-        if ((_a = v.object) === null || _a === void 0 ? void 0 : _a.default)
-            opts.defaultView = v.object.default;
-        if ((_b = v.object) === null || _b === void 0 ? void 0 : _b.hover)
-            opts.hoverView = v.object.hover;
-        if ((_d = v.object) === null || _d === void 0 ? void 0 : _d.pressed)
-            opts.pressedView = v.object.pressed;
-        if ((_e = v.object) === null || _e === void 0 ? void 0 : _e.disabled)
-            opts.disabledView = v.object.disabled;
-        return opts;
-    },
-    postCreate: (inst, c) => {
-        inst.enabled = c.enabled;
-        if (c.selected)
-            applySelectedTint(inst, c);
-    },
-    signalMap: (c) => ({
-        press: () => { c.pressCount += 1; return {}; },
-        hover: () => { c.hoverCount += 1; return {}; },
-        down: true, up: true,
-    }),
-    syncOnChange: (inst, c) => {
-        inst.enabled = c.enabled;
-        if (c.text !== undefined && inst.text !== c.text)
-            inst.text = c.text;
-        if (c.padding !== undefined && inst.padding !== c.padding)
-            inst.padding = c.padding;
-        applySelectedTint(inst, c);
-    },
-};
-function applySelectedTint(inst, c) {
-    try {
-        const dv = inst.defaultView;
-        if (dv && 'tint' in dv)
-            dv.tint = c.selected ? c.selectedTint : 0xFFFFFF;
-    }
-    catch (_) { }
-}
-const CHECKBOX_DEF = {
-    name: 'CheckBox',
-    signalPrefix: 'checkbox',
-    pixiClass: ui.CheckBox,
-    fields: {
-        enabled: ENABLED,
-        checked: { kind: 'scalar', default: false, inspector: { name: 'checked', type: 'boolean' } },
-        text: { kind: 'scalar', inspector: { name: 'text', type: 'string' } },
-        bindToStore: BIND_STORE,
-        views: { kind: 'shallowMerge', default: {}, inspector: { name: 'views', type: 'object', isFolder: true, children: [
-                    { name: 'checked', type: 'object' }, { name: 'unchecked', type: 'object' },
-                ] } },
-        disabledStyle: { kind: 'shallowMerge', default: { alpha: 0.4, scale: 1 } },
-    },
-    views: {
-        kind: 'object', folder: 'views',
-        keys: [
-            { name: 'checked', required: true },
-            { name: 'unchecked', required: true },
-        ],
-    },
-    optionsBuilder: (c, v) => ({
-        style: { checked: v.object.checked, unchecked: v.object.unchecked },
-        text: c.text, checked: c.checked,
-    }),
-    signalMap: (c) => ({
-        check: (state) => { c.checked = state; c.toggleCount += 1; return { value: state }; },
-    }),
-    syncOnChange: (inst, c) => {
-        if (inst.checked !== c.checked)
-            inst.checked = c.checked;
-    },
-};
-const SWITCHER_DEF = {
-    name: 'Switcher',
-    signalPrefix: 'switcher',
-    pixiClass: ui.Switcher,
-    fields: {
-        active: { kind: 'scalar', default: 0, inspector: { name: 'active', type: 'number' } },
-        views: { kind: 'arrayCopy', default: [] },
-        triggerEvent: { kind: 'scalar', default: 'onPress', inspector: { name: 'triggerEvent', type: 'string' } },
-        bindToStore: BIND_STORE,
-    },
-    views: { kind: 'array', key: 'views', minLength: 2 },
-    // PixiSwitcher 构造是位置参数: new PixiSwitcher(views, triggerEvent, activeViewID)
-    positional: true,
-    optionsBuilder: (c, v) => [v.array, c.triggerEvent, c.active],
-    signalMap: (c) => ({
-        change: (state) => {
-            c.active = typeof state === 'number' ? state : (state ? 1 : 0);
-            c.changeCount += 1;
-            return { active: c.active };
-        },
-    }),
-    syncOnChange: (inst, c) => {
-        if (inst.active !== c.active)
-            inst.active = c.active;
-    },
-};
-const SLIDER_DEF = {
-    name: 'Slider',
-    signalPrefix: 'slider',
-    pixiClass: ui.Slider,
-    fields: {
-        enabled: ENABLED,
-        value: { kind: 'scalar', default: 0, inspector: { name: 'value', type: 'number' } },
-        min: { kind: 'scalar', default: 0, inspector: { name: 'min', type: 'number' } },
-        max: { kind: 'scalar', default: 100, inspector: { name: 'max', type: 'number' } },
-        step: { kind: 'scalar', default: 1, inspector: { name: 'step', type: 'number' } },
-        orientation: { kind: 'scalar', default: 'horizontal', inspector: { name: 'orientation', type: 'string' } },
-        showValue: { kind: 'scalar', default: false, inspector: { name: 'showValue', type: 'boolean' } },
-        views: { kind: 'shallowMerge', default: {} },
-        bindToStore: BIND_STORE,
-    },
-    views: {
-        kind: 'object', folder: 'views',
-        keys: [
-            { name: 'bg', required: true },
-            { name: 'fill', required: true },
-            { name: 'thumb', required: true },
-        ],
-    },
-    optionsBuilder: (c, v) => {
-        centerThumbPivot(v.object.thumb);
-        return {
-            bg: v.object.bg, fill: v.object.fill, slider: v.object.thumb,
-            min: c.min, max: c.max, step: c.step, value: c.value, showValue: c.showValue,
-        };
-    },
-    signalMap: (c) => ({
-        update: (vv) => { c.value = vv; c.updateCount += 1; return { value: vv }; },
-        change: (vv) => { c.value = vv; c.changeCount += 1; return { value: vv }; },
-    }),
-    syncOnChange: (inst, c) => {
-        if (inst.value !== c.value)
-            inst.value = c.value;
-    },
-};
-/**
- * @pixi/ui Slider 的 update 逻辑:
- *   slider.x = (bg.width/100 * progress) - (slider.width / 2)   // x 已居中
- *   slider.y = bg.height / 2                                    // y 未居中(bug)
- *
- * 因 y 维度 @pixi/ui 假设 thumb anchor / pivot 在中心(对 Sprite 自动 anchor.set(0.5),
- * 但 Graphics 没 anchor),Graphics 渲染时左上角对齐 bg 中线,thumb 中心落到中线下方。
- *
- * 修法:只设 pivot.y = h/2 让 thumb 沿 y 居中。pivot.x 保持 0(x 在 update
- * 里已用 -width/2 居中过,再设 pivot.x 会双倍偏移)。
- */
-function centerThumbPivot(thumb) {
-    var _a, _b, _d, _e;
-    if (!thumb)
-        return;
-    if (thumb.anchor)
-        return; // Sprite — @pixi/ui 自己 anchor.set(0.5)
-    let h = 0;
-    try {
-        const b = (_a = thumb.getBounds) === null || _a === void 0 ? void 0 : _a.call(thumb);
-        h = (_d = (_b = b === null || b === void 0 ? void 0 : b.height) !== null && _b !== void 0 ? _b : thumb.height) !== null && _d !== void 0 ? _d : 0;
-    }
-    catch (_) {
-        h = (_e = thumb.height) !== null && _e !== void 0 ? _e : 0;
-    }
-    if (h > 0 && thumb.pivot) {
-        thumb.pivot.set(0, h / 2);
-    }
-}
-const DOUBLE_SLIDER_DEF = {
-    name: 'DoubleSlider',
-    signalPrefix: 'doubleslider',
-    pixiClass: ui.DoubleSlider,
-    fields: {
-        enabled: ENABLED,
-        value1: { kind: 'scalar', default: 0, inspector: { name: 'value1', type: 'number' } },
-        value2: { kind: 'scalar', default: 100, inspector: { name: 'value2', type: 'number' } },
-        min: { kind: 'scalar', default: 0, inspector: { name: 'min', type: 'number' } },
-        max: { kind: 'scalar', default: 100, inspector: { name: 'max', type: 'number' } },
-        step: { kind: 'scalar', default: 1 },
-        showValue: { kind: 'scalar', default: false, inspector: { name: 'showValue', type: 'boolean' } },
-        views: { kind: 'shallowMerge', default: {} },
-        bindToStore1: { kind: 'scalar' },
-        bindToStore2: { kind: 'scalar' },
-    },
-    views: {
-        kind: 'object', folder: 'views',
-        keys: [
-            { name: 'bg', required: true }, { name: 'fill', required: true },
-            { name: 'slider1', required: true }, { name: 'slider2', required: true },
-        ],
-    },
-    optionsBuilder: (c, v) => {
-        centerThumbPivot(v.object.slider1);
-        centerThumbPivot(v.object.slider2);
-        return {
-            bg: v.object.bg, fill: v.object.fill,
-            slider1: v.object.slider1, slider2: v.object.slider2,
-            min: c.min, max: c.max, value1: c.value1, value2: c.value2, showValue: c.showValue,
-        };
-    },
-    signalMap: (c) => ({
-        update: (v1, v2) => { c.value1 = v1; c.value2 = v2; c.updateCount += 1; return { value1: v1, value2: v2 }; },
-        change: (v1, v2) => { c.value1 = v1; c.value2 = v2; c.changeCount += 1; return { value1: v1, value2: v2 }; },
-    }),
-    syncOnChange: (inst, c) => {
-        if (inst.value1 !== c.value1)
-            inst.value1 = c.value1;
-        if (inst.value2 !== c.value2)
-            inst.value2 = c.value2;
-    },
-};
-const PROGRESS_BAR_DEF = {
-    name: 'ProgressBar',
-    signalPrefix: 'progressbar',
-    pixiClass: ui.ProgressBar,
-    fields: {
-        value: { kind: 'scalar', default: 0, inspector: { name: 'value', type: 'number' } },
-        valueRange: { kind: 'tuple', tupleLength: 2, default: [0, 100], inspector: { name: 'valueRange', type: 'number', isArray: true } },
-        bgView: { kind: 'opaque' },
-        fillView: { kind: 'opaque' },
-        nineSliceSprite: { kind: 'opaque' },
-        fillPaddings: { kind: 'shallowMerge', default: {} },
-        bindToStore: BIND_STORE,
-    },
-    views: {
-        kind: 'object', folder: '__progress_views__',
-        keys: [], // 用空 keys 让 resolveViewsBySchema 跳过(下面用 customViewResolver 替代)
-    },
-    // 因为 ProgressBar 的 view ref 在两个独立字段(bgView/fillView),不在同一个 folder 对象里
-    // 这里用 inline resolution(在 system.ts handleGeneric 里有 fast path 处理 views=undefined 的情形,
-    // optionsBuilder 接受 raw component 自己 resolve)
-    optionsBuilder: (c, _v) => ({
-        bg: c.__resolved_bg, fill: c.__resolved_fill,
-        fillPaddings: c.fillPaddings,
-        progress: computeProgressPct(c),
-    }),
-    syncOnChange: (inst, c) => {
-        const pct = computeProgressPct(c);
-        if (inst.progress !== pct)
-            inst.progress = pct;
-    },
-    mixin: { getProgressPct: getProgressPctMixin },
-};
-function computeProgressPct(c) {
-    const [min, max] = c.valueRange;
-    if (max <= min)
-        return 0;
-    const clamped = Math.max(min, Math.min(max, c.value));
-    return ((clamped - min) / (max - min)) * 100;
-}
-const CIRCULAR_PROGRESS_BAR_DEF = {
-    name: 'CircularProgressBar',
-    signalPrefix: 'circularprogressbar',
-    pixiClass: ui.CircularProgressBar,
-    fields: {
-        value: { kind: 'scalar', default: 0, inspector: { name: 'value', type: 'number' } },
-        valueRange: { kind: 'tuple', tupleLength: 2, default: [0, 100], inspector: { name: 'valueRange', type: 'number', isArray: true } },
-        radius: { kind: 'scalar', default: 60, inspector: { name: 'radius', type: 'number' } },
-        lineWidth: { kind: 'scalar', default: 12, inspector: { name: 'lineWidth', type: 'number' } },
-        startAngle: { kind: 'scalar', default: -90, inspector: { name: 'startAngle', type: 'number', step: 5 } },
-        backgroundColor: { kind: 'scalar', default: '#1f2937', inspector: { name: 'backgroundColor', type: 'color' } },
-        fillColor: { kind: 'scalar', default: '#22c55e', inspector: { name: 'fillColor', type: 'color' } },
-        backgroundAlpha: { kind: 'scalar', default: 1, inspector: { name: 'backgroundAlpha', type: 'number', step: 0.05 } },
-        fillAlpha: { kind: 'scalar', default: 1, inspector: { name: 'fillAlpha', type: 'number', step: 0.05 } },
-        bindToStore: BIND_STORE,
-    },
-    optionsBuilder: (c) => ({
-        radius: c.radius, lineWidth: c.lineWidth,
-        backgroundColor: c.backgroundColor, fillColor: c.fillColor,
-        backgroundAlpha: c.backgroundAlpha, fillAlpha: c.fillAlpha,
-        value: computeProgressPct(c),
-    }),
-    syncOnChange: (inst, c) => {
-        const pct = computeProgressPct(c);
-        if (inst.progress !== pct)
-            inst.progress = pct;
-    },
-    mixin: { getProgressPct: getProgressPctMixin },
-};
-const INPUT_DEF = {
-    name: 'Input',
-    signalPrefix: 'input',
-    pixiClass: ui.Input,
-    fields: {
-        enabled: ENABLED,
-        value: { kind: 'scalar', default: '', inspector: { name: 'value', type: 'string' } },
-        placeholder: { kind: 'scalar', default: '', inspector: { name: 'placeholder', type: 'string' } },
-        maxLength: { kind: 'scalar', default: 100, inspector: { name: 'maxLength', type: 'number' } },
-        secure: { kind: 'scalar', default: false, inspector: { name: 'secure', type: 'boolean' } },
-        align: { kind: 'scalar', default: 'left', inspector: { name: 'align', type: 'string' } },
-        padding: { kind: 'tuple', tupleLength: 4, default: [8, 8, 8, 8] },
-        textStyle: { kind: 'shallowMerge', default: { fontFamily: 'Arial', fontSize: 16, fill: '#222' } },
-        bgView: { kind: 'opaque' },
-        nineSliceSprite: { kind: 'opaque' },
-        cleanOnFocus: { kind: 'scalar', default: false, inspector: { name: 'cleanOnFocus', type: 'boolean' } },
-        addMask: { kind: 'scalar', default: false, inspector: { name: 'addMask', type: 'boolean' } },
-        bindToStore: BIND_STORE,
-    },
-    views: { kind: 'single', key: 'bgView', required: true },
-    optionsBuilder: (c, v) => ({
-        bg: v.single, textStyle: c.textStyle,
-        placeholder: c.placeholder, value: c.value, maxLength: c.maxLength, secure: c.secure,
-        align: c.align, padding: c.padding,
-        cleanOnFocus: c.cleanOnFocus, nineSliceSprite: c.nineSliceSprite, addMask: c.addMask,
-    }),
-    signalMap: (c) => ({
-        change: (text) => { c.value = text; c.changeCount += 1; return { value: text }; },
-        enter: (text) => ({ value: text }),
-    }),
-    syncOnChange: (inst, c) => {
-        if (inst.value !== c.value)
-            inst.value = c.value;
-    },
-};
-const LIST_DEF = {
-    name: 'List',
-    signalPrefix: 'list',
-    pixiClass: ui.List,
-    fields: {
-        type: { kind: 'scalar', default: 'vertical', inspector: { name: 'type', type: 'string' } },
-        elementsMargin: { kind: 'scalar', default: 0, inspector: { name: 'elementsMargin', type: 'number' } },
-        padding: { kind: 'scalar' },
-        vertPadding: { kind: 'scalar' },
-        horPadding: { kind: 'scalar' },
-        topPadding: { kind: 'scalar' },
-        bottomPadding: { kind: 'scalar' },
-        leftPadding: { kind: 'scalar' },
-        rightPadding: { kind: 'scalar' },
-        maxWidth: { kind: 'scalar' },
-        maxHeight: { kind: 'scalar' },
-        itemsChildName: { kind: 'scalar', default: 'items' },
-    },
-    // List 不走 ViewSchema,view 是 collectChildContainers 副作用,system.ts 处理
-    optionsBuilder: (c, _v) => {
-        var _a;
-        return ({
-            type: c.type,
-            elementsMargin: c.elementsMargin,
-            padding: c.padding,
-            vertPadding: c.vertPadding, horPadding: c.horPadding,
-            topPadding: c.topPadding, bottomPadding: c.bottomPadding,
-            leftPadding: c.leftPadding, rightPadding: c.rightPadding,
-            maxWidth: c.maxWidth, maxHeight: c.maxHeight,
-            children: (_a = c.__resolved_items) !== null && _a !== void 0 ? _a : [],
-        });
-    },
-    syncOnChange: (inst, c) => {
-        if (inst.type !== c.type)
-            inst.type = c.type;
-        if (inst.elementsMargin !== c.elementsMargin)
-            inst.elementsMargin = c.elementsMargin;
-        if (typeof inst.arrangeChildren === 'function')
-            inst.arrangeChildren();
-    },
-};
-const SCROLL_BOX_DEF = {
-    name: 'ScrollBox',
-    signalPrefix: 'scrollbox',
-    pixiClass: ui.ScrollBox,
-    fields: {
-        width: { kind: 'scalar', default: 320, inspector: { name: 'width', type: 'number' } },
-        height: { kind: 'scalar', default: 240, inspector: { name: 'height', type: 'number' } },
-        direction: { kind: 'scalar', default: 'vertical', inspector: { name: 'direction', type: 'string' } },
-        contentChildName: { kind: 'scalar', default: 'content' },
-        background: { kind: 'scalar', default: 0x111111, inspector: { name: 'background', type: 'color' } },
-        radius: { kind: 'scalar', default: 0, inspector: { name: 'radius', type: 'number' } },
-        elementsMargin: { kind: 'scalar', default: 0 },
-        disableDynamicRendering: { kind: 'scalar', default: false },
-        disableEasing: { kind: 'scalar', default: false, inspector: { name: 'disableEasing', type: 'boolean' } },
-        padding: { kind: 'scalar', default: 0 },
-        // legacy fields(spec 兼容)
-        inertia: { kind: 'scalar', default: true },
-        inertiaDecay: { kind: 'scalar', default: 0.92 },
-        bounceFactor: { kind: 'scalar', default: 0.18 },
-    },
-    // legacy spec hooks(applyOffset / getBounds 默认空实现 in mixin)
-    mixin: {
-        applyOffset() { },
-        getBounds() { return { minX: 0, maxX: 0, minY: 0, maxY: 0 }; },
-    },
-    optionsBuilder: (c, _v) => {
-        var _a, _b;
-        const typeMap = {
-            horizontal: 'horizontal', vertical: 'vertical', both: 'bidirectional',
-        };
-        return {
-            width: c.width, height: c.height,
-            type: (_a = typeMap[c.direction]) !== null && _a !== void 0 ? _a : 'vertical',
-            background: c.background, radius: c.radius,
-            elementsMargin: c.elementsMargin, padding: c.padding,
-            disableEasing: c.disableEasing, disableDynamicRendering: c.disableDynamicRendering,
-            items: (_b = c.__resolved_items) !== null && _b !== void 0 ? _b : [],
-        };
-    },
-    signalMap: () => ({
-        scroll: (v) => ({ value: v }),
-    }),
-    syncOnChange: (inst, c) => {
-        if (typeof inst.resize === 'function') {
-            try {
-                inst.resize(c.width, c.height);
-            }
-            catch (_) { }
-        }
-    },
-};
-const SELECT_DEF = {
-    name: 'Select',
-    signalPrefix: 'select',
-    pixiClass: ui.Select,
-    fields: {
-        items: { kind: 'arrayCopy', default: [] },
-        selectedIndex: { kind: 'scalar', default: -1, inspector: { name: 'selectedIndex', type: 'number' } },
-        placeholder: { kind: 'scalar', default: '', inspector: { name: 'placeholder', type: 'string' } },
-        closedView: { kind: 'opaque' },
-        openView: { kind: 'opaque' },
-        textStyle: { kind: 'shallowMerge', default: { fontFamily: 'Arial', fontSize: 14, fill: '#222' } },
-        nineSliceSprite: { kind: 'opaque' },
-        bindToStore: BIND_STORE,
-    },
-    views: {
-        kind: 'object', folder: '__select_views__', keys: [],
-    },
-    optionsBuilder: (c) => {
-        var _a;
-        return ({
-            closedBG: c.__resolved_closedView,
-            openBG: c.__resolved_openView,
-            textStyle: c.textStyle,
-            items: {
-                items: ((_a = c.items) !== null && _a !== void 0 ? _a : []).map((it) => it.text),
-                backgroundColor: 0x000000, hoverColor: 0x666666,
-                width: 200, height: 30, textStyle: c.textStyle, radius: 4,
-            },
-            selected: c.selectedIndex >= 0 ? c.selectedIndex : undefined,
-            nineSliceSprite: c.nineSliceSprite,
-        });
-    },
-    signalMap: (c) => ({
-        select: (value, text) => {
-            c.selectedIndex = value;
-            c.selectCount += 1;
-            return { index: value, text };
-        },
-    }),
-};
-const DIALOG_DEF = {
-    name: 'Dialog',
-    signalPrefix: 'dialog',
-    pixiClass: ui.Dialog,
-    fields: {
-        open: { kind: 'scalar', default: false, inspector: { name: 'open', type: 'boolean' } },
-        title: { kind: 'scalar', inspector: { name: 'title', type: 'string' } },
-        width: { kind: 'scalar', inspector: { name: 'width', type: 'number' } },
-        height: { kind: 'scalar', inspector: { name: 'height', type: 'number' } },
-        padding: { kind: 'scalar', inspector: { name: 'padding', type: 'number' } },
-        backdropColor: { kind: 'scalar', default: 0x000000, inspector: { name: 'backdropColor', type: 'color' } },
-        backdropAlpha: { kind: 'scalar', default: 0.5, inspector: { name: 'backdropAlpha', type: 'number', step: 0.05 } },
-        backdropView: { kind: 'opaque' },
-        backgroundView: { kind: 'opaque' },
-        closeOnBackdropClick: { kind: 'scalar', default: true, inspector: { name: 'closeOnBackdropClick', type: 'boolean' } },
-        contentChildName: { kind: 'scalar', default: 'content', inspector: { name: 'contentChildName', type: 'string' } },
-        nineSliceSprite: { kind: 'opaque' },
-        bindToStore: BIND_STORE,
-    },
-    optionsBuilder: (c) => {
-        var _a;
-        return ({
-            backdrop: c.__resolved_backdropView,
-            backdropColor: backdropColorToNumber(c.backdropColor),
-            backdropAlpha: c.backdropAlpha,
-            background: (_a = c.__resolved_backgroundView) !== null && _a !== void 0 ? _a : new pixi_js.Container(),
-            title: c.title,
-            width: c.width, height: c.height, padding: c.padding,
-            closeOnBackdropClick: c.closeOnBackdropClick,
-            nineSliceSprite: c.nineSliceSprite,
-        });
-    },
-    postCreate: (inst, c) => {
-        if (c.open && typeof inst.open === 'function')
-            inst.open();
-    },
-    signalMap: (c) => ({
-        close: () => { c.open = false; return {}; },
-        select: (idx, text) => ({ index: idx, text }),
-    }),
-    syncOnChange: (inst, c) => {
-        if (c.open && !inst.isOpen && typeof inst.open === 'function')
-            inst.open();
-        else if (!c.open && inst.isOpen && typeof inst.close === 'function')
-            inst.close();
-    },
-};
-const MASKED_FRAME_DEF = {
-    name: 'MaskedFrame',
-    signalPrefix: 'maskedframe',
-    pixiClass: ui.MaskedFrame,
-    fields: {
-        targetView: { kind: 'opaque' },
-        maskView: { kind: 'opaque' },
-        borderView: { kind: 'opaque' },
-    },
-    optionsBuilder: (c) => ({
-        target: c.__resolved_targetView,
-        mask: c.__resolved_maskView,
-        borderWidth: 0,
-        borderColor: 0,
-    }),
-};
-// ============================================================
-// Generate 14 Component classes
-// ============================================================
-const Button = defineUiComponent(BUTTON_DEF);
-const FancyButton = defineUiComponent(FANCY_BUTTON_DEF);
-const CheckBox = defineUiComponent(CHECKBOX_DEF);
-const Switcher = defineUiComponent(SWITCHER_DEF);
-const Slider = defineUiComponent(SLIDER_DEF);
-const DoubleSlider = defineUiComponent(DOUBLE_SLIDER_DEF);
-const ProgressBar = defineUiComponent(PROGRESS_BAR_DEF);
-const CircularProgressBar = defineUiComponent(CIRCULAR_PROGRESS_BAR_DEF);
-const Input = defineUiComponent(INPUT_DEF);
-const List = defineUiComponent(LIST_DEF);
-const ScrollBox = defineUiComponent(SCROLL_BOX_DEF);
-const Select = defineUiComponent(SELECT_DEF);
-const Dialog = defineUiComponent(DIALOG_DEF);
-const MaskedFrame = defineUiComponent(MASKED_FRAME_DEF);
-// 暴露 metadata 表给 system.ts(generic handler 路由)
-const COMPONENT_DEFINITIONS = {
-    Button: BUTTON_DEF,
-    FancyButton: FANCY_BUTTON_DEF,
-    CheckBox: CHECKBOX_DEF,
-    Switcher: SWITCHER_DEF,
-    Slider: SLIDER_DEF,
-    DoubleSlider: DOUBLE_SLIDER_DEF,
-    ProgressBar: PROGRESS_BAR_DEF,
-    CircularProgressBar: CIRCULAR_PROGRESS_BAR_DEF,
-    Input: INPUT_DEF,
-    List: LIST_DEF,
-    ScrollBox: SCROLL_BOX_DEF,
-    Select: SELECT_DEF,
-    Dialog: DIALOG_DEF,
-    MaskedFrame: MASKED_FRAME_DEF,
-};
-
-/**
- * RadioGroup — 独立保留(不进入 components.ts factory)。
- *
- * 不能塌缩的原因:
- *   1. boundCheckBoxes 是 runtime collection,System 在 ADD 阶段 queueMicrotask 后填充
- *   2. applySelection() 反向遍历同步 child CheckBox.checked,跨实体协调
- *   3. system.ts handleRadioGroup 必须从 checkBoxInstances map 捞已构造的 PixiCheckBox 实例
- */
-class RadioGroup extends eva_js.Component {
-    constructor() {
-        super(...arguments);
-        this.componentName = 'RadioGroup';
-        this.direction = 'vertical';
-        this.elementsMargin = 4;
-        /** runtime: 已绑定的子 CheckBox(System 填充) */
-        this.boundCheckBoxes = [];
-    }
-    static getInspectorMetadata() {
-        return {
-            name: RadioGroup.componentName, type: 'object', isArray: false, isFolder: true,
-            children: [
-                { name: 'selectedId', type: 'string', isArray: false },
-                { name: 'direction', type: 'string', isArray: false },
-                { name: 'elementsMargin', type: 'number', isArray: false },
-                { name: 'childNames', type: 'string', isArray: true },
-            ],
-        };
-    }
-    init(p) { if (p)
-        this.applyParams(p); }
-    applyDeclarativeProps(next, _prev) { this.applyParams(next); }
-    applySelection() {
-        for (const { name, cb } of this.boundCheckBoxes) {
-            const isSelected = name === this.selectedId;
-            if (cb.checked !== isSelected)
-                cb.checked = isSelected;
-        }
-    }
-    applyParams(p) {
-        if (typeof p.selectedId === 'string')
-            this.selectedId = p.selectedId;
-        if (Array.isArray(p.childNames))
-            this.childNames = p.childNames.slice();
-        if (p.direction)
-            this.direction = p.direction;
-        if (typeof p.elementsMargin === 'number')
-            this.elementsMargin = p.elementsMargin;
-    }
-}
-RadioGroup.componentName = 'RadioGroup';
-
-/******************************************************************************
-Copyright (c) Microsoft Corporation.
-
-Permission to use, copy, modify, and/or distribute this software for any
-purpose with or without fee is hereby granted.
-
-THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
-REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
-AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
-INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
-LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
-OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
-PERFORMANCE OF THIS SOFTWARE.
-***************************************************************************** */
-
-function __decorate(decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-}
-
-typeof SuppressedError === "function" ? SuppressedError : function (error, suppressed, message) {
-    var e = new Error(message);
-    return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
-};
-
-/**
- * 把 @pixi/ui 实例的多个 Signal 桥接到 Eva 事件系统。
- *
- * 用法:
- *   const offs = bridgeSignals(instance, { go, prefix: 'fancybutton' }, {
- *     press: (e) => ({ pointerId: e?.pointerId }),
- *     hover: () => ({}),
- *   });
- *   // REMOVE 时 offs.forEach(o => o())
- */
-function bridgeSignals(instance, options, signalMap) {
-    const offs = [];
-    const { go, prefix, emitToMx = true } = options;
-    for (const [signalName, projector] of Object.entries(signalMap)) {
-        const signal = pickSignal(instance, signalName);
-        if (!signal)
-            continue;
-        const conn = signal.connect((...args) => {
-            var _a, _b, _c, _d, _e;
-            const payloadFromArgs = projector === true ? args[0] : safeProject(projector, args);
-            const payload = typeof payloadFromArgs === 'object' && payloadFromArgs !== null
-                ? Object.assign({ entityName: go.name }, payloadFromArgs) : { entityName: go.name, value: payloadFromArgs };
-            // 1) GameObject local emit
-            try {
-                (_b = (_a = go).emit) === null || _b === void 0 ? void 0 : _b.call(_a, signalName, payload);
-            }
-            catch (_) { }
-            // 2) component-prefixed local emit (`fancybutton:press`),与 Eva 现有惯例一致
-            try {
-                (_d = (_c = go).emit) === null || _d === void 0 ? void 0 : _d.call(_c, `${prefix}:${signalName}`, payload);
-            }
-            catch (_) { }
-            // 3) global mx bus
-            if (emitToMx) {
-                const mx = (typeof globalThis !== 'undefined' ? globalThis.mx : undefined);
-                if ((_e = mx === null || mx === void 0 ? void 0 : mx.event) === null || _e === void 0 ? void 0 : _e.emit) {
-                    try {
-                        mx.event.emit(`${prefix}:${signalName}`, payload);
-                    }
-                    catch (_) { }
-                }
-            }
-        });
-        offs.push(() => { try {
-            conn.disconnect();
-        }
-        catch (_) { } });
-    }
-    return offs;
-}
-/**
- * @pixi/ui Signal 命名:onPress / onUp / onDown / onHover / onChange / onSelect / onCheck / onUpdate / onScroll / onClose / onProximityChange
- *
- * 我们 signalMap 的 key 用语义动词(press/change/select/...),通过加 `on` 前缀
- * 与首字母大写映射到实际属性名。
- */
-function pickSignal(instance, signalName) {
-    const candidates = [
-        `on${signalName.charAt(0).toUpperCase()}${signalName.slice(1)}`,
-        `on${signalName.charAt(0).toUpperCase()}${signalName.slice(1)}Change`, // proximity -> onProximityChange
-    ];
-    for (const cand of candidates) {
-        const sig = instance === null || instance === void 0 ? void 0 : instance[cand];
-        if (sig && typeof sig.connect === 'function')
-            return sig;
-    }
-    return null;
-}
-function safeProject(projector, args) {
-    var _a;
-    try {
-        return (_a = projector(...args)) !== null && _a !== void 0 ? _a : {};
-    }
-    catch (_) {
-        return {};
-    }
-}
-
-/**
- * UISystem - generic handler driven by COMPONENT_DEFINITIONS metadata.
- *
- * 16 个 ECS 组件(UI 自渲染 + 14 个 @pixi/ui factory wrapper + RadioGroup 独立)由本 system 统一驱动。
- * 不再为每个组件写独立 handler 方法 - 14 个 @pixi/ui 组件走 handleGeneric,RadioGroup 单独处理。
- */
-// observer schema:把 COMPONENT_DEFINITIONS.fields 转成 componentObserver decorator 参数
-function buildObserverSchema() {
-    const out = {
-        UI: [{ prop: ['shapes'], deep: true }],
-        RadioGroup: [
-            { prop: ['selectedId'], deep: false },
-            { prop: ['direction'], deep: false },
-            { prop: ['elementsMargin'], deep: false },
-        ],
-    };
-    for (const [name, def] of Object.entries(COMPONENT_DEFINITIONS)) {
-        const props = [];
-        for (const [field, spec] of Object.entries(def.fields)) {
-            const deep = spec.kind === 'shallowMerge' || spec.kind === 'tuple' || spec.kind === 'arrayCopy';
-            props.push({ prop: [field], deep });
-        }
-        out[name] = props;
-    }
-    return out;
-}
-let UISystem = class UISystem extends eva_js.System {
-    constructor() {
-        super(...arguments);
-        this.name = 'UISystem';
-        /** componentName -> instance map(generic 共享一份) */
-        this.instances = new Map();
-        this.signalCleanups = new Map();
-        this.radioGroupInstances = new Map();
-    }
-    /** 给 RadioGroup 反查 PixiCheckBox 实例用 */
-    get checkBoxInstances() {
-        let m = this.instances.get('CheckBox');
-        if (!m) {
-            m = new Map();
-            this.instances.set('CheckBox', m);
-        }
-        return m;
-    }
-    // 每帧:把 componentObserver 队列里的事件派发到 componentChanged。
-    // System 基类没默认实现 update,@eva/plugin-renderer 的 Renderer 基类才有,
-    // 这里 UISystem 直接 extends System,必须自己实现这个 dispatch 循环。
-    update(_e) {
-        var _a, _b, _c;
-        const changes = (_c = (_b = (_a = this.componentObserver) === null || _a === void 0 ? void 0 : _a.clear) === null || _b === void 0 ? void 0 : _b.call(_a)) !== null && _c !== void 0 ? _c : [];
-        for (const changed of changes) {
-            this.componentChanged(changed);
-        }
-    }
-    componentChanged(changed) {
-        const name = changed.componentName;
-        if (name === 'UI')
-            return this.handleUI(changed);
-        if (name === 'RadioGroup')
-            return this.handleRadioGroup(changed);
-        const def = COMPONENT_DEFINITIONS[name];
-        if (def)
-            return this.handleGeneric(def, changed);
-    }
-    // ============================================================
-    // UI(自渲染,无 @pixi/ui 实例)
-    // ============================================================
-    handleUI(changed) {
-        if (changed.type === eva_js.OBSERVER_TYPE.ADD || changed.type === eva_js.OBSERVER_TYPE.CHANGE) {
-            const ui = changed.component;
-            if (typeof ui.redraw === 'function')
-                ui.redraw();
-        }
-    }
-    // ============================================================
-    // Generic handler(14 个 @pixi/ui wrapper)
-    // ============================================================
-    handleGeneric(def, changed) {
-        var _a;
-        const c = changed.component;
-        const go = c.gameObject;
-        if (!go)
-            return;
-        const instMap = this.getInstanceMap(def.name);
-        if (changed.type === eva_js.OBSERVER_TYPE.ADD) {
-            whenContainerReady(this.gameRef(go), go, () => this.attachGeneric(def, c, go, instMap));
-        }
-        else if (changed.type === eva_js.OBSERVER_TYPE.CHANGE) {
-            const inst = instMap.get(go.id);
-            if (!inst) {
-                // view 还没就绪导致 attach 失败,等下一帧重试
-                whenContainerReady(this.gameRef(go), go, () => this.attachGeneric(def, c, go, instMap));
-                return;
-            }
-            (_a = def.syncOnChange) === null || _a === void 0 ? void 0 : _a.call(def, inst, c);
-        }
-        else if (changed.type === eva_js.OBSERVER_TYPE.REMOVE) {
-            this.detachGeneric(go.id, instMap, go);
-        }
-    }
-    attachGeneric(def, c, go, instMap) {
-        var _a, _b, _c, _d, _f, _g, _h;
-        if (instMap.has(go.id))
-            return;
-        const game = this.gameRef(go);
-        // 1) resolve views
-        const views = resolveViewsBySchema(game, go, c, def.views);
-        if (def.views && views === null)
-            return; // 必填 view 缺失 → abort
-        // 2) 特殊组件 inline view resolve(ProgressBar / Select / Dialog / MaskedFrame)
-        //    它们的 view ref 不在统一 folder,通过自定义字段名,这里给 wrapper component 挂 __resolved_*
-        inlineResolveSpecialViews(def.name, c, game, go);
-        if (!validateInlineResolved(def.name, c))
-            return;
-        // 3) collectChildContainers(List / ScrollBox)— 把子 entity 的 PIXI Container 收集为 items
-        if (def.name === 'List' || def.name === 'ScrollBox') {
-            const childName = def.name === 'List' ? c.itemsChildName : c.contentChildName;
-            c.__resolved_items = collectChildContainers(game, go, childName);
-        }
-        // 4) 构造 PIXI 实例
-        const built = def.optionsBuilder(c, views !== null && views !== void 0 ? views : {});
-        const inst = def.positional
-            ? new def.pixiClass(...built)
-            : new def.pixiClass(built);
-        // 5) postCreate(enabled / selected tint 等)
-        (_a = def.postCreate) === null || _a === void 0 ? void 0 : _a.call(def, inst, c);
-        // 6) 注册 + attach
-        instMap.set(go.id, inst);
-        attachToGameObject(game, go, inst);
-        // 7) onAttachedExtra(Dialog 挂 contentChild)
-        if (def.name === 'Dialog') {
-            const contentChild = findChildEntity(go, (_b = c.contentChildName) !== null && _b !== void 0 ? _b : 'content');
-            if (contentChild) {
-                const cc = getEvaContainer(game, contentChild);
-                if (cc) {
-                    try {
-                        (_d = (_c = inst).addChild) === null || _d === void 0 ? void 0 : _d.call(_c, cc);
-                    }
-                    catch (_) { }
-                }
-            }
-        }
-        // MaskedFrame 挂 borderView 作为 child
-        if (def.name === 'MaskedFrame' && c.borderView) {
-            const border = resolveViewRef(game, go, c.borderView);
-            if (border) {
-                try {
-                    (_g = (_f = inst).addChild) === null || _g === void 0 ? void 0 : _g.call(_f, border);
-                }
-                catch (_) { }
-            }
-        }
-        // 8) signal 桥接
-        if (def.signalMap) {
-            const offs = bridgeSignals(inst, { go, prefix: def.signalPrefix }, def.signalMap(c));
-            this.signalCleanups.set(go.id, offs);
-        }
-        (_h = def.onAttachedExtra) === null || _h === void 0 ? void 0 : _h.call(def, inst, c, go, game);
-    }
-    detachGeneric(id, instMap, go) {
-        const inst = instMap.get(id);
-        detachFromGameObject(this.gameRef(go), go, inst);
-        instMap.delete(id);
-        const offs = this.signalCleanups.get(id);
-        if (offs) {
-            offs.forEach((o) => o());
-            this.signalCleanups.delete(id);
-        }
-    }
-    // ============================================================
-    // RadioGroup(独立 handler — 跨实体协调)
-    // ============================================================
-    handleRadioGroup(changed) {
-        const c = changed.component;
-        const go = c.gameObject;
-        if (!go)
-            return;
-        if (changed.type === eva_js.OBSERVER_TYPE.ADD) {
-            whenContainerReady(this.gameRef(go), go, () => queueMicrotask(() => this.attachRadioGroup(c)));
-        }
-        else if (changed.type === eva_js.OBSERVER_TYPE.CHANGE) {
-            c.applySelection();
-        }
-        else if (changed.type === eva_js.OBSERVER_TYPE.REMOVE) {
-            const inst = this.radioGroupInstances.get(go.id);
-            detachFromGameObject(this.gameRef(go), go, inst);
-            this.radioGroupInstances.delete(go.id);
-            const offs = this.signalCleanups.get(go.id);
-            if (offs) {
-                offs.forEach((o) => o());
-                this.signalCleanups.delete(go.id);
-            }
-        }
-    }
-    attachRadioGroup(c) {
-        var _a, _b, _c, _d, _f;
-        const go = c.gameObject;
-        const game = this.gameRef(go);
-        if (!go || this.radioGroupInstances.has(go.id))
-            return;
-        c.boundCheckBoxes = [];
-        const items = [];
-        const childNames = [];
-        const tfChildren = ((_a = go.transform) === null || _a === void 0 ? void 0 : _a.children) || [];
-        for (const tf of tfChildren) {
-            const child = tf === null || tf === void 0 ? void 0 : tf.gameObject;
-            if (!child)
-                continue;
-            if (c.childNames && !c.childNames.includes(child.name))
-                continue;
-            const cbWrapper = (_b = child.getComponent) === null || _b === void 0 ? void 0 : _b.call(child, 'CheckBox');
-            if (!cbWrapper)
-                continue;
-            const inst = this.checkBoxInstances.get(child.id);
-            if (!inst)
-                continue;
-            try {
-                (_d = (_c = inst.parent) === null || _c === void 0 ? void 0 : _c.removeChild) === null || _d === void 0 ? void 0 : _d.call(_c, inst);
-            }
-            catch (_) { }
-            items.push(inst);
-            childNames.push(child.name);
-            c.boundCheckBoxes.push({ name: child.name, cb: cbWrapper });
-        }
-        if (items.length === 0)
-            return;
-        const typeMap = {
-            horizontal: 'horizontal', vertical: 'vertical', bidirectional: 'bidirectional',
-        };
-        const initialIndex = c.selectedId ? Math.max(0, childNames.indexOf(c.selectedId)) : 0;
-        const inst = new ui.RadioGroup({
-            items, type: (_f = typeMap[c.direction]) !== null && _f !== void 0 ? _f : 'vertical',
-            elementsMargin: c.elementsMargin, selectedItem: initialIndex,
-        });
-        this.radioGroupInstances.set(go.id, inst);
-        attachToGameObject(game, go, inst);
-        const offs = bridgeSignals(inst, { go, prefix: 'radiogroup' }, {
-            change: (idx, val) => {
-                var _a;
-                const childName = (_a = childNames[idx]) !== null && _a !== void 0 ? _a : val;
-                c.selectedId = childName;
-                return { selectedId: c.selectedId, index: idx };
-            },
-        });
-        this.signalCleanups.set(go.id, offs);
-    }
-    // ============================================================
-    // Helpers
-    // ============================================================
-    getInstanceMap(name) {
-        let m = this.instances.get(name);
-        if (!m) {
-            m = new Map();
-            this.instances.set(name, m);
-        }
-        return m;
-    }
-    gameRef(go) {
-        var _a, _b, _c;
-        // 1) System 上的 game(由 Eva 在系统注册后注入)
-        const sysGame = this.game;
-        if (sysGame)
-            return sysGame;
-        // 2) Fallback: GameObject 反查 game(用 Eva 的 GameObject -> scene -> game 链)
-        if (go) {
-            return (_c = (_a = go.game) !== null && _a !== void 0 ? _a : (_b = go.scene) === null || _b === void 0 ? void 0 : _b.game) !== null && _c !== void 0 ? _c : null;
-        }
-        return null;
-    }
-};
-UISystem.systemName = 'UISystem';
-UISystem = __decorate([
-    eva_js.decorators.componentObserver(buildObserverSchema())
-], UISystem);
-var UISystem$1 = UISystem;
-// ============================================================
-// Special inline view resolution + child collection
-// ============================================================
-/**
- * 4 个 wrapper 的 view ref 不放在统一 folder,需要 inline resolve 后挂 __resolved_*
- * 让 optionsBuilder 通过 c.__resolved_xxx 访问。
- *
- * - ProgressBar:bgView/fillView
- * - Select:closedView/openView
- * - Dialog:backdropView/backgroundView
- * - MaskedFrame:targetView/maskView
- */
-function inlineResolveSpecialViews(name, c, game, go) {
-    switch (name) {
-        case 'ProgressBar':
-            c.__resolved_bg = resolveViewRef(game, go, c.bgView);
-            c.__resolved_fill = resolveViewRef(game, go, c.fillView);
-            break;
-        case 'Select':
-            c.__resolved_closedView = resolveViewRef(game, go, c.closedView);
-            c.__resolved_openView = resolveViewRef(game, go, c.openView);
-            break;
-        case 'Dialog':
-            c.__resolved_backdropView = resolveViewRef(game, go, c.backdropView);
-            c.__resolved_backgroundView = resolveViewRef(game, go, c.backgroundView);
-            break;
-        case 'MaskedFrame':
-            c.__resolved_targetView = resolveViewRef(game, go, c.targetView);
-            c.__resolved_maskView = resolveViewRef(game, go, c.maskView);
-            break;
-    }
-}
-/** 验证 inline-resolved view 是否齐备(必填项不能 null) */
-function validateInlineResolved(name, c) {
-    switch (name) {
-        case 'ProgressBar':
-            return !!(c.__resolved_bg && c.__resolved_fill);
-        case 'Select':
-            return !!(c.__resolved_closedView && c.__resolved_openView);
-        case 'Dialog':
-            // backgroundView 可 fallback PixiContainer,backdropView 也可 null
-            return true;
-        case 'MaskedFrame':
-            return !!(c.__resolved_targetView && c.__resolved_maskView);
-        default:
-            return true;
-    }
-}
-function collectChildContainers(game, go, childName) {
-    var _a, _b, _c;
-    const result = [];
-    const contentChild = findChildEntity(go, childName);
-    if (!contentChild)
-        return result;
-    const tfChildren = ((_a = contentChild.transform) === null || _a === void 0 ? void 0 : _a.children) || [];
-    for (const tf of tfChildren) {
-        const child = tf === null || tf === void 0 ? void 0 : tf.gameObject;
-        if (!child)
-            continue;
-        const childContainer = getEvaContainer(game, child);
-        if (childContainer) {
-            try {
-                (_c = (_b = childContainer.parent) === null || _b === void 0 ? void 0 : _b.removeChild) === null || _c === void 0 ? void 0 : _c.call(_b, childContainer);
-            }
-            catch (_) { }
-            result.push(childContainer);
-        }
-    }
-    return result;
-}
-function findChildEntity(go, name) {
-    var _a, _b;
-    if (!go)
-        return null;
-    if (typeof go.findChildByName === 'function') {
-        try {
-            const c = go.findChildByName(name);
-            if (c)
-                return c;
-        }
-        catch (_) { }
-    }
-    const children = ((_a = go.transform) === null || _a === void 0 ? void 0 : _a.children) || [];
-    for (const tf of children) {
-        if (((_b = tf === null || tf === void 0 ? void 0 : tf.gameObject) === null || _b === void 0 ? void 0 : _b.name) === name)
-            return tf.gameObject;
-    }
-    return null;
-}
-
-exports.Button = Button;
-exports.COMPONENT_DEFINITIONS = COMPONENT_DEFINITIONS;
-exports.CheckBox = CheckBox;
-exports.CircularProgressBar = CircularProgressBar;
-exports.Dialog = Dialog;
-exports.DoubleSlider = DoubleSlider;
-exports.FancyButton = FancyButton;
-exports.Input = Input;
-exports.List = List;
-exports.MaskedFrame = MaskedFrame;
-exports.PixiUiComponent = PixiUiComponent;
-exports.PluginUiSystem = UISystem$1;
-exports.ProgressBar = ProgressBar;
-exports.RadioGroup = RadioGroup;
-exports.ScrollBox = ScrollBox;
-exports.Select = Select;
-exports.Slider = Slider;
-exports.Switcher = Switcher;
-exports.UI = UI;
-exports.UISystem = UISystem$1;
-exports.defineUiComponent = defineUiComponent;