@safe-engine/pixi 1.0.0

package/.github/workflows/npm-publish.yml

@@ -0,0 +1,35 @@
+# This workflow will run tests using node and then publish a package to GitHub Packages when a release is created
+# For more information see: https://docs.github.com/en/actions/publishing-packages/publishing-nodejs-packages
+
+name: Publish NPM Package
+
+on:
+  release:
+    types: [created]
+  workflow_dispatch: # Allows you to run this workflow manually
+
+jobs:
+  build:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v4
+      - uses: actions/setup-node@v3
+        with:
+          node-version: 20
+      - run: npm ci
+      - run: npm run build
+
+  publish-npm:
+    needs: build
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v4
+      - uses: actions/setup-node@v3
+        with:
+          node-version: 20
+          registry-url: https://registry.npmjs.org/
+      - run: npm ci
+      - run: npm run build
+      - run: npm publish
+        env:
+          NODE_AUTH_TOKEN: ${{secrets.npm_token}}

package/README.md

@@ -0,0 +1,4 @@
+# Guide
+- components must be in `tsx` extension
+- `$ref` bind with current class property as string
+- every property start with `$` will reference to current class property as string

package/dist/app.d.ts

@@ -0,0 +1,9 @@
+import { Application } from 'pixi.js';
+export declare const app: Application<import("pixi.js").Renderer>;
+export declare function setupResolution(designedResolution?: {
+    width: number;
+    height: number;
+}): void;
+export declare function addGameCanvasTo(id?: string): Promise<void>;
+export declare function initWorld(): void;
+//# sourceMappingURL=app.d.ts.map

package/dist/app.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"app.d.ts","sourceRoot":"","sources":["../src/app.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAOrC,eAAO,MAAM,GAAG,yCAAoB,CAAA;AAEpC,wBAAgB,eAAe,CAAC,kBAAkB;;;CAA+B,QAKhF;AAED,wBAAsB,eAAe,CAAC,EAAE,SAAS,iBA2BhD;AAED,wBAAgB,SAAS,SAKxB"}

package/dist/app.js

@@ -0,0 +1,102 @@
+"use strict";
+var __awaiter = (this && this.__awaiter) || function (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());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
+    return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.app = void 0;
+exports.setupResolution = setupResolution;
+exports.addGameCanvasTo = addGameCanvasTo;
+exports.initWorld = initWorld;
+var pixi_js_1 = require("pixi.js");
+var pixi_action_ease_1 = require("pixi-action-ease");
+var gworld_1 = require("./gworld");
+var GUISystem_1 = require("./systems/GUISystem");
+var RenderSystem_1 = require("./systems/RenderSystem");
+exports.app = new pixi_js_1.Application();
+function setupResolution(designedResolution) {
+    if (designedResolution === void 0) { designedResolution = { width: 720, height: 1280 }; }
+    var width = designedResolution.width, height = designedResolution.height;
+    exports.app.renderer.resize(width, height);
+    // app.stage.position.y = app.renderer.height / app.renderer.resolution
+    // app.stage.scale.y = -1
+}
+function addGameCanvasTo() {
+    return __awaiter(this, arguments, void 0, function (id) {
+        var gameDiv;
+        if (id === void 0) { id = 'game'; }
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0: return [4 /*yield*/, exports.app.init({
+                        antialias: true,
+                        resolution: window.devicePixelRatio,
+                        eventFeatures: {
+                            move: true,
+                            /** disables the global move events which can be very expensive in large scenes */
+                            globalMove: false,
+                            click: true,
+                            wheel: false,
+                        },
+                    })
+                    // app.ticker.speed = 0.5
+                    // Listen for frame updates
+                ];
+                case 1:
+                    _a.sent();
+                    // app.ticker.speed = 0.5
+                    // Listen for frame updates
+                    exports.app.ticker.add(function () {
+                        var dt = exports.app.ticker.deltaMS * 0.001;
+                        pixi_action_ease_1.actionManager.update(dt);
+                        gworld_1.GameWorld.Instance.update(dt);
+                    });
+                    Object.assign(exports.app.canvas.style, {
+                        width: "".concat(window.innerWidth, "px"),
+                        // height: `${window.innerHeight}px`,
+                        overflow: 'hidden',
+                    });
+                    gameDiv = document.getElementById(id);
+                    gameDiv.appendChild(exports.app.canvas);
+                    return [2 /*return*/];
+            }
+        });
+    });
+}
+function initWorld() {
+    gworld_1.GameWorld.Instance.systems.add(RenderSystem_1.RenderSystem);
+    gworld_1.GameWorld.Instance.systems.add(GUISystem_1.GUISystem);
+    gworld_1.GameWorld.Instance.systems.configureOnce(RenderSystem_1.RenderSystem);
+    gworld_1.GameWorld.Instance.systems.configureOnce(GUISystem_1.GUISystem);
+}

