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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@eva/plugin-renderer-nine-patch",
-  "version": "2.1.0-beta.1",
+  "version": "2.1.0-beta.3",
   "description": "@eva/plugin-renderer-nine-patch",
   "main": "index.js",
   "module": "dist/plugin-renderer-nine-patch.esm.js",
@@ -19,8 +19,8 @@
   "homepage": "https://eva.js.org",
   "dependencies": {
     "@eva/inspector-decorator": "^2.0.0-beta.0",
-    "@eva/plugin-renderer": "2.1.0-beta.1",
-    "@eva/renderer-adapter": "2.1.0-beta.1",
-    "@eva/eva.js": "2.1.0-beta.1"
+    "@eva/plugin-renderer": "2.1.0-beta.3",
+    "@eva/renderer-adapter": "2.1.0-beta.3",
+    "@eva/eva.js": "2.1.0-beta.3"
   }
 }

package/dist/EVA.plugin.renderer.ninePatch.js

@@ -1,167 +0,0 @@
-globalThis.EVA = globalThis.EVA || {};
-globalThis.EVA.plugin = globalThis.EVA.plugin || {};
-globalThis.EVA.plugin.renderer = globalThis.EVA.plugin.renderer || {};
-var _EVA_IIFE_ninePatch = function (exports, eva_js, pluginRenderer, rendererAdapter) {
-  'use strict';
-  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());
-    });
-  }
-  class NinePatch$2 extends eva_js.Component {
-    constructor() {
-      super(...arguments);
-      this.resource = '';
-      this.spriteName = '';
-      this.leftWidth = 0;
-      this.topHeight = 0;
-      this.rightWidth = 0;
-      this.bottomHeight = 0;
-    }
-    init(obj) {
-      if (!obj) return;
-      this.resource = obj.resource;
-      this.spriteName = obj.spriteName;
-      this.leftWidth = obj.leftWidth;
-      this.topHeight = obj.topHeight;
-      this.rightWidth = obj.rightWidth;
-      this.bottomHeight = obj.bottomHeight;
-    }
-  }
-  NinePatch$2.componentName = 'NinePatch';
-  __decorate([eva_js.type('string'), __metadata("design:type", String)], NinePatch$2.prototype, "resource", void 0);
-  __decorate([eva_js.type('string'), __metadata("design:type", String)], NinePatch$2.prototype, "spriteName", void 0);
-  __decorate([eva_js.type('number'), eva_js.step(1), __metadata("design:type", Number)], NinePatch$2.prototype, "leftWidth", void 0);
-  __decorate([eva_js.type('number'), eva_js.step(1), __metadata("design:type", Number)], NinePatch$2.prototype, "topHeight", void 0);
-  __decorate([eva_js.type('number'), eva_js.step(1), __metadata("design:type", Number)], NinePatch$2.prototype, "rightWidth", void 0);
-  __decorate([eva_js.type('number'), eva_js.step(1), __metadata("design:type", Number)], NinePatch$2.prototype, "bottomHeight", void 0);
-  const resourceKeySplit = '_s|r|c_';
-  let NinePatch = class NinePatch extends pluginRenderer.Renderer {
-    constructor() {
-      super(...arguments);
-      this.name = 'NinePatch';
-      this.ninePatch = {};
-    }
-    init() {
-      this.renderSystem = this.game.getSystem(pluginRenderer.RendererSystem);
-      this.renderSystem.rendererManager.register(this);
-    }
-    rendererUpdate(gameObject) {
-      const {
-        width,
-        height
-      } = gameObject.transform.size;
-      if (this.ninePatch[gameObject.id]) {
-        this.ninePatch[gameObject.id].width = width;
-        this.ninePatch[gameObject.id].height = height;
-      }
-    }
-    componentChanged(changed) {
-      return __awaiter(this, void 0, void 0, function* () {
-        if (changed.componentName === 'NinePatch') {
-          if (changed.type === eva_js.OBSERVER_TYPE.ADD) {
-            this.add(changed);
-          } else if (changed.type === eva_js.OBSERVER_TYPE.REMOVE) {
-            this.remove(changed);
-          } else {
-            this.remove(changed);
-            this.add(changed);
-          }
-        }
-      });
-    }
-    add(changed) {
-      return __awaiter(this, void 0, void 0, function* () {
-        const component = changed.component;
-        const gameObjectId = changed.gameObject.id;
-        const asyncId = this.increaseAsyncId(gameObjectId);
-        const {
-          type,
-          data,
-          instance
-        } = yield eva_js.resource.getResource(component.resource);
-        if (!this.validateAsyncId(gameObjectId, asyncId)) return;
-        if (!data) {
-          console.error(`GameObject:${changed.gameObject.name}'s NinePatch resource load error`);
-          return;
-        }
-        let img;
-        if (type === eva_js.RESOURCE_TYPE.SPRITE && component.spriteName) {
-          if (!instance) {
-            console.error(`GameObjectNinePatch Sprite resource rely on the Sprite system`);
-            return;
-          }
-          img = instance[component.resource + resourceKeySplit + component.spriteName];
-        } else {
-          img = data.image;
-        }
-        const {
-          leftWidth,
-          topHeight,
-          rightWidth,
-          bottomHeight
-        } = component;
-        const np = new rendererAdapter.NinePatch(img, leftWidth, topHeight, rightWidth, bottomHeight);
-        this.ninePatch[changed.gameObject.id] = np;
-        component.ninePatch = np;
-        this.containerManager.getContainer(changed.gameObject.id).addChildAt(np, 0);
-      });
-    }
-    remove(changed) {
-      const gameObjectId = changed.gameObject.id;
-      this.increaseAsyncId(gameObjectId);
-      const sprite = this.ninePatch[gameObjectId];
-      if (sprite) {
-        this.containerManager.getContainer(changed.gameObject.id).removeChild(sprite);
-        delete this.ninePatch[changed.gameObject.id];
-        sprite.destroy({
-          children: true
-        });
-      }
-    }
-  };
-  NinePatch.systemName = 'NinePatch';
-  NinePatch = __decorate([eva_js.decorators.componentObserver({
-    NinePatch: ['resource', 'spriteName', 'leftWidth', 'topHeight', 'rightWidth', 'bottomHeight']
-  })], NinePatch);
-  var NinePatch$1 = NinePatch;
-  exports.NinePatch = NinePatch$2;
-  exports.NinePatchSystem = NinePatch$1;
-  Object.defineProperty(exports, '__esModule', {
-    value: true
-  });
-  return exports;
-}({}, EVA, EVA.plugin.renderer, EVA.rendererAdapter);
-globalThis.EVA.plugin.renderer.ninePatch = globalThis.EVA.plugin.renderer.ninePatch || _EVA_IIFE_ninePatch;

