@eva/spine-base 2.0.1-beta.39 → 2.0.1-beta.40

package/dist/EVA.plugin.spineBase.js

@@ -1,7 +1,7 @@
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 globalThis.EVA = globalThis.EVA || {};
 globalThis.EVA.plugin = globalThis.EVA.plugin || {};
-var _EVA_IIFE_spineBase = function (exports, eva_js, pluginRenderer) {
+var _EVA_IIFE_spineBase = function (exports, eva_js, pluginRenderer, pixi_js) {
   'use strict';
   function __decorate(decorators, target, key, desc) {
     var c = arguments.length,
@@ -63,6 +63,7 @@ var _EVA_IIFE_spineBase = function (exports, eva_js, pluginRenderer) {
       this.autoPlay = true;
       this.keepResource = false;
       this._slotGameObjects = new Map();
+      this._pendingSlotObjects = [];
       this.waitExecuteInfos = [];
     }
     set armature(val) {
@@ -183,33 +184,79 @@ var _EVA_IIFE_spineBase = function (exports, eva_js, pluginRenderer) {
       }
       const container = this._containerManager.getContainer(gameObject.id);
       if (!container) {
-        console.warn('GameObject does not have a render container');
+        this._pendingSlotObjects.push({
+          slot,
+          gameObject,
+          options
+        });
         return;
       }
-      this.armature.addSlotObject(slot, container, options);
-      this._slotGameObjects.set(gameObject, slot);
+      this._doAddSlotObject(slot, gameObject, container, options);
     }
-    removeSlotObject(gameObject) {
-      if (!this.armature) return;
+    _doAddSlotObject(slot, gameObject, container, options) {
+      const wrapper = new pixi_js.Container();
+      wrapper.addChild(container);
+      this.armature.addSlotObject(slot, wrapper, options);
+      this._slotGameObjects.set(gameObject, {
+        slot,
+        wrapper
+      });
+      this._syncTransformTree(gameObject);
+    }
+    _syncTransformTree(gameObject) {
+      var _a;
       if (!this._containerManager) return;
-      const container = this._containerManager.getContainer(gameObject.id);
-      if (container) {
-        this.armature.removeSlotObject(container);
+      this._containerManager.updateTransform({
+        name: gameObject.id,
+        transform: gameObject.transform
+      });
+      if ((_a = gameObject.transform) === null || _a === void 0 ? void 0 : _a.children) {
+        for (const childTransform of gameObject.transform.children) {
+          if (childTransform.gameObject) {
+            this._syncTransformTree(childTransform.gameObject);
+          }
+        }
+      }
+    }
+    _flushPendingSlotObjects() {
+      if (this._pendingSlotObjects.length === 0) return;
+      if (!this.armature || !this._containerManager) return;
+      const still = [];
+      for (const pending of this._pendingSlotObjects) {
+        const container = this._containerManager.getContainer(pending.gameObject.id);
+        if (container) {
+          this._doAddSlotObject(pending.slot, pending.gameObject, container, pending.options);
+        } else {
+          still.push(pending);
+        }
+      }
+      this._pendingSlotObjects = still;
+    }
+    removeSlotObject(gameObject) {
+      this._pendingSlotObjects = this._pendingSlotObjects.filter(p => p.gameObject !== gameObject);
+      const entry = this._slotGameObjects.get(gameObject);
+      if (entry && this.armature) {
+        this.armature.removeSlotObject(entry.wrapper);
+        entry.wrapper.destroy({
+          children: false
+        });
       }
       this._slotGameObjects.delete(gameObject);
     }
     _destroySlotGameObjects() {
-      var _a;
-      for (const [gameObject] of this._slotGameObjects) {
+      for (const [gameObject, entry] of this._slotGameObjects) {
         if (!gameObject.destroyed) {
-          const container = (_a = this._containerManager) === null || _a === void 0 ? void 0 : _a.getContainer(gameObject.id);
-          if (container && this.armature) {
-            this.armature.removeSlotObject(container);
+          if (this.armature) {
+            this.armature.removeSlotObject(entry.wrapper);
           }
+          entry.wrapper.destroy({
+            children: false
+          });
           gameObject.destroy();
         }
       }
       this._slotGameObjects.clear();
+      this._pendingSlotObjects = [];
     }
   }
   Spine.componentName = 'Spine';
@@ -267,6 +314,7 @@ var _EVA_IIFE_spineBase = function (exports, eva_js, pluginRenderer) {
     constructor() {
       super(...arguments);
       this.armatures = {};
+      this._spineComponents = {};
     }
     init({
       pixiSpine
@@ -312,6 +360,9 @@ var _EVA_IIFE_spineBase = function (exports, eva_js, pluginRenderer) {
       for (let key in this.armatures) {
         this.armatures[key].update(e.deltaTime * 0.001);
       }
+      for (let key in this._spineComponents) {
+        this._spineComponents[key]._flushPendingSlotObjects();
+      }
       super.update();
     }
     componentChanged(changed) {
@@ -369,6 +420,7 @@ var _EVA_IIFE_spineBase = function (exports, eva_js, pluginRenderer) {
           autoUpdate: false
         });
         this.armatures[changed.gameObject.id] = armature;
+        this._spineComponents[changed.gameObject.id] = component;
         if (changed.gameObject && changed.gameObject.transform) {
           const tran = changed.gameObject.transform;
           armature.x = tran.size.width * tran.origin.x;
@@ -440,6 +492,7 @@ var _EVA_IIFE_spineBase = function (exports, eva_js, pluginRenderer) {
         }
         component.armature = null;
         delete this.armatures[changed.gameObject.id];
+        delete this._spineComponents[changed.gameObject.id];
         if (changed.type === eva_js.OBSERVER_TYPE.CHANGE) ;
       });
     }
@@ -456,5 +509,5 @@ var _EVA_IIFE_spineBase = function (exports, eva_js, pluginRenderer) {
     value: true
   });
   return exports;
-}({}, EVA, EVA.plugin.renderer);
+}({}, EVA, EVA.plugin.renderer, PIXI);
 globalThis.EVA.plugin.spineBase = globalThis.EVA.plugin.spineBase || _EVA_IIFE_spineBase;

package/dist/spine-base.cjs.js

@@ -4,6 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var eva_js = require('@eva/eva.js');
 var pluginRenderer = require('@eva/plugin-renderer');
+var pixi_js = require('pixi.js');
 var inspectorDecorator = require('@eva/inspector-decorator');
 
 /*! *****************************************************************************
@@ -104,8 +105,10 @@ class Spine extends eva_js.Component {
         this.autoPlay = true;
         /** 是否保留资源（销毁时不释放） */
         this.keepResource = false;
-        /** 挂载到插槽的 GameObject 映射（GameObject -> slot 标识） */
+        /** 挂载到插槽的 GameObject 映射（GameObject -> { slot, wrapper }） */
         this._slotGameObjects = new Map();
+        /** 等待容器就绪的 slot 挂载请求 */
+        this._pendingSlotObjects = [];
         /** 等待执行的动画操作队列 */
         this.waitExecuteInfos = [];
     }
@@ -332,11 +335,61 @@ class Spine extends eva_js.Component {
         }
         const container = this._containerManager.getContainer(gameObject.id);
         if (!container) {
-            console.warn('GameObject does not have a render container');
+            // 容器尚未就绪，加入 pending 队列，等待下一帧自动处理
+            this._pendingSlotObjects.push({ slot, gameObject, options });
             return;
         }
-        this.armature.addSlotObject(slot, container, options);
-        this._slotGameObjects.set(gameObject, slot);
+        this._doAddSlotObject(slot, gameObject, container, options);
+    }
+    _doAddSlotObject(slot, gameObject, container, options) {
+        // 创建 wrapper 容器：Spine 骨骼矩阵作用在 wrapper 上，
+        // gameObject 的 container 作为子节点，其 transform 作为相对 slot 的局部偏移
+        const wrapper = new pixi_js.Container();
+        wrapper.addChild(container);
+        this.armature.addSlotObject(slot, wrapper, options);
+        this._slotGameObjects.set(gameObject, { slot, wrapper });
+        // slot object 可能不在 game.gameObjects 中，RendererSystem 不会自动同步 transform
+        // 手动同步 gameObject 及其子树的 transform 到 container
+        this._syncTransformTree(gameObject);
+    }
+    /**
+     * 递归同步 gameObject 及其子树的 transform 到对应的渲染容器
+     */
+    _syncTransformTree(gameObject) {
+        var _a;
+        if (!this._containerManager)
+            return;
+        this._containerManager.updateTransform({
+            name: gameObject.id,
+            transform: gameObject.transform,
+        });
+        if ((_a = gameObject.transform) === null || _a === void 0 ? void 0 : _a.children) {
+            for (const childTransform of gameObject.transform.children) {
+                if (childTransform.gameObject) {
+                    this._syncTransformTree(childTransform.gameObject);
+                }
+            }
+        }
+    }
+    /**
+     * 处理等待容器就绪的 slot 挂载请求（由 SpineSystem 每帧调用）
+     */
+    _flushPendingSlotObjects() {
+        if (this._pendingSlotObjects.length === 0)
+            return;
+        if (!this.armature || !this._containerManager)
+            return;
+        const still = [];
+        for (const pending of this._pendingSlotObjects) {
+            const container = this._containerManager.getContainer(pending.gameObject.id);
+            if (container) {
+                this._doAddSlotObject(pending.slot, pending.gameObject, container, pending.options);
+            }
+            else {
+                still.push(pending);
+            }
+        }
+        this._pendingSlotObjects = still;
     }
     /**
      * 从插槽上移除挂载的 GameObject
@@ -344,13 +397,12 @@ class Spine extends eva_js.Component {
      * @param gameObject - 要移除的 GameObject
      */
     removeSlotObject(gameObject) {
-        if (!this.armature)
-            return;
-        if (!this._containerManager)
-            return;
-        const container = this._containerManager.getContainer(gameObject.id);
-        if (container) {
-            this.armature.removeSlotObject(container);
+        // 从 pending 队列中移除
+        this._pendingSlotObjects = this._pendingSlotObjects.filter(p => p.gameObject !== gameObject);
+        const entry = this._slotGameObjects.get(gameObject);
+        if (entry && this.armature) {
+            this.armature.removeSlotObject(entry.wrapper);
+            entry.wrapper.destroy({ children: false });
         }
         this._slotGameObjects.delete(gameObject);
     }
@@ -358,18 +410,18 @@ class Spine extends eva_js.Component {
      * 销毁所有挂载到插槽的 GameObject（内部使用）
      */
     _destroySlotGameObjects() {
-        var _a;
-        for (const [gameObject] of this._slotGameObjects) {
+        for (const [gameObject, entry] of this._slotGameObjects) {
             if (!gameObject.destroyed) {
-                // 先从 spine 插槽移除，避免 destroy 时重复操作
-                const container = (_a = this._containerManager) === null || _a === void 0 ? void 0 : _a.getContainer(gameObject.id);
-                if (container && this.armature) {
-                    this.armature.removeSlotObject(container);
+                // 先从 spine 插槽移除 wrapper，避免 destroy 时重复操作
+                if (this.armature) {
+                    this.armature.removeSlotObject(entry.wrapper);
                 }
+                entry.wrapper.destroy({ children: false });
                 gameObject.destroy();
             }
         }
         this._slotGameObjects.clear();
+        this._pendingSlotObjects = [];
     }
 }
 /** 组件名称 */
@@ -454,6 +506,8 @@ let SpineSystem = class SpineSystem extends pluginRenderer.Renderer {
         super(...arguments);
         /** 骨架实例映射表（游戏对象 ID -> 骨架容器） */
         this.armatures = {};
+        /** Spine 组件实例映射（游戏对象 ID -> Spine 组件） */
+        this._spineComponents = {};
     }
     /**
      * 初始化系统
@@ -510,6 +564,10 @@ let SpineSystem = class SpineSystem extends pluginRenderer.Renderer {
             // @ts-ignore
             this.armatures[key].update(e.deltaTime * 0.001);
         }
+        // 处理等待容器就绪的 slot 挂载请求
+        for (let key in this._spineComponents) {
+            this._spineComponents[key]._flushPendingSlotObjects();
+        }
         super.update();
     }
     componentChanged(changed) {
@@ -575,6 +633,7 @@ let SpineSystem = class SpineSystem extends pluginRenderer.Renderer {
                 autoUpdate: false,
             });
             this.armatures[changed.gameObject.id] = armature;
+            this._spineComponents[changed.gameObject.id] = component;
             if (changed.gameObject && changed.gameObject.transform) {
                 const tran = changed.gameObject.transform;
                 armature.x = tran.size.width * tran.origin.x;
@@ -638,6 +697,7 @@ let SpineSystem = class SpineSystem extends pluginRenderer.Renderer {
             }
             component.armature = null;
             delete this.armatures[changed.gameObject.id];
+            delete this._spineComponents[changed.gameObject.id];
             if (changed.type === eva_js.OBSERVER_TYPE.CHANGE) ;
         });
     }

package/dist/spine-base.esm.js

@@ -1,5 +1,6 @@
 import { Component, resource, OBSERVER_TYPE, decorators } from '@eva/eva.js';
 import { Renderer, RendererSystem } from '@eva/plugin-renderer';
+import { Container } from 'pixi.js';
 import { type } from '@eva/inspector-decorator';
 
 /*! *****************************************************************************
@@ -100,8 +101,10 @@ class Spine extends Component {
         this.autoPlay = true;
         /** 是否保留资源（销毁时不释放） */
         this.keepResource = false;
-        /** 挂载到插槽的 GameObject 映射（GameObject -> slot 标识） */
+        /** 挂载到插槽的 GameObject 映射（GameObject -> { slot, wrapper }） */
         this._slotGameObjects = new Map();
+        /** 等待容器就绪的 slot 挂载请求 */
+        this._pendingSlotObjects = [];
         /** 等待执行的动画操作队列 */
         this.waitExecuteInfos = [];
     }
@@ -328,11 +331,61 @@ class Spine extends Component {
         }
         const container = this._containerManager.getContainer(gameObject.id);
         if (!container) {
-            console.warn('GameObject does not have a render container');
+            // 容器尚未就绪，加入 pending 队列，等待下一帧自动处理
+            this._pendingSlotObjects.push({ slot, gameObject, options });
             return;
         }
-        this.armature.addSlotObject(slot, container, options);
-        this._slotGameObjects.set(gameObject, slot);
+        this._doAddSlotObject(slot, gameObject, container, options);
+    }
+    _doAddSlotObject(slot, gameObject, container, options) {
+        // 创建 wrapper 容器：Spine 骨骼矩阵作用在 wrapper 上，
+        // gameObject 的 container 作为子节点，其 transform 作为相对 slot 的局部偏移
+        const wrapper = new Container();
+        wrapper.addChild(container);
+        this.armature.addSlotObject(slot, wrapper, options);
+        this._slotGameObjects.set(gameObject, { slot, wrapper });
+        // slot object 可能不在 game.gameObjects 中，RendererSystem 不会自动同步 transform
+        // 手动同步 gameObject 及其子树的 transform 到 container
+        this._syncTransformTree(gameObject);
+    }
+    /**
+     * 递归同步 gameObject 及其子树的 transform 到对应的渲染容器
+     */
+    _syncTransformTree(gameObject) {
+        var _a;
+        if (!this._containerManager)
+            return;
+        this._containerManager.updateTransform({
+            name: gameObject.id,
+            transform: gameObject.transform,
+        });
+        if ((_a = gameObject.transform) === null || _a === void 0 ? void 0 : _a.children) {
+            for (const childTransform of gameObject.transform.children) {
+                if (childTransform.gameObject) {
+                    this._syncTransformTree(childTransform.gameObject);
+                }
+            }
+        }
+    }
+    /**
+     * 处理等待容器就绪的 slot 挂载请求（由 SpineSystem 每帧调用）
+     */
+    _flushPendingSlotObjects() {
+        if (this._pendingSlotObjects.length === 0)
+            return;
+        if (!this.armature || !this._containerManager)
+            return;
+        const still = [];
+        for (const pending of this._pendingSlotObjects) {
+            const container = this._containerManager.getContainer(pending.gameObject.id);
+            if (container) {
+                this._doAddSlotObject(pending.slot, pending.gameObject, container, pending.options);
+            }
+            else {
+                still.push(pending);
+            }
+        }
+        this._pendingSlotObjects = still;
     }
     /**
      * 从插槽上移除挂载的 GameObject
@@ -340,13 +393,12 @@ class Spine extends Component {
      * @param gameObject - 要移除的 GameObject
      */
     removeSlotObject(gameObject) {
-        if (!this.armature)
-            return;
-        if (!this._containerManager)
-            return;
-        const container = this._containerManager.getContainer(gameObject.id);
-        if (container) {
-            this.armature.removeSlotObject(container);
+        // 从 pending 队列中移除
+        this._pendingSlotObjects = this._pendingSlotObjects.filter(p => p.gameObject !== gameObject);
+        const entry = this._slotGameObjects.get(gameObject);
+        if (entry && this.armature) {
+            this.armature.removeSlotObject(entry.wrapper);
+            entry.wrapper.destroy({ children: false });
         }
         this._slotGameObjects.delete(gameObject);
     }
@@ -354,18 +406,18 @@ class Spine extends Component {
      * 销毁所有挂载到插槽的 GameObject（内部使用）
      */
     _destroySlotGameObjects() {
-        var _a;
-        for (const [gameObject] of this._slotGameObjects) {
+        for (const [gameObject, entry] of this._slotGameObjects) {
             if (!gameObject.destroyed) {
-                // 先从 spine 插槽移除，避免 destroy 时重复操作
-                const container = (_a = this._containerManager) === null || _a === void 0 ? void 0 : _a.getContainer(gameObject.id);
-                if (container && this.armature) {
-                    this.armature.removeSlotObject(container);
+                // 先从 spine 插槽移除 wrapper，避免 destroy 时重复操作
+                if (this.armature) {
+                    this.armature.removeSlotObject(entry.wrapper);
                 }
+                entry.wrapper.destroy({ children: false });
                 gameObject.destroy();
             }
         }
         this._slotGameObjects.clear();
+        this._pendingSlotObjects = [];
     }
 }
 /** 组件名称 */
@@ -450,6 +502,8 @@ let SpineSystem = class SpineSystem extends Renderer {
         super(...arguments);
         /** 骨架实例映射表（游戏对象 ID -> 骨架容器） */
         this.armatures = {};
+        /** Spine 组件实例映射（游戏对象 ID -> Spine 组件） */
+        this._spineComponents = {};
     }
     /**
      * 初始化系统
@@ -506,6 +560,10 @@ let SpineSystem = class SpineSystem extends Renderer {
             // @ts-ignore
             this.armatures[key].update(e.deltaTime * 0.001);
         }
+        // 处理等待容器就绪的 slot 挂载请求
+        for (let key in this._spineComponents) {
+            this._spineComponents[key]._flushPendingSlotObjects();
+        }
         super.update();
     }
     componentChanged(changed) {
@@ -571,6 +629,7 @@ let SpineSystem = class SpineSystem extends Renderer {
                 autoUpdate: false,
             });
             this.armatures[changed.gameObject.id] = armature;
+            this._spineComponents[changed.gameObject.id] = component;
             if (changed.gameObject && changed.gameObject.transform) {
                 const tran = changed.gameObject.transform;
                 armature.x = tran.size.width * tran.origin.x;
@@ -634,6 +693,7 @@ let SpineSystem = class SpineSystem extends Renderer {
             }
             component.armature = null;
             delete this.armatures[changed.gameObject.id];
+            delete this._spineComponents[changed.gameObject.id];
             if (changed.type === OBSERVER_TYPE.CHANGE) ;
         });
     }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@eva/spine-base",
-  "version": "2.0.1-beta.39",
+  "version": "2.0.1-beta.40",
   "description": "@eva/spine-base",
   "main": "index.js",
   "module": "dist/spine-base.esm.js",
@@ -18,8 +18,8 @@
   "license": "MIT",
   "homepage": "https://eva.js.org",
   "dependencies": {
-    "@eva/eva.js": "2.0.1-beta.39",
-    "@eva/plugin-renderer": "2.0.1-beta.39",
+    "@eva/eva.js": "2.0.1-beta.40",
+    "@eva/plugin-renderer": "2.0.1-beta.40",
     "@eva/inspector-decorator": "^0.0.5",
     "pixi.js": "^8.17.0"
   }

package/dist/EVA.plugin.spineBase.min.js

@@ -1 +0,0 @@
-function _extends(){return _extends=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var n in a)({}).hasOwnProperty.call(a,n)&&(e[n]=a[n])}return e},_extends.apply(null,arguments)}globalThis.EVA=globalThis.EVA||{},globalThis.EVA.plugin=globalThis.EVA.plugin||{};var _EVA_IIFE_spineBase=function(e,t,a){"use strict";function n(e,t,a,n){var r,i=arguments.length,o=i<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,a):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(e,t,a,n);else for(var s=e.length-1;s>=0;s--)(r=e[s])&&(o=(i<3?r(o):i>3?r(t,a,o):r(t,a))||o);return i>3&&o&&Object.defineProperty(t,a,o),o}function r(e,t,a,n){return new(a||(a=Promise))((function(r,i){function o(e){try{c(n.next(e))}catch(e){i(e)}}function s(e){try{c(n.throw(e))}catch(e){i(e)}}function c(e){var t;e.done?r(e.value):(t=e.value,t instanceof a?t:new a((function(e){e(t)}))).then(o,s)}c((n=n.apply(e,t||[])).next())}))}function i(e){return function(t,a){var n=function(e,t){return e.constructor.IDEProps||(e.constructor.IDEProps={}),e.constructor.IDEProps[t]||(e.constructor.IDEProps[t]={}),e.constructor.IDEProps[t]}(t,a);n.key=a,n.type=e}}class o extends t.Component{constructor(){super(...arguments),this.resource="",this.scale=1,this.animationName="",this.autoPlay=!0,this.keepResource=!1,this._slotGameObjects=new Map,this.waitExecuteInfos=[]}set armature(e){if(this._armature=e,e){this.autoPlay&&this.play(this.animationName);for(const e of this.waitExecuteInfos)if(e.playType){const{name:t,loop:a,track:n}=e;this.play(t,a,n)}else this.stop(e.track);this.waitExecuteInfos=[]}}get armature(){return this._armature}init(e){e&&_extends(this,e)}onDestroy(){this.destroied=!0}play(e,t,a){try{const n=null!=t?t:this.autoPlay;e&&(this.animationName=e),this.armature?(void 0===a&&(a=0),this.armature.state.setAnimation(a,this.animationName,n)):this.waitExecuteInfos.push({playType:!0,name:e,loop:n,track:a})}catch(e){console.log(e)}}stop(e){this.armature?(void 0===e&&(e=0),this.armature.state.setEmptyAnimation(e,0)):this.waitExecuteInfos.push({playType:!1,track:e})}addAnimation(e,t,a,n){try{this.armature&&(void 0===n&&(n=0),this.armature.state.addAnimation(n,e,a,t))}catch(e){console.log(e)}}setMix(e,t,a){this.armature&&this.armature.state.data.setMix(e,t,a)}getAnim(e=0){try{if(this.armature)return this.armature.state.tracks[e].animation.name}catch(e){console.log(e)}}setDefaultMix(e){this.armature&&(this.armature.state.data.defaultMix=e)}setAttachment(e,t){this.armature&&this.armature.skeleton.setAttachment(e,t)}getBone(e){if(this.armature)return this.armature.skeleton.findBone(e)}addSlotObject(e,t,a){if(!this.armature)return void console.warn("Spine armature is not ready, cannot addSlotObject");if(!this._containerManager)return void console.warn("ContainerManager is not available");const n=this._containerManager.getContainer(t.id);n?(this.armature.addSlotObject(e,n,a),this._slotGameObjects.set(t,e)):console.warn("GameObject does not have a render container")}removeSlotObject(e){if(!this.armature)return;if(!this._containerManager)return;const t=this._containerManager.getContainer(e.id);t&&this.armature.removeSlotObject(t),this._slotGameObjects.delete(e)}_destroySlotGameObjects(){var e;for(const[t]of this._slotGameObjects)if(!t.destroyed){const a=null===(e=this._containerManager)||void 0===e?void 0:e.getContainer(t.id);a&&this.armature&&this.armature.removeSlotObject(a),t.destroy()}this._slotGameObjects.clear()}}o.componentName="Spine",n([i("string")],o.prototype,"resource",void 0),n([i("number")],o.prototype,"scale",void 0),n([i("string")],o.prototype,"animationName",void 0),n([i("boolean")],o.prototype,"autoPlay",void 0),n([i("boolean")],o.prototype,"keepResource",void 0);let s={};function c(e,t,a){return r(this,void 0,void 0,(function*(){let n=s[e.name];if(!n)if(e.complete)n=function(e,t,a,n){const r=t.ske,i=t.atlas,o=new n.AtlasAttachmentLoader(i),c=r instanceof Uint8Array?new n.SkeletonBinary(o):new n.SkeletonJson(o);c.scale=a||1;const u={spineData:c.readSkeletonData(r),ref:0,imageSrc:t.image.label};return s[e]=u,u}(e.name,e.data,t,a);else if(!n)return;return n.ref++,n.spineData}))}let u=class extends a.Renderer{constructor(){super(...arguments),this.armatures={}}init({pixiSpine:e}){this.renderSystem=this.game.getSystem(a.RendererSystem),this.renderSystem.rendererManager.register(this),this.pixiSpine=e,this.game.canvas.addEventListener("webglcontextrestored",(()=>{const e=this.game.gameObjects;let a=[];for(let n in this.armatures){const r=+n;for(let n=0;n<e.length;++n){let i=e[n];if(i.id===r){let e=i.getComponent(o);e&&(this.remove({type:t.OBSERVER_TYPE.REMOVE,gameObject:i,component:e,componentName:o.componentName}),a.push({type:t.OBSERVER_TYPE.ADD,gameObject:i,component:e,componentName:o.componentName}));break}}}setTimeout((()=>{a.forEach((e=>{this.add(e)}))}),1e3)}),!1)}update(e){for(let t in this.armatures)this.armatures[t].update(.001*e.deltaTime);super.update()}componentChanged(e){return r(this,void 0,void 0,(function*(){if("Spine"===e.componentName)if(e.type===t.OBSERVER_TYPE.ADD)this.add(e);else if(e.type===t.OBSERVER_TYPE.CHANGE){if("resource"===e.prop.prop[0])this.change(e)}else e.type===t.OBSERVER_TYPE.REMOVE&&this.remove(e)}))}add(e,a){var n,i,o;return r(this,void 0,void 0,(function*(){const r=e.component;clearTimeout(r.addHandler);const s=e.gameObject.id,u=this.increaseAsyncId(s),m=yield t.resource.getResource(r.resource);if(!this.validateAsyncId(s,u))return;const d=yield c(m,r.scale,this.pixiSpine);if(!this.validateAsyncId(s,u))return;if(!d)return void(r.addHandler=setTimeout((()=>{r.destroied||(void 0===a&&(a=20),--a>0?this.add(e,a):console.log("retry exceed max times",r.resource))}),1e3));this.remove(e);const l=null===(i=null===(n=this.renderSystem)||void 0===n?void 0:n.containerManager)||void 0===i?void 0:i.getContainer(e.gameObject.id);if(!l)return;r.lastResource=r.resource;const h=new this.pixiSpine.Spine({skeletonData:d,autoUpdate:!1});if(this.armatures[e.gameObject.id]=h,e.gameObject&&e.gameObject.transform){const t=e.gameObject.transform;h.x=t.size.width*t.origin.x,h.y=t.size.height*t.origin.y}l.addChildAt(h,0),h.update(),r._containerManager=null===(o=this.renderSystem)||void 0===o?void 0:o.containerManager,r.armature=h,r.emit("loaded",{resource:r.resource}),h.state.addListener({start:(e,t)=>{r.emit("start",{track:e,name:e.animation.name})},complete:(e,t)=>{r.emit("complete",{track:e,name:e.animation.name})},interrupt:(e,t)=>{r.emit("interrupt",{track:e,name:e.animation.name})},end:(e,t)=>{r.emit("end",{track:e,name:e.animation.name})},event:(e,t)=>{r.emit("event",e,t)}})}))}change(e){this.remove(e),this.add(e)}remove(e){var a,n,i,o,c,u;return r(this,void 0,void 0,(function*(){this.increaseAsyncId(e.gameObject.id);const m=e.component;clearTimeout(m.addHandler);const d=this.armatures[e.gameObject.id],l=null===(n=null===(a=this.renderSystem)||void 0===a?void 0:a.containerManager)||void 0===n?void 0:n.getContainer(e.gameObject.id);if(l&&d&&l.removeChild(d),m.armature&&(m._destroySlotGameObjects(),m.armature.destroy({children:!0}),!m.keepResource)){const e=yield t.resource.getResource(m.lastResource);(null===(o=null===(i=e.data)||void 0===i?void 0:i.image)||void 0===o?void 0:o.src)||null===(u=null===(c=e.data)||void 0===c?void 0:c.image)||void 0===u||u.label,function(e){const a=e.name,n=s[a];n&&(n.ref--,setTimeout((()=>r(this,void 0,void 0,(function*(){n.ref<=0&&(t.resource.destroy(a),delete s[a])}))),100))}(e)}m.armature=null,delete this.armatures[e.gameObject.id],e.type,t.OBSERVER_TYPE.CHANGE}))}};u.systemName="SpineSystem",u=n([t.decorators.componentObserver({Spine:["resource"]})],u);var m=u;return t.resource.registerResourceType("SPINE"),e.Spine=o,e.SpineSystem=m,Object.defineProperty(e,"__esModule",{value:!0}),e}({},EVA,EVA.plugin.renderer);globalThis.EVA.plugin.spineBase=globalThis.EVA.plugin.spineBase||_EVA_IIFE_spineBase;

package/dist/global.d.ts

@@ -1,6 +0,0 @@
-import "@eva/eva.js";
-declare module "@eva/eva.js" {
-  export enum RESOURCE_TYPE {
-    'SPINE' = 'SPINE'
-  }
-}

package/dist/spine-base.cjs.prod.js

@@ -1,16 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@eva/eva.js"),t=require("@eva/plugin-renderer"),a=require("@eva/inspector-decorator");
-/*! *****************************************************************************
-Copyright (c) Microsoft Corporation. All rights reserved.
-Licensed under the Apache License, Version 2.0 (the "License"); you may not use
-this file except in compliance with the License. You may obtain a copy of the
-License at http://www.apache.org/licenses/LICENSE-2.0
-
-THIS CODE IS PROVIDED ON AN *AS IS* BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
-KIND, EITHER EXPRESS OR IMPLIED, INCLUDING WITHOUT LIMITATION ANY IMPLIED
-WARRANTIES OR CONDITIONS OF TITLE, FITNESS FOR A PARTICULAR PURPOSE,
-MERCHANTABLITY OR NON-INFRINGEMENT.
-
-See the Apache Version 2.0 License for specific language governing permissions
-and limitations under the License.
-***************************************************************************** */
-function r(e,t,a,r){var i,n=arguments.length,o=n<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,a):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(e,t,a,r);else for(var s=e.length-1;s>=0;s--)(i=e[s])&&(o=(n<3?i(o):n>3?i(t,a,o):i(t,a))||o);return n>3&&o&&Object.defineProperty(t,a,o),o}function i(e,t,a,r){return new(a||(a=Promise))((function(i,n){function o(e){try{c(r.next(e))}catch(e){n(e)}}function s(e){try{c(r.throw(e))}catch(e){n(e)}}function c(e){e.done?i(e.value):new a((function(t){t(e.value)})).then(o,s)}c((r=r.apply(e,t||[])).next())}))}class n extends e.Component{constructor(){super(...arguments),this.resource="",this.scale=1,this.animationName="",this.autoPlay=!0,this.keepResource=!1,this._slotGameObjects=new Map,this.waitExecuteInfos=[]}set armature(e){if(this._armature=e,e){this.autoPlay&&this.play(this.animationName);for(const e of this.waitExecuteInfos)if(e.playType){const{name:t,loop:a,track:r}=e;this.play(t,a,r)}else this.stop(e.track);this.waitExecuteInfos=[]}}get armature(){return this._armature}init(e){e&&Object.assign(this,e)}onDestroy(){this.destroied=!0}play(e,t,a){try{const r=null!=t?t:this.autoPlay;e&&(this.animationName=e),this.armature?(void 0===a&&(a=0),this.armature.state.setAnimation(a,this.animationName,r)):this.waitExecuteInfos.push({playType:!0,name:e,loop:r,track:a})}catch(e){console.log(e)}}stop(e){this.armature?(void 0===e&&(e=0),this.armature.state.setEmptyAnimation(e,0)):this.waitExecuteInfos.push({playType:!1,track:e})}addAnimation(e,t,a,r){try{this.armature&&(void 0===r&&(r=0),this.armature.state.addAnimation(r,e,a,t))}catch(e){console.log(e)}}setMix(e,t,a){this.armature&&this.armature.state.data.setMix(e,t,a)}getAnim(e=0){try{if(this.armature)return this.armature.state.tracks[e].animation.name}catch(e){console.log(e)}}setDefaultMix(e){this.armature&&(this.armature.state.data.defaultMix=e)}setAttachment(e,t){this.armature&&this.armature.skeleton.setAttachment(e,t)}getBone(e){if(this.armature)return this.armature.skeleton.findBone(e)}addSlotObject(e,t,a){if(!this.armature)return void console.warn("Spine armature is not ready, cannot addSlotObject");if(!this._containerManager)return void console.warn("ContainerManager is not available");const r=this._containerManager.getContainer(t.id);r?(this.armature.addSlotObject(e,r,a),this._slotGameObjects.set(t,e)):console.warn("GameObject does not have a render container")}removeSlotObject(e){if(!this.armature)return;if(!this._containerManager)return;const t=this._containerManager.getContainer(e.id);t&&this.armature.removeSlotObject(t),this._slotGameObjects.delete(e)}_destroySlotGameObjects(){var e;for(const[t]of this._slotGameObjects)if(!t.destroyed){const a=null===(e=this._containerManager)||void 0===e?void 0:e.getContainer(t.id);a&&this.armature&&this.armature.removeSlotObject(a),t.destroy()}this._slotGameObjects.clear()}}n.componentName="Spine",r([a.type("string")],n.prototype,"resource",void 0),r([a.type("number")],n.prototype,"scale",void 0),r([a.type("string")],n.prototype,"animationName",void 0),r([a.type("boolean")],n.prototype,"autoPlay",void 0),r([a.type("boolean")],n.prototype,"keepResource",void 0);let o={};function s(e,t,a){return i(this,void 0,void 0,(function*(){let r=o[e.name];if(!r)if(e.complete)r=function(e,t,a,r){const i=t.ske,n=t.atlas,s=new r.AtlasAttachmentLoader(n),c=i instanceof Uint8Array?new r.SkeletonBinary(s):new r.SkeletonJson(s);c.scale=a||1;const m={spineData:c.readSkeletonData(i),ref:0,imageSrc:t.image.label};return o[e]=m,m}(e.name,e.data,t,a);else if(!r)return;return r.ref++,r.spineData}))}let c=class extends t.Renderer{constructor(){super(...arguments),this.armatures={}}init({pixiSpine:a}){this.renderSystem=this.game.getSystem(t.RendererSystem),this.renderSystem.rendererManager.register(this),this.pixiSpine=a,this.game.canvas.addEventListener("webglcontextrestored",(()=>{const t=this.game.gameObjects;let a=[];for(let r in this.armatures){const i=+r;for(let r=0;r<t.length;++r){let o=t[r];if(o.id===i){let t=o.getComponent(n);t&&(this.remove({type:e.OBSERVER_TYPE.REMOVE,gameObject:o,component:t,componentName:n.componentName}),a.push({type:e.OBSERVER_TYPE.ADD,gameObject:o,component:t,componentName:n.componentName}));break}}}setTimeout((()=>{a.forEach((e=>{this.add(e)}))}),1e3)}),!1)}update(e){for(let t in this.armatures)this.armatures[t].update(.001*e.deltaTime);super.update()}componentChanged(t){return i(this,void 0,void 0,(function*(){if("Spine"===t.componentName)if(t.type===e.OBSERVER_TYPE.ADD)this.add(t);else if(t.type===e.OBSERVER_TYPE.CHANGE){if("resource"===t.prop.prop[0])this.change(t)}else t.type===e.OBSERVER_TYPE.REMOVE&&this.remove(t)}))}add(t,a){var r,n,o;return i(this,void 0,void 0,(function*(){const i=t.component;clearTimeout(i.addHandler);const c=t.gameObject.id,m=this.increaseAsyncId(c),d=yield e.resource.getResource(i.resource);if(!this.validateAsyncId(c,m))return;const u=yield s(d,i.scale,this.pixiSpine);if(!this.validateAsyncId(c,m))return;if(!u)return void(i.addHandler=setTimeout((()=>{i.destroied||(void 0===a&&(a=20),--a>0?this.add(t,a):console.log("retry exceed max times",i.resource))}),1e3));this.remove(t);const l=null===(n=null===(r=this.renderSystem)||void 0===r?void 0:r.containerManager)||void 0===n?void 0:n.getContainer(t.gameObject.id);if(!l)return;i.lastResource=i.resource;const h=new this.pixiSpine.Spine({skeletonData:u,autoUpdate:!1});if(this.armatures[t.gameObject.id]=h,t.gameObject&&t.gameObject.transform){const e=t.gameObject.transform;h.x=e.size.width*e.origin.x,h.y=e.size.height*e.origin.y}l.addChildAt(h,0),h.update(),i._containerManager=null===(o=this.renderSystem)||void 0===o?void 0:o.containerManager,i.armature=h,i.emit("loaded",{resource:i.resource}),h.state.addListener({start:(e,t)=>{i.emit("start",{track:e,name:e.animation.name})},complete:(e,t)=>{i.emit("complete",{track:e,name:e.animation.name})},interrupt:(e,t)=>{i.emit("interrupt",{track:e,name:e.animation.name})},end:(e,t)=>{i.emit("end",{track:e,name:e.animation.name})},event:(e,t)=>{i.emit("event",e,t)}})}))}change(e){this.remove(e),this.add(e)}remove(t){var a,r,n,s,c,m;return i(this,void 0,void 0,(function*(){this.increaseAsyncId(t.gameObject.id);const d=t.component;clearTimeout(d.addHandler);const u=this.armatures[t.gameObject.id],l=null===(r=null===(a=this.renderSystem)||void 0===a?void 0:a.containerManager)||void 0===r?void 0:r.getContainer(t.gameObject.id);if(l&&u&&l.removeChild(u),d.armature&&(d._destroySlotGameObjects(),d.armature.destroy({children:!0}),!d.keepResource)){const t=yield e.resource.getResource(d.lastResource);(null===(s=null===(n=t.data)||void 0===n?void 0:n.image)||void 0===s?void 0:s.src)||null===(m=null===(c=t.data)||void 0===c?void 0:c.image)||void 0===m||m.label,function(t){const a=t.name,r=o[a];r&&(r.ref--,setTimeout((()=>i(this,void 0,void 0,(function*(){r.ref<=0&&(e.resource.destroy(a),delete o[a])}))),100))}(t)}d.armature=null,delete this.armatures[t.gameObject.id],t.type,e.OBSERVER_TYPE.CHANGE}))}};c.systemName="SpineSystem",c=r([e.decorators.componentObserver({Spine:["resource"]})],c);var m=c;e.resource.registerResourceType("SPINE"),exports.Spine=n,exports.SpineSystem=m;

package/dist/spine-base.d.ts

@@ -1,262 +0,0 @@
-/// <reference path="./global.d.ts"/>
-import { Component } from '@eva/eva.js';
-import { ComponentChanged } from '@eva/eva.js';
-import { Container } from 'pixi.js';
-import { ContainerManager } from '@eva/plugin-renderer';
-import { GameObject } from '@eva/eva.js';
-import { Renderer } from '@eva/plugin-renderer';
-import { RendererManager } from '@eva/plugin-renderer';
-import { RendererSystem } from '@eva/plugin-renderer';
-import { UpdateParams } from '@eva/eva.js';
-
-/**
- * Spine 骨骼动画组件
- *
- * Spine 组件用于播放 Esoteric Software 的 Spine 骨骼动画。
- * 支持骨骼动画播放控制、动画混合、附件替换等高级功能，
- * 适用于角色动画、复杂特效等需要骨骼动画的场景。
- *
- * 主要功能：
- * - 骨骼动画播放和控制
- * - 动画轨道管理（多动画并行）
- * - 动画混合过渡
- * - 骨骼和附件访问
- * - 支持 Spine 3.6 和 3.8 版本
- *
- * @example
- * ```typescript
- * // 创建 Spine 动画
- * const character = new GameObject('character');
- * const spine = new Spine({
- *   resource: 'heroSpine', // Spine 资源
- *   animationName: 'idle', // 默认动画
- *   autoPlay: true, // 自动播放
- *   scale: 0.5 // 缩放比例
- * });
- * character.addComponent(spine);
- *
- * // 播放动画
- * spine.play('walk', true); // 循环播放 walk 动画
- *
- * // 停止动画
- * spine.stop();
- *
- * // 动画混合
- * spine.setMix('idle', 'walk', 0.3); // 设置过渡时间
- * spine.play('walk');
- *
- * // 添加动画队列
- * spine.play('attack', false); // 播放攻击动画
- * spine.addAnimation('idle', 0, true); // 攻击完成后回到 idle
- *
- * // 替换附件（换装）
- * spine.setAttachment('weapon', 'sword'); // 将武器槽替换为剑
- *
- * // 访问骨骼
- * const headBone = spine.getBone('head');
- * if (headBone) {
- *   headBone.rotation = 15; // 旋转头部
- * }
- *
- * // 多轨道动画
- * spine.play('walk', true, 0); // 轨道0：身体动画
- * spine.play('shoot', false, 1); // 轨道1：上半身动画
- * ```
- */
-export declare class Spine extends Component<SpineParams> {
-    /** 组件名称 */
-    static componentName: string;
-    /** Spine 资源名称 */
-    resource: string;
-    /** 动画缩放比例 */
-    scale: number;
-    /** 当前播放的动画名称 */
-    animationName: string;
-    /** 是否自动播放动画 */
-    autoPlay: boolean;
-    /** 是否保留资源（销毁时不释放） */
-    keepResource: boolean;
-    /** Spine 骨架实例（内部使用） */
-    private _armature;
-    /** 容器管理器引用（由 SpineSystem 设置） */
-    _containerManager: any;
-    /** 挂载到插槽的 GameObject 映射（GameObject -> slot 标识） */
-    private _slotGameObjects;
-    /** 等待执行的动画操作队列 */
-    private waitExecuteInfos;
-    /**
-     * 设置骨架实例
-     * 当骨架加载完成后自动执行等待队列中的动画操作
-     */
-    set armature(val: any);
-    /** 获取骨架实例 */
-    get armature(): any;
-    /** 组件是否已销毁 */
-    destroied: boolean;
-    /** 动画事件处理器 */
-    addHandler: any;
-    /** 上一次使用的资源名称 */
-    lastResource: string;
-    /**
-     * 初始化组件
-     * @param obj - 初始化参数
-     * @param obj.resource - Spine 资源名称
-     * @param obj.animationName - 默认动画名称
-     * @param obj.scale - 缩放比例
-     * @param obj.autoPlay - 是否自动播放
-     */
-    init(obj?: SpineParams): void;
-    /** 组件销毁时调用 */
-    onDestroy(): void;
-    /**
-     * 播放指定动画
-     *
-     * 如果骨架尚未加载完成，动画操作将被加入等待队列。
-     *
-     * @param name - 动画名称，不指定则使用 animationName 属性
-     * @param loopAnimation - 是否循环播放，默认跟随 autoPlay 属性
-     * @param track - 动画轨道编号，默认为 0
-     */
-    play(name?: string, loopAnimation?: boolean, track?: number): void;
-    /**
-     * 停止指定轨道的动画
-     *
-     * 如果骨架尚未加载完成，停止操作将被加入等待队列。
-     *
-     * @param track - 动画轨道编号，默认为 0
-     */
-    stop(track?: number): void;
-    /**
-     * 在当前动画之后添加新动画到队列
-     *
-     * 用于创建动画序列，当前动画播放完毕后自动播放下一个动画。
-     *
-     * @param name - 动画名称
-     * @param delay - 延迟时间（秒）
-     * @param loop - 是否循环播放
-     * @param track - 动画轨道编号，默认为 0
-     */
-    addAnimation(name?: string, delay?: number, loop?: boolean, track?: number): void;
-    /**
-     * 设置两个动画之间的混合过渡时间
-     *
-     * 当从一个动画切换到另一个动画时，会在指定时间内进行平滑过渡。
-     *
-     * @param from - 起始动画名称
-     * @param to - 目标动画名称
-     * @param duration - 过渡时长（秒）
-     */
-    setMix(from: string, to: string, duration: number): void;
-    /**
-     * 获取指定轨道当前播放的动画名称
-     *
-     * @param track - 动画轨道编号，默认为 0
-     * @returns 动画名称，如果未找到则返回 undefined
-     */
-    getAnim(track?: number): any;
-    /**
-     * 设置默认的动画混合时间
-     *
-     * 当没有为特定动画对指定混合时间时，将使用此默认值。
-     *
-     * @param duration - 默认混合时长（秒）
-     */
-    setDefaultMix(duration: number): void;
-    /**
-     * 替换指定插槽的附件
-     *
-     * 用于换装、武器切换等场景。
-     *
-     * @param slotName - 插槽名称
-     * @param attachmentName - 附件名称
-     */
-    setAttachment(slotName: string, attachmentName: string): void;
-    /**
-     * 获取指定名称的骨骼
-     *
-     * 可用于直接操作骨骼的位置、旋转、缩放等属性。
-     *
-     * @param boneName - 骨骼名称
-     * @returns 骨骼对象，如果未找到则返回 undefined
-     */
-    getBone(boneName: string): any;
-    /**
-     * 将一个 GameObject 挂载到 Spine 的指定插槽上
-     *
-     * 挂载后 GameObject 会跟随骨骼运动。当 Spine 组件销毁时，
-     * 挂载的 GameObject 也会被自动销毁。
-     *
-     * @param slot - 插槽名称或索引
-     * @param gameObject - 要挂载的 GameObject
-     * @param options - 可选配置
-     * @param options.followAttachmentTimeline - 是否跟随插槽的附件时间线
-     */
-    addSlotObject(slot: number | string, gameObject: GameObject, options?: {
-        followAttachmentTimeline?: boolean;
-    }): void;
-    /**
-     * 从插槽上移除挂载的 GameObject
-     *
-     * @param gameObject - 要移除的 GameObject
-     */
-    removeSlotObject(gameObject: GameObject): void;
-    /**
-     * 销毁所有挂载到插槽的 GameObject（内部使用）
-     */
-    _destroySlotGameObjects(): void;
-}
-
-export declare interface SpineParams {
-    resource: string;
-    animationName?: string;
-    scale?: number;
-    autoPlay?: boolean;
-}
-
-/**
- * Spine 骨骼动画系统
- *
- * SpineSystem 负责管理所有 Spine 组件的骨架创建、动画更新和资源管理。
- * 系统会监听 Spine 组件的变化，自动加载骨骼数据并创建动画实例，
- * 并在每帧更新所有活跃的 Spine 动画。
- *
- * 主要功能：
- * - 骨骼数据加载和缓存
- * - 动画实例创建和销毁
- * - 每帧动画状态更新
- * - WebGL 上下文恢复处理
- * - 资源重试机制
- */
-export declare class SpineSystem extends Renderer {
-    /** 系统名称 */
-    static systemName: string;
-    /** 骨架实例映射表（游戏对象 ID -> 骨架容器） */
-    armatures: Record<number, Container>;
-    /** 渲染系统引用 */
-    renderSystem: RendererSystem;
-    /** 渲染器管理器 */
-    rendererManager: RendererManager;
-    /** 容器管理器 */
-    containerManager: ContainerManager;
-    /** PixiJS Spine 插件实例 */
-    pixiSpine: any;
-    /**
-     * 初始化系统
-     * @param obj - 初始化参数
-     * @param obj.pixiSpine - PixiJS Spine 插件实例
-     */
-    init({ pixiSpine }: {
-        pixiSpine: any;
-    }): void;
-    /**
-     * 每帧更新所有 Spine 动画
-     * @param e - 更新参数，包含帧间隔时间
-     */
-    update(e: UpdateParams): void;
-    componentChanged(changed: ComponentChanged): Promise<void>;
-    add(changed: ComponentChanged, count?: number): Promise<void>;
-    change(changed: ComponentChanged): void;
-    remove(changed: ComponentChanged): Promise<void>;
-}
-
-export { }