@safe-engine/pixi 8.1.4 → 8.2.3

package/dist/core/LoadingBar.js

@@ -1,16 +1,13 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ProgressTimer = exports.LoadingBar = exports.LoadingBarMode = void 0;
-const pixi_js_1 = require("pixi.js");
-var LoadingBarMode;
+import { Container, Graphics, Point, Sprite, Texture } from 'pixi.js';
+export var LoadingBarMode;
 (function (LoadingBarMode) {
     LoadingBarMode[LoadingBarMode["BAR"] = 0] = "BAR";
     LoadingBarMode[LoadingBarMode["RADIAL"] = 1] = "RADIAL";
-})(LoadingBarMode || (exports.LoadingBarMode = LoadingBarMode = {}));
-class LoadingBar extends pixi_js_1.Graphics {
+})(LoadingBarMode || (LoadingBarMode = {}));
+export class LoadingBar extends Graphics {
     constructor(mode, spriteComp) {
         super();
-        this.fillCenter = new pixi_js_1.Point(0.5, 0.5);
+        this.fillCenter = new Point(0.5, 0.5);
         this.spriteComp = spriteComp;
         this.mode = mode || LoadingBarMode.BAR;
         this.fill(0xffffff);
@@ -30,14 +27,13 @@ class LoadingBar extends pixi_js_1.Graphics {
         }
     }
 }