package/dist/EVA.plugin.renderer.ninePatch.min.js

@@ -1 +0,0 @@
-globalThis.EVA=globalThis.EVA||{},globalThis.EVA.plugin=globalThis.EVA.plugin||{},globalThis.EVA.plugin.renderer=globalThis.EVA.plugin.renderer||{};var _EVA_IIFE_ninePatch=function(e,t,i,n){"use strict";function r(e,t,i,n){var r,o=arguments.length,s=o<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,i):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,i,n);else for(var h=e.length-1;h>=0;h--)(r=e[h])&&(s=(o<3?r(s):o>3?r(t,i,s):r(t,i))||s);return o>3&&s&&Object.defineProperty(t,i,s),s}function o(e,t){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(e,t)}function s(e,t,i,n){return new(i||(i=Promise))(function(r,o){function s(e){try{c(n.next(e))}catch(e){o(e)}}function h(e){try{c(n.throw(e))}catch(e){o(e)}}function c(e){var t;e.done?r(e.value):(t=e.value,t instanceof i?t:new i(function(e){e(t)})).then(s,h)}c((n=n.apply(e,t||[])).next())})}class h extends t.Component{constructor(){super(...arguments),this.resource="",this.spriteName="",this.leftWidth=0,this.topHeight=0,this.rightWidth=0,this.bottomHeight=0}init(e){e&&(this.resource=e.resource,this.spriteName=e.spriteName,this.leftWidth=e.leftWidth,this.topHeight=e.topHeight,this.rightWidth=e.rightWidth,this.bottomHeight=e.bottomHeight)}}h.componentName="NinePatch",r([t.type("string"),o("design:type",String)],h.prototype,"resource",void 0),r([t.type("string"),o("design:type",String)],h.prototype,"spriteName",void 0),r([t.type("number"),t.step(1),o("design:type",Number)],h.prototype,"leftWidth",void 0),r([t.type("number"),t.step(1),o("design:type",Number)],h.prototype,"topHeight",void 0),r([t.type("number"),t.step(1),o("design:type",Number)],h.prototype,"rightWidth",void 0),r([t.type("number"),t.step(1),o("design:type",Number)],h.prototype,"bottomHeight",void 0);let c=class extends i.Renderer{constructor(){super(...arguments),this.name="NinePatch",this.ninePatch={}}init(){this.renderSystem=this.game.getSystem(i.RendererSystem),this.renderSystem.rendererManager.register(this)}rendererUpdate(e){const{width:t,height:i}=e.transform.size;this.ninePatch[e.id]&&(this.ninePatch[e.id].width=t,this.ninePatch[e.id].height=i)}componentChanged(e){return s(this,void 0,void 0,function*(){"NinePatch"===e.componentName&&(e.type===t.OBSERVER_TYPE.ADD?this.add(e):e.type===t.OBSERVER_TYPE.REMOVE?this.remove(e):(this.remove(e),this.add(e)))})}add(e){return s(this,void 0,void 0,function*(){const i=e.component,r=e.gameObject.id,o=this.increaseAsyncId(r),{type:s,data:h,instance:c}=yield t.resource.getResource(i.resource);if(!this.validateAsyncId(r,o))return;if(!h)return void console.error(`GameObject:${e.gameObject.name}'s NinePatch resource load error`);let a;if(s===t.RESOURCE_TYPE.SPRITE&&i.spriteName){if(!c)return void console.error("GameObjectNinePatch Sprite resource rely on the Sprite system");a=c[i.resource+"_s|r|c_"+i.spriteName]}else a=h.image;const{leftWidth:d,topHeight:p,rightWidth:g,bottomHeight:l}=i,m=new n.NinePatch(a,d,p,g,l);this.ninePatch[e.gameObject.id]=m,i.ninePatch=m,this.containerManager.getContainer(e.gameObject.id).addChildAt(m,0)})}remove(e){const t=e.gameObject.id;this.increaseAsyncId(t);const i=this.ninePatch[t];i&&(this.containerManager.getContainer(e.gameObject.id).removeChild(i),delete this.ninePatch[e.gameObject.id],i.destroy({children:!0}))}};c.systemName="NinePatch",c=r([t.decorators.componentObserver({NinePatch:["resource","spriteName","leftWidth","topHeight","rightWidth","bottomHeight"]})],c);var a=c;return e.NinePatch=h,e.NinePatchSystem=a,Object.defineProperty(e,"__esModule",{value:!0}),e}({},EVA,EVA.plugin.renderer,EVA.rendererAdapter);globalThis.EVA.plugin.renderer.ninePatch=globalThis.EVA.plugin.renderer.ninePatch||_EVA_IIFE_ninePatch;

