@eva/plugin-renderer-mask 2.1.0-beta.2 → 2.1.0-beta.3

package/package.json

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

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

@@ -1,454 +0,0 @@
-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 || {};
-globalThis.EVA.plugin.renderer = globalThis.EVA.plugin.renderer || {};
-var _EVA_IIFE_mask = function (exports, eva_js, pluginRenderer, rendererAdapter) {
-  'use strict';
-  function __rest$1(s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-      if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
-    }
-    return t;
-  }
-  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());
-    });
-  }
-  function __rest(s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-      if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
-    }
-    return t;
-  }
-  typeof SuppressedError === "function" ? SuppressedError : function (error, suppressed, message) {
-    var e = new Error(message);
-    return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
-  };
-  class SymbolKeysNotSupportedError extends Error {
-    constructor() {
-      super('Symbol keys are not supported yet!');
-      Object.setPrototypeOf(this, new.target.prototype);
-    }
-  }
-  const IDE_PROPERTY_METADATA = 'IDE_PROPERTY_METADATA';
-  function transformBasicType(type) {
-    if (type === String) {
-      return 'string';
-    }
-    if (type === Number) {
-      return 'number';
-    }
-    if (type === Boolean) {
-      return 'boolean';
-    }
-    return 'unknown';
-  }
-  function defineLegacyIDEProp(target, propertyKey, patch) {
-    const constructor = target.constructor;
-    const current = constructor.IDEProps || {};
-    current[propertyKey] = _extends(_extends({
-      key: propertyKey
-    }, current[propertyKey]), patch);
-    constructor.IDEProps = current;
-  }
-  function defineTypes(target, key, options, returnTypeFunction) {
-    let type = Reflect.getMetadata('design:type', target, key);
-    let isArray = type === Array;
-    const str = transformBasicType(type);
-    if (str !== 'unknown') {
-      type = str;
-    }
-    if (returnTypeFunction) {
-      const returnType = returnTypeFunction();
-      if (Array.isArray(returnType)) {
-        isArray = true;
-        type = returnType[0];
-      } else {
-        type = returnType;
-      }
-    }
-    const properties = Reflect.getMetadata(IDE_PROPERTY_METADATA, target.constructor) || {};
-    const current = properties[key] || {};
-    const property = _extends(_extends(_extends({}, current), {
-      type,
-      isArray: isArray
-    }), options);
-    properties[key] = property;
-    Reflect.defineMetadata(IDE_PROPERTY_METADATA, properties, target.constructor);
-    const legacyProperty = __rest(property, ["isArray"]);
-    defineLegacyIDEProp(target, key, legacyProperty);
-  }
-  function type(type) {
-    return Field({
-      type
-    });
-  }
-  function getTypeDecoratorParams(returnTypeFuncOrOptions, maybeOptions) {
-    if (typeof returnTypeFuncOrOptions === 'function') {
-      return {
-        returnTypeFunc: returnTypeFuncOrOptions,
-        options: maybeOptions || {}
-      };
-    }
-    return {
-      options: returnTypeFuncOrOptions || {}
-    };
-  }
-  function Field(returnTypeFunction, maybeOptions) {
-    return (target, propertyKey) => {
-      if (typeof propertyKey === 'symbol') {
-        throw new SymbolKeysNotSupportedError();
-      }
-      const {
-        options,
-        returnTypeFunc
-      } = getTypeDecoratorParams(returnTypeFunction, maybeOptions);
-      defineTypes(target, propertyKey, options, returnTypeFunc);
-    };
-  }
-  var ExecuteMode;
-  (function (ExecuteMode) {
-    ExecuteMode[ExecuteMode["Edit"] = 2] = "Edit";
-    ExecuteMode[ExecuteMode["Game"] = 4] = "Game";
-    ExecuteMode[ExecuteMode["All"] = 6] = "All";
-  })(ExecuteMode || (ExecuteMode = {}));
-  exports.MASK_TYPE = void 0;
-  (function (MASK_TYPE) {
-    MASK_TYPE["Circle"] = "Circle";
-    MASK_TYPE["Ellipse"] = "Ellipse";
-    MASK_TYPE["Rect"] = "Rect";
-    MASK_TYPE["RoundedRect"] = "RoundedRect";
-    MASK_TYPE["Polygon"] = "Polygon";
-    MASK_TYPE["Img"] = "Img";
-    MASK_TYPE["Sprite"] = "Sprite";
-  })(exports.MASK_TYPE || (exports.MASK_TYPE = {}));
-  class Mask$2 extends eva_js.Component {
-    constructor(params) {
-      super(params);
-      this.type = exports.MASK_TYPE.Rect;
-      this.style = {};
-      this.x = 0;
-      this.y = 0;
-      this.resource = '';
-      this.spriteName = '';
-      this.enabled = true;
-      this.init(params);
-    }
-    init(obj) {
-      var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x;
-      if (!obj) return;
-      const {
-          style
-        } = obj,
-        rest = __rest$1(obj, ["style"]);
-      _extends(this, rest);
-      this.style = _extends(_extends(_extends({}, this.style), style), {
-        x: (_d = (_b = (_a = obj.x) !== null && _a !== void 0 ? _a : style === null || style === void 0 ? void 0 : style.x) !== null && _b !== void 0 ? _b : (_c = this.style) === null || _c === void 0 ? void 0 : _c.x) !== null && _d !== void 0 ? _d : this.x,
-        y: (_h = (_f = (_e = obj.y) !== null && _e !== void 0 ? _e : style === null || style === void 0 ? void 0 : style.y) !== null && _f !== void 0 ? _f : (_g = this.style) === null || _g === void 0 ? void 0 : _g.y) !== null && _h !== void 0 ? _h : this.y,
-        radius: (_k = (_j = obj.radius) !== null && _j !== void 0 ? _j : style === null || style === void 0 ? void 0 : style.radius) !== null && _k !== void 0 ? _k : (_l = this.style) === null || _l === void 0 ? void 0 : _l.radius,
-        width: (_o = (_m = obj.width) !== null && _m !== void 0 ? _m : style === null || style === void 0 ? void 0 : style.width) !== null && _o !== void 0 ? _o : (_p = this.style) === null || _p === void 0 ? void 0 : _p.width,
-        height: (_r = (_q = obj.height) !== null && _q !== void 0 ? _q : style === null || style === void 0 ? void 0 : style.height) !== null && _r !== void 0 ? _r : (_s = this.style) === null || _s === void 0 ? void 0 : _s.height,
-        paths: (_u = (_t = obj.paths) !== null && _t !== void 0 ? _t : style === null || style === void 0 ? void 0 : style.paths) !== null && _u !== void 0 ? _u : (_v = this.style) === null || _v === void 0 ? void 0 : _v.paths
-      });
-      this.x = (_w = this.style.x) !== null && _w !== void 0 ? _w : 0;
-      this.y = (_x = this.style.y) !== null && _x !== void 0 ? _x : 0;
-      this.radius = this.style.radius;
-      this.width = this.style.width;
-      this.height = this.style.height;
-      this.paths = this.style.paths;
-    }
-    destroy() {
-      return this;
-    }
-  }
-  Mask$2.componentName = 'Mask';
-  __decorate([type('number'), __metadata("design:type", Number)], Mask$2.prototype, "x", void 0);
-  __decorate([type('number'), __metadata("design:type", Number)], Mask$2.prototype, "y", void 0);
-  __decorate([type('number'), __metadata("design:type", Number)], Mask$2.prototype, "radius", void 0);
-  __decorate([type('number'), __metadata("design:type", Number)], Mask$2.prototype, "width", void 0);
-  __decorate([type('number'), __metadata("design:type", Number)], Mask$2.prototype, "height", void 0);
-  __decorate([type('string'), __metadata("design:type", String)], Mask$2.prototype, "resource", void 0);
-  __decorate([type('string'), __metadata("design:type", String)], Mask$2.prototype, "spriteName", void 0);
-  __decorate([type('boolean'), __metadata("design:type", Boolean)], Mask$2.prototype, "enabled", void 0);
-  const resourceKeySplit = '_s|r|c_';
-  const propertyForGraphics = {
-    Circle: ['x', 'y', 'radius'],
-    Ellipse: ['x', 'y', 'width', 'height'],
-    Rect: ['x', 'y', 'width', 'height'],
-    RoundedRect: ['x', 'y', 'width', 'height', 'radius'],
-    Polygon: ['paths']
-  };
-  const functionForGraphics = {
-    Circle: 'circle',
-    Ellipse: 'ellipse',
-    Rect: 'rect',
-    RoundedRect: 'roundRect',
-    Polygon: 'poly'
-  };
-  const maskTypeAliases = {
-    circle: exports.MASK_TYPE.Circle,
-    ellipse: exports.MASK_TYPE.Ellipse,
-    rect: exports.MASK_TYPE.Rect,
-    roundedrect: exports.MASK_TYPE.RoundedRect,
-    roundedRect: exports.MASK_TYPE.RoundedRect,
-    polygon: exports.MASK_TYPE.Polygon,
-    img: exports.MASK_TYPE.Img,
-    image: exports.MASK_TYPE.Img,
-    sprite: exports.MASK_TYPE.Sprite
-  };
-  function normalizeMaskType(type) {
-    if (!type) return undefined;
-    if (Object.values(exports.MASK_TYPE).includes(type)) return type;
-    return maskTypeAliases[String(type)] || maskTypeAliases[String(type).toLowerCase()];
-  }
-  let Mask = class Mask extends pluginRenderer.Renderer {
-    constructor() {
-      super(...arguments);
-      this.name = 'MaskSystem';
-      this.changedCache = {};
-      this.maskSpriteCache = {};
-    }
-    init() {
-      this.renderSystem = this.game.getSystem(pluginRenderer.RendererSystem);
-      this.renderSystem.rendererManager.register(this);
-    }
-    rendererUpdate() {
-      this.changedCache = {};
-    }
-    componentChanged(changed) {
-      if (changed.component.name !== 'Mask') return;
-      switch (changed.type) {
-        case eva_js.OBSERVER_TYPE.ADD:
-          this.add(changed);
-          break;
-        case eva_js.OBSERVER_TYPE.REMOVE:
-          this.remove(changed);
-          break;
-        case eva_js.OBSERVER_TYPE.CHANGE:
-          this.change(changed);
-          break;
-      }
-    }
-    add(changed) {
-      const component = changed.component;
-      if (component.enabled === false) return;
-      const maskType = normalizeMaskType(component.type);
-      if (!maskType) {
-        throw new Error('no have Mask type: ' + component.type);
-      }
-      if (!component.style) {
-        throw new Error('no have Mask style: ' + component.type);
-      }
-      let mask;
-      switch (maskType) {
-        case exports.MASK_TYPE.Circle:
-          mask = this.createGraphics(component);
-          break;
-        case exports.MASK_TYPE.Ellipse:
-          mask = this.createGraphics(component);
-          break;
-        case exports.MASK_TYPE.Rect:
-          mask = this.createGraphics(component);
-          break;
-        case exports.MASK_TYPE.RoundedRect:
-          mask = this.createGraphics(component);
-          break;
-        case exports.MASK_TYPE.Polygon:
-          mask = this.createGraphics(component);
-          break;
-        case exports.MASK_TYPE.Img:
-          mask = this.createSprite(component);
-          break;
-        case exports.MASK_TYPE.Sprite:
-          mask = this.createSprite(component);
-          break;
-      }
-      if (!mask) {
-        throw new Error('no have mask instance, check your mask params: ' + component.type);
-      }
-      const container = this.containerManager.getContainer(changed.gameObject.id);
-      container.mask = mask;
-      container.addChild(mask);
-    }
-    remove(changed) {
-      const container = this.containerManager.getContainer(changed.gameObject.id);
-      if (!(container === null || container === void 0 ? void 0 : container.mask)) return;
-      container.removeChild(container.mask);
-      container.mask.destroy({
-        children: true
-      });
-      container.mask = null;
-      delete this.maskSpriteCache[changed.gameObject.id];
-    }
-    change(changed) {
-      if (this.changedCache[changed.gameObject.id]) return;
-      const component = changed.component;
-      if (changed.prop.prop[0] === 'enabled') {
-        this.changedCache[changed.gameObject.id] = true;
-        if (component.enabled === false) {
-          this.remove(changed);
-        } else {
-          this.add(changed);
-        }
-        return;
-      }
-      if (changed.prop.prop[0] === 'type') {
-        this.changedCache[changed.gameObject.id] = true;
-        const maskType = normalizeMaskType(component.type);
-        const lastType = normalizeMaskType(component._lastType);
-        if ([exports.MASK_TYPE.Sprite, exports.MASK_TYPE.Img].indexOf(maskType) > -1 || lastType !== maskType) {
-          this.remove(changed);
-          this.add(changed);
-          component._lastType = component.type;
-        } else {
-          this.redrawGraphics(changed);
-        }
-      } else if (['style', 'x', 'y', 'radius', 'width', 'height', 'paths'].indexOf(changed.prop.prop[0]) > -1) {
-        this.syncComponentStyle(component);
-        const maskType = normalizeMaskType(component.type);
-        if ([exports.MASK_TYPE.Sprite, exports.MASK_TYPE.Img].indexOf(maskType) > -1) {
-          this.changeSpriteStyle(component);
-        } else {
-          this.redrawGraphics(changed);
-        }
-      } else if (changed.prop.prop[0] === 'resource') {
-        this.changedCache[changed.gameObject.id] = true;
-        this.changeSprite(component);
-      } else if (changed.prop.prop[0] === 'spriteName') {
-        this.changedCache[changed.gameObject.id] = true;
-        this.changeSprite(component);
-      }
-    }
-    createGraphics(component) {
-      const graphics = new rendererAdapter.Graphics();
-      this.draw(graphics, component);
-      return graphics;
-    }
-    redrawGraphics(changed) {
-      const container = this.containerManager.getContainer(changed.gameObject.id);
-      const graphics = container.mask;
-      graphics.clear();
-      this.draw(graphics, changed.component);
-    }
-    draw(graphics, component) {
-      const maskType = normalizeMaskType(component.type);
-      const style = this.syncComponentStyle(component);
-      const params = [];
-      for (const key of propertyForGraphics[maskType]) {
-        params.push(style[key]);
-      }
-      graphics[functionForGraphics[maskType]](...params);
-      graphics.fill(0x000000);
-    }
-    createSprite(component) {
-      const sprite = new rendererAdapter.Sprite(null);
-      this.maskSpriteCache[component.gameObject.id] = sprite;
-      this.setSprite(component, sprite);
-      return sprite.sprite;
-    }
-    changeSpriteStyle(component) {
-      const sprite = this.maskSpriteCache[component.gameObject.id];
-      sprite.sprite.width = component.style.width;
-      sprite.sprite.height = component.style.height;
-      sprite.sprite.position.x = component.style.x;
-      sprite.sprite.position.y = component.style.y;
-    }
-    changeSprite(component) {
-      const sprite = this.maskSpriteCache[component.gameObject.id];
-      this.setSprite(component, sprite);
-    }
-    setSprite(component, sprite) {
-      var _a, _b;
-      return __awaiter(this, void 0, void 0, function* () {
-        const maskType = normalizeMaskType(component.type);
-        let res;
-        try {
-          const asyncId = this.increaseAsyncId(component.gameObject.id);
-          res = yield eva_js.resource.getResource(component.resource);
-          if (!this.validateAsyncId(component.gameObject.id, asyncId)) return;
-        } catch (e) {
-          throw new Error('mask resource load error');
-        }
-        if (maskType === exports.MASK_TYPE.Sprite) {
-          const img = component.resource + resourceKeySplit + component.spriteName;
-          const texture = (_a = res === null || res === void 0 ? void 0 : res.instance) === null || _a === void 0 ? void 0 : _a[img];
-          if (texture) {
-            sprite.image = texture;
-          }
-        } else {
-          if ((_b = res === null || res === void 0 ? void 0 : res.data) === null || _b === void 0 ? void 0 : _b.image) {
-            sprite.image = res.data.image;
-          }
-        }
-        sprite.sprite.width = component.style.width;
-        sprite.sprite.height = component.style.height;
-        sprite.sprite.position.x = component.style.x;
-        sprite.sprite.position.y = component.style.y;
-      });
-    }
-    syncComponentStyle(component) {
-      var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p;
-      component.style = _extends(_extends({}, component.style), {
-        x: (_c = (_a = component.x) !== null && _a !== void 0 ? _a : (_b = component.style) === null || _b === void 0 ? void 0 : _b.x) !== null && _c !== void 0 ? _c : 0,
-        y: (_f = (_d = component.y) !== null && _d !== void 0 ? _d : (_e = component.style) === null || _e === void 0 ? void 0 : _e.y) !== null && _f !== void 0 ? _f : 0,
-        radius: (_g = component.radius) !== null && _g !== void 0 ? _g : (_h = component.style) === null || _h === void 0 ? void 0 : _h.radius,
-        width: (_j = component.width) !== null && _j !== void 0 ? _j : (_k = component.style) === null || _k === void 0 ? void 0 : _k.width,
-        height: (_l = component.height) !== null && _l !== void 0 ? _l : (_m = component.style) === null || _m === void 0 ? void 0 : _m.height,
-        paths: (_o = component.paths) !== null && _o !== void 0 ? _o : (_p = component.style) === null || _p === void 0 ? void 0 : _p.paths
-      });
-      return component.style;
-    }
-  };
-  Mask.systemName = 'MaskSystem';
-  Mask = __decorate([eva_js.decorators.componentObserver({
-    Mask: ['type', {
-      prop: ['style'],
-      deep: true
-    }, 'x', 'y', 'radius', 'width', 'height', 'paths', 'resource', 'spriteName', 'enabled']
-  })], Mask);
-  var Mask$1 = Mask;
-  exports.Mask = Mask$2;
-  exports.MaskSystem = Mask$1;
-  Object.defineProperty(exports, '__esModule', {
-    value: true
-  });
-  return exports;
-}({}, EVA, EVA.plugin.renderer, EVA.rendererAdapter);
-globalThis.EVA.plugin.renderer.mask = globalThis.EVA.plugin.renderer.mask || _EVA_IIFE_mask;