package/dist/components/EnhancedComponent.d.ts

@@ -0,0 +1,22 @@
+import { Constructor } from 'entityx-ts';
+import { Animation } from 'pixi-action-ease';
+import { NodeComp } from './NodeComp';
+export declare class EnhancedComponent {
+    constructor(...args: any[]);
+    node: NodeComp;
+    static hasRender: boolean;
+    actionsMap: {
+        [key: string]: Animation;
+    };
+    addComponent<T extends EnhancedComponent>(instance: any): T;
+    getComponent<T extends ComponentType>(component: Constructor<T>): T;
+    schedule(callback: (dt?: number) => void, interval: number, repeat?: number, delay?: number, key?: string): void;
+    unschedule(callback: (arg?: unknown) => void, key?: string): void;
+    unscheduleAllCallbacks(): void;
+    scheduleOnce(callback: (arg?: unknown) => void, delay: number, key?: string): void;
+    getComponentsInChildren<T extends ComponentType>(component: Constructor<T>): T[];
+    getComponentInChildren<T extends ComponentType>(component: Constructor<T>): T;
+    isEqual(other: EnhancedComponent): boolean;
+}
+export type ComponentType = EnhancedComponent | NodeComp;
+//# sourceMappingURL=EnhancedComponent.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EnhancedComponent.d.ts","sourceRoot":"","sources":["../../src/components/EnhancedComponent.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,YAAY,CAAA;AACxC,OAAO,EAAiB,SAAS,EAAyC,MAAM,kBAAkB,CAAA;AAElG,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AAErC,qBAAa,iBAAiB;gBAChB,GAAG,IAAI,EAAE,GAAG,EAAE;IAS1B,IAAI,EAAE,QAAQ,CAAA;IACd,MAAM,CAAC,SAAS,UAAO;IACvB,UAAU,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,SAAS,CAAA;KAAE,CAAK;IAC7C,YAAY,CAAC,CAAC,SAAS,iBAAiB,EAAE,QAAQ,KAAA,GAAG,CAAC;IAGtD,YAAY,CAAC,CAAC,SAAS,aAAa,EAAE,SAAS,EAAE,WAAW,CAAC,CAAC,CAAC,GAAG,CAAC;IAGnE,QAAQ,CAAC,QAAQ,EAAE,CAAC,EAAE,CAAC,EAAE,MAAM,KAAK,IAAI,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,SAAK,EAAE,KAAK,SAAI,EAAE,GAAG,CAAC,EAAE,MAAM;IAOhG,UAAU,CAAC,QAAQ,EAAE,CAAC,GAAG,CAAC,EAAE,OAAO,KAAK,IAAI,EAAE,GAAG,CAAC,EAAE,MAAM;IAI1D,sBAAsB;IAKtB,YAAY,CAAC,QAAQ,EAAE,CAAC,GAAG,CAAC,EAAE,OAAO,KAAK,IAAI,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,CAAC,EAAE,MAAM;IAK3E,uBAAuB,CAAC,CAAC,SAAS,aAAa,EAAE,SAAS,EAAE,WAAW,CAAC,CAAC,CAAC,GAAG,CAAC,EAAE;IAGhF,sBAAsB,CAAC,CAAC,SAAS,aAAa,EAAE,SAAS,EAAE,WAAW,CAAC,CAAC,CAAC,GAAG,CAAC;IAG7E,OAAO,CAAC,KAAK,EAAE,iBAAiB;CAGjC;AAED,MAAM,MAAM,aAAa,GAAG,iBAAiB,GAAG,QAAQ,CAAA"}

