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

package/dist/plugin-ui.cjs.js

@@ -0,0 +1,2921 @@
+'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');
+
+/** Shape primitive type enum */
+exports.ShapeType = void 0;
+(function (ShapeType) {
+    ShapeType["RECT"] = "rect";
+    ShapeType["CIRCLE"] = "circle";
+    ShapeType["ELLIPSE"] = "ellipse";
+    ShapeType["ROUNDED_RECT"] = "roundedRect";
+})(exports.ShapeType || (exports.ShapeType = {}));
+/** Backward-compatible enum value alias for existing TypeScript consumers. */
+const UIShapeType = exports.ShapeType;
+/**
+ * Shape 组件
+ *
+ * 基于 `@eva/plugin-renderer-graphics` 实现 rect/circle/ellipse/roundedRect 的
+ * 矢量绘制,支持纯色 / linear-gradient 填充与描边。`shapes` 数组允许在同一个
+ * GameObject 上层叠多个形状。
+ */
+class Shape extends eva_js.Component {
+    constructor() {
+        super(...arguments);
+        /** 实例侧 componentName,DSL 序列化时使用 */
+        this.componentName = 'Shape';
+        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: Shape.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.ShapeType.RECT:
+            case exports.ShapeType.ROUNDED_RECT:
+                return { width: style.width, height: style.height, x, y };
+            case exports.ShapeType.CIRCLE:
+                return { width: style.radius * 2, height: style.radius * 2, x, y };
+            case exports.ShapeType.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) {
+        var _a;
+        if (style.alpha !== undefined) {
+            graphics.alpha = style.alpha;
+        }
+        switch (type) {
+            case exports.ShapeType.RECT:
+                this.drawRect(graphics, style);
+                break;
+            case exports.ShapeType.CIRCLE:
+                this.drawCircle(graphics, style);
+                break;
+            case exports.ShapeType.ELLIPSE:
+                this.drawEllipse(graphics, style);
+                break;
+            case exports.ShapeType.ROUNDED_RECT:
+                this.drawRoundedRect(graphics, style);
+                break;
+            default:
+                console.warn(`Unknown shape type: ${type}`);
+        }
+        if (style.fill !== undefined) {
+            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);
+            }
+        }
+        if (style.stroke !== undefined) {
+            graphics.stroke({
+                color: style.stroke,
+                width: (_a = style.lineWidth) !== null && _a !== void 0 ? _a : 1,
+            });
+        }
+    }
+    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();
+    }
+}
+/** 组件名称 */
+Shape.componentName = 'Shape';
+
+/**
+ * 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, _b;
+    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 wrapBorrowedEntityView(childContainer, child.name);
+            }
+        }
+        if (ref.fallback)
+            return resolveViewRef(game, go, ref.fallback);
+        return null;
+    }
+    if ('shape' in ref) {
+        return (_a = drawInlineShape(ref.shape)) !== null && _a !== void 0 ? _a : (ref.fallback ? resolveViewRef(game, go, ref.fallback) : null);
+    }
+    if ('ui' in ref) {
+        return (_b = drawInlineShape(ref.ui)) !== null && _b !== void 0 ? _b : (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;
+}
+/**
+ * @pixi/ui ProgressBar 的非 nine-slice fillPaddings 只移动 fill.x/y,
+ * 不会自动把 fill view 缩成内层尺寸。DSL 常用的 inline color/shape
+ * 需要先扣除 padding,否则 fill 会向下或向右溢出,造成上下层偏差。
+ */
+function normalizeProgressFillViewRef(ref, fillPaddings, fallbackSize) {
+    if (!ref)
+        return ref;
+    const paddings = normalizePaddings(fillPaddings);
+    if (paddings.top === 0 && paddings.right === 0 && paddings.bottom === 0 && paddings.left === 0) {
+        return ref;
+    }
+    const fallback = ref.fallback
+        ? normalizeProgressFillViewRef(ref.fallback, paddings, fallbackSize)
+        : undefined;
+    if ('color' in ref) {
+        const width = shrinkSize(ref.width, paddings.left + paddings.right);
+        const height = shrinkSize(ref.height, paddings.top + paddings.bottom);
+        return Object.assign(Object.assign(Object.assign({}, ref), { width,
+            height, radius: shrinkRadius(ref.radius, width, height) }), (fallback ? { fallback } : {}));
+    }
+    if ('shape' in ref) {
+        return Object.assign(Object.assign(Object.assign({}, ref), { shape: shrinkInlineShape(ref.shape, paddings, fallbackSize) }), (fallback ? { fallback } : {}));
+    }
+    if ('ui' in ref) {
+        return Object.assign(Object.assign(Object.assign({}, ref), { ui: shrinkInlineShape(ref.ui, paddings, fallbackSize) }), (fallback ? { fallback } : {}));
+    }
+    if (fallback)
+        return Object.assign(Object.assign({}, ref), { fallback });
+    return ref;
+}
+function wrapBorrowedEntityView(childContainer, childName) {
+    const wrapper = new pixi_js.Container();
+    wrapper.label = childName ? `${childName}:view-ref` : 'plugin-ui-view-ref';
+    wrapper.addChild(childContainer);
+    return wrapper;
+}
+/** 把 ViewRef 解析为已存在的 Texture(用于 ProgressBar/Slider/Input 的 nineSlice 路径) */
+function resolveTexture(game, key) {
+    var _a, _b, _c;
+    // 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 (_c = pixi_js.Texture.from(key)) !== null && _c !== void 0 ? _c : null;
+    }
+    catch (_) {
+        return null;
+    }
+}
+function drawInlineShape(shape) {
+    var _a, _b, _c, _d, _e;
+    if (!shape || !shape.type)
+        return null;
+    const g = new pixi_js.Graphics();
+    const { style } = shape;
+    const x = (_a = style.x) !== null && _a !== void 0 ? _a : 0;
+    const y = (_b = style.y) !== null && _b !== void 0 ? _b : 0;
+    const w = (_c = style.width) !== null && _c !== void 0 ? _c : 0;
+    const h = (_d = style.height) !== null && _d !== void 0 ? _d : 0;
+    const r = (_e = style.radius) !== null && _e !== void 0 ? _e : 0;
+    switch (shape.type) {
+        case 'rect':
+            drawRect(g, x, y, w, h);
+            break;
+        case 'roundedRect':
+            drawRoundedRect(g, x, y, w, h, r);
+            break;
+        case 'circle':
+            drawCircle(g, x + r, y + r, r);
+            break;
+        case 'ellipse':
+            drawEllipse(g, x + w / 2, y + h / 2, w / 2, h / 2);
+            break;
+    }
+    if (style.fill !== undefined)
+        g.fill(style.fill);
+    if (style.stroke !== undefined && style.lineWidth !== undefined) {
+        g.stroke({ color: style.stroke, width: style.lineWidth });
+    }
+    else if (style.stroke !== undefined) {
+        g.stroke({ color: style.stroke, width: 1 });
+    }
+    if (style.alpha !== undefined)
+        g.alpha = style.alpha;
+    try {
+        Object.defineProperty(g, 'clone', {
+            value: () => { var _a; return (_a = drawInlineShape(shape)) !== null && _a !== void 0 ? _a : new pixi_js.Graphics(); },
+            configurable: true,
+        });
+    }
+    catch (_) { }
+    return g;
+}
+function drawRect(g, x, y, width, height) {
+    const anyGraphics = g;
+    if (typeof anyGraphics.rect === 'function') {
+        anyGraphics.rect(x, y, width, height);
+        return;
+    }
+    anyGraphics.drawRect(x, y, width, height);
+}
+function drawRoundedRect(g, x, y, width, height, radius) {
+    const anyGraphics = g;
+    if (typeof anyGraphics.roundRect === 'function') {
+        anyGraphics.roundRect(x, y, width, height, radius);
+        return;
+    }
+    anyGraphics.drawRoundedRect(x, y, width, height, radius);
+}
+function drawCircle(g, x, y, radius) {
+    const anyGraphics = g;
+    if (typeof anyGraphics.circle === 'function') {
+        anyGraphics.circle(x, y, radius);
+        return;
+    }
+    anyGraphics.drawCircle(x, y, radius);
+}
+function drawEllipse(g, x, y, halfWidth, halfHeight) {
+    const anyGraphics = g;
+    if (typeof anyGraphics.ellipse === 'function') {
+        anyGraphics.ellipse(x, y, halfWidth, halfHeight);
+        return;
+    }
+    anyGraphics.drawEllipse(x, y, halfWidth, halfHeight);
+}
+function normalizePaddings(fillPaddings) {
+    return {
+        top: readPadding(fillPaddings === null || fillPaddings === void 0 ? void 0 : fillPaddings.top),
+        right: readPadding(fillPaddings === null || fillPaddings === void 0 ? void 0 : fillPaddings.right),
+        bottom: readPadding(fillPaddings === null || fillPaddings === void 0 ? void 0 : fillPaddings.bottom),
+        left: readPadding(fillPaddings === null || fillPaddings === void 0 ? void 0 : fillPaddings.left),
+    };
+}
+function readPadding(value) {
+    if (typeof value !== 'number' || !Number.isFinite(value))
+        return 0;
+    return Math.max(0, value);
+}
+function shrinkSize(value, inset) {
+    return Math.max(0, value - inset);
+}
+function shrinkOptionalSize(value, fallback, inset) {
+    if (typeof value === 'number')
+        return shrinkSize(value, inset);
+    if (typeof fallback === 'number')
+        return shrinkSize(fallback, inset);
+    return value;
+}
+function shrinkRadius(radius, width, height) {
+    if (typeof radius !== 'number' || !Number.isFinite(radius))
+        return radius;
+    const limits = [radius];
+    if (typeof width === 'number')
+        limits.push(width / 2);
+    if (typeof height === 'number')
+        limits.push(height / 2);
+    return Math.max(0, Math.min(...limits));
+}
+function shrinkInlineShape(shape, paddings, fallbackSize) {
+    var _a;
+    const style = (_a = shape.style) !== null && _a !== void 0 ? _a : {};
+    const width = shrinkOptionalSize(style.width, fallbackSize === null || fallbackSize === void 0 ? void 0 : fallbackSize.width, paddings.left + paddings.right);
+    const height = shrinkOptionalSize(style.height, fallbackSize === null || fallbackSize === void 0 ? void 0 : fallbackSize.height, paddings.top + paddings.bottom);
+    const radius = shrinkRadius(style.radius, width, height);
+    return Object.assign(Object.assign({}, shape), { style: Object.assign(Object.assign(Object.assign(Object.assign({}, style), (width !== undefined ? { width } : {})), (height !== undefined ? { height } : {})), (radius !== undefined ? { radius } : {})) });
+}
+/**
+ * 在 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.downCount = 0;
+        this.upCount = 0;
+        this.hoverCount = 0;
+        this.outCount = 0;
+        this.upOutCount = 0;
+        this.changeCount = 0;
+        this.updateCount = 0;
+        this.selectCount = 0;
+        this.lastSignal = 'idle';
+        this.visualState = 'default';
+        /** Input 私有 focused */
+        this.focused = false;
+        /** DSL/constructor 中显式传入过的字段,用于区分 metadata default 与用户配置。 */
+        this.__evaExplicitFields = new Set();
+    }
+    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;
+            this.__evaExplicitFields.add(name);
+            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 };
+        }
+    }
+}
+
+function readTransformRenderSize(go, options = {}) {
+    var _a;
+    const size = (_a = go === null || go === void 0 ? void 0 : go.transform) === null || _a === void 0 ? void 0 : _a.size;
+    if (!size)
+        return null;
+    const width = normalizeSizeValue(size.width, options.allowZero);
+    const height = normalizeSizeValue(size.height, options.allowZero);
+    if (width === undefined && height === undefined)
+        return null;
+    return { width, height };
+}
+function hasExplicitRenderSize(component) {
+    if (!component)
+        return false;
+    const explicitFields = component.__evaExplicitFields;
+    if (explicitFields && typeof explicitFields.has === 'function') {
+        return explicitFields.has('width') || explicitFields.has('height');
+    }
+    return component.width !== undefined || component.height !== undefined;
+}
+function applyTransformSizeToInstance(def, instance, component, go, source) {
+    const size = readTransformRenderSize(go, { allowZero: source === 'transform-change' });
+    if (!size)
+        return false;
+    const context = {
+        componentName: def.name,
+        component,
+        gameObject: go,
+        source,
+    };
+    if (def.applySize)
+        def.applySize(instance, size, component !== null && component !== void 0 ? component : {}, context);
+    else
+        applyRuntimeSize(instance, size);
+    return true;
+}
+function applyRuntimeSize(instance, size) {
+    if (!instance || !size)
+        return;
+    const width = normalizeSizeValue(size.width, true);
+    const height = normalizeSizeValue(size.height, true);
+    if (width === undefined && height === undefined)
+        return;
+    const nextWidth = width !== null && width !== void 0 ? width : getCurrentSize(instance, 'width');
+    const nextHeight = height !== null && height !== void 0 ? height : getCurrentSize(instance, 'height');
+    let applied = false;
+    if (typeof instance.setSize === 'function' && nextWidth !== undefined && nextHeight !== undefined) {
+        try {
+            instance.setSize(nextWidth, nextHeight);
+            applied = true;
+        }
+        catch (_) {
+            applied = false;
+        }
+    }
+    if (!applied) {
+        if (width !== undefined)
+            instance.width = width;
+        if (height !== undefined)
+            instance.height = height;
+    }
+    relayoutRuntimeInstance(instance);
+}
+function applyListLayoutSize(instance, size) {
+    const width = normalizeSizeValue(size.width, true);
+    const height = normalizeSizeValue(size.height, true);
+    if (width !== undefined) {
+        try {
+            instance.maxWidth = width;
+        }
+        catch (_) { }
+    }
+    if (height !== undefined) {
+        try {
+            instance.maxHeight = height;
+        }
+        catch (_) { }
+    }
+    relayoutRuntimeInstance(instance);
+}
+function relayoutRuntimeInstance(instance) {
+    var _a, _b, _c, _d;
+    try {
+        (_b = (_a = instance === null || instance === void 0 ? void 0 : instance.list) === null || _a === void 0 ? void 0 : _a.arrangeChildren) === null || _b === void 0 ? void 0 : _b.call(_a);
+    }
+    catch (_) { }
+    try {
+        (_c = instance === null || instance === void 0 ? void 0 : instance.arrangeChildren) === null || _c === void 0 ? void 0 : _c.call(instance);
+    }
+    catch (_) { }
+    try {
+        (_d = instance === null || instance === void 0 ? void 0 : instance.resize) === null || _d === void 0 ? void 0 : _d.call(instance, true);
+    }
+    catch (_) { }
+}
+function normalizeSizeValue(value, allowZero = false) {
+    const n = Number(value);
+    if (!Number.isFinite(n))
+        return undefined;
+    if (allowZero ? n < 0 : n <= 0)
+        return undefined;
+    return n;
+}
+function getCurrentSize(instance, key) {
+    const n = Number(instance === null || instance === void 0 ? void 0 : instance[key]);
+    return Number.isFinite(n) && n >= 0 ? n : undefined;
+}
+
+/**
+ * @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;
+            c.lastSignal = 'press';
+            c.visualState = 'default';
+            return { pressCount: c.pressCount, lastSignal: c.lastSignal, visualState: c.visualState };
+        },
+        down: () => {
+            c.downCount += 1;
+            c.lastSignal = 'down';
+            c.visualState = 'pressed';
+            return { downCount: c.downCount, lastSignal: c.lastSignal, visualState: c.visualState };
+        },
+        up: () => {
+            c.upCount += 1;
+            c.lastSignal = 'up';
+            c.visualState = 'default';
+            return { upCount: c.upCount, lastSignal: c.lastSignal, visualState: c.visualState };
+        },
+        hover: () => {
+            c.hoverCount += 1;
+            c.lastSignal = 'hover';
+            c.visualState = 'hover';
+            return { hoverCount: c.hoverCount, lastSignal: c.lastSignal, visualState: c.visualState };
+        },
+        out: () => {
+            c.outCount += 1;
+            c.lastSignal = 'out';
+            c.visualState = 'default';
+            return { outCount: c.outCount, lastSignal: c.lastSignal, visualState: c.visualState };
+        },
+        upOut: () => {
+            c.upOutCount += 1;
+            c.lastSignal = 'upOut';
+            c.visualState = 'default';
+            return { upOutCount: c.upOutCount, lastSignal: c.lastSignal, visualState: c.visualState };
+        },
+    }),
+    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' },
+                    { name: 'icon', type: 'object' },
+                ] } },
+        offset: { kind: 'shallowMerge', default: {} },
+        textOffset: { kind: 'shallowMerge', default: {} },
+        iconOffset: { kind: 'shallowMerge', default: {} },
+        nineSliceSprite: { kind: 'opaque' },
+        textStyle: { kind: 'shallowMerge', default: {} },
+        textClass: { kind: 'scalar', default: 'text' },
+        bitmapFontName: { kind: 'scalar', default: 'TitleFont' },
+        defaultTextScale: { kind: 'opaque' },
+        defaultIconScale: { kind: 'opaque' },
+        defaultTextAnchor: { kind: 'opaque' },
+        defaultIconAnchor: { kind: 'opaque' },
+        anchor: { kind: 'scalar' },
+        anchorX: { kind: 'scalar' },
+        anchorY: { kind: 'scalar' },
+        scale: { kind: 'scalar' },
+        animations: { kind: 'opaque' },
+        contentFittingMode: { kind: 'scalar' },
+        ignoreRefitting: { kind: 'scalar' },
+        width: { kind: 'scalar', inspector: { name: 'width', type: 'number' } },
+        height: { kind: 'scalar', inspector: { name: 'height', type: 'number' } },
+    },
+    views: {
+        kind: 'object', folder: 'views',
+        keys: [
+            { name: 'default', required: false },
+            { name: 'hover', required: false },
+            { name: 'pressed', required: false },
+            { name: 'disabled', required: false },
+            { name: 'icon', required: false },
+        ],
+    },
+    optionsBuilder: (c, v) => {
+        var _a, _b, _d, _e, _f;
+        // FancyButton 内部 updateView 不接受 null;只把已 resolve 的 view 字段传过去
+        const opts = {
+            text: makeFancyButtonText(c), padding: c.padding,
+            offset: c.offset, textOffset: c.textOffset, iconOffset: c.iconOffset,
+            nineSliceSprite: c.nineSliceSprite,
+            defaultTextScale: c.defaultTextScale,
+            defaultIconScale: c.defaultIconScale,
+            defaultTextAnchor: c.defaultTextAnchor,
+            defaultIconAnchor: c.defaultIconAnchor,
+            anchor: c.anchor, anchorX: c.anchorX, anchorY: c.anchorY,
+            scale: c.scale, animations: c.animations,
+            contentFittingMode: c.contentFittingMode,
+            ignoreRefitting: c.ignoreRefitting,
+        };
+        if ((_a = v.object) === null || _a === void 0 ? void 0 : _a.default)
+            opts.defaultView = getFancyButtonView(c, 'default', v.object.default);
+        if ((_b = v.object) === null || _b === void 0 ? void 0 : _b.hover)
+            opts.hoverView = getFancyButtonView(c, 'hover', v.object.hover);
+        if ((_d = v.object) === null || _d === void 0 ? void 0 : _d.pressed)
+            opts.pressedView = getFancyButtonView(c, 'pressed', v.object.pressed);
+        if ((_e = v.object) === null || _e === void 0 ? void 0 : _e.disabled)
+            opts.disabledView = getFancyButtonView(c, 'disabled', v.object.disabled);
+        if ((_f = v.object) === null || _f === void 0 ? void 0 : _f.icon)
+            opts.icon = v.object.icon;
+        return opts;
+    },
+    postCreate: (inst, c) => {
+        inst.enabled = c.enabled;
+        if (c.state && typeof inst.setState === 'function')
+            inst.setState(c.state, true);
+        applyFancyButtonAnchor(inst, c);
+        applyOptionalSize(inst, c);
+        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;
+        if (c.textOffset !== undefined)
+            inst.textOffset = c.textOffset;
+        if (c.iconOffset !== undefined)
+            inst.iconOffset = c.iconOffset;
+        if (c.defaultTextScale !== undefined)
+            inst.defaultTextScale = c.defaultTextScale;
+        if (c.defaultIconScale !== undefined)
+            inst.defaultIconScale = c.defaultIconScale;
+        if (c.defaultTextAnchor !== undefined)
+            inst.defaultTextAnchor = c.defaultTextAnchor;
+        if (c.defaultIconAnchor !== undefined)
+            inst.defaultIconAnchor = c.defaultIconAnchor;
+        if (c.contentFittingMode !== undefined)
+            inst.contentFittingMode = c.contentFittingMode;
+        if (c.ignoreRefitting !== undefined && inst.options)
+            inst.options.ignoreRefitting = c.ignoreRefitting;
+        if (c.state && typeof inst.setState === 'function')
+            inst.setState(c.state, true);
+        applyFancyButtonAnchor(inst, c);
+        applyOptionalSize(inst, c);
+        applySelectedTint(inst, c);
+    },
+};
+function applyFancyButtonAnchor(inst, c) {
+    var _a, _b, _d, _e, _f, _g, _h;
+    const hasAnchor = c.anchor !== undefined || c.anchorX !== undefined || c.anchorY !== undefined;
+    if (!hasAnchor || !((_a = inst === null || inst === void 0 ? void 0 : inst.anchor) === null || _a === void 0 ? void 0 : _a.set))
+        return;
+    const x = (_e = (_d = (_b = c.anchorX) !== null && _b !== void 0 ? _b : c.anchor) !== null && _d !== void 0 ? _d : inst.anchor.x) !== null && _e !== void 0 ? _e : 0;
+    const y = (_h = (_g = (_f = c.anchorY) !== null && _f !== void 0 ? _f : c.anchor) !== null && _g !== void 0 ? _g : inst.anchor.y) !== null && _h !== void 0 ? _h : 0;
+    try {
+        inst.anchor.set(x, y);
+    }
+    catch (_) { }
+}
+function makeFancyButtonText(c) {
+    var _a, _b, _d;
+    if (c.text === undefined)
+        return undefined;
+    const text = String(c.text);
+    if (c.textClass === 'html') {
+        return new pixi_js.HTMLText({ text, style: c.textStyle });
+    }
+    if (c.textClass === 'bitmap') {
+        const fontFamily = (_a = c.bitmapFontName) !== null && _a !== void 0 ? _a : 'TitleFont';
+        ensureBitmapFont(fontFamily, c.textStyle);
+        return new pixi_js.BitmapText({
+            text,
+            style: {
+                fontFamily,
+                fontSize: (_d = (_b = c.textStyle) === null || _b === void 0 ? void 0 : _b.fontSize) !== null && _d !== void 0 ? _d : 40,
+            },
+        });
+    }
+    if (c.textStyle && Object.keys(c.textStyle).length > 0) {
+        return new pixi_js.Text({ text, style: c.textStyle });
+    }
+    return c.text;
+}
+const installedBitmapFonts = new Set();
+function ensureBitmapFont(name, style) {
+    if (installedBitmapFonts.has(name))
+        return;
+    try {
+        pixi_js.BitmapFontManager.install({ name, style: (style !== null && style !== void 0 ? style : {}) });
+    }
+    catch (_) {
+        // Reinstalling an existing font can throw in Pixi; rendering can still use the current font.
+    }
+    installedBitmapFonts.add(name);
+}
+function getFancyButtonView(c, key, resolved) {
+    var _a;
+    const ref = (_a = c.views) === null || _a === void 0 ? void 0 : _a[key];
+    if (c.nineSliceSprite && ref && 'texture' in ref)
+        return getTextureView(ref.texture);
+    return resolved;
+}
+function applySelectedTint(inst, c) {
+    try {
+        const dv = inst.defaultView;
+        if (dv && 'tint' in dv)
+            dv.tint = c.selected ? c.selectedTint : 0xFFFFFF;
+    }
+    catch (_) { }
+}
+function syncCheckBoxTextStyle(inst, c) {
+    var _a, _b, _d;
+    const style = inst.style;
+    if (!style || (!c.textStyle && !c.textOffset))
+        return;
+    const nextStyle = Object.assign(Object.assign({}, style), { text: (_a = c.textStyle) !== null && _a !== void 0 ? _a : style.text, textOffset: (_b = c.textOffset) !== null && _b !== void 0 ? _b : style.textOffset });
+    // @pixi/ui CheckBox.style rebuilds checked/unchecked views. If RadioGroup is
+    // listening, that rebuild can emit onChange while only one view exists.
+    inst._style = nextStyle;
+    if (inst.labelText && c.textStyle)
+        inst.labelText.style = c.textStyle;
+    try {
+        (_d = inst.alignText) === null || _d === void 0 ? void 0 : _d.call(inst);
+    }
+    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' },
+                ] } },
+        textStyle: { kind: 'shallowMerge', default: { fill: 0xffffff } },
+        textOffset: { kind: 'shallowMerge', default: {} },
+        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.textStyle, textOffset: c.textOffset },
+        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;
+        if (c.text !== undefined && inst.text !== c.text)
+            inst.text = c.text;
+        syncCheckBoxTextStyle(inst, c);
+    },
+};
+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;
+        if (c.triggerEvent !== undefined)
+            inst.triggerEvents = c.triggerEvent;
+    },
+};
+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: {} },
+        nineSliceSprite: { kind: 'opaque' },
+        fillPaddings: { kind: 'shallowMerge', default: {} },
+        valueTextStyle: { kind: 'shallowMerge', default: { fill: 0xffffff } },
+        valueTextOffset: { kind: 'shallowMerge', default: {} },
+        width: { kind: 'scalar', inspector: { name: 'width', type: 'number' } },
+        height: { kind: 'scalar', inspector: { name: 'height', type: 'number' } },
+        bindToStore: BIND_STORE,
+    },
+    views: {
+        kind: 'object', folder: 'views',
+        keys: [
+            { name: 'bg', required: true },
+            { name: 'fill', required: true },
+            { name: 'thumb', required: true },
+        ],
+    },
+    optionsBuilder: (c, v) => {
+        var _a, _b, _d;
+        const bg = getSliderView((_a = c.views) === null || _a === void 0 ? void 0 : _a.bg, v.object.bg);
+        const fill = getSliderView((_b = c.views) === null || _b === void 0 ? void 0 : _b.fill, v.object.fill);
+        const thumb = getSliderView((_d = c.views) === null || _d === void 0 ? void 0 : _d.thumb, v.object.thumb);
+        return {
+            bg, fill, slider: thumb,
+            min: c.min, max: c.max, step: c.step, value: c.value, showValue: c.showValue,
+            fillPaddings: c.fillPaddings,
+            nineSliceSprite: c.nineSliceSprite,
+            valueTextStyle: c.valueTextStyle,
+            valueTextOffset: c.valueTextOffset,
+        };
+    },
+    postCreate: (inst, c) => applyOptionalSize(inst, c),
+    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;
+        applyOptionalSize(inst, c);
+    },
+};
+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: {} },
+        nineSliceSprite: { kind: 'opaque' },
+        fillPaddings: { kind: 'shallowMerge', default: {} },
+        valueTextStyle: { kind: 'shallowMerge', default: { fill: 0xffffff } },
+        valueTextOffset: { kind: 'shallowMerge', default: {} },
+        width: { kind: 'scalar', inspector: { name: 'width', type: 'number' } },
+        height: { kind: 'scalar', inspector: { name: 'height', type: 'number' } },
+        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) => {
+        var _a, _b, _d, _e;
+        const bg = getSliderView((_a = c.views) === null || _a === void 0 ? void 0 : _a.bg, v.object.bg);
+        const fill = getSliderView((_b = c.views) === null || _b === void 0 ? void 0 : _b.fill, v.object.fill);
+        const slider1 = getSliderView((_d = c.views) === null || _d === void 0 ? void 0 : _d.slider1, v.object.slider1);
+        const slider2 = getSliderView((_e = c.views) === null || _e === void 0 ? void 0 : _e.slider2, v.object.slider2);
+        return {
+            bg, fill,
+            slider1, slider2,
+            min: c.min, max: c.max, step: c.step, value1: c.value1, value2: c.value2, showValue: c.showValue,
+            fillPaddings: c.fillPaddings,
+            nineSliceSprite: c.nineSliceSprite,
+            valueTextStyle: c.valueTextStyle,
+            valueTextOffset: c.valueTextOffset,
+        };
+    },
+    postCreate: (inst, c) => applyOptionalSize(inst, c),
+    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;
+        applyOptionalSize(inst, c);
+    },
+};
+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: {} },
+        width: { kind: 'scalar', inspector: { name: 'width', type: 'number' } },
+        height: { kind: 'scalar', inspector: { name: 'height', type: 'number' } },
+        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_view, fill: c.__resolved_fill_view,
+        fillPaddings: c.fillPaddings,
+        nineSliceSprite: c.nineSliceSprite,
+        progress: computeProgressPct(c),
+    }),
+    postCreate: (inst, c) => applyOptionalSize(inst, c),
+    syncOnChange: (inst, c) => {
+        const pct = computeProgressPct(c);
+        if (inst.progress !== pct)
+            inst.progress = pct;
+        applyOptionalSize(inst, c);
+    },
+    mixin: { getProgressPct: getProgressPctMixin },
+};
+function getSliderView(ref, resolved) {
+    if (ref && 'texture' in ref) {
+        return getTextureView(ref.texture);
+    }
+    return resolved;
+}
+function getProgressView(ref, resolved, nineSliceSprite) {
+    if (nineSliceSprite && ref && 'texture' in ref) {
+        return getTextureView(ref.texture);
+    }
+    return resolved;
+}
+function getTextureView(textureKey) {
+    var _a;
+    return (_a = resolveTexture(undefined, textureKey)) !== null && _a !== void 0 ? _a : textureKey;
+}
+function applyOptionalSize(inst, c) {
+    var _a, _b;
+    if (c.width === undefined && c.height === undefined)
+        return;
+    const width = (_a = c.width) !== null && _a !== void 0 ? _a : inst.width;
+    const height = (_b = c.height) !== null && _b !== void 0 ? _b : inst.height;
+    if (typeof inst.setSize === 'function') {
+        try {
+            inst.setSize(width, height);
+            return;
+        }
+        catch (_) { }
+    }
+    if (c.width !== undefined)
+        inst.width = c.width;
+    if (c.height !== undefined)
+        inst.height = c.height;
+}
+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 } },
+        cap: { kind: 'scalar', inspector: { name: 'cap', type: 'string' } },
+        rotation: { kind: 'scalar', default: 0 },
+        offset: { kind: 'shallowMerge', default: {} },
+        bindToStore: BIND_STORE,
+    },
+    optionsBuilder: (c) => ({
+        radius: c.radius, lineWidth: c.lineWidth,
+        backgroundColor: c.backgroundColor, fillColor: c.fillColor,
+        backgroundAlpha: c.backgroundAlpha, fillAlpha: c.fillAlpha,
+        cap: c.cap,
+        value: computeProgressPct(c),
+    }),
+    postCreate: (inst, c) => applyCircularProgressTransform(inst, c),
+    syncOnChange: (inst, c) => {
+        const pct = computeProgressPct(c);
+        if (inst.progress !== pct)
+            inst.progress = pct;
+        applyCircularProgressTransform(inst, c);
+    },
+    mixin: { getProgressPct: getProgressPctMixin },
+};
+function applyCircularProgressTransform(inst, c) {
+    var _a, _b;
+    if (c.rotation !== undefined)
+        inst.rotation = c.rotation;
+    if (c.offset) {
+        inst.x = (_a = c.offset.x) !== null && _a !== void 0 ? _a : 0;
+        inst.y = (_b = c.offset.y) !== null && _b !== void 0 ? _b : 0;
+    }
+}
+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' } },
+        width: { kind: 'scalar', inspector: { name: 'width', type: 'number' } },
+        height: { kind: 'scalar', inspector: { name: 'height', type: 'number' } },
+        bindToStore: BIND_STORE,
+    },
+    views: { kind: 'single', key: 'bgView', required: true },
+    optionsBuilder: (c, v) => ({
+        bg: getProgressView(c.bgView, v.single, c.nineSliceSprite), 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,
+    }),
+    postCreate: (inst, c) => { inst.enabled = c.enabled; applyOptionalSize(inst, c); },
+    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;
+        if (inst.enabled !== c.enabled)
+            inst.enabled = c.enabled;
+        applyOptionalSize(inst, c);
+    },
+};
+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) => ({
+        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,
+    }),
+    postCreate: (inst, c) => {
+        var _a;
+        for (const item of (_a = c.__resolved_items) !== null && _a !== void 0 ? _a : []) {
+            try {
+                inst.addChild(item);
+            }
+            catch (_) { }
+        }
+        if (typeof inst.arrangeChildren === 'function')
+            inst.arrangeChildren();
+    },
+    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();
+    },
+    applySize: applyListLayoutSize,
+};
+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', 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 },
+        vertPadding: { kind: 'scalar' },
+        horPadding: { kind: 'scalar' },
+        topPadding: { kind: 'scalar' },
+        bottomPadding: { kind: 'scalar' },
+        leftPadding: { kind: 'scalar' },
+        rightPadding: { kind: 'scalar' },
+        globalScroll: { kind: 'scalar', default: true },
+        shiftScroll: { kind: 'scalar', default: false },
+        proximityRange: { kind: 'scalar' },
+        proximityDebounce: { kind: 'scalar' },
+        // 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;
+        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,
+            vertPadding: c.vertPadding, horPadding: c.horPadding,
+            topPadding: c.topPadding, bottomPadding: c.bottomPadding,
+            leftPadding: c.leftPadding, rightPadding: c.rightPadding,
+            disableEasing: c.disableEasing, disableDynamicRendering: c.disableDynamicRendering,
+            globalScroll: c.globalScroll, shiftScroll: c.shiftScroll,
+            proximityRange: c.proximityRange, proximityDebounce: c.proximityDebounce,
+        };
+    },
+    signalMap: () => ({
+        scroll: (v) => ({ value: v }),
+    }),
+    postCreate: (inst, c) => {
+        var _a, _b;
+        if (typeof inst.addItems === 'function') {
+            try {
+                inst.addItems((_a = c.__resolved_items) !== null && _a !== void 0 ? _a : []);
+            }
+            catch (_) { }
+        }
+        if (typeof ((_b = inst.list) === null || _b === void 0 ? void 0 : _b.arrangeChildren) === 'function')
+            inst.list.arrangeChildren();
+        if (typeof inst.resize === 'function') {
+            try {
+                inst.resize();
+            }
+            catch (_) { }
+        }
+    },
+    syncOnChange: (inst, c) => {
+        applyOptionalSize(inst, c);
+    },
+};
+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' },
+        width: { kind: 'scalar', inspector: { name: 'width', type: 'number' } },
+        height: { kind: 'scalar', inspector: { name: 'height', type: 'number' } },
+        radius: { kind: 'scalar', default: 4 },
+        visibleItems: { kind: 'scalar' },
+        itemWidth: { kind: 'scalar' },
+        itemHeight: { kind: 'scalar' },
+        itemBackgroundColor: { kind: 'scalar', default: 0x000000 },
+        itemHoverColor: { kind: 'scalar', default: 0x666666 },
+        selectedTextOffset: { kind: 'shallowMerge', default: {} },
+        scrollBox: { kind: 'shallowMerge', default: {} },
+        textClass: { kind: 'scalar', default: 'text' },
+        open: { kind: 'scalar', default: false },
+        bindToStore: BIND_STORE,
+    },
+    views: {
+        kind: 'object', folder: '__select_views__', keys: [],
+    },
+    optionsBuilder: (c) => {
+        var _a, _b, _d, _e, _f;
+        return ({
+            closedBG: c.__resolved_closedView,
+            openBG: c.__resolved_openView,
+            textStyle: c.textStyle,
+            TextClass: c.textClass === 'html' ? pixi_js.HTMLText : undefined,
+            selectedTextOffset: c.selectedTextOffset,
+            items: {
+                items: ((_a = c.items) !== null && _a !== void 0 ? _a : []).map((it) => it.text),
+                backgroundColor: c.itemBackgroundColor,
+                hoverColor: c.itemHoverColor,
+                width: (_d = (_b = c.itemWidth) !== null && _b !== void 0 ? _b : c.width) !== null && _d !== void 0 ? _d : 200,
+                height: (_f = (_e = c.itemHeight) !== null && _e !== void 0 ? _e : c.height) !== null && _f !== void 0 ? _f : 30,
+                textStyle: c.textStyle,
+                TextClass: c.textClass === 'html' ? pixi_js.HTMLText : undefined,
+                radius: c.radius,
+            },
+            selected: c.selectedIndex >= 0 ? c.selectedIndex : undefined,
+            visibleItems: c.visibleItems,
+            scrollBox: Object.assign({ width: c.width, height: c.height && c.visibleItems ? c.height * c.visibleItems : undefined, radius: c.radius }, c.scrollBox),
+            nineSliceSprite: c.nineSliceSprite,
+        });
+    },
+    postCreate: (inst, c) => {
+        if (c.open && typeof inst.open === 'function')
+            inst.open();
+    },
+    signalMap: (c) => ({
+        select: (value, text) => {
+            c.selectedIndex = value;
+            c.selectCount += 1;
+            return { index: value, text };
+        },
+    }),
+    syncOnChange: (inst, c) => {
+        if (c.open && typeof inst.open === 'function')
+            inst.open();
+        if (!c.open && typeof inst.close === 'function')
+            inst.close();
+    },
+};
+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' },
+        titleStyle: { kind: 'shallowMerge', default: {} },
+        content: { kind: 'scalar' },
+        contentStyle: { kind: 'shallowMerge', default: {} },
+        contentButtons: { kind: 'arrayCopy', default: [] },
+        contentCheckBoxes: { kind: 'arrayCopy', default: [] },
+        buttons: { kind: 'arrayCopy', default: [] },
+        buttonList: { kind: 'shallowMerge', default: {} },
+        buttonListOffset: { kind: 'shallowMerge', default: {} },
+        scrollBox: { kind: 'shallowMerge', default: {} },
+        animations: { kind: 'opaque' },
+        bindToStore: BIND_STORE,
+    },
+    optionsBuilder: (c) => {
+        var _a;
+        const background = c.nineSliceSprite && c.backgroundView && 'texture' in c.backgroundView
+            ? c.backgroundView.texture
+            : ((_a = c.__resolved_background_view) !== null && _a !== void 0 ? _a : new pixi_js.Container());
+        return {
+            backdrop: c.__resolved_backdropView,
+            backdropColor: backdropColorToNumber(c.backdropColor),
+            backdropAlpha: c.backdropAlpha,
+            background,
+            title: makeDialogText(c.title, c.titleStyle),
+            content: makeDialogContent(c),
+            buttons: makeDialogButtons(c.buttons),
+            buttonList: c.buttonList,
+            scrollBox: c.scrollBox,
+            width: c.width, height: c.height, padding: c.padding,
+            closeOnBackdropClick: c.closeOnBackdropClick,
+            nineSliceSprite: c.nineSliceSprite,
+            animations: c.animations,
+        };
+    },
+    postCreate: (inst, c) => {
+        alignDialogAnchoredContent(inst, c);
+        if (c.open && typeof inst.open === 'function')
+            inst.open();
+    },
+    applySize: applyDialogSize,
+    onAttachedExtra: (inst, c, go) => {
+        wireDialogContentButtonPresses(inst, c, go);
+    },
+    signalMap: (c) => ({
+        close: () => { c.open = false; return {}; },
+        select: (idx, text) => ({ index: idx, text }),
+    }),
+    syncOnChange: (inst, c) => {
+        alignDialogAnchoredContent(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();
+    },
+};
+function applyDialogSize(inst, size, c) {
+    var _a, _b, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _w, _x, _y;
+    const width = readPositiveSize((_b = (_a = size.width) !== null && _a !== void 0 ? _a : c.width) !== null && _b !== void 0 ? _b : (_d = inst === null || inst === void 0 ? void 0 : inst.options) === null || _d === void 0 ? void 0 : _d.width);
+    const height = readPositiveSize((_f = (_e = size.height) !== null && _e !== void 0 ? _e : c.height) !== null && _f !== void 0 ? _f : (_g = inst === null || inst === void 0 ? void 0 : inst.options) === null || _g === void 0 ? void 0 : _g.height);
+    if (width === undefined && height === undefined)
+        return;
+    inst.options = (_h = inst.options) !== null && _h !== void 0 ? _h : {};
+    if (width !== undefined)
+        inst.options.width = width;
+    if (height !== undefined)
+        inst.options.height = height;
+    const dialogWidth = width !== null && width !== void 0 ? width : (Number(inst.options.width) || Number((_j = inst.innerView) === null || _j === void 0 ? void 0 : _j.width) || 0);
+    const dialogHeight = height !== null && height !== void 0 ? height : (Number(inst.options.height) || Number((_k = inst.innerView) === null || _k === void 0 ? void 0 : _k.height) || 0);
+    const padding = Number((_m = (_l = c.padding) !== null && _l !== void 0 ? _l : inst.options.padding) !== null && _m !== void 0 ? _m : 20) || 20;
+    if (inst.innerView) {
+        if (width !== undefined)
+            inst.innerView.width = width;
+        if (height !== undefined)
+            inst.innerView.height = height;
+        if ('anchor' in inst.innerView && ((_o = inst.innerView.anchor) === null || _o === void 0 ? void 0 : _o.set)) {
+            inst.innerView.anchor.set(0.5, 0.5);
+        }
+        else {
+            try {
+                (_q = (_p = inst.innerView.pivot) === null || _p === void 0 ? void 0 : _p.set) === null || _q === void 0 ? void 0 : _q.call(_p, dialogWidth / 2, dialogHeight / 2);
+            }
+            catch (_) { }
+        }
+    }
+    if (inst.titleText) {
+        inst.titleText.x = dialogWidth / 2;
+        inst.titleText.y = padding;
+    }
+    const titleHeight = Number((_r = inst.titleText) === null || _r === void 0 ? void 0 : _r.height) || 0;
+    const buttonHeight = Number((_s = inst.buttonContainer) === null || _s === void 0 ? void 0 : _s.height) || 0;
+    if (inst.buttonContainer) {
+        inst.buttonContainer.x = dialogWidth / 2 - ((Number(inst.buttonContainer.width) || 0) / 2);
+        inst.buttonContainer.y = dialogHeight - padding - buttonHeight;
+    }
+    if (inst.scrollBox) {
+        inst.scrollBox.x = padding;
+        inst.scrollBox.y = padding + titleHeight;
+        const overrideSize = (_t = c.scrollBox) === null || _t === void 0 ? void 0 : _t.size;
+        const scrollWidth = (_u = readPositiveSize(overrideSize === null || overrideSize === void 0 ? void 0 : overrideSize.width)) !== null && _u !== void 0 ? _u : Math.max(0, dialogWidth - (padding * 2));
+        const scrollHeight = (_w = readPositiveSize(overrideSize === null || overrideSize === void 0 ? void 0 : overrideSize.height)) !== null && _w !== void 0 ? _w : Math.max(0, dialogHeight - (padding * 2) - titleHeight - buttonHeight);
+        if (typeof inst.scrollBox.setSize === 'function')
+            inst.scrollBox.setSize(scrollWidth, scrollHeight);
+        else {
+            inst.scrollBox.width = scrollWidth;
+            inst.scrollBox.height = scrollHeight;
+        }
+        try {
+            (_y = (_x = inst.scrollBox).resize) === null || _y === void 0 ? void 0 : _y.call(_x, true);
+        }
+        catch (_) { }
+    }
+    alignDialogAnchoredContent(inst, Object.assign(Object.assign({}, c), { width: dialogWidth, height: dialogHeight }));
+}
+function readPositiveSize(value) {
+    const n = Number(value);
+    return Number.isFinite(n) && n > 0 ? n : undefined;
+}
+function alignDialogAnchoredContent(inst, c) {
+    var _a, _b;
+    const innerView = inst === null || inst === void 0 ? void 0 : inst.innerView;
+    const contentView = inst === null || inst === void 0 ? void 0 : inst.contentView;
+    if ((innerView === null || innerView === void 0 ? void 0 : innerView.anchor) && contentView && c.width && c.height) {
+        contentView.x = -c.width / 2;
+        contentView.y = -c.height / 2;
+    }
+    applyDialogOffset(inst, 'buttonListOffset', inst.buttonContainer, c.buttonListOffset);
+    applyDialogOffset(inst, 'scrollBoxOffset', inst.scrollBox, (_a = c.scrollBox) === null || _a === void 0 ? void 0 : _a.offset);
+    applyDialogScrollBoxSize(inst, (_b = c.scrollBox) === null || _b === void 0 ? void 0 : _b.size);
+}
+function applyDialogOffset(inst, key, target, nextOffset) {
+    var _a, _b, _d, _e;
+    if (!target)
+        return;
+    const applied = (_a = inst.__evaDialogAppliedOffsets) !== null && _a !== void 0 ? _a : {};
+    const prev = (_b = applied[key]) !== null && _b !== void 0 ? _b : { x: 0, y: 0 };
+    const next = { x: (_d = nextOffset === null || nextOffset === void 0 ? void 0 : nextOffset.x) !== null && _d !== void 0 ? _d : 0, y: (_e = nextOffset === null || nextOffset === void 0 ? void 0 : nextOffset.y) !== null && _e !== void 0 ? _e : 0 };
+    target.x += next.x - prev.x;
+    target.y += next.y - prev.y;
+    inst.__evaDialogAppliedOffsets = Object.assign(Object.assign({}, applied), { [key]: next });
+}
+function applyDialogScrollBoxSize(inst, nextSize) {
+    var _a, _b, _d;
+    const scrollBox = inst === null || inst === void 0 ? void 0 : inst.scrollBox;
+    if (!scrollBox)
+        return;
+    const base = (_a = inst.__evaDialogBaseScrollBoxSize) !== null && _a !== void 0 ? _a : {
+        width: scrollBox.width,
+        height: scrollBox.height,
+    };
+    inst.__evaDialogBaseScrollBoxSize = base;
+    const wasApplied = inst.__evaDialogAppliedScrollBoxSize;
+    if (!nextSize && !wasApplied)
+        return;
+    const width = (_b = nextSize === null || nextSize === void 0 ? void 0 : nextSize.width) !== null && _b !== void 0 ? _b : base.width;
+    const height = (_d = nextSize === null || nextSize === void 0 ? void 0 : nextSize.height) !== null && _d !== void 0 ? _d : base.height;
+    if (typeof scrollBox.setSize === 'function')
+        scrollBox.setSize(width, height);
+    else {
+        scrollBox.width = width;
+        scrollBox.height = height;
+    }
+    if (typeof scrollBox.resize === 'function')
+        scrollBox.resize(true);
+    inst.__evaDialogAppliedScrollBoxSize = !!nextSize;
+}
+function makeDialogText(text, style) {
+    if (text === undefined)
+        return undefined;
+    if (style && Object.keys(style).length > 0) {
+        return new pixi_js.Text({ text, style: style });
+    }
+    return text;
+}
+function makeDialogContent(c) {
+    var _a, _b;
+    if ((_a = c.contentButtons) === null || _a === void 0 ? void 0 : _a.length) {
+        const records = [];
+        const buttons = c.contentButtons.map((button, index) => {
+            const pixiButton = new ui.FancyButton(makeDialogButtonOptions(button));
+            applyOptionalSize(pixiButton, button);
+            if (button.disabled !== undefined)
+                pixiButton.enabled = !button.disabled;
+            records.push({ button: pixiButton, params: button, index });
+            return pixiButton;
+        });
+        c.__dialogContentButtons = records;
+        return buttons;
+    }
+    if ((_b = c.contentCheckBoxes) === null || _b === void 0 ? void 0 : _b.length) {
+        return c.contentCheckBoxes.map((checkBox) => new ui.CheckBox(makeDialogCheckBoxOptions(checkBox)));
+    }
+    return makeDialogText(c.content, c.contentStyle);
+}
+function wireDialogContentButtonPresses(inst, c, go) {
+    const records = c.__dialogContentButtons;
+    if (!Array.isArray(records) || records.length === 0 || inst.__evaDialogContentButtonPressesWired)
+        return;
+    inst.__evaDialogContentButtonPressesWired = true;
+    inst.__evaDialogContentButtonPressCleanups = records.map((record) => {
+        var _a;
+        const signal = (_a = record.button) === null || _a === void 0 ? void 0 : _a.onPress;
+        if (!signal || typeof signal.connect !== 'function')
+            return undefined;
+        const conn = signal.connect(() => {
+            var _a, _b, _d, _e;
+            const value = (_b = (_a = record.params.value) !== null && _a !== void 0 ? _a : record.params.text) !== null && _b !== void 0 ? _b : record.index;
+            c.selectedContentIndex = record.index;
+            c.selectedContentValue = value;
+            c.selectCount = ((_d = c.selectCount) !== null && _d !== void 0 ? _d : 0) + 1;
+            c.lastSignal = 'select';
+            emitDialogSelection(go, { index: record.index, text: String((_e = record.params.text) !== null && _e !== void 0 ? _e : ''), value });
+            if (record.params.closeOnPress && typeof inst.close === 'function')
+                inst.close();
+            const reopenDelay = Number(record.params.reopenDelay);
+            if (Number.isFinite(reopenDelay) && reopenDelay >= 0 && typeof inst.open === 'function') {
+                setTimeout(() => {
+                    try {
+                        inst.open();
+                    }
+                    catch (_) { }
+                }, reopenDelay);
+            }
+        });
+        return () => { try {
+            conn.disconnect();
+        }
+        catch (_) { } };
+    }).filter(Boolean);
+}
+function emitDialogSelection(go, payload) {
+    var _a, _b, _d;
+    const eventPayload = Object.assign({ entityName: go === null || go === void 0 ? void 0 : go.name }, payload);
+    try {
+        (_a = go === null || go === void 0 ? void 0 : go.emit) === null || _a === void 0 ? void 0 : _a.call(go, 'select', eventPayload);
+    }
+    catch (_) { }
+    try {
+        (_b = go === null || go === void 0 ? void 0 : go.emit) === null || _b === void 0 ? void 0 : _b.call(go, 'dialog:select', eventPayload);
+    }
+    catch (_) { }
+    const mx = (typeof globalThis !== 'undefined' ? globalThis.mx : undefined);
+    if ((_d = mx === null || mx === void 0 ? void 0 : mx.event) === null || _d === void 0 ? void 0 : _d.emit) {
+        try {
+            mx.event.emit('dialog:select', eventPayload);
+        }
+        catch (_) { }
+    }
+}
+function makeDialogButtons(buttons) {
+    if (!(buttons === null || buttons === void 0 ? void 0 : buttons.length))
+        return undefined;
+    return buttons.map((button) => {
+        const options = makeDialogButtonOptions(button);
+        const shouldMaterialize = button.disabled !== undefined
+            || !!(button.nineSliceSprite && (button.width !== undefined || button.height !== undefined));
+        if (button.kind === 'button' || !shouldMaterialize)
+            return options;
+        const pixiButton = new ui.FancyButton(options);
+        applyOptionalSize(pixiButton, button);
+        pixiButton.enabled = !button.disabled;
+        return pixiButton;
+    });
+}
+function makeDialogButtonOptions(button) {
+    var _a, _b, _d, _e, _f, _g, _h, _j, _k, _l;
+    if (button.kind === 'button')
+        return makeDialogBareButton(button);
+    const width = (_a = button.width) !== null && _a !== void 0 ? _a : 110;
+    const height = (_b = button.height) !== null && _b !== void 0 ? _b : 48;
+    const radius = (_d = button.radius) !== null && _d !== void 0 ? _d : 12;
+    const color = (_e = button.color) !== null && _e !== void 0 ? _e : pixiStoryDefaultButtonColor;
+    return {
+        text: makeDialogText(button.text, button.textStyle),
+        defaultView: (_f = resolveDialogButtonView(button.defaultView)) !== null && _f !== void 0 ? _f : makeDialogButtonView(width, height, radius, color),
+        hoverView: (_g = resolveDialogButtonView(button.hoverView)) !== null && _g !== void 0 ? _g : makeDialogButtonView(width, height, radius, (_h = button.hoverColor) !== null && _h !== void 0 ? _h : color),
+        pressedView: (_j = resolveDialogButtonView(button.pressedView)) !== null && _j !== void 0 ? _j : makeDialogButtonView(width, height, radius, (_k = button.pressedColor) !== null && _k !== void 0 ? _k : color),
+        disabledView: (_l = resolveDialogButtonView(button.disabledView)) !== null && _l !== void 0 ? _l : (button.disabledColor ? makeDialogButtonView(width, height, radius, button.disabledColor) : undefined),
+        nineSliceSprite: button.nineSliceSprite,
+        enabled: button.disabled === undefined ? undefined : !button.disabled,
+        animations: button.animations,
+    };
+}
+function resolveDialogButtonView(view) {
+    return view ? getTextureView(view) : undefined;
+}
+const pixiStoryDefaultButtonColor = '#e91e63';
+const pixiStoryDefaultTextColor = '#ffffff';
+function makeDialogButtonView(width, height, radius, color) {
+    return new pixi_js.Graphics()
+        .roundRect(0, 0, width, height, radius)
+        .fill(color);
+}
+function makeDialogBareButton(button) {
+    var _a, _b, _d, _e, _f, _g;
+    const width = (_a = button.width) !== null && _a !== void 0 ? _a : 110;
+    const height = (_b = button.height) !== null && _b !== void 0 ? _b : 48;
+    const radius = (_d = button.radius) !== null && _d !== void 0 ? _d : 12;
+    const view = makeDialogButtonView(width, height, radius, (_e = button.color) !== null && _e !== void 0 ? _e : pixiStoryDefaultButtonColor);
+    const label = makeDialogText(button.text, button.textStyle);
+    if (label) {
+        label.x = width / 2;
+        label.y = height / 2;
+        try {
+            (_g = (_f = label.anchor) === null || _f === void 0 ? void 0 : _f.set) === null || _g === void 0 ? void 0 : _g.call(_f, 0.5);
+        }
+        catch (_) { }
+        view.addChild(label);
+    }
+    const pixiButton = new ui.Button(view);
+    if (button.disabled !== undefined)
+        pixiButton.enabled = !button.disabled;
+    return pixiButton;
+}
+function makeDialogCheckBoxOptions(checkBox) {
+    var _a, _b, _d, _e, _f, _g;
+    const size = (_a = checkBox.size) !== null && _a !== void 0 ? _a : 30;
+    const radius = (_b = checkBox.radius) !== null && _b !== void 0 ? _b : 5;
+    const strokeColor = (_d = checkBox.strokeColor) !== null && _d !== void 0 ? _d : pixiStoryDefaultTextColor;
+    const strokeWidth = (_e = checkBox.strokeWidth) !== null && _e !== void 0 ? _e : 2;
+    return {
+        style: {
+            unchecked: new pixi_js.Graphics()
+                .roundRect(0, 0, size, size, radius)
+                .fill(((_f = checkBox.uncheckedColor) !== null && _f !== void 0 ? _f : '#3e3f40'))
+                .stroke({ color: strokeColor, width: strokeWidth }),
+            checked: new pixi_js.Graphics()
+                .roundRect(0, 0, size, size, radius)
+                .fill(((_g = checkBox.checkedColor) !== null && _g !== void 0 ? _g : pixiStoryDefaultButtonColor))
+                .stroke({ color: strokeColor, width: strokeWidth }),
+            text: checkBox.textStyle,
+        },
+        text: checkBox.text,
+        checked: checkBox.checked,
+    };
+}
+const MASKED_FRAME_DEF = {
+    name: 'MaskedFrame',
+    signalPrefix: 'maskedframe',
+    pixiClass: ui.MaskedFrame,
+    fields: {
+        targetView: { kind: 'opaque' },
+        maskView: { kind: 'opaque' },
+        borderView: { kind: 'opaque' },
+        borderWidth: { kind: 'scalar', default: 0, inspector: { name: 'borderWidth', type: 'number' } },
+        borderColor: { kind: 'scalar', default: 0x000000, inspector: { name: 'borderColor', type: 'color' } },
+    },
+    optionsBuilder: (c) => ({
+        target: c.__resolved_target_view,
+        mask: c.__resolved_mask_view,
+        borderWidth: c.borderWidth,
+        borderColor: c.borderColor,
+    }),
+};
+// ============================================================
+// 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 组件(Shape 自渲染 + 14 个 @pixi/ui factory wrapper + RadioGroup 独立)由本 system 统一驱动。
+ * 不再为每个组件写独立 handler 方法 - 14 个 @pixi/ui 组件走 handleGeneric,RadioGroup 单独处理。
+ */
+// observer schema:把 COMPONENT_DEFINITIONS.fields 转成 componentObserver decorator 参数
+function buildObserverSchema() {
+    const out = {
+        Transform: [{ prop: ['size'], deep: true }],
+        Shape: [{ prop: ['shapes'], deep: true }],
+        UI: [{ prop: ['shapes'], deep: true }],
+        UIComponent: [{ 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;
+}
+function isShapeComponentName(name) {
+    return name === 'Shape' || name === 'UI' || name === 'UIComponent';
+}
+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.transformSizeAuthorities = new Set();
+        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 === 'Transform')
+            return this.handleTransformSizeChanged(changed);
+        if (isShapeComponentName(name))
+            return this.handleShape(changed);
+        if (name === 'RadioGroup')
+            return this.handleRadioGroup(changed);
+        const def = COMPONENT_DEFINITIONS[name];
+        if (def)
+            return this.handleGeneric(def, changed);
+    }
+    // ============================================================
+    // Shape(自渲染,无 @pixi/ui 实例)
+    // ============================================================
+    handleShape(changed) {
+        if (changed.type === eva_js.OBSERVER_TYPE.ADD || changed.type === eva_js.OBSERVER_TYPE.CHANGE) {
+            const shape = changed.component;
+            if (typeof shape.redraw === 'function')
+                shape.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);
+            if (this.transformSizeAuthorities.has(go.id)) {
+                applyTransformSizeToInstance(def, inst, c, go, 'component-change');
+            }
+        }
+        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, _j, _k;
+        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);
+            const expectedCount = getCollectedChildCount(go, childName);
+            if (expectedCount > 0 && c.__resolved_items.length < expectedCount && ((_a = c.__collect_retry) !== null && _a !== void 0 ? _a : 0) < 10) {
+                c.__collect_retry = ((_b = c.__collect_retry) !== null && _b !== void 0 ? _b : 0) + 1;
+                requestAnimationFrame(() => this.attachGeneric(def, c, go, instMap));
+                return;
+            }
+        }
+        // 4) 构造 PIXI 实例
+        const restoreTransientSize = this.applyTransientTransformSize(c, go);
+        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 等)
+        (_c = def.postCreate) === null || _c === void 0 ? void 0 : _c.call(def, inst, c);
+        // 5.5) 新 DSL 以 Transform.size 作为 plugin-ui 渲染尺寸来源。
+        // 历史 DSL 若显式写了组件 width/height,初次 attach 保持旧行为;之后 Transform.size change 会接管。
+        if (this.transformSizeAuthorities.has(go.id) || !hasExplicitRenderSize(c)) {
+            const applied = applyTransformSizeToInstance(def, inst, c, go, 'initial-transform');
+            if (applied)
+                this.transformSizeAuthorities.add(go.id);
+        }
+        // 6) 注册 + attach
+        instMap.set(go.id, inst);
+        attachToGameObject(game, go, inst);
+        // 7) onAttachedExtra(Dialog 挂 contentChild)
+        if (def.name === 'Dialog') {
+            const contentChild = findChildEntity(go, (_d = c.contentChildName) !== null && _d !== void 0 ? _d : 'content');
+            if (contentChild) {
+                const cc = getEvaContainer(game, contentChild);
+                if (cc) {
+                    try {
+                        (_g = (_f = inst).addChild) === null || _g === void 0 ? void 0 : _g.call(_f, cc);
+                    }
+                    catch (_) { }
+                }
+            }
+        }
+        // MaskedFrame 挂 borderView 作为 child
+        if (def.name === 'MaskedFrame' && c.borderView) {
+            const border = resolveViewRef(game, go, c.borderView);
+            if (border) {
+                try {
+                    (_j = (_h = inst).addChild) === null || _j === void 0 ? void 0 : _j.call(_h, border);
+                }
+                catch (_) { }
+            }
+        }
+        // 8) signal 桥接
+        if (def.signalMap) {
+            const offs = bridgeSignals(inst, { go, prefix: def.signalPrefix }, def.signalMap(c));
+            this.signalCleanups.set(go.id, offs);
+        }
+        (_k = def.onAttachedExtra) === null || _k === void 0 ? void 0 : _k.call(def, inst, c, go, game);
+        restoreTransientSize();
+    }
+    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,
+        });
+        if (this.transformSizeAuthorities.has(go.id)) {
+            const size = readTransformRenderSize(go, { allowZero: true });
+            if (size)
+                applyRuntimeSize(inst, size);
+        }
+        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;
+    }
+    // ============================================================
+    // Transform.size -> plugin-ui runtime size
+    // ============================================================
+    handleTransformSizeChanged(changed) {
+        var _a, _b;
+        if (changed.type !== eva_js.OBSERVER_TYPE.CHANGE)
+            return;
+        const transform = changed.component;
+        const go = (_a = changed.gameObject) !== null && _a !== void 0 ? _a : transform === null || transform === void 0 ? void 0 : transform.gameObject;
+        if (!go)
+            return;
+        let applied = false;
+        for (const [componentName, def] of Object.entries(COMPONENT_DEFINITIONS)) {
+            const inst = (_b = this.instances.get(componentName)) === null || _b === void 0 ? void 0 : _b.get(go.id);
+            if (!inst)
+                continue;
+            const component = getComponentSafe(go, componentName);
+            if (applyTransformSizeToInstance(def, inst, component, go, 'transform-change')) {
+                applied = true;
+            }
+        }
+        const radioGroup = this.radioGroupInstances.get(go.id);
+        if (radioGroup) {
+            const size = readTransformRenderSize(go, { allowZero: true });
+            if (size) {
+                applyRuntimeSize(radioGroup, size);
+                applied = true;
+            }
+        }
+        if (applied)
+            this.transformSizeAuthorities.add(go.id);
+        this.relayoutLayoutInstances();
+    }
+    relayoutLayoutInstances() {
+        for (const name of ['List', 'ScrollBox']) {
+            const instMap = this.instances.get(name);
+            if (!instMap)
+                continue;
+            for (const inst of instMap.values()) {
+                relayoutRuntimeInstance(inst);
+            }
+        }
+    }
+    applyTransientTransformSize(c, go) {
+        if (hasExplicitRenderSize(c))
+            return () => { };
+        const size = readTransformRenderSize(go);
+        if (!size)
+            return () => { };
+        const hadWidth = Object.prototype.hasOwnProperty.call(c, 'width');
+        const hadHeight = Object.prototype.hasOwnProperty.call(c, 'height');
+        const prevWidth = c.width;
+        const prevHeight = c.height;
+        if (size.width !== undefined)
+            c.width = size.width;
+        if (size.height !== undefined)
+            c.height = size.height;
+        return () => {
+            if (hadWidth)
+                c.width = prevWidth;
+            else
+                delete c.width;
+            if (hadHeight)
+                c.height = prevHeight;
+            else
+                delete c.height;
+        };
+    }
+};
+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': {
+            const fillView = c.nineSliceSprite
+                ? c.fillView
+                : normalizeProgressFillViewRef(c.fillView, c.fillPaddings, { width: c.width, height: c.height });
+            c.__resolved_bg = resolveViewRef(game, go, c.bgView);
+            c.__resolved_fill = resolveViewRef(game, go, fillView);
+            c.__resolved_bg_view = c.nineSliceSprite && c.bgView && 'texture' in c.bgView ? c.bgView.texture : c.__resolved_bg;
+            c.__resolved_fill_view = c.nineSliceSprite && c.fillView && 'texture' in c.fillView ? c.fillView.texture : c.__resolved_fill;
+            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);
+            c.__resolved_background_view = c.nineSliceSprite && c.backgroundView && 'texture' in c.backgroundView
+                ? c.backgroundView.texture
+                : c.__resolved_backgroundView;
+            break;
+        case 'MaskedFrame':
+            c.__resolved_targetView = resolveViewRef(game, go, c.targetView);
+            c.__resolved_maskView = resolveViewRef(game, go, c.maskView);
+            c.__resolved_target_view = c.targetView && 'texture' in c.targetView ? c.targetView.texture : c.__resolved_targetView;
+            c.__resolved_mask_view = c.maskView && 'texture' in c.maskView ? c.maskView.texture : c.__resolved_maskView;
+            break;
+    }
+}
+/** 验证 inline-resolved view 是否齐备(必填项不能 null) */
+function validateInlineResolved(name, c) {
+    switch (name) {
+        case 'ProgressBar':
+            return !!(c.__resolved_bg_view && c.__resolved_fill_view);
+        case 'Select':
+            return !!(c.__resolved_closedView && c.__resolved_openView);
+        case 'Dialog':
+            // backgroundView 可 fallback PixiContainer,backdropView 也可 null
+            return true;
+        case 'MaskedFrame':
+            return !!(c.__resolved_target_view && c.__resolved_mask_view);
+        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) {
+            if (childContainer.width <= 0 || childContainer.height <= 0)
+                continue;
+            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(wrapLayoutItem(childContainer, child));
+        }
+    }
+    return result;
+}
+function wrapLayoutItem(childContainer, child) {
+    const wrapper = new pixi_js.Container();
+    const childName = child === null || child === void 0 ? void 0 : child.name;
+    wrapper.label = childName ? `${childName}:layout-item` : 'plugin-ui-layout-item';
+    wrapper.addChild(childContainer);
+    Object.defineProperty(wrapper, 'width', {
+        get: () => resolveLayoutItemSize(child, childContainer, 'width'),
+        set: () => { },
+        configurable: true,
+    });
+    Object.defineProperty(wrapper, 'height', {
+        get: () => resolveLayoutItemSize(child, childContainer, 'height'),
+        set: () => { },
+        configurable: true,
+    });
+    return wrapper;
+}
+function resolveLayoutItemSize(child, childContainer, key) {
+    var _a, _b;
+    const transformSize = Number((_b = (_a = child === null || child === void 0 ? void 0 : child.transform) === null || _a === void 0 ? void 0 : _a.size) === null || _b === void 0 ? void 0 : _b[key]);
+    if (Number.isFinite(transformSize) && transformSize > 0)
+        return transformSize;
+    const containerSize = Number(childContainer === null || childContainer === void 0 ? void 0 : childContainer[key]);
+    return Number.isFinite(containerSize) ? containerSize : 0;
+}
+function getCollectedChildCount(go, childName) {
+    var _a, _b, _c;
+    const contentChild = findChildEntity(go, childName);
+    return (_c = (_b = (_a = contentChild === null || contentChild === void 0 ? void 0 : contentChild.transform) === null || _a === void 0 ? void 0 : _a.children) === null || _b === void 0 ? void 0 : _b.length) !== null && _c !== void 0 ? _c : 0;
+}
+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;
+}
+function getComponentSafe(go, componentName) {
+    var _a;
+    try {
+        return (_a = go === null || go === void 0 ? void 0 : go.getComponent) === null || _a === void 0 ? void 0 : _a.call(go, componentName);
+    }
+    catch (_) {
+        return undefined;
+    }
+}
+
+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.Shape = Shape;
+exports.Slider = Slider;
+exports.Switcher = Switcher;
+exports.UI = Shape;
+exports.UIShapeType = UIShapeType;
+exports.UISystem = UISystem$1;
+exports.defineUiComponent = defineUiComponent;