-exports.LoadingBar = LoadingBar;
-class ProgressTimer extends pixi_js_1.Container {
+export class ProgressTimer extends Container {
     constructor(mode, spriteFrame) {
         super();
-        this.fillCenter = new pixi_js_1.Point(0.5, 0.5);
-        const texture = pixi_js_1.Texture.from(spriteFrame);
-        this.spriteComp = pixi_js_1.Sprite.from(texture);
-        this.graphics = new pixi_js_1.Graphics();
+        this.fillCenter = new Point(0.5, 0.5);
+        const texture = Texture.from(spriteFrame);
+        this.spriteComp = Sprite.from(texture);
+        this.graphics = new Graphics();
         this.mode = mode || LoadingBarMode.BAR;
         this.graphics.fill(0xffffff);
         this.graphics.rect(0, 0, this.spriteComp.width, this.spriteComp.height);
@@ -56,4 +52,3 @@ class ProgressTimer extends pixi_js_1.Container {
         }
     }
 }
-exports.ProgressTimer = ProgressTimer;

package/dist/core/NodePool.d.ts

@@ -0,0 +1,9 @@
+import { NodeComp } from "../components/NodeComp";
+export declare class NodePool {
+    items: NodeComp[];
+    put(node: NodeComp): void;
+    get(): NodeComp;
+    size(): number;
+    clear(): void;
+}
+//# sourceMappingURL=NodePool.d.ts.map

package/dist/core/NodePool.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NodePool.d.ts","sourceRoot":"","sources":["../../src/core/NodePool.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAA;AAEjD,qBAAa,QAAQ;IACnB,KAAK,EAAE,QAAQ,EAAE,CAAK;IAEtB,GAAG,CAAC,IAAI,EAAE,QAAQ;IAQlB,GAAG,IAAI,QAAQ;IAMf,IAAI;IAIJ,KAAK;CAIN"}

package/dist/core/NodePool.js

@@ -0,0 +1,24 @@
+export class NodePool {
+    constructor() {
+        this.items = [];
+    }
+    put(node) {
+        if (node) {
+            node.active = false;
+            node.removeFromParent();
+            this.items.push(node);
+        }
+    }
+    get() {
+        const node = this.items.pop();
+        node.active = true;
+        return node;
+    }
+    size() {
+        return this.items.length;
+    }
+    clear() {
+        this.items.forEach((node) => node.destroy());
+        this.items.length = 0;
+    }
+}

package/dist/core/Size.js

@@ -1,6 +1,3 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Size = Size;
 class _Size {
     constructor(width = 0, height = 0) {
         if (!(this instanceof _Size)) {
@@ -14,6 +11,6 @@ class _Size {
         this.height = height;
     }
 }
-function Size(x, y) {
+export function Size(x, y) {
     return new _Size(x, y);
 }

package/dist/core/director.d.ts

@@ -0,0 +1,3 @@
+export declare function pauseAll(): void;
+export declare function resumeAll(): void;
+//# sourceMappingURL=director.d.ts.map

package/dist/core/director.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"director.d.ts","sourceRoot":"","sources":["../../src/core/director.ts"],"names":[],"mappings":"AAEA,wBAAgB,QAAQ,SAEvB;AAED,wBAAgB,SAAS,SAExB"}

package/dist/core/director.js

@@ -0,0 +1,7 @@
+import { app } from "../app";
+export function pauseAll() {
+    app.ticker.stop();
+}
+export function resumeAll() {
+    app.ticker.start();
+}

package/dist/core/math.d.ts

@@ -0,0 +1,4 @@
+export declare function randomRangeInt(minInclude: Integer, maxExclude: Integer): number;
+export declare function degreesToRadians(deg: Float): number;
+export declare function radiansToDegrees(rad: Float): number;
+//# sourceMappingURL=math.d.ts.map

package/dist/core/math.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"math.d.ts","sourceRoot":"","sources":["../../src/core/math.ts"],"names":[],"mappings":"AAEA,wBAAgB,cAAc,CAAC,UAAU,EAAE,OAAO,EAAE,UAAU,EAAE,OAAO,UAEtE;AAED,wBAAgB,gBAAgB,CAAC,GAAG,EAAE,KAAK,UAE1C;AAED,wBAAgB,gBAAgB,CAAC,GAAG,EAAE,KAAK,UAE1C"}

package/dist/core/math.js

@@ -0,0 +1,10 @@
+import { DEG_TO_RAD, RAD_TO_DEG } from 'pixi.js';
+export function randomRangeInt(minInclude, maxExclude) {
+    return Math.round(Math.random() * (maxExclude - minInclude - 1)) + minInclude;
+}
+export function degreesToRadians(deg) {
+    return DEG_TO_RAD * deg;
+}
+export function radiansToDegrees(rad) {
+    return RAD_TO_DEG * rad;
+}

package/dist/dragonbones/DragonBonesComponent.d.ts

@@ -0,0 +1,17 @@
+import { DragonBonesProps } from "../@types/safex";
+import { ComponentX } from "../components/BaseComponent";
+export type DragonBonesData = {
+    skeleton: any;
+    atlas: any;
+    texture: string;
+};
+export declare class DragonBones extends ComponentX<DragonBonesProps> {
+    data: DragonBonesData;
+    skin: string;
+    animation: string;
+    playTimes: number;
+    timeScale: number;
+    setAnimation(name: string, playTimes?: number): void;
+    setSkeletonData(data: string): void;
+}
+//# sourceMappingURL=DragonBonesComponent.d.ts.map

package/dist/dragonbones/DragonBonesComponent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DragonBonesComponent.d.ts","sourceRoot":"","sources":["../../src/dragonbones/DragonBonesComponent.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAA;AAClD,OAAO,EAAE,UAAU,EAAE,MAAM,6BAA6B,CAAA;AAExD,MAAM,MAAM,eAAe,GAAG;IAC5B,QAAQ,MAAC;IACT,KAAK,MAAC;IACN,OAAO,EAAE,MAAM,CAAA;CAChB,CAAA;AACD,qBAAa,WAAY,SAAQ,UAAU,CAAC,gBAAgB,CAAC;IAC3D,IAAI,EAAE,eAAe,CAAA;IACrB,IAAI,EAAE,MAAM,CAAA;IACZ,SAAS,EAAE,MAAM,CAAA;IACjB,SAAS,SAAI;IACb,SAAS,EAAE,MAAM,CAAA;IAEjB,YAAY,CAAC,IAAI,EAAE,MAAM,EAAE,SAAS,SAAI;IAOxC,eAAe,CAAC,IAAI,EAAE,MAAM;CAK7B"}

package/dist/dragonbones/DragonBonesComponent.js

@@ -0,0 +1,18 @@
+import { ComponentX } from "../components/BaseComponent";
+export class DragonBones extends ComponentX {
+    constructor() {
+        super(...arguments);
+        this.playTimes = 0;
+    }
+    setAnimation(name, playTimes = 0) {
+        const skel = this.node.instance;
+        if (skel.animation) {
+            skel.animation.play(name, playTimes);
+        }
+    }
+    setSkeletonData(data) {
+        const skel = this.node.instance;
+        const atlas = data.replace('.json', '.atlas');
+        skel.initWithArgs(data, atlas, this.node.scale);
+    }
+}

package/dist/dragonbones/DragonBonesSystem.d.ts

@@ -0,0 +1,6 @@
+import { EventManager, System } from 'entityx-ts';
+import { GameWorld } from '../base';
+export declare class DragonBonesSystem implements System {
+    configure(event_manager: EventManager<GameWorld>): void;
+}
+//# sourceMappingURL=DragonBonesSystem.d.ts.map

package/dist/dragonbones/DragonBonesSystem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DragonBonesSystem.d.ts","sourceRoot":"","sources":["../../src/dragonbones/DragonBonesSystem.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAc,MAAM,EAAE,MAAM,YAAY,CAAC;AAG9D,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAIpC,qBAAa,iBAAkB,YAAW,MAAM;IAC9C,SAAS,CAAC,aAAa,EAAE,YAAY,CAAC,SAAS,CAAC;CAyBjD"}

package/dist/dragonbones/DragonBonesSystem.js

@@ -0,0 +1,29 @@
+import { PixiFactory } from 'dragonbones-pixijs';
+import { EventTypes } from 'entityx-ts';
+import { Assets } from 'pixi.js';
+import { NodeComp } from '../components/NodeComp';
+import { DragonBones } from './DragonBonesComponent';
+export class DragonBonesSystem {
+    configure(event_manager) {
+        event_manager.subscribe(EventTypes.ComponentAdded, DragonBones, ({ entity, component }) => {
+            const { data, animation, playTimes } = component;
+            const { skeleton, atlas, texture } = data;
+            const skeletonAsset = Assets.get(skeleton);
+            const atlasAsset = Assets.get(atlas);
+            const textureAsset = Assets.get(texture);
+            const armatureName = skeletonAsset.armature[0].name;
+            // console.log(skeletonAsset, textureAsset, atlasAsset)
+            const factory = PixiFactory.factory;
+            factory.parseDragonBonesData(skeletonAsset);
+            factory.parseTextureAtlasData(atlasAsset, textureAsset);
+            const armatureDisplay = factory.buildArmatureDisplay(armatureName);
+            armatureDisplay.debugDraw = false;
+            const node = armatureDisplay;
+            if (animation) {
+                armatureDisplay.animation.play(animation, playTimes);
+            }
+            component.node = entity.assign(new NodeComp(node, entity));
+        });
+        // event_manager.subscribe(EventTypes.ComponentRemoved, DragonBones, ({ }) => { })
+    }
+}

package/dist/dragonbones/index.d.ts

@@ -0,0 +1,3 @@
+export * from './DragonBonesComponent';
+export * from './DragonBonesSystem';
+//# sourceMappingURL=index.d.ts.map

package/dist/dragonbones/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/dragonbones/index.ts"],"names":[],"mappings":"AAAA,cAAc,wBAAwB,CAAA;AACtC,cAAc,qBAAqB,CAAA"}

package/dist/dragonbones/index.js

@@ -0,0 +1,2 @@
+export * from './DragonBonesComponent';
+export * from './DragonBonesSystem';

package/dist/gui/GUIComponent.d.ts

@@ -0,0 +1,99 @@
+import { CheckBox, CheckBoxOptions, Input, List, ProgressBar, RadioGroup, Slider, SliderOptions } from '@pixi/ui';
+import { Container, FillInput, Point, Text } from 'pixi.js';
+import TaggedText from 'pixi-tagged-text-plus';
+import { ButtonCompProps, LabelCompProps, LabelOutlineCompProps, LabelShadowCompProps, ProgressTimerProps, ScrollViewProps } from '../@types/safex';
+import { ComponentX, NoRenderComponentX } from '../components/BaseComponent';
+import { Color4B } from '../core/Color';
+import { LoadingBarMode, ProgressTimer } 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<ButtonCompProps> {
+    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 ComponentX<{}, ProgressBar> {
+    mode: LoadingBarMode;
+    isReverse: boolean;
+    bg: string;
+    fill: string;
+    get progress(): number;
+    set progress(val: number);
+}
+export declare class LabelComp extends ComponentX<LabelCompProps, Text> {
+    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 NoRenderComponentX<ScrollViewProps> {
+    width: number;
+    height: number;
+}
+export declare class BlockInputEventsComp extends NoRenderComponentX {
+}
+export declare class ProgressTimerComp extends ComponentX<ProgressTimerProps & {
+    $ref?: ProgressTimerComp;
+}, ProgressTimer> {
+    spriteFrame: string;
+    fillType?: Values;
+    fillRange?: number;
+    fillCenter?: Point;
+    isReverse?: boolean;
+    getFillRange(): number;
+    setFillStart(val: number): void;
+    setFillRange(val: number): void;
+}
+export declare class RichTextComp extends ComponentX<LabelCompProps, TaggedText> {
+    font: string;
+    string: string;
+    size: number;
+    getString(): string;
+    setString(val: string): void;
+    setSize(size: number): void;
+    setFont(font: string): void;
+}
+export declare class LabelOutlineComp extends NoRenderComponentX<LabelOutlineCompProps> {
+    color: Color4B;
+    width: number;
+}
+export declare class LabelShadowComp extends NoRenderComponentX<LabelShadowCompProps> {
+    color: Color4B;
+    blur: number;
+    offset: Point;
+}
+export declare class InputComp extends ComponentX<{}, Input> {
+    bg: string;
+    fill: FillInput;
+    font: string;
+    string: string;
+    size: number;
+}
+export declare class ListComp extends ComponentX<{}, List> {
+}
+export declare class SliderComp extends ComponentX<{}, Slider> {
+    bg: string;
+    fill: SliderOptions['fill'];
+    slider: Container;
+}
+export declare class RadioGroupComp extends ComponentX<{}, RadioGroup> {
+}
+export declare class CheckBoxComp extends ComponentX<{}, CheckBox> {
+    style: CheckBoxOptions['style'];
+}
+export {};
+//# sourceMappingURL=GUIComponent.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"GUIComponent.d.ts","sourceRoot":"","sources":["../../src/gui/GUIComponent.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,eAAe,EAAE,KAAK,EAAE,IAAI,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,EAAE,aAAa,EAAE,MAAM,UAAU,CAAA;AACjH,OAAO,EAAU,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAEnE,OAAO,UAAU,MAAM,uBAAuB,CAAA;AAC9C,OAAO,EAAE,eAAe,EAAE,cAAc,EAAE,qBAAqB,EAAE,oBAAoB,EAAE,kBAAkB,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAA;AACnJ,OAAO,EAAE,UAAU,EAAE,kBAAkB,EAAE,MAAM,6BAA6B,CAAA;AAC5E,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAA;AACvC,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAA;AAGlE,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,CAAC,eAAe,CAAC;IACjE,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,UAAU,CAAC,EAAE,EAAE,WAAW,CAAC;IAC9D,IAAI,iBAAqB;IACzB,SAAS,EAAE,OAAO,CAAA;IAClB,EAAE,EAAE,MAAM,CAAA;IACV,IAAI,EAAE,MAAM,CAAA;IAEZ,IAAI,QAAQ,IAIM,MAAM,CAFvB;IAED,IAAI,QAAQ,CAAC,GAAG,EAAE,MAAM,EAEvB;CACF;AAED,qBAAa,SAAU,SAAQ,UAAU,CAAC,cAAc,EAAE,IAAI,CAAC;IAC7D,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;IAMP,OAAO,CAAC,GAAG,EAAE,MAAM;CAMpB;AAED,qBAAa,UAAW,SAAQ,kBAAkB,CAAC,eAAe,CAAC;IACjE,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,EAAE,MAAM,CAAA;CACf;AAED,qBAAa,oBAAqB,SAAQ,kBAAkB;CAAI;AAEhE,qBAAa,iBAAkB,SAAQ,UAAU,CAAC,kBAAkB,GAAG;IAAE,IAAI,CAAC,EAAE,iBAAiB,CAAA;CAAE,EAAE,aAAa,CAAC;IACjH,WAAW,EAAE,MAAM,CAAA;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,UAAU,CAAC,EAAE,KAAK,CAAA;IAClB,SAAS,CAAC,EAAE,OAAO,CAAA;IAEnB,YAAY;IAIZ,YAAY,CAAC,GAAG,EAAE,MAAM;IAIxB,YAAY,CAAC,GAAG,EAAE,MAAM;CAIzB;AAED,qBAAa,YAAa,SAAQ,UAAU,CAAC,cAAc,EAAE,UAAU,CAAC;IAEtE,IAAI,EAAE,MAAM,CAAA;IACZ,MAAM,EAAE,MAAM,CAAA;IACd,IAAI,EAAE,MAAM,CAAA;IAEZ,SAAS;IAKT,SAAS,CAAC,GAAG,EAAE,MAAM;IAWrB,OAAO,CAAC,IAAI,EAAE,MAAM;IAGpB,OAAO,CAAC,IAAI,EAAE,MAAM;CAGrB;AAED,qBAAa,gBAAiB,SAAQ,kBAAkB,CAAC,qBAAqB,CAAC;IAC7E,KAAK,EAAE,OAAO,CAAA;IACd,KAAK,EAAE,MAAM,CAAA;CACd;AAED,qBAAa,eAAgB,SAAQ,kBAAkB,CAAC,oBAAoB,CAAC;IAC3E,KAAK,EAAE,OAAO,CAAA;IACd,IAAI,EAAE,MAAM,CAAA;IACZ,MAAM,EAAE,KAAK,CAAA;CACd;AAED,qBAAa,SAAU,SAAQ,UAAU,CAAC,EAAE,EAAE,KAAK,CAAC;IAClD,EAAE,EAAE,MAAM,CAAA;IACV,IAAI,EAAE,SAAS,CAAA;IACf,IAAI,EAAE,MAAM,CAAA;IACZ,MAAM,EAAE,MAAM,CAAA;IACd,IAAI,SAAK;CACV;AAED,qBAAa,QAAS,SAAQ,UAAU,CAAC,EAAE,EAAE,IAAI,CAAC;CACjD;AACD,qBAAa,UAAW,SAAQ,UAAU,CAAC,EAAE,EAAE,MAAM,CAAC;IACpD,EAAE,EAAE,MAAM,CAAA;IACV,IAAI,EAAE,aAAa,CAAC,MAAM,CAAC,CAAA;IAC3B,MAAM,EAAE,SAAS,CAAA;CAClB;AACD,qBAAa,cAAe,SAAQ,UAAU,CAAC,EAAE,EAAE,UAAU,CAAC;CAC7D;AACD,qBAAa,YAAa,SAAQ,UAAU,CAAC,EAAE,EAAE,QAAQ,CAAC;IACxD,KAAK,EAAE,eAAe,CAAC,OAAO,CAAC,CAAC;CACjC"}

package/dist/gui/GUIComponent.js

@@ -0,0 +1,123 @@
+import { Assets, Text } from 'pixi.js';
+import { ComponentX, NoRenderComponentX } from '../components/BaseComponent';
+import { LoadingBarMode } from '../core/LoadingBar';
+import { generateStringFromStyledElements, generateStylesFromStyledElements, parseFontString, transformToStyledElements } from '../helper/html-text-parser';
+export const FillType = {
+    HORIZONTAL: 0,
+    VERTICAL: 1,
+    RADIAL: 2,
+};
+export class ButtonComp extends NoRenderComponentX {
+    setOnPress(cb) {
+        this.onPress = cb;
+    }
+    set enabled(val) {
+        this.node.instance.interactive = val;
+    }
+}
+export class ProgressBarComp extends ComponentX {
+    constructor() {
+        super(...arguments);
+        this.mode = LoadingBarMode.BAR;
+    }
+    get progress() {
+        return this.node.instance.progress;
+    }
+    set progress(val) {
+        this.node.instance.progress = val;
+    }
+}
+export class LabelComp extends ComponentX {
+    constructor() {
+        super(...arguments);
+        this.size = 64;
+    }
+    getString() {
+        if (this.node.instance instanceof Text) {
+            return this.node.instance.text;
+        }
+    }
+    setString(val) {
+        if (this.node.instance instanceof Text) {
+            this.node.instance.text = val;
+        }
+    }
+    getSize() {
+        if (this.node.instance instanceof Text) {
+            return this.node.instance.style.fontSize;
+        }
+    }
+    setSize(val) {
+        if (this.node.instance instanceof Text) {
+            this.node.instance.style.fontSize = val;
+        }
+    }
+    getFont() {
+        if (this.node.instance instanceof Text) {
+            return this.node.instance.style.fontFamily;
+        }
+    }
+    setFont(val) {
+        // console.log('set font', val, Assets.get(val))
+        if (this.node.instance instanceof Text) {
+            if (Assets.get(val))
+                this.node.instance.style.fontFamily = Assets.get(val).family;
+        }
+    }
+}
+export class ScrollView extends NoRenderComponentX {
+}
+export class BlockInputEventsComp extends NoRenderComponentX {
+}
+export class ProgressTimerComp extends ComponentX {
+    getFillRange() {
+        return this.node.instance.progress;
+    }
+    setFillStart(val) {
+        this.node.instance.fillCenter.x = val;
+    }
+    setFillRange(val) {
+        // console.log('setFillRange', this.node.instance);
+        this.node.instance.progress = val;
+    }
+}
+export class RichTextComp extends ComponentX {
+    getString() {
+        return this.string;
+    }
+    setString(val) {
+        this.string = val;
+        const jObj = parseFontString(val);
+        const styledOutput = transformToStyledElements(jObj);
+        const newText = generateStringFromStyledElements(styledOutput);
+        const styles = generateStylesFromStyledElements(styledOutput);
+        // console.log(styledOutput)
+        const wrapped = `<root>${newText}</root>`;
+        this.node.instance.setText(wrapped);
+        this.node.instance.setTagStyles(styles);
+    }
+    setSize(size) {
+        this.node.instance.setStyleForTag('root', { fontSize: size, color: '#fff' });
+    }
+    setFont(font) {
+        this.node.instance.setStyleForTag('root', { color: '#fff', fontFamily: font });
+    }
+}
+export class LabelOutlineComp extends NoRenderComponentX {
+}
+export class LabelShadowComp extends NoRenderComponentX {
+}
+export class InputComp extends ComponentX {
+    constructor() {
+        super(...arguments);
+        this.size = 64;
+    }
+}
+export class ListComp extends ComponentX {
+}
+export class SliderComp extends ComponentX {
+}
+export class RadioGroupComp extends ComponentX {
+}
+export class CheckBoxComp extends ComponentX {
+}

package/dist/{systems → gui}/GUISystem.d.ts

@@ -1,5 +1,5 @@
-import { GameWorld } from '@safe-engine/core';
 import { EventManager, System } from 'entityx-ts';
+import { GameWorld } from '../base';
 export declare class GUISystem implements System {
     configure(event_manager: EventManager<GameWorld>): void;
 }

package/dist/gui/GUISystem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GUISystem.d.ts","sourceRoot":"","sources":["../../src/gui/GUISystem.ts"],"names":[],"mappings":"AACA,OAAO,EACL,YAAY,EAEZ,MAAM,EACP,MAAM,YAAY,CAAA;AAGnB,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AAOnC,qBAAa,SAAU,YAAW,MAAM;IACtC,SAAS,CAAC,aAAa,EAAE,YAAY,CAAC,SAAS,CAAC;CA8FjD"}

package/dist/gui/GUISystem.js

@@ -0,0 +1,100 @@
+import { Button, CheckBox, Input, List, ProgressBar, RadioGroup, ScrollBox, Slider } from '@pixi/ui';
+import { EventTypes } from 'entityx-ts';
+import { callFunc, easeBackIn, scaleTo, sequence } from 'pixi-action-ease';
+import { Text } from 'pixi.js';
+import TaggedText from 'pixi-tagged-text-plus';
+import { NodeComp } from '..';
+import { LoadingBarMode, ProgressTimer } from '../core/LoadingBar';
+import { ButtonComp, CheckBoxComp, InputComp, LabelComp, ListComp, ProgressBarComp, ProgressTimerComp, RadioGroupComp, RichTextComp, ScrollView, SliderComp } from './GUIComponent';
+export class GUISystem {
+    configure(event_manager) {
+        event_manager.subscribe(EventTypes.ComponentAdded, ButtonComp, ({ entity, component }) => {
+            const nodeComp = entity.getComponent(NodeComp);
+            // const { normalImage, selectedImage, disableImage, texType, zoomScale } = button
+            // console.log('onPress.ButtonComp', component)
+            const button = new Button(nodeComp.instance);
+            // node.setZoomScale(zoomScale - 1)
+            component.node = nodeComp;
+            // component.node = entity.assign(new NodeComp(node, entity))
+            button.onPress.connect(() => {
+                // console.log('onPress.connect')
+                const scale = scaleTo(0.5, 1.2);
+                const scaleDown = scaleTo(0.5, 1);
+                const seq = sequence(scale, callFunc(() => {
+                    if (Object.prototype.hasOwnProperty.call(component, 'onPress')) {
+                        component.onPress(component);
+                    }
+                }), scaleDown);
+                const ease = easeBackIn(seq);
+                component.node.runAction(ease);
+            });
+        });
+        event_manager.subscribe(EventTypes.ComponentAdded, ProgressBarComp, ({ entity, component }) => {
+            const { progress = 1, bg, fill } = component;
+            const node = new ProgressBar({ bg, fill, progress });
+            component.node = entity.assign(new NodeComp(node, entity));
+        });
+        event_manager.subscribe(EventTypes.ComponentAdded, ProgressTimerComp, ({ entity, component }) => {
+            // console.log(component, '.progress')
+            const { spriteFrame, fillCenter } = component;
+            const node = new ProgressTimer(LoadingBarMode.BAR, spriteFrame);
+            if (fillCenter) {
+                node.fillCenter = fillCenter;
+            }
+            component.node = entity.assign(new NodeComp(node, entity));
+        });
+        event_manager.subscribe(EventTypes.ComponentAdded, ScrollView, ({ entity, component }) => {
+            const { width, height } = component;
+            const view = new ScrollBox({ width, height });
+            component.node = entity.assign(new NodeComp(view, entity));
+        });
+        event_manager.subscribe(EventTypes.ComponentAdded, ListComp, ({ entity, component }) => {
+            const view = new List();
+            component.node = entity.assign(new NodeComp(view, entity));
+        });
+        event_manager.subscribe(EventTypes.ComponentAdded, SliderComp, ({ entity, component }) => {
+            const { bg, slider, fill } = component;
+            const view = new Slider({ bg, fill, slider });
+            component.node = entity.assign(new NodeComp(view, entity));
+        });
+        event_manager.subscribe(EventTypes.ComponentAdded, RadioGroupComp, ({ entity, component }) => {
+            const view = new RadioGroup();
+            component.node = entity.assign(new NodeComp(view, entity));
+        });
+        event_manager.subscribe(EventTypes.ComponentAdded, CheckBoxComp, ({ entity, component }) => {
+            const { style } = component;
+            const view = new CheckBox({ style });
+            component.node = entity.assign(new NodeComp(view, entity));
+        });
+        event_manager.subscribe(EventTypes.ComponentAdded, InputComp, ({ entity, component }) => {
+            const { bg, size = 48, fill } = component;
+            const view = new Input({ bg, textStyle: { fontSize: size, fill } });
+            component.node = entity.assign(new NodeComp(view, entity));
+        });
+        event_manager.subscribe(EventTypes.ComponentAdded, LabelComp, ({ entity, component }) => {
+            // console.log('ComponentAddedEvent LabelComp', component)
+            const node = new Text();
+            // node.texture.rotate = 8
+            node.style.fill = '#fff';
+            component.node = entity.assign(new NodeComp(node, entity));
+            const { string = '', font = '', size } = component;
+            if (font)
+                component.setFont(font);
+            component.setSize(size);
+            component.setString(string);
+        });
+        event_manager.subscribe(EventTypes.ComponentAdded, RichTextComp, ({ entity, component }) => {
+            // console.log('ComponentAddedEvent LabelComp', component)
+            const { string = '', font, size } = component;
+            const node = new TaggedText(string);
+            // node.defaultStyle = { }
+            component.node = entity.assign(new NodeComp(node, entity));
+            component.setString(string);
+            if (font)
+                component.setFont(font);
+            if (size)
+                component.setSize(size);
+        });
+        // event_manager.subscribe(EventTypes.ComponentAdded, BlockInputEventsComp), this);
+    }
+}

package/dist/helper/html-text-parser.d.ts

@@ -1,30 +1,20 @@
-/****************************************************************************
- Copyright (c) 2013-2016 Chukong Technologies Inc.
- Copyright (c) 2017-2018 Xiamen Yaji Software Co., Ltd.
-
- https://www.cocos.com/
-
- Permission is hereby granted, free of charge, to any person obtaining a copy
- of this software and associated engine source code (the "Software"), a limited,
- worldwide, royalty-free, non-assignable, revocable and non-exclusive license
- to use Cocos Creator solely to develop games on your target platforms. You shall
- not use Cocos Creator software for developing other software or tools that's
- used for developing games. You are not granted to publish, distribute,
- sublicense, and/or sell copies of Cocos Creator.
-
- The software or tools in this License Agreement are licensed, not sold.
- Xiamen Yaji Software Co., Ltd. reserves all rights not expressly granted to you.
-
- THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
- THE SOFTWARE.
- ****************************************************************************/
-/**
- * A utils class for parsing HTML texts. The parsed results will be an object array.
- */
-export declare const HtmlTextParser: () => void;
+interface FontTag {
+    color?: string;
+    size?: number;
+    text: string;
+}
+type ParsedResult = FontTag[];
+type StyledElement = {
+    tag?: string;
+    style?: {
+        color?: string;
+        size?: number;
+    };
+    text: string;
+};
+export declare function parseFontString(input: string): ParsedResult;
+export declare function transformToStyledElements(parsed: ParsedResult): StyledElement[];
+export declare function generateStringFromStyledElements(elements: StyledElement[]): string;
+export declare function generateStylesFromStyledElements(elements: StyledElement[]): {};
+export {};
 //# sourceMappingURL=html-text-parser.d.ts.map

package/dist/helper/html-text-parser.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"html-text-parser.d.ts","sourceRoot":"","sources":["../../src/helper/html-text-parser.ts"],"names":[],"mappings":"AAGA;;;;;;;;;;;;;;;;;;;;;;;;8EAwB8E;AAK9E;;GAEG;AACH,eAAO,MAAM,cAAc,YAS1B,CAAA"}
+{"version":3,"file":"html-text-parser.d.ts","sourceRoot":"","sources":["../../src/helper/html-text-parser.ts"],"names":[],"mappings":"AAAA,UAAU,OAAO;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;CACd;AAED,KAAK,YAAY,GAAG,OAAO,EAAE,CAAC;AAE9B,KAAK,aAAa,GAAG;IACnB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE;QAAE,KAAK,CAAC,EAAE,MAAM,CAAC;QAAC,IAAI,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IAC1C,IAAI,EAAE,MAAM,CAAC;CACd,CAAC;AAEF,wBAAgB,eAAe,CAAC,KAAK,EAAE,MAAM,GAAG,YAAY,CAiC3D;AAED,wBAAgB,yBAAyB,CAAC,MAAM,EAAE,YAAY,GAAG,aAAa,EAAE,CAa/E;AAED,wBAAgB,gCAAgC,CAAC,QAAQ,EAAE,aAAa,EAAE,GAAG,MAAM,CASlF;AAED,wBAAgB,gCAAgC,CAAC,QAAQ,EAAE,aAAa,EAAE,MAWzE"}