package/dist/components/EnhancedComponent.js

@@ -0,0 +1,62 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.EnhancedComponent = void 0;
+var pixi_action_ease_1 = require("pixi-action-ease");
+var EnhancedComponent = /** @class */ (function () {
+    function EnhancedComponent() {
+        var args = [];
+        for (var _i = 0; _i < arguments.length; _i++) {
+            args[_i] = arguments[_i];
+        }
+        var _this = this;
+        this.actionsMap = {};
+        var data = args[0];
+        if (data) {
+            // console.log('constructor', this.constructor.name, data)
+            Object.keys(data).forEach(function (key) {
+                _this[key] = data[key];
+            });
+        }
+    }
+    EnhancedComponent.prototype.addComponent = function (instance) {
+        return this.node.addComponent(instance);
+    };
+    EnhancedComponent.prototype.getComponent = function (component) {
+        return this.node.getComponent(component);
+    };
+    EnhancedComponent.prototype.schedule = function (callback, interval, repeat, delay, key) {
+        if (repeat === void 0) { repeat = -1; }
+        if (delay === void 0) { delay = 0; }
+        var action = pixi_action_ease_1.Sequence.create(pixi_action_ease_1.DelayTime.create(interval), pixi_action_ease_1.CallFunc.create(callback));
+        var repeatAct = pixi_action_ease_1.Repeat.create(action, repeat);
+        var seq = pixi_action_ease_1.Sequence.create(pixi_action_ease_1.DelayTime.create(delay), repeatAct);
+        var animation = pixi_action_ease_1.actionManager.runAction(this.node.instance, seq);
+        this.actionsMap[key] = animation;
+    };
+    EnhancedComponent.prototype.unschedule = function (callback, key) {
+        // this.node.instance.unschedule(callback.bind(this))
+        this.actionsMap[key].stop();
+    };
+    EnhancedComponent.prototype.unscheduleAllCallbacks = function () {
+        Object.values(this.actionsMap).forEach(function (action) {
+            action.stop();
+        });
+    };
+    EnhancedComponent.prototype.scheduleOnce = function (callback, delay, key) {
+        var action = pixi_action_ease_1.Sequence.create(pixi_action_ease_1.DelayTime.create(delay), pixi_action_ease_1.CallFunc.create(callback));
+        var animation = pixi_action_ease_1.actionManager.runAction(this.node.instance, action);
+        this.actionsMap[key] = animation;
+    };
+    EnhancedComponent.prototype.getComponentsInChildren = function (component) {
+        return this.node.getComponentsInChildren(component);
+    };
+    EnhancedComponent.prototype.getComponentInChildren = function (component) {
+        return this.node.getComponentInChildren(component);
+    };
+    EnhancedComponent.prototype.isEqual = function (other) {
+        return this.node.entity.id === other.node.entity.id;
+    };
+    EnhancedComponent.hasRender = true;
+    return EnhancedComponent;
+}());
+exports.EnhancedComponent = EnhancedComponent;

package/dist/components/GUIComponent.d.ts