package/dist/EVA.plugin.renderer.mask.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 i=arguments[t];for(var r in i)({}).hasOwnProperty.call(i,r)&&(e[r]=i[r])}return e},_extends.apply(null,arguments)}globalThis.EVA=globalThis.EVA||{},globalThis.EVA.plugin=globalThis.EVA.plugin||{},globalThis.EVA.plugin.renderer=globalThis.EVA.plugin.renderer||{};var _EVA_IIFE_mask=function(e,t,i,r){"use strict";function n(e,t,i,r){var n,s=arguments.length,o=s<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(e,t,i,r);else for(var l=e.length-1;l>=0;l--)(n=e[l])&&(o=(s<3?n(o):s>3?n(t,i,o):n(t,i))||o);return s>3&&o&&Object.defineProperty(t,i,o),o}function s(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,s){function o(e){try{a(r.next(e))}catch(e){s(e)}}function l(e){try{a(r.throw(e))}catch(e){s(e)}}function a(e){var t;e.done?n(e.value):(t=e.value,t instanceof i?t:new i(function(e){e(t)})).then(o,l)}a((r=r.apply(e,t||[])).next())})}"function"==typeof SuppressedError&&SuppressedError;class l extends Error{constructor(){super("Symbol keys are not supported yet!"),Object.setPrototypeOf(this,new.target.prototype)}}const a="IDE_PROPERTY_METADATA";function d(e,t,i,r){let n=Reflect.getMetadata("design:type",e,t),s=n===Array;const o=function(e){return e===String?"string":e===Number?"number":e===Boolean?"boolean":"unknown"}(n);if("unknown"!==o&&(n=o),r){const e=r();Array.isArray(e)?(s=!0,n=e[0]):n=e}const l=Reflect.getMetadata(a,e.constructor)||{},d=_extends(_extends(_extends({},l[t]||{}),{type:n,isArray:s}),i);l[t]=d,Reflect.defineMetadata(a,l,e.constructor);!function(e,t,i){const r=e.constructor,n=r.IDEProps||{};n[t]=_extends(_extends({key:t},n[t]),i),r.IDEProps=n}(e,t,function(e,t){var i={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(i[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var n=0;for(r=Object.getOwnPropertySymbols(e);n<r.length;n++)t.indexOf(r[n])<0&&Object.prototype.propertyIsEnumerable.call(e,r[n])&&(i[r[n]]=e[r[n]])}return i}(d,["isArray"]))}function c(e){return t={type:e},(e,r)=>{if("symbol"==typeof r)throw new l;const{options:n,returnTypeFunc:s}=function(e,t){return"function"==typeof e?{returnTypeFunc:e,options:t||{}}:{options:e||{}}}(t,i);d(e,r,n,s)};var t,i}var p,h;!function(e){e[e.Edit=2]="Edit",e[e.Game=4]="Game",e[e.All=6]="All"}(p||(p={})),e.MASK_TYPE=void 0,(h=e.MASK_TYPE||(e.MASK_TYPE={})).Circle="Circle",h.Ellipse="Ellipse",h.Rect="Rect",h.RoundedRect="RoundedRect",h.Polygon="Polygon",h.Img="Img",h.Sprite="Sprite";class u extends t.Component{constructor(t){super(t),this.type=e.MASK_TYPE.Rect,this.style={},this.x=0,this.y=0,this.resource="",this.spriteName="",this.enabled=!0,this.init(t)}init(e){var t,i,r,n,s,o,l,a,d,c,p,h,u,y,g,v,m,f,E,S,b,_;if(!e)return;const{style:w}=e;_extends(this,function(e,t){var i={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(i[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var n=0;for(r=Object.getOwnPropertySymbols(e);n<r.length;n++)t.indexOf(r[n])<0&&Object.prototype.propertyIsEnumerable.call(e,r[n])&&(i[r[n]]=e[r[n]])}return i}(e,["style"])),this.style=_extends(_extends(_extends({},this.style),w),{x:null!==(n=null!==(i=null!==(t=e.x)&&void 0!==t?t:null==w?void 0:w.x)&&void 0!==i?i:null===(r=this.style)||void 0===r?void 0:r.x)&&void 0!==n?n:this.x,y:null!==(a=null!==(o=null!==(s=e.y)&&void 0!==s?s:null==w?void 0:w.y)&&void 0!==o?o:null===(l=this.style)||void 0===l?void 0:l.y)&&void 0!==a?a:this.y,radius:null!==(c=null!==(d=e.radius)&&void 0!==d?d:null==w?void 0:w.radius)&&void 0!==c?c:null===(p=this.style)||void 0===p?void 0:p.radius,width:null!==(u=null!==(h=e.width)&&void 0!==h?h:null==w?void 0:w.width)&&void 0!==u?u:null===(y=this.style)||void 0===y?void 0:y.width,height:null!==(v=null!==(g=e.height)&&void 0!==g?g:null==w?void 0:w.height)&&void 0!==v?v:null===(m=this.style)||void 0===m?void 0:m.height,paths:null!==(E=null!==(f=e.paths)&&void 0!==f?f:null==w?void 0:w.paths)&&void 0!==E?E:null===(S=this.style)||void 0===S?void 0:S.paths}),this.x=null!==(b=this.style.x)&&void 0!==b?b:0,this.y=null!==(_=this.style.y)&&void 0!==_?_:0,this.radius=this.style.radius,this.width=this.style.width,this.height=this.style.height,this.paths=this.style.paths}destroy(){return this}}u.componentName="Mask",n([c("number"),s("design:type",Number)],u.prototype,"x",void 0),n([c("number"),s("design:type",Number)],u.prototype,"y",void 0),n([c("number"),s("design:type",Number)],u.prototype,"radius",void 0),n([c("number"),s("design:type",Number)],u.prototype,"width",void 0),n([c("number"),s("design:type",Number)],u.prototype,"height",void 0),n([c("string"),s("design:type",String)],u.prototype,"resource",void 0),n([c("string"),s("design:type",String)],u.prototype,"spriteName",void 0),n([c("boolean"),s("design:type",Boolean)],u.prototype,"enabled",void 0);const y={Circle:["x","y","radius"],Ellipse:["x","y","width","height"],Rect:["x","y","width","height"],RoundedRect:["x","y","width","height","radius"],Polygon:["paths"]},g={Circle:"circle",Ellipse:"ellipse",Rect:"rect",RoundedRect:"roundRect",Polygon:"poly"},v={circle:e.MASK_TYPE.Circle,ellipse:e.MASK_TYPE.Ellipse,rect:e.MASK_TYPE.Rect,roundedrect:e.MASK_TYPE.RoundedRect,roundedRect:e.MASK_TYPE.RoundedRect,polygon:e.MASK_TYPE.Polygon,img:e.MASK_TYPE.Img,image:e.MASK_TYPE.Img,sprite:e.MASK_TYPE.Sprite};function m(t){if(t)return Object.values(e.MASK_TYPE).includes(t)?t:v[String(t)]||v[String(t).toLowerCase()]}let f=class extends i.Renderer{constructor(){super(...arguments),this.name="MaskSystem",this.changedCache={},this.maskSpriteCache={}}init(){this.renderSystem=this.game.getSystem(i.RendererSystem),this.renderSystem.rendererManager.register(this)}rendererUpdate(){this.changedCache={}}componentChanged(e){if("Mask"===e.component.name)switch(e.type){case t.OBSERVER_TYPE.ADD:this.add(e);break;case t.OBSERVER_TYPE.REMOVE:this.remove(e);break;case t.OBSERVER_TYPE.CHANGE:this.change(e)}}add(t){const i=t.component;if(!1===i.enabled)return;const r=m(i.type);if(!r)throw new Error("no have Mask type: "+i.type);if(!i.style)throw new Error("no have Mask style: "+i.type);let n;switch(r){case e.MASK_TYPE.Circle:case e.MASK_TYPE.Ellipse:case e.MASK_TYPE.Rect:case e.MASK_TYPE.RoundedRect:case e.MASK_TYPE.Polygon:n=this.createGraphics(i);break;case e.MASK_TYPE.Img:case e.MASK_TYPE.Sprite:n=this.createSprite(i)}if(!n)throw new Error("no have mask instance, check your mask params: "+i.type);const s=this.containerManager.getContainer(t.gameObject.id);s.mask=n,s.addChild(n)}remove(e){const t=this.containerManager.getContainer(e.gameObject.id);(null==t?void 0:t.mask)&&(t.removeChild(t.mask),t.mask.destroy({children:!0}),t.mask=null,delete this.maskSpriteCache[e.gameObject.id])}change(t){if(this.changedCache[t.gameObject.id])return;const i=t.component;if("enabled"===t.prop.prop[0])return this.changedCache[t.gameObject.id]=!0,void(!1===i.enabled?this.remove(t):this.add(t));if("type"===t.prop.prop[0]){this.changedCache[t.gameObject.id]=!0;const r=m(i.type),n=m(i._lastType);[e.MASK_TYPE.Sprite,e.MASK_TYPE.Img].indexOf(r)>-1||n!==r?(this.remove(t),this.add(t),i._lastType=i.type):this.redrawGraphics(t)}else if(["style","x","y","radius","width","height","paths"].indexOf(t.prop.prop[0])>-1){this.syncComponentStyle(i);const r=m(i.type);[e.MASK_TYPE.Sprite,e.MASK_TYPE.Img].indexOf(r)>-1?this.changeSpriteStyle(i):this.redrawGraphics(t)}else("resource"===t.prop.prop[0]||"spriteName"===t.prop.prop[0])&&(this.changedCache[t.gameObject.id]=!0,this.changeSprite(i))}createGraphics(e){const t=new r.Graphics;return this.draw(t,e),t}redrawGraphics(e){const t=this.containerManager.getContainer(e.gameObject.id).mask;t.clear(),this.draw(t,e.component)}draw(e,t){const i=m(t.type),r=this.syncComponentStyle(t),n=[];for(const e of y[i])n.push(r[e]);e[g[i]](...n),e.fill(0)}createSprite(e){const t=new r.Sprite(null);return this.maskSpriteCache[e.gameObject.id]=t,this.setSprite(e,t),t.sprite}changeSpriteStyle(e){const t=this.maskSpriteCache[e.gameObject.id];t.sprite.width=e.style.width,t.sprite.height=e.style.height,t.sprite.position.x=e.style.x,t.sprite.position.y=e.style.y}changeSprite(e){const t=this.maskSpriteCache[e.gameObject.id];this.setSprite(e,t)}setSprite(i,r){var n,s;return o(this,void 0,void 0,function*(){const o=m(i.type);let l;try{const e=this.increaseAsyncId(i.gameObject.id);if(l=yield t.resource.getResource(i.resource),!this.validateAsyncId(i.gameObject.id,e))return}catch(e){throw new Error("mask resource load error")}if(o===e.MASK_TYPE.Sprite){const e=i.resource+"_s|r|c_"+i.spriteName,t=null===(n=null==l?void 0:l.instance)||void 0===n?void 0:n[e];t&&(r.image=t)}else(null===(s=null==l?void 0:l.data)||void 0===s?void 0:s.image)&&(r.image=l.data.image);r.sprite.width=i.style.width,r.sprite.height=i.style.height,r.sprite.position.x=i.style.x,r.sprite.position.y=i.style.y})}syncComponentStyle(e){var t,i,r,n,s,o,l,a,d,c,p,h,u,y;return e.style=_extends(_extends({},e.style),{x:null!==(r=null!==(t=e.x)&&void 0!==t?t:null===(i=e.style)||void 0===i?void 0:i.x)&&void 0!==r?r:0,y:null!==(o=null!==(n=e.y)&&void 0!==n?n:null===(s=e.style)||void 0===s?void 0:s.y)&&void 0!==o?o:0,radius:null!==(l=e.radius)&&void 0!==l?l:null===(a=e.style)||void 0===a?void 0:a.radius,width:null!==(d=e.width)&&void 0!==d?d:null===(c=e.style)||void 0===c?void 0:c.width,height:null!==(p=e.height)&&void 0!==p?p:null===(h=e.style)||void 0===h?void 0:h.height,paths:null!==(u=e.paths)&&void 0!==u?u:null===(y=e.style)||void 0===y?void 0:y.paths}),e.style}};f.systemName="MaskSystem",f=n([t.decorators.componentObserver({Mask:["type",{prop:["style"],deep:!0},"x","y","radius","width","height","paths","resource","spriteName","enabled"]})],f);var E=f;return e.Mask=u,e.MaskSystem=E,Object.defineProperty(e,"__esModule",{value:!0}),e}({},EVA,EVA.plugin.renderer,EVA.rendererAdapter);globalThis.EVA.plugin.renderer.mask=globalThis.EVA.plugin.renderer.mask||_EVA_IIFE_mask;