@safe-engine/pixi 1.0.2 → 7.0.1

package/dist/components/NodeComp.js

@@ -4,12 +4,40 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.NodeComp = void 0;
-var remove_1 = __importDefault(require("lodash/remove"));
-var pixi_js_1 = require("pixi.js");
-var pixi_action_ease_1 = require("pixi-action-ease");
-var GUIComponent_1 = require("./GUIComponent");
-var NodeComp = /** @class */ (function () {
-    function NodeComp(instance, entity) {
+const remove_1 = __importDefault(require("lodash/remove"));
+const pixi_js_1 = require("pixi.js");
+const pixi_action_ease_1 = require("pixi-action-ease");
+const GUIComponent_1 = require("./GUIComponent");
+class NodeComp {
+    setOnTouchStart(cb) {
+        this.onTouchStart = cb;
+        this.instance.on('touchstart', (event) => {
+            const { global } = event;
+            this.onTouchStart({ location: global });
+        });
+    }
+    setOnTouchMove(cb) {
+        this.onTouchMove = cb;
+        this.instance.on('touchmove', (event) => {
+            const { global } = event;
+            this.onTouchMove({ location: global });
+        });
+    }
+    setOnTouchEnd(cb) {
+        this.onTouchEnd = cb;
+        this.instance.on('touchend', (event) => {
+            const { global } = event;
+            this.onTouchEnd({ location: global });
+        });
+    }
+    setOnTouchCancel(cb) {
+        this.onTouchCancel = cb;
+        this.instance.on('touchcancel', (event) => {
+            const { global } = event;
+            this.onTouchCancel({ location: global });
+        });
+    }
+    constructor(instance, entity) {
         this.events = {};
         this.data = {};
         this.children = [];
@@ -19,260 +47,158 @@ var NodeComp = /** @class */ (function () {
         this.instance = instance;
         this.instance.eventMode = 'static';
     }
-    NodeComp.prototype.setOnTouchStart = function (cb) {
-        var _this = this;
-        this.onTouchStart = cb;
-        this.instance.on('touchstart', function (event) {
-            var global = event.global;
-            _this.onTouchStart({ location: global });
-        });
-    };
-    NodeComp.prototype.setOnTouchMove = function (cb) {
-        var _this = this;
-        this.onTouchMove = cb;
-        this.instance.on('touchmove', function (event) {
-            var global = event.global;
-            _this.onTouchMove({ location: global });
-        });
-    };
-    NodeComp.prototype.setOnTouchEnd = function (cb) {
-        var _this = this;
-        this.onTouchEnd = cb;
-        this.instance.on('touchend', function (event) {
-            var global = event.global;
-            _this.onTouchEnd({ location: global });
-        });
-    };
-    NodeComp.prototype.setOnTouchCancel = function (cb) {
-        var _this = this;
-        this.onTouchCancel = cb;
-        this.instance.on('touchcancel', function (event) {
-            var global = event.global;
-            _this.onTouchCancel({ location: global });
-        });
-    };
-    Object.defineProperty(NodeComp.prototype, "uuid", {
-        get: function () {
-            return this.entity.id;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(NodeComp.prototype, "position", {
-        get: function () {
-            return this.getPosition();
-        },
-        set: function (val) {
-            this.setPosition(val.x, val.y);
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(NodeComp.prototype, "x", {
-        get: function () {
-            return this.instance.x;
-        },
-        set: function (val) {
-            this.instance.x = val;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(NodeComp.prototype, "y", {
-        get: function () {
-            return this.instance.y;
-        },
-        set: function (val) {
-            this.instance.y = val;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(NodeComp.prototype, "scale", {
-        // get scale() {
-        //   return this.instance.scale
-        // }
-        set: function (val) {
-            this.instance.scale = new pixi_js_1.Point(val, val);
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(NodeComp.prototype, "scaleX", {
-        get: function () {
-            return this.instance.scale.x;
-        },
-        set: function (val) {
-            this.instance.scale.x = val;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(NodeComp.prototype, "scaleY", {
-        get: function () {
-            return this.instance.y;
-        },
-        set: function (val) {
-            this.instance.y = val;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(NodeComp.prototype, "anchorX", {
-        get: function () {
+    get uuid() {
+        return this.entity.id;
+    }
+    get position() {
+        return this.getPosition();
+    }
+    set position(val) {
+        this.setPosition(val.x, val.y);
+    }
+    get x() {
+        return this.instance.x;
+    }
+    set x(val) {
+        this.instance.x = val;
+    }
+    get y() {
+        return this.instance.y;
+    }
+    set y(val) {
+        this.instance.y = val;
+    }
+    // get scale() {
+    //   return this.instance.scale
+    // }
+    set scale(val) {
+        this.instance.scale = new pixi_js_1.Point(val, val);
+    }
+    get scaleX() {
+        return this.instance.scale.x;
+    }
+    set scaleX(val) {
+        this.instance.scale.x = val;
+    }
+    get scaleY() {
+        return this.instance.y;
+    }
+    set scaleY(val) {
+        this.instance.y = val;
+    }
+    get anchorX() {
+        if (this.instance instanceof pixi_js_1.Sprite)
             return this.instance.anchor.x;
-        },
-        set: function (val) {
-            if (this.instance instanceof pixi_js_1.Sprite)
-                this.instance.anchor.x = val;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(NodeComp.prototype, "anchorY", {
-        get: function () {
+        return 0;
+    }
+    set anchorX(val) {
+        if (this.instance instanceof pixi_js_1.Sprite)
+            this.instance.anchor.x = val;
+    }
+    get anchorY() {
+        if (this.instance instanceof pixi_js_1.Sprite)
             return this.instance.anchor.y;
-        },
-        set: function (val) {
-            if (this.instance instanceof pixi_js_1.Sprite)
-                this.instance.anchor.y = val;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(NodeComp.prototype, "rotation", {
-        /** rotation is in radians */
-        get: function () {
-            return this.instance.rotation;
-        },
-        /** rotation is in radians */
-        set: function (val) {
-            this.instance.rotation = val;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(NodeComp.prototype, "angle", {
-        /** angle is in degrees. */
-        get: function () {
-            return this.instance.angle;
-        },
-        /** angle is in degrees. */
-        set: function (val) {
-            this.instance.angle = val;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(NodeComp.prototype, "color", {
-        get: function () {
+        return 0;
+    }
+    set anchorY(val) {
+        if (this.instance instanceof pixi_js_1.Sprite)
+            this.instance.anchor.y = val;
+    }
+    /** rotation is in radians */
+    get rotation() {
+        return this.instance.rotation;
+    }
+    /** rotation is in radians */
+    set rotation(val) {
+        this.instance.rotation = val;
+    }
+    /** angle is in degrees. */
+    get angle() {
+        return this.instance.angle;
+    }
+    /** angle is in degrees. */
+    set angle(val) {
+        this.instance.angle = val;
+    }
+    get color() {
+        if (this.instance instanceof pixi_js_1.Sprite)
             return this.instance.tint;
-        },
-        set: function (val) {
-            if (this.instance instanceof pixi_js_1.Sprite)
-                this.instance.tint = val;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(NodeComp.prototype, "opacity", {
-        get: function () {
-            return this.instance.alpha;
-        },
-        set: function (val) {
-            this.instance.alpha = val;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(NodeComp.prototype, "active", {
-        get: function () {
-            return this.instance.visible && !this.instance.destroyed;
-        },
-        set: function (val) {
-            this.instance.visible = val;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(NodeComp.prototype, "group", {
-        get: function () {
-            return this._group;
-        },
-        set: function (val) {
-            this._group = val;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(NodeComp.prototype, "width", {
-        get: function () {
-            return this.instance.width;
-        },
-        set: function (val) {
-            this.instance.width = val;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(NodeComp.prototype, "height", {
-        get: function () {
-            return this.instance.height;
-        },
-        set: function (val) {
-            this.instance.height = val;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(NodeComp.prototype, "zIndex", {
-        get: function () {
-            return this.instance.zIndex;
-        },
-        set: function (val) {
-            this.instance.zIndex = val;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(NodeComp.prototype, "childrenCount", {
-        get: function () {
-            return this.children.length;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    NodeComp.prototype.addComponent = function (instance) {
+        return 0xffffff;
+    }
+    set color(val) {
+        if (this.instance instanceof pixi_js_1.Sprite)
+            this.instance.tint = val;
+    }
+    get opacity() {
+        return this.instance.alpha;
+    }
+    set opacity(val) {
+        this.instance.alpha = val;
+    }
+    get active() {
+        return this.instance.visible && !this.instance.destroyed;
+    }
+    set active(val) {
+        this.instance.visible = val;
+    }
+    get group() {
+        return this._group;
+    }
+    set group(val) {
+        this._group = val;
+    }
+    get width() {
+        return this.instance.width;
+    }
+    set width(val) {
+        this.instance.width = val;
+    }
+    get height() {
+        return this.instance.height;
+    }
+    set height(val) {
+        this.instance.height = val;
+    }
+    get zIndex() {
+        return this.instance.zIndex;
+    }
+    set zIndex(val) {
+        this.instance.zIndex = val;
+    }
+    get childrenCount() {
+        return this.children.length;
+    }
+    addComponent(instance) {
         return this.entity.assign(instance);
-    };
-    NodeComp.prototype.getComponent = function (component) {
+    }
+    getComponent(component) {
         return this.entity.getComponent(component);
-    };
-    NodeComp.prototype.getComponentsInChildren = function (component) {
+    }
+    getComponentsInChildren(component) {
         if (!this.children.length) {
             return [];
         }
-        var listHave = this.children.filter(function (child) {
+        const listHave = this.children.filter((child) => {
             return child.getComponent(component);
         });
-        return listHave.map(function (node) { return node.getComponent(component); });
-    };
-    NodeComp.prototype.getComponentInChildren = function (component) {
+        return listHave.map((node) => node.getComponent(component));
+    }
+    getComponentInChildren(component) {
         return this.getComponentsInChildren(component)[0];
-    };
-    NodeComp.prototype.convertToNodeSpace = function (point) {
+    }
+    convertToNodeSpace(point) {
         return this.instance.toLocal(point);
-    };
-    NodeComp.prototype.convertToNodeSpaceAR = function (point) {
+    }
+    convertToNodeSpaceAR(point) {
         return this.instance.toLocal(point);
-    };
-    NodeComp.prototype.convertToWorldSpaceAR = function (point) {
+    }
+    convertToWorldSpaceAR(point) {
         return this.instance.toGlobal(point);
-    };
-    NodeComp.prototype.getPosition = function () {
+    }
+    getPosition() {
         return this.instance.position;
-    };
-    NodeComp.prototype.setPosition = function (x, y) {
+    }
+    setPosition(x, y) {
         if (typeof x !== 'number') {
             this.x = x.x;
             this.y = x.y;
@@ -281,13 +207,13 @@ var NodeComp = /** @class */ (function () {
             this.x = x;
             this.y = y;
         }
-    };
-    NodeComp.prototype.setRotation = function (deg) {
+    }
+    setRotation(deg) {
         this.instance.rotation = deg;
-    };
-    NodeComp.prototype.getRotation = function () {
+    }
+    getRotation() {
         return this.instance.rotation;
-    };
+    }
     // setAnchorPoint(point: number | cc.Point, y?: number) {
     //   this.instance.setAnchorPoint(point, y)
     // }
@@ -301,9 +227,9 @@ var NodeComp = /** @class */ (function () {
     //   }
     //   return box
     // }
-    NodeComp.prototype.getContentSize = function () {
-        return this.instance.boundsArea;
-    };
+    getContentSize() {
+        return this.instance.getBounds();
+    }
     // setContentSize(size: cc.Size | number, height?: number) {
     //   this.instance.setContentSize(size, height)
     //   if (this.instance instanceof cc.ClippingNode) {
@@ -316,89 +242,82 @@ var NodeComp = /** @class */ (function () {
     //     this.instance.stencil = stencil
     //   }
     // }
-    NodeComp.prototype.setColor = function (color) {
-        this.instance.tint = color;
-    };
-    NodeComp.prototype.setScale = function (scaleX, scaleY) {
+    setColor(color) {
+        if (this.instance instanceof pixi_js_1.Sprite)
+            this.instance.tint = color;
+    }
+    setScale(scaleX, scaleY) {
         this.instance.scale.x = scaleX;
         this.instance.scale.x = scaleY || scaleX;
-    };
-    NodeComp.prototype.runAction = function (act) {
-        var animation = pixi_action_ease_1.actionManager.runAction(this.instance, act);
+    }
+    runAction(act) {
+        const animation = pixi_action_ease_1.actionManager.runAction(this.instance, act);
         this.actionsList.push(animation);
-    };
-    NodeComp.prototype.stopAllActions = function () {
-        this.actionsList.forEach(function (act) {
+    }
+    stopAllActions() {
+        this.actionsList.forEach((act) => {
             pixi_action_ease_1.actionManager.cancelAction(act);
         });
         this.actionsList = [];
-    };
-    NodeComp.prototype.pauseAllActions = function () {
-        this.actionsList.forEach(function (anim) {
+    }
+    pauseAllActions() {
+        this.actionsList.forEach((anim) => {
             anim.isPause = true;
         });
-    };
-    NodeComp.prototype.resumeAllActions = function () {
-        this.actionsList.forEach(function (anim) {
+    }
+    resumeAllActions() {
+        this.actionsList.forEach((anim) => {
             anim.isPause = false;
         });
-    };
-    NodeComp.prototype.destroy = function () {
-        var _this = this;
+    }
+    destroy() {
         if (this.parent) {
-            (0, remove_1.default)(this.parent.children, function (_a) {
-                var entity = _a.entity;
-                return entity.id === _this.entity.id;
-            });
+            (0, remove_1.default)(this.parent.children, ({ entity }) => entity.id === this.entity.id);
         }
-        this.children.forEach(function (child) {
+        this.children.forEach((child) => {
             child.destroy();
         });
         this.parent = null;
         this.entity.destroy();
         this.stopAllActions();
         this.instance.destroy();
-    };
-    NodeComp.prototype.removeFromParent = function () {
+    }
+    removeFromParent() {
         this.active = false;
         this.stopAllActions();
         this.instance.removeFromParent();
-    };
-    NodeComp.prototype.addChild = function (child, zOrder) {
+    }
+    addChild(child, zOrder) {
         child.parent = this;
         child.active = true;
         this.children.push(child);
         this.instance.addChild(child.instance);
         if (zOrder)
             child.zIndex = zOrder;
-    };
-    NodeComp.prototype.destroyAllChildren = function () {
-        this.children.forEach(function (child) {
+    }
+    destroyAllChildren() {
+        this.children.forEach((child) => {
             child.destroy();
         });
-    };
-    NodeComp.prototype.on = function (name, callback, target) {
-        var bound = target ? callback.bind(target) : callback;
+    }
+    on(name, callback, target) {
+        const bound = target ? callback.bind(target) : callback;
         if (this.events[name]) {
             this.events[name].push(bound);
         }
         else {
             this.events[name] = [bound];
         }
-    };
-    NodeComp.prototype.off = function (name) {
+    }
+    off(name) {
         this.events[name] = undefined;
-    };
-    NodeComp.prototype.emit = function (name) {
-        var params = [];
-        for (var _i = 1; _i < arguments.length; _i++) {
-            params[_i - 1] = arguments[_i];
-        }
+    }
+    emit(name, ...params) {
         if (this.events[name]) {
-            this.events[name].forEach(function (fc) { return fc.apply(void 0, params); });
+            this.events[name].forEach((fc) => fc(...params));
         }
-    };
-    NodeComp.prototype.resolveComponent = function (component) {
+    }
+    resolveComponent(component) {
         if (component.constructor.hasRender) {
             this.addChild(component.node);
         }
@@ -408,13 +327,12 @@ var NodeComp = /** @class */ (function () {
                 this.addChild(component.node);
             }
         }
-    };
-    NodeComp.prototype.getData = function (key) {
+    }
+    getData(key) {
         return this.data[key];
-    };
-    NodeComp.prototype.setData = function (key, val) {
+    }
+    setData(key, val) {
         this.data[key] = val;
-    };
-    return NodeComp;
-}());
+    }
+}
 exports.NodeComp = NodeComp;

package/dist/components/RenderComponent.d.ts

@@ -1,11 +1,12 @@
-import { ColorSource, Point, TextureSource } from 'pixi.js';
-import { ComponentX } from '../core/decorator';
+import { ComponentX } from '@safe-engine/core';
+import { ColorSource, Graphics, Point, Sprite, TextureSource } from 'pixi.js';
 import { LoadingBar, LoadingBarMode } from '../core/LoadingBar';
 import { SpriteTypes } from '../systems/RenderSystem';
-export declare class NodeRender extends ComponentX {
+import { NodeComp } from './NodeComp';
+export declare class NodeRender extends ComponentX<NodeComp> {
     nodeName?: string;
 }
-export declare class SpriteRender extends ComponentX {
+export declare class SpriteRender extends ComponentX<NodeComp<Sprite>> {
     spriteFrame: TextureSource;
     type: SpriteTypes;
     fillType: LoadingBarMode;
@@ -13,15 +14,15 @@ export declare class SpriteRender extends ComponentX {
     fillCenter: Point;
     loadingBar: LoadingBar;
     setFillRange(val: number): void;
-    getSpriteFrame(): TextureSource<any>;
+    getSpriteFrame(): TextureSource;
     setSpriteFrame(frame: any): void;
 }
-export declare class GraphicsRender extends ComponentX {
+export declare class GraphicsRender extends ComponentX<NodeComp<Graphics>> {
     lineWidth: number;
     strokeColor: ColorSource;
     fillColor: ColorSource;
 }
-export declare class MaskRender extends ComponentX {
+export declare class MaskRender extends ComponentX<NodeComp> {
     type: number;
     segments: number;
     inverted: boolean;

package/dist/components/RenderComponent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RenderComponent.d.ts","sourceRoot":"","sources":["../../src/components/RenderComponent.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,KAAK,EAAmB,aAAa,EAAE,MAAM,SAAS,CAAA;AAE5E,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAA;AAC9C,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAA;AAC/D,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAA;AAErD,qBAAa,UAAW,SAAQ,UAAU;IACxC,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB;AAED,qBAAa,YAAa,SAAQ,UAAU;IACnC,WAAW,EAAE,aAAa,CAAA;IAC1B,IAAI,EAAE,WAAW,CAAA;IACjB,QAAQ,EAAE,cAAc,CAAqB;IAC7C,SAAS,SAAI;IACb,UAAU,EAAE,KAAK,CAAA;IACxB,UAAU,EAAE,UAAU,CAAA;IAQtB,YAAY,CAAC,GAAG,EAAE,MAAM;IAMxB,cAAc;IAId,cAAc,CAAC,KAAK,KAAA;CAkBrB;AAED,qBAAa,cAAe,SAAQ,UAAU;IAC5C,SAAS,SAAI;IACb,WAAW,EAAE,WAAW,CAAA;IACxB,SAAS,EAAE,WAAW,CAAA;CACvB;AAED,qBAAa,UAAW,SAAQ,UAAU;IACxC,IAAI,EAAE,MAAM,CAAA;IACZ,QAAQ,EAAE,MAAM,CAAA;IAChB,QAAQ,EAAE,OAAO,CAAA;CAClB"}
+{"version":3,"file":"RenderComponent.d.ts","sourceRoot":"","sources":["../../src/components/RenderComponent.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAA;AAC9C,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,EAAW,aAAa,EAAE,MAAM,SAAS,CAAA;AAEtF,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAA;AAC/D,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAA;AACrD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AAErC,qBAAa,UAAW,SAAQ,UAAU,CAAC,QAAQ,CAAC;IAClD,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB;AAED,qBAAa,YAAa,SAAQ,UAAU,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC;IACrD,WAAW,EAAE,aAAa,CAAA;IAC1B,IAAI,EAAE,WAAW,CAAA;IACjB,QAAQ,EAAE,cAAc,CAAqB;IAC7C,SAAS,SAAI;IACb,UAAU,EAAE,KAAK,CAAA;IACxB,UAAU,EAAE,UAAU,CAAA;IAQtB,YAAY,CAAC,GAAG,EAAE,MAAM;IAMxB,cAAc;IAId,cAAc,CAAC,KAAK,KAAA;CAkBrB;AAED,qBAAa,cAAe,SAAQ,UAAU,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC;IAChE,SAAS,SAAI;IACb,WAAW,EAAE,WAAW,CAAA;IACxB,SAAS,EAAE,WAAW,CAAA;CACvB;AAED,qBAAa,UAAW,SAAQ,UAAU,CAAC,QAAQ,CAAC;IAClD,IAAI,EAAE,MAAM,CAAA;IACZ,QAAQ,EAAE,MAAM,CAAA;IAChB,QAAQ,EAAE,OAAO,CAAA;CAClB"}