@@ -0,0 +1,72 @@
+import { Size, Vec2 } from '..';
+import { Color4B } from '../core/Color';
+import { ComponentX, NoRenderComponentX } from '../core/decorator';
+import { LoadingBarMode } from '../core/LoadingBar';
+export declare const FillType: {
+    HORIZONTAL: number;
+    VERTICAL: number;
+    RADIAL: number;
+};
+type Keys = keyof typeof FillType;
+type Values = (typeof FillType)[Keys];
+export declare class ButtonComp extends NoRenderComponentX {
+    normalImage: string;
+    selectedImage: string;
+    disableImage: string;
+    zoomScale: number;
+    onPress: (target: ButtonComp) => void;
+    setOnPress(cb: (target: ButtonComp) => void): void;
+    set enabled(val: any);
+}
+export declare class ProgressBarComp extends NoRenderComponentX {
+    mode: LoadingBarMode;
+    private _progress;
+    isReverse: boolean;
+    get progress(): number;
+    set progress(val: number);
+}
+export declare class LabelComp extends ComponentX {
+    font: string;
+    string: string;
+    size: number;
+    getString(): string;
+    setString(val: string): void;
+    getSize(): number;
+    setSize(val: any): void;
+    getFont(): string;
+    setFont(val: string): void;
+}
+export declare class ScrollView extends ComponentX {
+    width: number;
+    height: number;
+}
+export declare class BlockInputEventsComp extends NoRenderComponentX {
+}
+export declare class ProgressTimerComp extends ComponentX {
+    spriteFrame: string;
+    fillType: Values;
+    fillRange: number;
+    fillCenter: Vec2;
+    isReverse: boolean;
+    getFillRange(): void;
+    setFillStart(val: number): void;
+    setFillRange(val: number): void;
+}
+export declare class RichTextComp extends ComponentX {
+    protected font: string;
+    protected string: string;
+    protected size: number;
+    getString(): string;
+    setString(val: string): void;
+}
+export declare class LabelOutlineComp extends NoRenderComponentX {
+    color: typeof Color4B;
+    width: number;
+}
+export declare class LabelShadowComp extends NoRenderComponentX {
+    color: typeof Color4B;
+    blur: number;
+    offset: Size;
+}
+export {};
+//# sourceMappingURL=GUIComponent.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"GUIComponent.d.ts","sourceRoot":"","sources":["../../src/components/GUIComponent.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,IAAI,CAAA;AAC/B,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAA;AACvC,OAAO,EAAE,UAAU,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAA;AAClE,OAAO,EAAc,cAAc,EAAE,MAAM,oBAAoB,CAAA;AAI/D,eAAO,MAAM,QAAQ;;;;CAIpB,CAAA;AACD,KAAK,IAAI,GAAG,MAAM,OAAO,QAAQ,CAAA;AACjC,KAAK,MAAM,GAAG,CAAC,OAAO,QAAQ,CAAC,CAAC,IAAI,CAAC,CAAA;AAErC,qBAAa,UAAW,SAAQ,kBAAkB;IAChD,WAAW,EAAE,MAAM,CAAA;IACnB,aAAa,EAAE,MAAM,CAAA;IACrB,YAAY,EAAE,MAAM,CAAA;IACpB,SAAS,EAAE,MAAM,CAAA;IACjB,OAAO,EAAE,CAAC,MAAM,EAAE,UAAU,KAAK,IAAI,CAAA;IAErC,UAAU,CAAC,EAAE,EAAE,CAAC,MAAM,EAAE,UAAU,KAAK,IAAI;IAI3C,IAAI,OAAO,CAAC,GAAG,KAAA,EAEd;CACF;AAED,qBAAa,eAAgB,SAAQ,kBAAkB;IACrD,IAAI,iBAAqB;IACzB,OAAO,CAAC,SAAS,CAAQ;IACzB,SAAS,EAAE,OAAO,CAAA;IAElB,IAAI,QAAQ,IAIM,MAAM,CAFvB;IAED,IAAI,QAAQ,CAAC,GAAG,EAAE,MAAM,EAGvB;CACF;AAED,qBAAa,SAAU,SAAQ,UAAU;IACvC,IAAI,EAAE,MAAM,CAAA;IACZ,MAAM,EAAE,MAAM,CAAA;IACd,IAAI,SAAK;IAET,SAAS;IAMT,SAAS,CAAC,GAAG,EAAE,MAAM;IAMrB,OAAO;IAKP,OAAO,CAAC,GAAG,KAAA;IAMX,OAAO,IAE2C,MAAM;IAIxD,OAAO,CAAC,GAAG,EAAE,MAAM;CAMpB;AAED,qBAAa,UAAW,SAAQ,UAAU;IACxC,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,EAAE,MAAM,CAAA;CACf;AAED,qBAAa,oBAAqB,SAAQ,kBAAkB;CAAG;AAE/D,qBAAa,iBAAkB,SAAQ,UAAU;IAC/C,WAAW,EAAE,MAAM,CAAA;IACnB,QAAQ,EAAE,MAAM,CAAA;IAChB,SAAS,EAAE,MAAM,CAAA;IACjB,UAAU,EAAE,IAAI,CAAA;IAChB,SAAS,EAAE,OAAO,CAAA;IAElB,YAAY;IAMZ,YAAY,CAAC,GAAG,EAAE,MAAM;IAMxB,YAAY,CAAC,GAAG,EAAE,MAAM;CAKzB;AAED,qBAAa,YAAa,SAAQ,UAAU;IAC1C,SAAS,CAAC,IAAI,EAAE,MAAM,CAAA;IACtB,SAAS,CAAC,MAAM,EAAE,MAAM,CAAA;IACxB,SAAS,CAAC,IAAI,EAAE,MAAM,CAAA;IAEtB,SAAS;IAIT,SAAS,CAAC,GAAG,EAAE,MAAM;CAGtB;AAED,qBAAa,gBAAiB,SAAQ,kBAAkB;IACtD,KAAK,EAAE,OAAO,OAAO,CAAA;IACrB,KAAK,EAAE,MAAM,CAAA;CACd;AAED,qBAAa,eAAgB,SAAQ,kBAAkB;IACrD,KAAK,EAAE,OAAO,OAAO,CAAA;IACrB,IAAI,EAAE,MAAM,CAAA;IACZ,MAAM,EAAE,IAAI,CAAA;CACb"}