package/dist/plugin-renderer-nine-patch.cjs.js

@@ -1,252 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var eva_js = require('@eva/eva.js');
-var pluginRenderer = require('@eva/plugin-renderer');
-var rendererAdapter = require('@eva/renderer-adapter');
-
-/******************************************************************************
-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;
-};
-
-/**
- * 九宫格组件
- *
- * NinePatch 组件用于实现可拉伸的图片，保持边角不变形。
- * 将图片分为 9 个区域，拉伸时只拉伸中间区域，边角保持原始比例，
- * 适用于按钮、对话框、面板等需要自适应尺寸的 UI 元素。
- *
- * 九宫格原理：
- * ```
- * +-------+-------+-------+
- * | 左上  |  上   | 右上  |
- * +-------+-------+-------+
- * |  左   | 中间  |  右   |
- * +-------+-------+-------+
- * | 左下  |  下   | 右下  |
- * +-------+-------+-------+
- * ```
- * 拉伸时，四个角保持不变，四条边单向拉伸，中间区域双向拉伸。
- *
- * @example
- * ```typescript
- * // 创建可拉伸的按钮背景
- * const button = new GameObject('button');
- * button.addComponent(new NinePatch({
- *   resource: 'buttonBg', // 按钮背景资源
- *   spriteName: 'btn_normal.png',
- *   leftWidth: 20,   // 左边不拉伸区域宽度
- *   topHeight: 20,   // 顶部不拉伸区域高度
- *   rightWidth: 20,  // 右边不拉伸区域宽度
- *   bottomHeight: 20 // 底部不拉伸区域高度
- * }));
- *
- * // 设置按钮尺寸（自动拉伸）
- * button.transform.size = { width: 200, height: 60 };
- *
- * // 创建对话框背景
- * const dialog = new GameObject('dialog');
- * dialog.addComponent(new NinePatch({
- *   resource: 'dialogBg',
- *   leftWidth: 30,
- *   topHeight: 30,
- *   rightWidth: 30,
- *   bottomHeight: 30
- * }));
- * dialog.transform.size = { width: 400, height: 300 };
- * ```
- */
-class NinePatch$2 extends eva_js.Component {
-    constructor() {
-        super(...arguments);
-        /** 图片资源名称 */
-        this.resource = '';
-        /** 精灵图集中的图片名称 */
-        this.spriteName = '';
-        /** 左边不拉伸区域的宽度 */
-        this.leftWidth = 0;
-        /** 顶部不拉伸区域的高度 */
-        this.topHeight = 0;
-        /** 右边不拉伸区域的宽度 */
-        this.rightWidth = 0;
-        /** 底部不拉伸区域的高度 */
-        this.bottomHeight = 0;
-    }
-    /**
-     * 初始化组件
-     * @param obj - 初始化参数
-     * @param obj.resource - 资源名称
-     * @param obj.spriteName - 精灵名称
-     * @param obj.leftWidth - 左边固定宽度
-     * @param obj.topHeight - 顶部固定高度
-     * @param obj.rightWidth - 右边固定宽度
-     * @param obj.bottomHeight - 底部固定高度
-     */
-    init(obj) {
-        if (!obj)
-            return;
-        this.resource = obj.resource;
-        this.spriteName = obj.spriteName;
-        this.leftWidth = obj.leftWidth;
-        this.topHeight = obj.topHeight;
-        this.rightWidth = obj.rightWidth;
-        this.bottomHeight = obj.bottomHeight;
-    }
-}
-/** 组件名称 */
-NinePatch$2.componentName = 'NinePatch';
-__decorate([
-    eva_js.type('string'),
-    __metadata("design:type", String)
-], NinePatch$2.prototype, "resource", void 0);
-__decorate([
-    eva_js.type('string'),
-    __metadata("design:type", String)
-], NinePatch$2.prototype, "spriteName", void 0);
-__decorate([
-    eva_js.type('number'),
-    eva_js.step(1),
-    __metadata("design:type", Number)
-], NinePatch$2.prototype, "leftWidth", void 0);
-__decorate([
-    eva_js.type('number'),
-    eva_js.step(1),
-    __metadata("design:type", Number)
-], NinePatch$2.prototype, "topHeight", void 0);
-__decorate([
-    eva_js.type('number'),
-    eva_js.step(1),
-    __metadata("design:type", Number)
-], NinePatch$2.prototype, "rightWidth", void 0);
-__decorate([
-    eva_js.type('number'),
-    eva_js.step(1),
-    __metadata("design:type", Number)
-], NinePatch$2.prototype, "bottomHeight", void 0);
-
-const resourceKeySplit = '_s|r|c_'; // Notice: This key be created by sprite system.
-let NinePatch = class NinePatch extends pluginRenderer.Renderer {
-    constructor() {
-        super(...arguments);
-        this.name = 'NinePatch';
-        this.ninePatch = {};
-    }
-    init() {
-        this.renderSystem = this.game.getSystem(pluginRenderer.RendererSystem);
-        this.renderSystem.rendererManager.register(this);
-    }
-    rendererUpdate(gameObject) {
-        const { width, height } = gameObject.transform.size;
-        if (this.ninePatch[gameObject.id]) {
-            this.ninePatch[gameObject.id].width = width;
-            this.ninePatch[gameObject.id].height = height;
-        }
-    }
-    componentChanged(changed) {
-        return __awaiter(this, void 0, void 0, function* () {
-            if (changed.componentName === 'NinePatch') {
-                if (changed.type === eva_js.OBSERVER_TYPE.ADD) {
-                    this.add(changed);
-                }
-                else if (changed.type === eva_js.OBSERVER_TYPE.REMOVE) {
-                    this.remove(changed);
-                }
-                else {
-                    this.remove(changed);
-                    this.add(changed);
-                }
-            }
-        });
-    }
-    add(changed) {
-        return __awaiter(this, void 0, void 0, function* () {
-            const component = changed.component;
-            const gameObjectId = changed.gameObject.id;
-            const asyncId = this.increaseAsyncId(gameObjectId);
-            const { type, data, instance } = yield eva_js.resource.getResource(component.resource);
-            if (!this.validateAsyncId(gameObjectId, asyncId))
-                return;
-            if (!data) {
-                console.error(`GameObject:${changed.gameObject.name}'s NinePatch resource load error`);
-                return;
-            }
-            let img;
-            if (type === eva_js.RESOURCE_TYPE.SPRITE && component.spriteName) {
-                if (!instance) {
-                    console.error(`GameObjectNinePatch Sprite resource rely on the Sprite system`);
-                    return;
-                }
-                img = instance[component.resource + resourceKeySplit + component.spriteName];
-            }
-            else {
-                img = data.image;
-            }
-            const { leftWidth, topHeight, rightWidth, bottomHeight } = component;
-            const np = new rendererAdapter.NinePatch(img, leftWidth, topHeight, rightWidth, bottomHeight);
-            this.ninePatch[changed.gameObject.id] = np;
-            component.ninePatch = np;
-            this.containerManager
-                .getContainer(changed.gameObject.id)
-                // @ts-ignore
-                .addChildAt(np, 0);
-        });
-    }
-    remove(changed) {
-        const gameObjectId = changed.gameObject.id;
-        this.increaseAsyncId(gameObjectId);
-        const sprite = this.ninePatch[gameObjectId];
-        if (sprite) {
-            this.containerManager.getContainer(changed.gameObject.id).removeChild(sprite);
-            delete this.ninePatch[changed.gameObject.id];
-            sprite.destroy({ children: true });
-        }
-    }
-};
-NinePatch.systemName = 'NinePatch';
-NinePatch = __decorate([
-    eva_js.decorators.componentObserver({
-        NinePatch: ['resource', 'spriteName', 'leftWidth', 'topHeight', 'rightWidth', 'bottomHeight'],
-    })
-], NinePatch);
-var NinePatch$1 = NinePatch;
-
-exports.NinePatch = NinePatch$2;
-exports.NinePatchSystem = NinePatch$1;

