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

package/dist/plugin-renderer.esm.js

@@ -1,762 +0,0 @@
-import { OBSERVER_TYPE, decorators, System, LOAD_SCENE_MODE, resource } from '@eva/eva.js';
-import { Container, Application } from '@eva/renderer-adapter';
-import isEqual from 'lodash-es/isEqual';
-import EventEmitter from 'eventemitter3';
-import { Ticker, setKTXTranscoderPath, extensions, loadKTX2, resolveCompressedTextureUrl, detectCompressed } from 'pixi.js';
-
-/******************************************************************************
-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;
-}
-
-function __metadata(metadataKey, metadataValue) {
-    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(metadataKey, metadataValue);
-}
-
-function __awaiter(thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-}
-
-typeof SuppressedError === "function" ? SuppressedError : function (error, suppressed, message) {
-    var e = new Error(message);
-    return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
-};
-
-/**
- * 渲染管理器类
- *
- * RendererManager 负责管理和协调所有渲染器。
- * 它将组件变化事件分发给相应的渲染器，
- * 并在每帧调用渲染器的更新方法。
- *
- * @example
- * ```typescript
- * const rendererManager = new RendererManager({
- *   game,
- *   rendererSystem
- * });
- *
- * rendererManager.register(
- *   new SpriteRenderer(),
- *   new TextRenderer()
- * );
- * ```
- */
-class RendererManager {
-    /**
-     * 构造渲染管理器
-     * @param game - 游戏实例
-     * @param rendererSystem - 渲染系统实例
-     */
-    constructor({ game, rendererSystem }) {
-        /** 注册的渲染器列表 */
-        this.renderers = [];
-        this.game = game;
-        this.rendererSystem = rendererSystem;
-    }
-    /**
-     * 注册渲染器
-     *
-     * 将渲染器添加到管理器，并为其设置必要的引用。
-     *
-     * @param renderers - 要注册的渲染器列表
-     */
-    register(...renderers) {
-        for (const renderer of renderers) {
-            renderer.game = this.game;
-            renderer.rendererManager = this.rendererSystem.rendererManager;
-            renderer.containerManager = this.rendererSystem.containerManager;
-            this.renderers.push(renderer);
-        }
-    }
-    componentChanged(changes) {
-        for (const changed of changes) {
-            for (const renderer of this.renderers) {
-                const props = renderer.observerInfo[changed.componentName];
-                if (props) {
-                    if ([OBSERVER_TYPE.ADD, OBSERVER_TYPE.REMOVE].indexOf(changed.type) > -1) {
-                        try {
-                            renderer.componentChanged && renderer.componentChanged(changed);
-                        }
-                        catch (e) {
-                            console.error(`gameObject: ${changed.gameObject.name}, ${changed.componentName} is error.`, changed, e);
-                        }
-                        continue;
-                    }
-                    const index = props.findIndex(prop => {
-                        return isEqual(prop, changed.prop);
-                    });
-                    if (index > -1) {
-                        try {
-                            renderer.componentChanged && renderer.componentChanged(changed);
-                        }
-                        catch (e) {
-                            console.error(`gameObject: ${changed.gameObject && changed.gameObject.name}, ${changed.componentName} is componentChanged error.`, changed, e);
-                        }
-                    }
-                }
-            }
-        }
-    }
-    update(gameObject) {
-        for (const component of gameObject.components) {
-            for (const renderer of this.renderers) {
-                const cache = [];
-                const props = renderer.observerInfo[component.name];
-                if (props && cache.indexOf(gameObject) === -1) {
-                    cache.push(gameObject);
-                    try {
-                        renderer.rendererUpdate && renderer.rendererUpdate(gameObject);
-                    }
-                    catch (e) {
-                        console.info(`gameObject: ${gameObject.name}, ${component.name} is update error`, e);
-                    }
-                }
-            }
-        }
-    }
-}
-var RendererManager$1 = RendererManager;
-
-const toRenderBounds = (bounds, coordinateSpace, source) => {
-    const x = Number.isFinite(bounds.x) ? bounds.x : 0;
-    const y = Number.isFinite(bounds.y) ? bounds.y : 0;
-    const width = Number.isFinite(bounds.width) ? bounds.width : 0;
-    const height = Number.isFinite(bounds.height) ? bounds.height : 0;
-    return {
-        x,
-        y,
-        width,
-        height,
-        right: x + width,
-        bottom: y + height,
-        coordinateSpace,
-        source,
-    };
-};
-class ContainerManager {
-    constructor() {
-        this.containerMap = {};
-    }
-    addContainer({ name, container, gameObject }) {
-        this.containerMap[name] = container;
-        container.gName = gameObject.name || name;
-    }
-    getContainer(name) {
-        return this.containerMap[name];
-    }
-    /**
-     * Return actual rendered bounds for a GameObject.
-     *
-     * The primary path uses PixiJS Container#getBounds(), so renderers such as
-     * Text/Img/Graphics/Sprite/Spine report the real display size after loading
-     * and style application. If the display object is not ready yet, callers can
-     * fall back to Transform.size in the same Eva design/canvas coordinate space.
-     */
-    getBounds(gameObject, options = {}) {
-        if (!gameObject || gameObject.destroyed)
-            return null;
-        const coordinateSpace = options.coordinateSpace || 'world';
-        const fallbackToTransform = options.fallbackToTransform !== false;
-        const container = this.getContainer(gameObject.id);
-        if (container === null || container === void 0 ? void 0 : container.getBounds) {
-            try {
-                const bounds = container.getBounds();
-                if (bounds && Number.isFinite(bounds.width) && Number.isFinite(bounds.height) && (bounds.width !== 0 || bounds.height !== 0)) {
-                    return toRenderBounds(bounds, coordinateSpace, 'pixi');
-                }
-            }
-            catch (error) {
-                // Pixi can throw while async resources are still being attached; fallback below keeps editor tools stable.
-            }
-        }
-        if (!fallbackToTransform)
-            return null;
-        return this.getTransformBounds(gameObject, coordinateSpace);
-    }
-    getTransformBounds(gameObject, coordinateSpace) {
-        var _a, _b, _c, _d, _e, _f;
-        const transform = gameObject.transform;
-        const container = this.getContainer(gameObject.id);
-        let x = (_a = container === null || container === void 0 ? void 0 : container.worldTransform) === null || _a === void 0 ? void 0 : _a.tx;
-        let y = (_b = container === null || container === void 0 ? void 0 : container.worldTransform) === null || _b === void 0 ? void 0 : _b.ty;
-        if (!Number.isFinite(x) || !Number.isFinite(y)) {
-            const position = this.resolveFallbackWorldPosition(transform);
-            x = position.x;
-            y = position.y;
-        }
-        const scaleX = Number.isFinite((_c = transform.scale) === null || _c === void 0 ? void 0 : _c.x) ? transform.scale.x : 1;
-        const scaleY = Number.isFinite((_d = transform.scale) === null || _d === void 0 ? void 0 : _d.y) ? transform.scale.y : 1;
-        const width = Math.abs((((_e = transform.size) === null || _e === void 0 ? void 0 : _e.width) || 0) * scaleX);
-        const height = Math.abs((((_f = transform.size) === null || _f === void 0 ? void 0 : _f.height) || 0) * scaleY);
-        return toRenderBounds({ x, y, width, height }, coordinateSpace, 'transform');
-    }
-    resolveFallbackWorldPosition(transform) {
-        var _a, _b, _c, _d;
-        if (!transform)
-            return { x: 0, y: 0 };
-        const parent = transform.parent;
-        const parentPosition = parent ? this.resolveFallbackWorldPosition(parent) : { x: 0, y: 0 };
-        const parentSize = (parent === null || parent === void 0 ? void 0 : parent.size) || { width: 0, height: 0 };
-        return {
-            x: parentPosition.x + (((_a = transform.position) === null || _a === void 0 ? void 0 : _a.x) || 0) + parentSize.width * (((_b = transform.anchor) === null || _b === void 0 ? void 0 : _b.x) || 0),
-            y: parentPosition.y + (((_c = transform.position) === null || _c === void 0 ? void 0 : _c.y) || 0) + parentSize.height * (((_d = transform.anchor) === null || _d === void 0 ? void 0 : _d.y) || 0),
-        };
-    }
-    removeContainer(name) {
-        const container = this.containerMap[name];
-        if (container) {
-            container.destroy({ children: true });
-        }
-        delete this.containerMap[name];
-    }
-    updateTransform({ name, transform }) {
-        const container = this.containerMap[name];
-        if (!container || !transform)
-            return;
-        const { anchor, origin, position, rotation, scale, size, skew } = transform;
-        container.rotation = rotation;
-        // @ts-ignore
-        container.scale = scale;
-        container.pivot.x = size.width * origin.x;
-        container.pivot.y = size.height * origin.y;
-        // @ts-ignore
-        container.skew = skew;
-        let x = position.x;
-        let y = position.y;
-        if (transform.parent) {
-            const parent = transform.parent;
-            x = x + parent.size.width * anchor.x;
-            y = y + parent.size.height * anchor.y;
-        }
-        // @ts-ignore
-        container.position = { x, y };
-    }
-}
-
-let Transform = class Transform extends EventEmitter {
-    constructor({ system, containerManager }) {
-        super();
-        this.name = 'Transform';
-        this.waitRemoveIds = [];
-        this.waitChangeScenes = [];
-        this.containerManager = containerManager;
-        this.init(system);
-    }
-    init(system) {
-        this.system = system;
-        this.on('changeScene', ({ scene, mode, application }) => {
-            // switch (mode) {
-            // case LOAD_SCENE_MODE.SINGLE:
-            this.waitChangeScenes.push({ scene, mode, application });
-            // break;
-            // case LOAD_SCENE_MODE.MULTI_CANVAS:
-            // }
-        });
-    }
-    update() {
-        for (const id of this.waitRemoveIds) {
-            this.containerManager.removeContainer(id);
-        }
-        this.waitRemoveIds = [];
-        for (const sceneInfo of this.waitChangeScenes) {
-            // set scene
-            const container = this.containerManager.getContainer(sceneInfo.scene.id);
-            if (container) {
-                sceneInfo.application.stage.removeChildren();
-                sceneInfo.application.stage.addChild(container);
-            }
-        }
-        this.waitChangeScenes = [];
-    }
-    componentChanged(changed) {
-        if (changed.type === OBSERVER_TYPE.ADD) {
-            this.addContainer(changed);
-        }
-        else if (changed.type === OBSERVER_TYPE.CHANGE) {
-            this.change(changed);
-        }
-        else if (changed.type === OBSERVER_TYPE.REMOVE) {
-            this.waitRemoveIds.push(changed.gameObject.id);
-        }
-    }
-    addContainer(changed) {
-        const container = new Container();
-        container.label = changed.gameObject.name;
-        this.containerManager.addContainer({
-            name: changed.gameObject.id,
-            container,
-            gameObject: changed.gameObject,
-        });
-        const transform = changed.component;
-        Object.defineProperty(transform, 'worldTransform', {
-            get() {
-                return container.renderGroup || container.parentRenderGroup ? container.worldTransform : void 0;
-            },
-        });
-    }
-    change(changed) {
-        const transform = changed.component;
-        if (transform.parent) {
-            const parentContainer = this.containerManager.getContainer(transform.parent.gameObject.id);
-            parentContainer.addChild(this.containerManager.getContainer(changed.gameObject.id));
-            const render = changed.gameObject.transform.parent &&
-                changed.gameObject.transform.parent.gameObject.getComponent('Render');
-            if (render) {
-                render.sortDirty = true;
-            }
-        }
-        else {
-            const container = this.containerManager.getContainer(changed.gameObject.id);
-            container.parent && container.parent.removeChild(container);
-        }
-    }
-    destroy() {
-        this.removeAllListeners();
-        this.waitRemoveIds = null;
-        this.waitChangeScenes = null;
-        this.system = null;
-        this.containerManager = null;
-    }
-};
-Transform = __decorate([
-    decorators.componentObserver({
-        Transform: ['_parent'],
-    }),
-    __metadata("design:paramtypes", [Object])
-], Transform);
-var Transform$1 = Transform;
-
-var RENDERER_TYPE;
-(function (RENDERER_TYPE) {
-    RENDERER_TYPE[RENDERER_TYPE["UNKNOWN"] = 0] = "UNKNOWN";
-    RENDERER_TYPE[RENDERER_TYPE["WEBGL"] = 1] = "WEBGL";
-    RENDERER_TYPE[RENDERER_TYPE["CANVAS"] = 2] = "CANVAS";
-})(RENDERER_TYPE || (RENDERER_TYPE = {}));
-const disableScroll = renderer => {
-    renderer.events.autoPreventDefault = true;
-    renderer.canvas.style.touchAction = 'none';
-};
-const enableScroll = renderer => {
-    renderer.events.autoPreventDefault = false;
-    renderer.canvas.style.touchAction = 'auto';
-};
-function isRendererGameLike(value) {
-    if (!value || typeof value !== 'object')
-        return false;
-    const candidate = value;
-    return Boolean(candidate.scene || candidate.gameObjects || typeof candidate.on === 'function');
-}
-let Renderer$1 = class Renderer extends System {
-    constructor() {
-        super(...arguments);
-        this.multiApps = [];
-        this.destroyed = false;
-    }
-    init(params = {}) {
-        var _a, _b, _c, _d, _e, _f, _g, _h;
-        return __awaiter(this, void 0, void 0, function* () {
-            this.destroyed = false;
-            const gameLike = !this.game && isRendererGameLike(params) ? params : undefined;
-            if (gameLike) {
-                this.game = gameLike;
-            }
-            const rendererParams = gameLike ? this.__systemDefaultParams || {} : params;
-            this.params = rendererParams;
-            this.application = yield this.createApplication(rendererParams);
-            this.containerManager = new ContainerManager();
-            this.rendererManager = new RendererManager$1({
-                game: this.game,
-                rendererSystem: this,
-            });
-            if (this.game) {
-                this.game.canvas = this.application.canvas;
-            }
-            this.transform = new Transform$1({
-                system: this,
-                containerManager: this.containerManager,
-            });
-            (_b = (_a = this.game) === null || _a === void 0 ? void 0 : _a.on) === null || _b === void 0 ? void 0 : _b.call(_a, 'sceneChanged', ({ scene, mode, params }) => __awaiter(this, void 0, void 0, function* () {
-                let application;
-                switch (mode) {
-                    case LOAD_SCENE_MODE.SINGLE:
-                        application = this.application;
-                        break;
-                    case LOAD_SCENE_MODE.MULTI_CANVAS:
-                        application = yield this.createMultiApplication({ params });
-                        break;
-                }
-                scene.canvas = application.canvas;
-                this.transform.emit('changeScene', {
-                    scene,
-                    mode,
-                    application,
-                });
-            }));
-            (_d = (_c = this.game) === null || _c === void 0 ? void 0 : _c.on) === null || _d === void 0 ? void 0 : _d.call(_c, 'pauseScene', ({ scene }) => {
-                this.onPauseScene(scene);
-            });
-            (_f = (_e = this.game) === null || _e === void 0 ? void 0 : _e.on) === null || _f === void 0 ? void 0 : _f.call(_e, 'startScene', ({ scene }) => {
-                this.onStartScene(scene);
-            });
-            (_h = (_g = this.game) === null || _g === void 0 ? void 0 : _g.on) === null || _h === void 0 ? void 0 : _h.call(_g, 'sceneDestroyed', ({ scene }) => __awaiter(this, void 0, void 0, function* () {
-                const index = this.multiApps.findIndex(app => app.canvas === scene.canvas);
-                if (index > -1) {
-                    const app = this.multiApps.splice(index, 1)[0];
-                    app.destroy();
-                    scene.destroy();
-                }
-            }));
-        });
-    }
-    registerObserver(observerInfo) {
-        // @ts-ignore
-        const thisObserverInfo = this.constructor.observerInfo;
-        for (const key in observerInfo) {
-            if (!thisObserverInfo[key]) {
-                thisObserverInfo[key] = [];
-            }
-            //@ts-ignore
-            thisObserverInfo[key].push(...observerInfo[key]);
-        }
-    }
-    createMultiApplication({ params }) {
-        return __awaiter(this, void 0, void 0, function* () {
-            const app = yield this.createApplication(params);
-            // @ts-ignore
-            this.multiApps.push(app);
-            return app;
-        });
-    }
-    createApplication(params) {
-        return __awaiter(this, void 0, void 0, function* () {
-            const app = new Application();
-            if (params.debugMode) {
-                globalThis.__PIXI_APP__ = app;
-            }
-            yield app.init(Object.assign(Object.assign({ sharedTicker: true }, params), { hello: true }));
-            if (params.enableScroll !== undefined) {
-                params.enableScroll ? enableScroll(app.renderer) : disableScroll(app.renderer);
-            }
-            Ticker.shared.stop();
-            Ticker.shared.autoStart = false;
-            return app;
-        });
-    }
-    update() {
-        if (this.destroyed || !this.game || !this.containerManager || !this.rendererManager)
-            return;
-        const changes = this.componentObserver.clear();
-        for (const changed of changes) {
-            this.transform.componentChanged(changed);
-        }
-        for (const gameObject of this.game.gameObjects) {
-            this.containerManager.updateTransform({
-                name: gameObject.id,
-                transform: gameObject.transform,
-            });
-            this.rendererManager.update(gameObject);
-        }
-    }
-    lateUpdate(e) {
-        if (this.destroyed || !this.transform || !this.application)
-            return;
-        this.transform.update();
-        this.application.ticker.update(e.time);
-    }
-    onDestroy() {
-        var _a, _b, _c, _d, _e, _f, _g;
-        if (this.destroyed)
-            return;
-        this.destroyed = true;
-        (_c = (_b = (_a = this.application) === null || _a === void 0 ? void 0 : _a.ticker) === null || _b === void 0 ? void 0 : _b.stop) === null || _c === void 0 ? void 0 : _c.call(_b);
-        (_d = this.application) === null || _d === void 0 ? void 0 : _d.destroy(false, { children: true, context: true });
-        for (const app of this.multiApps) {
-            (_f = (_e = app === null || app === void 0 ? void 0 : app.ticker) === null || _e === void 0 ? void 0 : _e.stop) === null || _f === void 0 ? void 0 : _f.call(_e);
-            app && app.destroy(false, { children: true, context: true });
-        }
-        (_g = this.transform) === null || _g === void 0 ? void 0 : _g.destroy();
-        this.transform = null;
-        this.params = null;
-        this.rendererManager = null;
-        this.containerManager = null;
-        this.application = null;
-        this.game = null;
-        this.multiApps = null;
-    }
-    resize(width, height, resolution) {
-        this.params.width = width;
-        this.params.height = height;
-        if (resolution != null) {
-            this.params.resolution = this.clampResolution(resolution);
-        }
-        // @ts-ignore
-        this.application.renderer.resize(width, height, this.params.resolution);
-        if (resolution != null) {
-            this.syncDisplayObjectResolution(this.params.resolution);
-        }
-    }
-    /**
-     * 更新 Pixi renderer backing-store resolution，不改变 Eva 设计坐标系。
-     *
-     * 预览画布可用该入口在 zoom/devicePixelRatio 变化时提高清晰度；
-     * getBounds/Transform/worldTransform 仍返回设计逻辑坐标，不乘 resolution。
-     */
-    resizeRenderer(options) {
-        var _a, _b, _c, _d, _e, _f;
-        const width = (_b = (_a = options.width) !== null && _a !== void 0 ? _a : this.params.width) !== null && _b !== void 0 ? _b : this.application.renderer.width;
-        const height = (_d = (_c = options.height) !== null && _c !== void 0 ? _c : this.params.height) !== null && _d !== void 0 ? _d : this.application.renderer.height;
-        const resolution = options.resolution == null
-            ? (_f = (_e = this.params.resolution) !== null && _e !== void 0 ? _e : this.application.renderer.resolution) !== null && _f !== void 0 ? _f : 1
-            : this.clampResolution(options.resolution, options.maxResolution);
-        this.params.width = width;
-        this.params.height = height;
-        this.params.resolution = resolution;
-        // @ts-ignore Pixi v8 accepts resolution as the third resize argument.
-        this.application.renderer.resize(width, height, resolution);
-        const displayResolutionSyncCount = this.syncDisplayObjectResolution(resolution);
-        return { width, height, resolution, displayResolutionSyncCount };
-    }
-    setResolution(resolution, options = {}) {
-        return this.resizeRenderer(Object.assign(Object.assign({}, options), { resolution }));
-    }
-    clampResolution(resolution, maxResolution = 3) {
-        const normalized = Number.isFinite(resolution) && resolution > 0 ? resolution : 1;
-        return Math.min(normalized, maxResolution);
-    }
-    /**
-     * Keep renderer-owned display objects that expose a resolution property in
-     * sync with the backing-store resolution. This is intentionally display-tree
-     * based rather than component-type based, so Text/HTMLText and future Pixi
-     * objects with resolution support all follow the same renderer contract.
-     */
-    syncDisplayObjectResolution(resolution) {
-        var _a;
-        const roots = ((_a = this.containerManager) === null || _a === void 0 ? void 0 : _a.containerMap) ? Object.values(this.containerManager.containerMap) : [];
-        const visited = typeof WeakSet !== 'undefined' ? new WeakSet() : undefined;
-        let syncedCount = 0;
-        const visit = (displayObject) => {
-            if (!displayObject || typeof displayObject !== 'object')
-                return;
-            if (visited === null || visited === void 0 ? void 0 : visited.has(displayObject))
-                return;
-            visited === null || visited === void 0 ? void 0 : visited.add(displayObject);
-            if ('resolution' in displayObject) {
-                const currentResolution = displayObject.resolution;
-                if ((typeof currentResolution === 'number' || currentResolution === null) &&
-                    Math.abs((currentResolution !== null && currentResolution !== void 0 ? currentResolution : 1) - resolution) > 0.001) {
-                    try {
-                        displayObject.resolution = resolution;
-                        if (typeof displayObject.resolution === 'number' &&
-                            Math.abs(displayObject.resolution - resolution) <= 0.001) {
-                            syncedCount += 1;
-                        }
-                    }
-                    catch (_) {
-                        // Some Pixi objects expose a readonly or unsupported resolution setter.
-                    }
-                }
-            }
-            if (Array.isArray(displayObject.children)) {
-                for (const child of displayObject.children) {
-                    visit(child);
-                }
-            }
-        };
-        for (const root of roots) {
-            visit(root);
-        }
-        return syncedCount;
-    }
-    /**
-     * 获取 GameObject 的真实渲染 bounds。
-     *
-     * 默认返回 PixiJS display object 的 world bounds。Eva 的 Pixi world 坐标
-     * 与 canvas/design 逻辑坐标一致；如果画布被 CSS 缩放，调用方再按
-     * canvas.getBoundingClientRect() / renderer width 做屏幕坐标换算。
-     *
-     * 当渲染对象尚未挂载或资源未加载完成时，会回退到 Transform.size。
-     */
-    getBounds(gameObject, options) {
-        var _a;
-        return ((_a = this.containerManager) === null || _a === void 0 ? void 0 : _a.getBounds(gameObject, options)) || null;
-    }
-    getApplicationByScene(scene) {
-        const index = this.multiApps.findIndex(app => app.canvas === scene.canvas);
-        if (index > -1) {
-            const application = this.multiApps[index];
-            return application;
-        }
-        else {
-            console.warn('application not found');
-        }
-    }
-    onPauseScene(scene) {
-        const app = this.getApplicationByScene(scene);
-        if (app) {
-            app.stop();
-        }
-    }
-    onStartScene(scene) {
-        const app = this.getApplicationByScene(scene);
-        if (app) {
-            app.start();
-        }
-    }
-    resizeByScene(scene, width, height, resolution) {
-        const app = this.getApplicationByScene(scene);
-        if (app) {
-            // @ts-ignore
-            app.renderer.resize(width, height, resolution);
-        }
-    }
-};
-Renderer$1.systemName = 'Renderer';
-Renderer$1 = __decorate([
-    decorators.componentObserver({
-        Transform: ['_parent'],
-    })
-], Renderer$1);
-var Renderer$2 = Renderer$1;
-
-let result = undefined;
-function getSuportCompressedTextureFormats() {
-    if (result)
-        return result;
-    const canvas = document.createElement('canvas');
-    const gl = canvas.getContext('webgl2');
-    if (!gl) {
-        // #if _DEBUG
-        console.warn('WebGL not available for compressed textures. Silently failing.');
-        // #endif
-        return {
-            s3tc: false,
-            etc: false,
-            etc1: false,
-            pvrtc: false,
-            atc: false,
-            astc: false,
-        };
-    }
-    result = {
-        s3tc: !!gl.getExtension('WEBGL_compressed_texture_s3tc'),
-        etc: !!gl.getExtension('WEBGL_compressed_texture_etc'),
-        etc1: !!gl.getExtension('WEBGL_compressed_texture_etc1'),
-        pvrtc: !!gl.getExtension('WEBGL_compressed_texture_pvrtc') || !!gl.getExtension('WEBKIT_WEBGL_compressed_texture_pvrtc'),
-        atc: !!gl.getExtension('WEBGL_compressed_texture_atc'),
-        astc: !!gl.getExtension('WEBGL_compressed_texture_astc'),
-    };
-    try {
-        console.log('Eva.js Supported Compressed Texture Format List: ' +
-            Object.keys(result)
-                .filter(type => result[type])
-                .join(', '));
-    }
-    catch (e) { }
-    return result;
-}
-
-function addPreProcessResourceHandler(resource) {
-    resource.addPreProcessResourceHandler(function normalizeResource(resource) {
-        var _a, _b, _c;
-        let textures = (_b = (_a = resource.src) === null || _a === void 0 ? void 0 : _a.image) === null || _b === void 0 ? void 0 : _b.texture;
-        if (!textures)
-            return;
-        if (!Array.isArray(textures)) {
-            textures = [textures];
-        }
-        const formats = (_c = getSuportCompressedTextureFormats()) !== null && _c !== void 0 ? _c : {};
-        let target = textures.find(texture => formats[texture.type]);
-        if (target) {
-            Object.assign(resource.src.image, target);
-        }
-    });
-}
-
-function registerKtx2CompressedTexture(params) {
-    setKTXTranscoderPath(params);
-    extensions.add(loadKTX2);
-    extensions.add(resolveCompressedTextureUrl);
-    extensions.add(detectCompressed);
-    addPreProcessResourceHandler(resource);
-}
-
-/* eslint-disable @typescript-eslint/no-unused-vars */
-class Renderer extends System {
-    constructor(params) {
-        super(params);
-        this.asyncIdMap = {};
-        // @ts-ignore
-        this.observerInfo = this.constructor.observerInfo;
-    }
-    // init(arg?: any): void;
-    /**
-     * 当监听的属性变化时候调用
-     *
-     * called while the observed component props change.
-     */
-    componentChanged(_changed) { }
-    /**
-     * 每帧调用
-     *
-     * called by every loop
-     * @param _gameObject - gameObject
-     */
-    rendererUpdate(_gameObject) { }
-    // @ts-ignore
-    update(e) {
-        const changes = this.componentObserver.clear();
-        for (const changed of changes) {
-            this.componentChanged(changed);
-        }
-    }
-    increaseAsyncId(id) {
-        this.asyncIdMap[id] = (this.asyncIdMap[id] || 0) + 1;
-        return this.asyncIdMap[id];
-    }
-    validateAsyncId(id, asyncId) {
-        return this.asyncIdMap[id] === asyncId;
-    }
-}
-
-// import { BaseTexture, utils } from 'pixi.js';
-const mixinPIXI = () => {
-    // BaseTexture.prototype.destroy = function () {
-    //   if (this.imageUrl) {
-    //     delete utils.TextureCache[this.imageUrl];
-    //     this.imageUrl = null;
-    //   }
-    //   this.source = null;
-    //   this.dispose();
-    //   BaseTexture.removeFromCache(this);
-    //   this.textureCacheIds = null;
-    //   this._destroyed = true;
-    // };
-};
-
-mixinPIXI();
-
-export { ContainerManager, RENDERER_TYPE, Renderer, RendererManager$1 as RendererManager, Renderer$2 as RendererSystem, registerKtx2CompressedTexture };