package/dist/components/GUIComponent.js

@@ -0,0 +1,178 @@
+"use strict";
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.LabelShadowComp = exports.LabelOutlineComp = exports.RichTextComp = exports.ProgressTimerComp = exports.BlockInputEventsComp = exports.ScrollView = exports.LabelComp = exports.ProgressBarComp = exports.ButtonComp = exports.FillType = void 0;
+var pixi_js_1 = require("pixi.js");
+var decorator_1 = require("../core/decorator");
+var LoadingBar_1 = require("../core/LoadingBar");
+var html_text_parser_1 = require("../helper/html-text-parser");
+var _htmlTextParser = new html_text_parser_1.HtmlTextParser();
+exports.FillType = {
+    HORIZONTAL: 0,
+    VERTICAL: 1,
+    RADIAL: 2,
+};
+var ButtonComp = /** @class */ (function (_super) {
+    __extends(ButtonComp, _super);
+    function ButtonComp() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    ButtonComp.prototype.setOnPress = function (cb) {
+        this.onPress = cb;
+    };
+    Object.defineProperty(ButtonComp.prototype, "enabled", {
+        set: function (val) {
+            this.node.instance.interactive = val;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    return ButtonComp;
+}(decorator_1.NoRenderComponentX));
+exports.ButtonComp = ButtonComp;
+var ProgressBarComp = /** @class */ (function (_super) {
+    __extends(ProgressBarComp, _super);
+    function ProgressBarComp() {
+        var _this = _super !== null && _super.apply(this, arguments) || this;
+        _this.mode = LoadingBar_1.LoadingBarMode.BAR;
+        return _this;
+    }
+    Object.defineProperty(ProgressBarComp.prototype, "progress", {
+        get: function () {
+            return this._progress;
+        },
+        set: function (val) {
+            this._progress = val;
+            this.node.instance.progress = val;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    return ProgressBarComp;
+}(decorator_1.NoRenderComponentX));
+exports.ProgressBarComp = ProgressBarComp;
+var LabelComp = /** @class */ (function (_super) {
+    __extends(LabelComp, _super);
+    function LabelComp() {
+        var _this = _super !== null && _super.apply(this, arguments) || this;
+        _this.size = 64;
+        return _this;
+    }
+    LabelComp.prototype.getString = function () {
+        if (this.node.instance instanceof pixi_js_1.Text) {
+            return this.node.instance.text;
+        }
+    };
+    LabelComp.prototype.setString = function (val) {
+        if (this.node.instance instanceof pixi_js_1.Text) {
+            this.node.instance.text = val;
+        }
+    };
+    LabelComp.prototype.getSize = function () {
+        if (this.node.instance instanceof pixi_js_1.Text) {
+            return this.node.instance.style.fontSize;
+        }
+    };
+    LabelComp.prototype.setSize = function (val) {
+        if (this.node.instance instanceof pixi_js_1.Text) {
+            this.node.instance.style.fontSize = val;
+        }
+    };
+    LabelComp.prototype.getFont = function () {
+        if (this.node.instance instanceof pixi_js_1.Text) {
+            return this.node.instance.style.fontFamily;
+        }
+    };
+    LabelComp.prototype.setFont = function (val) {
+        // console.log('set font', val, Assets.get(val))
+        if (this.node.instance instanceof pixi_js_1.Text) {
+            if (pixi_js_1.Assets.get(val))
+                this.node.instance.style.fontFamily = pixi_js_1.Assets.get(val).family;
+        }
+    };
+    return LabelComp;
+}(decorator_1.ComponentX));
+exports.LabelComp = LabelComp;
+var ScrollView = /** @class */ (function (_super) {
+    __extends(ScrollView, _super);
+    function ScrollView() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    return ScrollView;
+}(decorator_1.ComponentX));
+exports.ScrollView = ScrollView;
+var BlockInputEventsComp = /** @class */ (function (_super) {
+    __extends(BlockInputEventsComp, _super);
+    function BlockInputEventsComp() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    return BlockInputEventsComp;
+}(decorator_1.NoRenderComponentX));
+exports.BlockInputEventsComp = BlockInputEventsComp;
+var ProgressTimerComp = /** @class */ (function (_super) {
+    __extends(ProgressTimerComp, _super);
+    function ProgressTimerComp() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    ProgressTimerComp.prototype.getFillRange = function () {
+        // if (this.node.instance instanceof cc.ProgressTimer) {
+        //   return this.node.instance.getPercentage() * 0.01
+        // }
+    };
+    ProgressTimerComp.prototype.setFillStart = function (val) {
+        // if (this.node.instance instanceof cc.ProgressTimer) {
+        //   this.node.instance.setMidpoint(Vec2(val, val))
+        // }
+    };
+    ProgressTimerComp.prototype.setFillRange = function (val) {
+        // if (this.node.instance instanceof cc.ProgressTimer) {
+        //   this.node.instance.setPercentage(val * 100)
+        // }
+    };
+    return ProgressTimerComp;
+}(decorator_1.ComponentX));
+exports.ProgressTimerComp = ProgressTimerComp;
+var RichTextComp = /** @class */ (function (_super) {
+    __extends(RichTextComp, _super);
+    function RichTextComp() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    RichTextComp.prototype.getString = function () {
+        return this.string;
+    };
+    RichTextComp.prototype.setString = function (val) {
+        this.string = val;
+    };
+    return RichTextComp;
+}(decorator_1.ComponentX));
+exports.RichTextComp = RichTextComp;
+var LabelOutlineComp = /** @class */ (function (_super) {
+    __extends(LabelOutlineComp, _super);
+    function LabelOutlineComp() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    return LabelOutlineComp;
+}(decorator_1.NoRenderComponentX));
+exports.LabelOutlineComp = LabelOutlineComp;
+var LabelShadowComp = /** @class */ (function (_super) {
+    __extends(LabelShadowComp, _super);
+    function LabelShadowComp() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    return LabelShadowComp;
+}(decorator_1.NoRenderComponentX));
+exports.LabelShadowComp = LabelShadowComp;

package/dist/components/NodeComp.d.ts

@@ -0,0 +1,104 @@
+import { Constructor, Entity } from 'entityx-ts';
+import { Color, ColorSource, Container, Point } from 'pixi.js';
+import { Action, Animation } from 'pixi-action-ease';
+import { Size } from '../helper/utils';
+import { ComponentType, EnhancedComponent } from './EnhancedComponent';
+export type EventCallbackType = (...args: any[]) => void;
+export interface EventMap {
+    [key: string]: [EventCallbackType];
+}
+type TouchEVentCallback = (target: {
+    location: Point;
+}) => void;
+export declare class NodeComp {
+    entity: Entity;
+    instance: Container;
+    events: EventMap;
+    data: {
+        [key: string]: any;
+    };
+    parent: NodeComp;
+    children: NodeComp[];
+    actionsList: Animation[];
+    name: string;
+    private lastMove;
+    private _group;
+    onTouchStart?: TouchEVentCallback;
+    onTouchMove?: TouchEVentCallback;
+    onTouchEnd?: TouchEVentCallback;
+    onTouchCancel?: TouchEVentCallback;
+    setOnTouchStart(cb: TouchEVentCallback): void;
+    setOnTouchMove(cb: TouchEVentCallback): void;
+    setOnTouchEnd(cb: TouchEVentCallback): void;
+    setOnTouchCancel(cb: TouchEVentCallback): void;
+    constructor(instance: Container, entity: Entity);
+    get uuid(): number;
+    get position(): Point;
+    set position(val: Point);
+    get x(): number;
+    set x(val: number);
+    get y(): number;
+    set y(val: number);
+    set scale(val: number);
+    get scaleX(): number;
+    set scaleX(val: number);
+    get scaleY(): number;
+    set scaleY(val: number);
+    get anchorX(): number;
+    set anchorX(val: number);
+    get anchorY(): number;
+    set anchorY(val: number);
+    /** rotation is in radians */
+    get rotation(): number;
+    /** rotation is in radians */
+    set rotation(val: number);
+    /** angle is in degrees. */
+    get angle(): number;
+    /** angle is in degrees. */
+    set angle(val: number);
+    get color(): ColorSource;
+    set color(val: ColorSource);
+    get opacity(): number;
+    set opacity(val: number);
+    get active(): boolean;
+    set active(val: boolean);
+    get group(): number;
+    set group(val: number);
+    get width(): number;
+    set width(val: number);
+    get height(): number;
+    set height(val: number);
+    get zIndex(): number;
+    set zIndex(val: number);
+    get childrenCount(): number;
+    addComponent<T extends ComponentType>(instance: any): T;
+    getComponent<T extends ComponentType>(component: Constructor<T>): T;
+    getComponentsInChildren<T extends ComponentType>(component: Constructor<T>): T[];
+    getComponentInChildren<T extends ComponentType>(component: Constructor<T>): T;
+    convertToNodeSpace(point: Point): Point;
+    convertToNodeSpaceAR(point: Point): Point;
+    convertToWorldSpaceAR(point: Point): Point;
+    getPosition(): Point;
+    setPosition(x: number | Point, y?: number): void;
+    setRotation(deg: number): void;
+    getRotation(): number;
+    getContentSize(): Size;
+    setColor(color: Color): void;
+    setScale(scaleX: number, scaleY?: number): void;
+    runAction(act: Action): void;
+    stopAllActions(): void;
+    pauseAllActions(): void;
+    resumeAllActions(): void;
+    destroy(): void;
+    removeFromParent(): void;
+    addChild(child: NodeComp, zOrder?: number): void;
+    destroyAllChildren(): void;
+    on(name: string, callback: EventCallbackType, target?: any): void;
+    off(name: string): void;
+    emit(name: string, ...params: any): void;
+    resolveComponent(component: EnhancedComponent): void;
+    getData<T>(key: string): T;
+    setData<T>(key: string, val: T): void;
+}
+export {};
+//# sourceMappingURL=NodeComp.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"NodeComp.d.ts","sourceRoot":"","sources":["../../src/components/NodeComp.ts"],"names":[],"mappings":"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"}