package/dist/plugin-renderer-nine-patch.cjs.prod.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@eva/eva.js"),t=require("@eva/plugin-renderer"),i=require("@eva/renderer-adapter");function r(e,t,i,r){var n,o=arguments.length,s=o<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,i,r);else for(var c=e.length-1;c>=0;c--)(n=e[c])&&(s=(o<3?n(s):o>3?n(t,i,s):n(t,i))||s);return o>3&&s&&Object.defineProperty(t,i,s),s}function n(e,t){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(e,t)}function o(e,t,i,r){return new(i||(i=Promise))(function(n,o){function s(e){try{h(r.next(e))}catch(e){o(e)}}function c(e){try{h(r.throw(e))}catch(e){o(e)}}function h(e){var t;e.done?n(e.value):(t=e.value,t instanceof i?t:new i(function(e){e(t)})).then(s,c)}h((r=r.apply(e,t||[])).next())})}"function"==typeof SuppressedError&&SuppressedError;class s extends e.Component{constructor(){super(...arguments),this.resource="",this.spriteName="",this.leftWidth=0,this.topHeight=0,this.rightWidth=0,this.bottomHeight=0}init(e){e&&(this.resource=e.resource,this.spriteName=e.spriteName,this.leftWidth=e.leftWidth,this.topHeight=e.topHeight,this.rightWidth=e.rightWidth,this.bottomHeight=e.bottomHeight)}}s.componentName="NinePatch",r([e.type("string"),n("design:type",String)],s.prototype,"resource",void 0),r([e.type("string"),n("design:type",String)],s.prototype,"spriteName",void 0),r([e.type("number"),e.step(1),n("design:type",Number)],s.prototype,"leftWidth",void 0),r([e.type("number"),e.step(1),n("design:type",Number)],s.prototype,"topHeight",void 0),r([e.type("number"),e.step(1),n("design:type",Number)],s.prototype,"rightWidth",void 0),r([e.type("number"),e.step(1),n("design:type",Number)],s.prototype,"bottomHeight",void 0);let c=class extends t.Renderer{constructor(){super(...arguments),this.name="NinePatch",this.ninePatch={}}init(){this.renderSystem=this.game.getSystem(t.RendererSystem),this.renderSystem.rendererManager.register(this)}rendererUpdate(e){const{width:t,height:i}=e.transform.size;this.ninePatch[e.id]&&(this.ninePatch[e.id].width=t,this.ninePatch[e.id].height=i)}componentChanged(t){return o(this,void 0,void 0,function*(){"NinePatch"===t.componentName&&(t.type===e.OBSERVER_TYPE.ADD?this.add(t):t.type===e.OBSERVER_TYPE.REMOVE?this.remove(t):(this.remove(t),this.add(t)))})}add(t){return o(this,void 0,void 0,function*(){const r=t.component,n=t.gameObject.id,o=this.increaseAsyncId(n),{type:s,data:c,instance:h}=yield e.resource.getResource(r.resource);if(!this.validateAsyncId(n,o))return;if(!c)return void console.error(`GameObject:${t.gameObject.name}'s NinePatch resource load error`);let a;if(s===e.RESOURCE_TYPE.SPRITE&&r.spriteName){if(!h)return void console.error("GameObjectNinePatch Sprite resource rely on the Sprite system");a=h[r.resource+"_s|r|c_"+r.spriteName]}else a=c.image;const{leftWidth:d,topHeight:p,rightWidth:m,bottomHeight:u}=r,g=new i.NinePatch(a,d,p,m,u);this.ninePatch[t.gameObject.id]=g,r.ninePatch=g,this.containerManager.getContainer(t.gameObject.id).addChildAt(g,0)})}remove(e){const t=e.gameObject.id;this.increaseAsyncId(t);const i=this.ninePatch[t];i&&(this.containerManager.getContainer(e.gameObject.id).removeChild(i),delete this.ninePatch[e.gameObject.id],i.destroy({children:!0}))}};c.systemName="NinePatch",c=r([e.decorators.componentObserver({NinePatch:["resource","spriteName","leftWidth","topHeight","rightWidth","bottomHeight"]})],c);var h=c;exports.NinePatch=s,exports.NinePatchSystem=h;

package/dist/plugin-renderer-nine-patch.d.ts

@@ -1,112 +0,0 @@
-import { Component } from '@eva/eva.js';
-import { ComponentChanged } from '@eva/eva.js';
-import { ContainerManager } from '@eva/plugin-renderer';
-import { GameObject } from '@eva/eva.js';
-import { NinePatch as NinePatch_2 } from '@eva/renderer-adapter';
-import { Renderer } from '@eva/plugin-renderer';
-import { RendererManager } from '@eva/plugin-renderer';
-import { RendererSystem } from '@eva/plugin-renderer';
-
-/**
- * 九宫格组件
- *
- * NinePatch 组件用于实现可拉伸的图片，保持边角不变形。
- * 将图片分为 9 个区域，拉伸时只拉伸中间区域，边角保持原始比例，
- * 适用于按钮、对话框、面板等需要自适应尺寸的 UI 元素。
- *
- * 九宫格原理：
- * ```
- * +-------+-------+-------+
- * | 左上  |  上   | 右上  |
- * +-------+-------+-------+
- * |  左   | 中间  |  右   |
- * +-------+-------+-------+
- * | 左下  |  下   | 右下  |
- * +-------+-------+-------+
- * ```
- * 拉伸时，四个角保持不变，四条边单向拉伸，中间区域双向拉伸。
- *
- * @example
- * ```typescript
- * // 创建可拉伸的按钮背景
- * const button = new GameObject('button');
- * button.addComponent(new NinePatch({
- *   resource: 'buttonBg', // 按钮背景资源
- *   spriteName: 'btn_normal.png',
- *   leftWidth: 20,   // 左边不拉伸区域宽度
- *   topHeight: 20,   // 顶部不拉伸区域高度
- *   rightWidth: 20,  // 右边不拉伸区域宽度
- *   bottomHeight: 20 // 底部不拉伸区域高度
- * }));
- *
- * // 设置按钮尺寸（自动拉伸）
- * button.transform.size = { width: 200, height: 60 };
- *
- * // 创建对话框背景
- * const dialog = new GameObject('dialog');
- * dialog.addComponent(new NinePatch({
- *   resource: 'dialogBg',
- *   leftWidth: 30,
- *   topHeight: 30,
- *   rightWidth: 30,
- *   bottomHeight: 30
- * }));
- * dialog.transform.size = { width: 400, height: 300 };
- * ```
- */
-export declare class NinePatch extends Component<NinePatchParams> {
-    /** 组件名称 */
-    static componentName: string;
-    /** 九宫格精灵实例 */
-    ninePatch: NinePatch_2;
-    /** 图片资源名称 */
-    resource: string;
-    /** 精灵图集中的图片名称 */
-    spriteName: string;
-    /** 左边不拉伸区域的宽度 */
-    leftWidth: number;
-    /** 顶部不拉伸区域的高度 */
-    topHeight: number;
-    /** 右边不拉伸区域的宽度 */
-    rightWidth: number;
-    /** 底部不拉伸区域的高度 */
-    bottomHeight: number;
-    /**
-     * 初始化组件
-     * @param obj - 初始化参数
-     * @param obj.resource - 资源名称
-     * @param obj.spriteName - 精灵名称
-     * @param obj.leftWidth - 左边固定宽度
-     * @param obj.topHeight - 顶部固定高度
-     * @param obj.rightWidth - 右边固定宽度
-     * @param obj.bottomHeight - 底部固定高度
-     */
-    init(obj?: NinePatchParams): void;
-}
-
-export declare interface NinePatchParams {
-    resource: string;
-    spriteName?: string;
-    leftWidth?: number;
-    topHeight?: number;
-    rightWidth?: number;
-    bottomHeight?: number;
-}
-
-export declare class NinePatchSystem extends Renderer {
-    static systemName: string;
-    name: string;
-    ninePatch: {
-        [propName: number]: NinePatch_2;
-    };
-    renderSystem: RendererSystem;
-    rendererManager: RendererManager;
-    containerManager: ContainerManager;
-    init(): void;
-    rendererUpdate(gameObject: GameObject): void;
-    componentChanged(changed: ComponentChanged): Promise<void>;
-    add(changed: ComponentChanged): Promise<void>;
-    remove(changed: ComponentChanged): void;
-}
-
-export { }

package/dist/plugin-renderer-nine-patch.esm.js

@@ -1,247 +0,0 @@
-import { Component, type, step, decorators, OBSERVER_TYPE, resource, RESOURCE_TYPE } from '@eva/eva.js';
-import { Renderer, RendererSystem } from '@eva/plugin-renderer';
-import { NinePatch as NinePatch$3 } from '@eva/renderer-adapter';
-
-/******************************************************************************
-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;
-};
-
-/**
- * 九宫格组件
- *
- * NinePatch 组件用于实现可拉伸的图片，保持边角不变形。
- * 将图片分为 9 个区域，拉伸时只拉伸中间区域，边角保持原始比例，
- * 适用于按钮、对话框、面板等需要自适应尺寸的 UI 元素。
- *
- * 九宫格原理：
- * ```
- * +-------+-------+-------+
- * | 左上  |  上   | 右上  |
- * +-------+-------+-------+
- * |  左   | 中间  |  右   |
- * +-------+-------+-------+
- * | 左下  |  下   | 右下  |
- * +-------+-------+-------+
- * ```
- * 拉伸时，四个角保持不变，四条边单向拉伸，中间区域双向拉伸。
- *
- * @example
- * ```typescript
- * // 创建可拉伸的按钮背景
- * const button = new GameObject('button');
- * button.addComponent(new NinePatch({
- *   resource: 'buttonBg', // 按钮背景资源
- *   spriteName: 'btn_normal.png',
- *   leftWidth: 20,   // 左边不拉伸区域宽度
- *   topHeight: 20,   // 顶部不拉伸区域高度
- *   rightWidth: 20,  // 右边不拉伸区域宽度
- *   bottomHeight: 20 // 底部不拉伸区域高度
- * }));
- *
- * // 设置按钮尺寸（自动拉伸）
- * button.transform.size = { width: 200, height: 60 };
- *
- * // 创建对话框背景
- * const dialog = new GameObject('dialog');
- * dialog.addComponent(new NinePatch({
- *   resource: 'dialogBg',
- *   leftWidth: 30,
- *   topHeight: 30,
- *   rightWidth: 30,
- *   bottomHeight: 30
- * }));
- * dialog.transform.size = { width: 400, height: 300 };
- * ```
- */
-class NinePatch$2 extends Component {
-    constructor() {
-        super(...arguments);
-        /** 图片资源名称 */
-        this.resource = '';
-        /** 精灵图集中的图片名称 */
-        this.spriteName = '';
-        /** 左边不拉伸区域的宽度 */
-        this.leftWidth = 0;
-        /** 顶部不拉伸区域的高度 */
-        this.topHeight = 0;
-        /** 右边不拉伸区域的宽度 */
-        this.rightWidth = 0;
-        /** 底部不拉伸区域的高度 */
-        this.bottomHeight = 0;
-    }
-    /**
-     * 初始化组件
-     * @param obj - 初始化参数
-     * @param obj.resource - 资源名称
-     * @param obj.spriteName - 精灵名称
-     * @param obj.leftWidth - 左边固定宽度
-     * @param obj.topHeight - 顶部固定高度
-     * @param obj.rightWidth - 右边固定宽度
-     * @param obj.bottomHeight - 底部固定高度
-     */
-    init(obj) {
-        if (!obj)
-            return;
-        this.resource = obj.resource;
-        this.spriteName = obj.spriteName;
-        this.leftWidth = obj.leftWidth;
-        this.topHeight = obj.topHeight;
-        this.rightWidth = obj.rightWidth;
-        this.bottomHeight = obj.bottomHeight;
-    }
-}
-/** 组件名称 */
-NinePatch$2.componentName = 'NinePatch';
-__decorate([
-    type('string'),
-    __metadata("design:type", String)
-], NinePatch$2.prototype, "resource", void 0);
-__decorate([
-    type('string'),
-    __metadata("design:type", String)
-], NinePatch$2.prototype, "spriteName", void 0);
-__decorate([
-    type('number'),
-    step(1),
-    __metadata("design:type", Number)
-], NinePatch$2.prototype, "leftWidth", void 0);
-__decorate([
-    type('number'),
-    step(1),
-    __metadata("design:type", Number)
-], NinePatch$2.prototype, "topHeight", void 0);
-__decorate([
-    type('number'),
-    step(1),
-    __metadata("design:type", Number)
-], NinePatch$2.prototype, "rightWidth", void 0);
-__decorate([
-    type('number'),
-    step(1),
-    __metadata("design:type", Number)
-], NinePatch$2.prototype, "bottomHeight", void 0);
-
-const resourceKeySplit = '_s|r|c_'; // Notice: This key be created by sprite system.
-let NinePatch = class NinePatch extends Renderer {
-    constructor() {
-        super(...arguments);
-        this.name = 'NinePatch';
-        this.ninePatch = {};
-    }
-    init() {
-        this.renderSystem = this.game.getSystem(RendererSystem);
-        this.renderSystem.rendererManager.register(this);
-    }
-    rendererUpdate(gameObject) {
-        const { width, height } = gameObject.transform.size;
-        if (this.ninePatch[gameObject.id]) {
-            this.ninePatch[gameObject.id].width = width;
-            this.ninePatch[gameObject.id].height = height;
-        }
-    }
-    componentChanged(changed) {
-        return __awaiter(this, void 0, void 0, function* () {
-            if (changed.componentName === 'NinePatch') {
-                if (changed.type === OBSERVER_TYPE.ADD) {
-                    this.add(changed);
-                }
-                else if (changed.type === OBSERVER_TYPE.REMOVE) {
-                    this.remove(changed);
-                }
-                else {
-                    this.remove(changed);
-                    this.add(changed);
-                }
-            }
-        });
-    }
-    add(changed) {
-        return __awaiter(this, void 0, void 0, function* () {
-            const component = changed.component;
-            const gameObjectId = changed.gameObject.id;
-            const asyncId = this.increaseAsyncId(gameObjectId);
-            const { type, data, instance } = yield resource.getResource(component.resource);
-            if (!this.validateAsyncId(gameObjectId, asyncId))
-                return;
-            if (!data) {
-                console.error(`GameObject:${changed.gameObject.name}'s NinePatch resource load error`);
-                return;
-            }
-            let img;
-            if (type === RESOURCE_TYPE.SPRITE && component.spriteName) {
-                if (!instance) {
-                    console.error(`GameObjectNinePatch Sprite resource rely on the Sprite system`);
-                    return;
-                }
-                img = instance[component.resource + resourceKeySplit + component.spriteName];
-            }
-            else {
-                img = data.image;
-            }
-            const { leftWidth, topHeight, rightWidth, bottomHeight } = component;
-            const np = new NinePatch$3(img, leftWidth, topHeight, rightWidth, bottomHeight);
-            this.ninePatch[changed.gameObject.id] = np;
-            component.ninePatch = np;
-            this.containerManager
-                .getContainer(changed.gameObject.id)
-                // @ts-ignore
-                .addChildAt(np, 0);
-        });
-    }
-    remove(changed) {
-        const gameObjectId = changed.gameObject.id;
-        this.increaseAsyncId(gameObjectId);
-        const sprite = this.ninePatch[gameObjectId];
-        if (sprite) {
-            this.containerManager.getContainer(changed.gameObject.id).removeChild(sprite);
-            delete this.ninePatch[changed.gameObject.id];
-            sprite.destroy({ children: true });
-        }
-    }
-};
-NinePatch.systemName = 'NinePatch';
-NinePatch = __decorate([
-    decorators.componentObserver({
-        NinePatch: ['resource', 'spriteName', 'leftWidth', 'topHeight', 'rightWidth', 'bottomHeight'],
-    })
-], NinePatch);
-var NinePatch$1 = NinePatch;
-
-export { NinePatch$2 as NinePatch, NinePatch$1 as NinePatchSystem };