@safe-engine/pixi 8.0.5 → 8.1.2

package/dist/app.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"app.d.ts","sourceRoot":"","sources":["../src/app.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,YAAY,CAAA;AAChD,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAKrC,eAAO,MAAM,GAAG,yCAAoB,CAAA;AAEpC,wBAAsB,eAAe,CAAC,EAAE,SAAS,iBAehD;AAED,wBAAgB,eAAe,CAAC,kBAAkB;;;CAA+B,QAKhF;AAYD,wBAAgB,oBAAoB,CAAC,WAAW,EAAE,WAAW,CAAC,MAAM,CAAC,EAAE,QAWtE"}
+{"version":3,"file":"app.d.ts","sourceRoot":"","sources":["../src/app.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,YAAY,CAAA;AAChD,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAGrC,eAAO,MAAM,GAAG,yCAAoB,CAAA;AAEpC,wBAAsB,eAAe,CAAC,EAAE,SAAS,iBAehD;AAED,wBAAgB,eAAe,CAAC,kBAAkB;;;CAA+B,QAKhF;AAYD,wBAAgB,oBAAoB,CAAC,WAAW,EAAE,WAAW,CAAC,MAAM,CAAC,EAAE,QAWtE"}

package/dist/app.js

@@ -16,7 +16,6 @@ exports.startGameWithSystems = startGameWithSystems;
 const core_1 = require("@safe-engine/core");
 const pixi_js_1 = require("pixi.js");
 const pixi_action_ease_1 = require("pixi-action-ease");
-const NodeComp_1 = require("./components/NodeComp");
 exports.app = new pixi_js_1.Application();
 function addGameCanvasTo() {
     return __awaiter(this, arguments, void 0, function* (id = 'game') {
@@ -33,7 +32,7 @@ function addGameCanvasTo() {
             },
             canvas: document.getElementById(id)
         });
-        core_1.GameWorld.Instance.setup(NodeComp_1.NodeComp, exports.app.stage);
+        // GameWorld.Instance.setup(NodeComp, app.stage)
     });
 }
 function setupResolution(designedResolution = { width: 720, height: 1280 }) {

package/dist/components/BaseComponent.d.ts

@@ -0,0 +1,11 @@
+import { EnhancedComponent } from '@safe-engine/core';
+import { Container } from 'pixi.js';
+import { NodeComp } from './NodeComp';
+export declare class NoRenderComponentX<C extends Container = Container> extends EnhancedComponent<NodeComp<C>> {
+    static create(data?: any): NoRenderComponentX<Container<import("pixi.js").ContainerChild>>;
+}
+export declare class ComponentX<C extends Container = Container> extends EnhancedComponent<NodeComp<C>> {
+    static hasRender: boolean;
+    static create(data?: any): ComponentX<Container<import("pixi.js").ContainerChild>>;
+}
+//# sourceMappingURL=BaseComponent.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BaseComponent.d.ts","sourceRoot":"","sources":["../../src/components/BaseComponent.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAa,MAAM,mBAAmB,CAAA;AAChE,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AAEnC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AAErC,qBAAa,kBAAkB,CAAC,CAAC,SAAS,SAAS,GAAG,SAAS,CAAE,SAAQ,iBAAiB,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;IACrG,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,GAAG;CAGzB;AAED,qBAAa,UAAU,CAAC,CAAC,SAAS,SAAS,GAAG,SAAS,CAAE,SAAQ,iBAAiB,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;IAC7F,MAAM,CAAC,SAAS,UAAO;IACvB,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,GAAG;CAMzB"}

package/dist/components/BaseComponent.js

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ComponentX = exports.NoRenderComponentX = void 0;
+const core_1 = require("@safe-engine/core");
+class NoRenderComponentX extends core_1.EnhancedComponent {
+    static create(data) {
+        return new this(data);
+    }
+}
+exports.NoRenderComponentX = NoRenderComponentX;
+class ComponentX extends core_1.EnhancedComponent {
+    static create(data) {
+        const world = core_1.GameWorld.Instance;
+        const root = world.entities.create();
+        const comp = root.assign(new this(data));
+        return comp;
+    }
+}
+exports.ComponentX = ComponentX;
+ComponentX.hasRender = true;

package/dist/components/GUIComponent.d.ts

@@ -1,9 +1,8 @@
-import { Input, ProgressBar } from '@pixi/ui';
-import { ComponentX, NoRenderComponentX } from '@safe-engine/core';
+import { CheckBox, CheckBoxOptions, Input, List, ProgressBar, RadioGroup, Slider, SliderOptions } from '@pixi/ui';
 import { Container, FillInput, Point, Text } from 'pixi.js';
 import { Color4B } from '../core/Color';
 import { LoadingBarMode, ProgressTimer } from '../core/LoadingBar';
-import { NodeComp } from './NodeComp';
+import { ComponentX, NoRenderComponentX } from './BaseComponent';
 export declare const FillType: {
     HORIZONTAL: number;
     VERTICAL: number;
@@ -11,7 +10,7 @@ export declare const FillType: {
 };
 type Keys = keyof typeof FillType;
 type Values = (typeof FillType)[Keys];
-export declare class ButtonComp extends NoRenderComponentX<NodeComp> {
+export declare class ButtonComp extends NoRenderComponentX {
     normalImage: string;
     selectedImage: string;
     disableImage: string;
@@ -20,7 +19,7 @@ export declare class ButtonComp extends NoRenderComponentX<NodeComp> {
     setOnPress(cb: (target: ButtonComp) => void): void;
     set enabled(val: any);
 }
-export declare class ProgressBarComp extends NoRenderComponentX<NodeComp<ProgressBar>> {
+export declare class ProgressBarComp extends ComponentX<ProgressBar> {
     mode: LoadingBarMode;
     isReverse: boolean;
     bg: string;
@@ -28,7 +27,7 @@ export declare class ProgressBarComp extends NoRenderComponentX<NodeComp<Progres
     get progress(): number;
     set progress(val: number);
 }
-export declare class LabelComp extends ComponentX<NodeComp<Text>> {
+export declare class LabelComp extends ComponentX<Text> {
     font: string;
     string: string;
     size: number;
@@ -39,13 +38,13 @@ export declare class LabelComp extends ComponentX<NodeComp<Text>> {
     getFont(): string;
     setFont(val: string): void;
 }
-export declare class ScrollView extends ComponentX<NodeComp<Container>> {
+export declare class ScrollView extends NoRenderComponentX {
     width: number;
     height: number;
 }
-export declare class BlockInputEventsComp extends NoRenderComponentX<NodeComp<Container>> {
+export declare class BlockInputEventsComp extends NoRenderComponentX {
 }
-export declare class ProgressTimerComp extends ComponentX<NodeComp<ProgressTimer>> {
+export declare class ProgressTimerComp extends ComponentX<ProgressTimer> {
     spriteFrame: string;
     fillType: Values;
     fillRange: number;
@@ -55,28 +54,40 @@ export declare class ProgressTimerComp extends ComponentX<NodeComp<ProgressTimer
     setFillStart(val: number): void;
     setFillRange(val: number): void;
 }
-export declare class RichTextComp extends ComponentX<NodeComp<Text>> {
+export declare class RichTextComp extends ComponentX<Text> {
     protected font: string;
     protected string: string;
     protected size: number;
     getString(): string;
     setString(val: string): void;
 }
-export declare class LabelOutlineComp extends NoRenderComponentX<NodeComp> {
+export declare class LabelOutlineComp extends NoRenderComponentX {
     color: typeof Color4B;
     width: number;
 }
-export declare class LabelShadowComp extends NoRenderComponentX<NodeComp> {
+export declare class LabelShadowComp extends NoRenderComponentX {
     color: typeof Color4B;
     blur: number;
     offset: Point;
 }
-export declare class InputComp extends ComponentX<NodeComp<Input>> {
+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/components/GUIComponent.d.ts.map

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

package/dist/components/GUIComponent.js

@@ -1,16 +1,16 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.InputComp = exports.LabelShadowComp = exports.LabelOutlineComp = exports.RichTextComp = exports.ProgressTimerComp = exports.BlockInputEventsComp = exports.ScrollView = exports.LabelComp = exports.ProgressBarComp = exports.ButtonComp = exports.FillType = void 0;
-const core_1 = require("@safe-engine/core");
+exports.CheckBoxComp = exports.RadioGroupComp = exports.SliderComp = exports.ListComp = exports.InputComp = exports.LabelShadowComp = exports.LabelOutlineComp = exports.RichTextComp = exports.ProgressTimerComp = exports.BlockInputEventsComp = exports.ScrollView = exports.LabelComp = exports.ProgressBarComp = exports.ButtonComp = exports.FillType = void 0;
 const pixi_js_1 = require("pixi.js");
 const LoadingBar_1 = require("../core/LoadingBar");
+const BaseComponent_1 = require("./BaseComponent");
 // const _htmlTextParser = new HtmlTextParser()
 exports.FillType = {
     HORIZONTAL: 0,
     VERTICAL: 1,
     RADIAL: 2,
 };
-class ButtonComp extends core_1.NoRenderComponentX {
+class ButtonComp extends BaseComponent_1.NoRenderComponentX {
     setOnPress(cb) {
         this.onPress = cb;
     }
@@ -19,7 +19,7 @@ class ButtonComp extends core_1.NoRenderComponentX {
     }
 }
 exports.ButtonComp = ButtonComp;
-class ProgressBarComp extends core_1.NoRenderComponentX {
+class ProgressBarComp extends BaseComponent_1.ComponentX {
     constructor() {
         super(...arguments);
         this.mode = LoadingBar_1.LoadingBarMode.BAR;
@@ -32,7 +32,7 @@ class ProgressBarComp extends core_1.NoRenderComponentX {
     }
 }
 exports.ProgressBarComp = ProgressBarComp;
-class LabelComp extends core_1.ComponentX {
+class LabelComp extends BaseComponent_1.ComponentX {
     constructor() {
         super(...arguments);
         this.size = 64;
@@ -71,13 +71,13 @@ class LabelComp extends core_1.ComponentX {
     }
 }
 exports.LabelComp = LabelComp;
-class ScrollView extends core_1.ComponentX {
+class ScrollView extends BaseComponent_1.NoRenderComponentX {
 }
 exports.ScrollView = ScrollView;
-class BlockInputEventsComp extends core_1.NoRenderComponentX {
+class BlockInputEventsComp extends BaseComponent_1.NoRenderComponentX {
 }
 exports.BlockInputEventsComp = BlockInputEventsComp;
-class ProgressTimerComp extends core_1.ComponentX {
+class ProgressTimerComp extends BaseComponent_1.ComponentX {
     getFillRange() {
         return this.node.instance.progress;
     }
@@ -90,7 +90,7 @@ class ProgressTimerComp extends core_1.ComponentX {
     }
 }
 exports.ProgressTimerComp = ProgressTimerComp;
-class RichTextComp extends core_1.ComponentX {
+class RichTextComp extends BaseComponent_1.ComponentX {
     getString() {
         return this.string;
     }
@@ -99,16 +99,28 @@ class RichTextComp extends core_1.ComponentX {
     }
 }
 exports.RichTextComp = RichTextComp;
-class LabelOutlineComp extends core_1.NoRenderComponentX {
+class LabelOutlineComp extends BaseComponent_1.NoRenderComponentX {
 }
 exports.LabelOutlineComp = LabelOutlineComp;
-class LabelShadowComp extends core_1.NoRenderComponentX {
+class LabelShadowComp extends BaseComponent_1.NoRenderComponentX {
 }
 exports.LabelShadowComp = LabelShadowComp;
-class InputComp extends core_1.ComponentX {
+class InputComp extends BaseComponent_1.ComponentX {
     constructor() {
         super(...arguments);
         this.size = 64;
     }
 }
 exports.InputComp = InputComp;
+class ListComp extends BaseComponent_1.ComponentX {
+}
+exports.ListComp = ListComp;
+class SliderComp extends BaseComponent_1.ComponentX {
+}
+exports.SliderComp = SliderComp;
+class RadioGroupComp extends BaseComponent_1.ComponentX {
+}
+exports.RadioGroupComp = RadioGroupComp;
+class CheckBoxComp extends BaseComponent_1.ComponentX {
+}
+exports.CheckBoxComp = CheckBoxComp;

package/dist/components/NodeComp.d.ts

@@ -21,7 +21,6 @@ export declare class NodeComp<C extends Container = Container> implements BaseNo
     children: NodeComp[];
     actionsList: Animation[];
     name: string;
-    private lastMove;
     private _group;
     onTouchStart?: TouchEVentCallback;
     onTouchMove?: TouchEVentCallback;
@@ -47,7 +46,6 @@ export declare class NodeComp<C extends Container = Container> implements BaseNo
     get anchorX(): number;
     set anchorX(val: number);
     get anchorY(): number;
-    ß: any;
     set anchorY(val: number);
     /** rotation is in radians */
     get rotation(): number;
@@ -73,7 +71,7 @@ export declare class NodeComp<C extends Container = Container> implements BaseNo
     set zIndex(val: number);
     get childrenCount(): number;
     addComponent<T extends ComponentType>(instance: any): T;
-    getComponent<T extends ComponentType>(component: Constructor<T>): T;
+    getComponent<T extends Constructor<ComponentType>>(component: T): InstanceType<T>;
     getComponentsInChildren<T extends ComponentType>(component: Constructor<T>): T[];
     getComponentInChildren<T extends ComponentType>(component: Constructor<T>): T;
     convertToNodeSpace(point: Point): Point;

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

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

package/dist/components/NodeComp.js

@@ -42,6 +42,7 @@ class NodeComp {
         this.data = {};
         this.children = [];
         this.actionsList = [];
+        // private lastMove: { x: number; y: number }
         this._group = 0;
         this.entity = entity;
         this.instance = instance;
@@ -318,6 +319,7 @@ class NodeComp {
         }
     }
     resolveComponent(component) {
+        // console.log(component.constructor.name, (component.constructor as any).hasRender)
         if (component.constructor.hasRender) {
             this.addChild(component.node);
         }

package/dist/components/RenderComponent.d.ts

@@ -1,12 +1,11 @@
-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';
-import { NodeComp } from './NodeComp';
-export declare class NodeRender extends ComponentX<NodeComp> {
+import { ComponentX } from './BaseComponent';
+export declare class NodeRender extends ComponentX {
     nodeName?: string;
 }
-export declare class SpriteRender extends ComponentX<NodeComp<Sprite>> {
+export declare class SpriteRender extends ComponentX<Sprite> {
     spriteFrame: TextureSource;
     type: SpriteTypes;
     fillType: LoadingBarMode;
@@ -17,12 +16,12 @@ export declare class SpriteRender extends ComponentX<NodeComp<Sprite>> {
     getSpriteFrame(): TextureSource<any>;
     setSpriteFrame(frame: any): void;
 }
-export declare class GraphicsRender extends ComponentX<NodeComp<Graphics>> {
+export declare class GraphicsRender extends ComponentX<Graphics> {
     lineWidth: number;
     strokeColor: ColorSource;
     fillColor: ColorSource;
 }
-export declare class MaskRender extends ComponentX<NodeComp> {
+export declare class MaskRender extends ComponentX {
     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,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"}
+{"version":3,"file":"RenderComponent.d.ts","sourceRoot":"","sources":["../../src/components/RenderComponent.ts"],"names":[],"mappings":"AAAA,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,UAAU,EAAE,MAAM,iBAAiB,CAAA;AAE5C,qBAAa,UAAW,SAAQ,UAAU;IACxC,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB;AAED,qBAAa,YAAa,SAAQ,UAAU,CAAC,MAAM,CAAC;IAC3C,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;IACtD,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"}

package/dist/components/RenderComponent.js

@@ -1,13 +1,13 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.MaskRender = exports.GraphicsRender = exports.SpriteRender = exports.NodeRender = void 0;
-const core_1 = require("@safe-engine/core");
 const pixi_js_1 = require("pixi.js");
 const LoadingBar_1 = require("../core/LoadingBar");
-class NodeRender extends core_1.ComponentX {
+const BaseComponent_1 = require("./BaseComponent");
+class NodeRender extends BaseComponent_1.ComponentX {
 }
 exports.NodeRender = NodeRender;
-class SpriteRender extends core_1.ComponentX {
+class SpriteRender extends BaseComponent_1.ComponentX {
     constructor() {
         super(...arguments);
         this.fillType = LoadingBar_1.LoadingBarMode.BAR;
@@ -46,13 +46,13 @@ class SpriteRender extends core_1.ComponentX {
     }
 }
 exports.SpriteRender = SpriteRender;
-class GraphicsRender extends core_1.ComponentX {
+class GraphicsRender extends BaseComponent_1.ComponentX {
     constructor() {
         super(...arguments);
         this.lineWidth = 2;
     }
 }
 exports.GraphicsRender = GraphicsRender;
-class MaskRender extends core_1.ComponentX {
+class MaskRender extends BaseComponent_1.ComponentX {
 }
 exports.MaskRender = MaskRender;

package/dist/components/Scene.d.ts

@@ -0,0 +1,7 @@
+import { EnhancedComponent } from '@safe-engine/core';
+import { NodeComp } from './NodeComp';
+export declare class SceneComponent extends EnhancedComponent<NodeComp> {
+    static boot: () => void;
+    static create(): SceneComponent;
+}
+//# sourceMappingURL=Scene.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Scene.d.ts","sourceRoot":"","sources":["../../src/components/Scene.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAa,MAAM,mBAAmB,CAAA;AAGhE,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AAErC,qBAAa,cAAe,SAAQ,iBAAiB,CAAC,QAAQ,CAAC;IAC7D,MAAM,CAAC,IAAI,EAAE,MAAM,IAAI,CAAA;IACvB,MAAM,CAAC,MAAM;CASd"}

package/dist/components/Scene.js

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SceneComponent = void 0;
+const core_1 = require("@safe-engine/core");
+const app_1 = require("../app");
+const NodeComp_1 = require("./NodeComp");
+class SceneComponent extends core_1.EnhancedComponent {
+    static create() {
+        const world = core_1.GameWorld.Instance;
+        world.entities.reset();
+        const root = world.entities.create();
+        const node = root.assign(new NodeComp_1.NodeComp(app_1.app.stage, root));
+        const sceneComponent = root.assign(new SceneComponent());
+        sceneComponent.node = node;
+        return sceneComponent;
+    }
+}
+exports.SceneComponent = SceneComponent;

package/dist/core/Color.d.ts

@@ -1,7 +1,3 @@
-export declare function Color4B(r: number, g: number, b: number, a: number): {
-    r: number;
-    g: number;
-    b: number;
-    a: number;
-};
+import { Color } from 'pixi.js';
+export declare function Color4B(r: number, g: number, b: number, a: number): Color;
 //# sourceMappingURL=Color.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Color.d.ts","sourceRoot":"","sources":["../../src/core/Color.ts"],"names":[],"mappings":"AAAA,wBAAgB,OAAO,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM;;;;;EAEjE"}
+{"version":3,"file":"Color.d.ts","sourceRoot":"","sources":["../../src/core/Color.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAEhC,wBAAgB,OAAO,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,SAEjE"}

package/dist/core/Color.js

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Color4B = Color4B;
+const pixi_js_1 = require("pixi.js");
 function Color4B(r, g, b, a) {
-    return ({ r, g, b, a });
+    return new pixi_js_1.Color({ r, g, b, a });
 }

package/dist/helper/utils.d.ts

@@ -0,0 +1,13 @@
+import { EnhancedComponent, GameWorld } from '@safe-engine/core';
+import { Constructor, EntityManager, EventManager, EventReceive } from 'entityx-ts';
+import { Point } from 'pixi.js';
+export declare function v2(x?: number, y?: number): Point;
+export declare function getDistance(point1: Point, point2: Point): number;
+export declare function registerSystem<T extends EnhancedComponent<any>>(component: Constructor<T>): {
+    new (): {
+        configure(event_manager: EventManager<GameWorld>): void;
+        receiveComponentAddedEvent(event: EventReceive<T>): void;
+        update(entities: EntityManager, events: EventManager<GameWorld>, dt: number): void;
+    };
+};
+//# sourceMappingURL=utils.d.ts.map

package/dist/helper/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../src/helper/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AACjE,OAAO,EAAE,WAAW,EAAE,aAAa,EAAE,YAAY,EAAE,YAAY,EAAsB,MAAM,YAAY,CAAC;AACxG,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAIhC,wBAAgB,EAAE,CAAC,CAAC,SAAI,EAAE,CAAC,SAAI,SAE9B;AAED,wBAAgB,WAAW,CAAC,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,UAIvD;AAED,wBAAgB,cAAc,CAAC,CAAC,SAAS,iBAAiB,CAAC,GAAG,CAAC,EAAE,SAAS,EAAE,WAAW,CAAC,CAAC,CAAC;;iCAK7D,YAAY,CAAC,SAAS,CAAC;0CAKd,YAAY,CAAC,CAAC,CAAC;yBAMhC,aAAa,UAAU,YAAY,CAAC,SAAS,CAAC,MAAM,MAAM;;EAe9E"}

package/dist/helper/utils.js

@@ -0,0 +1,47 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.v2 = v2;
+exports.getDistance = getDistance;
+exports.registerSystem = registerSystem;
+const core_1 = require("@safe-engine/core");
+const entityx_ts_1 = require("entityx-ts");
+const pixi_js_1 = require("pixi.js");
+const NodeComp_1 = require("../components/NodeComp");
+function v2(x = 0, y = 0) {
+    return new pixi_js_1.Point(x, y);
+}
+function getDistance(point1, point2) {
+    const dx = point2.x - point1.x;
+    const dy = point2.y - point1.y;
+    return Math.sqrt(dx * dx + dy * dy);
+}
+function registerSystem(component) {
+    if (core_1.GameWorld.Instance.systems.isRegistered(`${component.name}System`)) {
+        return;
+    }
+    class NewSystem {
+        configure(event_manager) {
+            console.log('configure registerSystem core', component.name);
+            event_manager.subscribe(entityx_ts_1.EventTypes.ComponentAdded, component, this.receiveComponentAddedEvent.bind(this));
+        }
+        receiveComponentAddedEvent(event) {
+            const ett = event.entity;
+            const newComp = ett.getComponent(component);
+            newComp.node = ett.getComponent(NodeComp_1.NodeComp);
+        }
+        update(entities, events, dt) {
+            for (const entt of entities.entities_with_components(component)) {
+                const comp = entt.getComponent(component);
+                // console.log('comp', comp.constructor.name, typeof comp['update'] === 'function')
+                if (comp.node.active && typeof comp['update'] === 'function') {
+                    comp['update'](dt);
+                }
+            }
+        }
+    }
+    Object.defineProperty(NewSystem, 'name', { value: `${component.name}System` });
+    core_1.GameWorld.Instance.systems.add(NewSystem);
+    core_1.GameWorld.Instance.systems.configureOnce(NewSystem);
+    core_1.GameWorld.Instance.listUpdate.push(NewSystem);
+    return NewSystem;
+}

package/dist/index.d.ts

@@ -1,8 +1,13 @@
 export * from './app';
+export * from './components/BaseComponent';
 export * from './components/GUIComponent';
 export * from './components/NodeComp';
 export * from './components/RenderComponent';
+export * from './components/Scene';
+export * from './core/Color';
 export * from './core/Size';
+export * from './helper/utils';
 export * from './systems/GUISystem';
 export * from './systems/RenderSystem';
+export * from '@safe-engine/core';
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,OAAO,CAAA;AACrB,cAAc,2BAA2B,CAAA;AACzC,cAAc,uBAAuB,CAAA;AACrC,cAAc,8BAA8B,CAAA;AAC5C,cAAc,aAAa,CAAA;AAC3B,cAAc,qBAAqB,CAAA;AACnC,cAAc,wBAAwB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,OAAO,CAAA;AACrB,cAAc,4BAA4B,CAAA;AAC1C,cAAc,2BAA2B,CAAA;AACzC,cAAc,uBAAuB,CAAA;AACrC,cAAc,8BAA8B,CAAA;AAC5C,cAAc,oBAAoB,CAAA;AAClC,cAAc,cAAc,CAAA;AAC5B,cAAc,aAAa,CAAA;AAC3B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,qBAAqB,CAAA;AACnC,cAAc,wBAAwB,CAAA;AACtC,cAAc,mBAAmB,CAAA"}

package/dist/index.js

@@ -15,9 +15,14 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 __exportStar(require("./app"), exports);
+__exportStar(require("./components/BaseComponent"), exports);
 __exportStar(require("./components/GUIComponent"), exports);
 __exportStar(require("./components/NodeComp"), exports);
 __exportStar(require("./components/RenderComponent"), exports);
+__exportStar(require("./components/Scene"), exports);
+__exportStar(require("./core/Color"), exports);
 __exportStar(require("./core/Size"), exports);
+__exportStar(require("./helper/utils"), exports);
 __exportStar(require("./systems/GUISystem"), exports);
 __exportStar(require("./systems/RenderSystem"), exports);
+__exportStar(require("@safe-engine/core"), exports);

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

@@ -1 +1 @@
-{"version":3,"file":"GUISystem.d.ts","sourceRoot":"","sources":["../../src/systems/GUISystem.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAA;AAC7C,OAAO,EACL,YAAY,EAEZ,MAAM,EACP,MAAM,YAAY,CAAA;AAQnB,qBAAa,SAAU,YAAW,MAAM;IACtC,SAAS,CAAC,aAAa,EAAE,YAAY,CAAC,SAAS,CAAC;CAiEjD"}
+{"version":3,"file":"GUISystem.d.ts","sourceRoot":"","sources":["../../src/systems/GUISystem.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAA;AAC7C,OAAO,EACL,YAAY,EAEZ,MAAM,EACP,MAAM,YAAY,CAAA;AAQnB,qBAAa,SAAU,YAAW,MAAM;IACtC,SAAS,CAAC,aAAa,EAAE,YAAY,CAAC,SAAS,CAAC;CAmFjD"}

package/dist/systems/GUISystem.js

@@ -19,8 +19,8 @@ class GUISystem {
             // component.node = entity.assign(new NodeComp(node, entity))
             node.onPress.connect(() => {
                 // console.log('onPress.connect')
-                const scale = pixi_action_ease_1.ScaleTo.create(0.12, 1.2);
-                const scaleDown = pixi_action_ease_1.ScaleTo.create(0.12, 1);
+                const scale = pixi_action_ease_1.ScaleTo.create(0.5, 1.2);
+                const scaleDown = pixi_action_ease_1.ScaleTo.create(0.5, 1);
                 const seq = pixi_action_ease_1.Sequence.create(scale, pixi_action_ease_1.CallFunc.create(() => {
                     if (Object.prototype.hasOwnProperty.call(component, 'onPress')) {
                         component.onPress(component);
@@ -49,6 +49,24 @@ class GUISystem {
             const view = new ui_1.ScrollBox({ width, height });
             component.node = entity.assign(new __1.NodeComp(view, entity));
         });
+        event_manager.subscribe(entityx_ts_1.EventTypes.ComponentAdded, GUIComponent_1.ListComp, ({ entity, component }) => {
+            const view = new ui_1.List();
+            component.node = entity.assign(new __1.NodeComp(view, entity));
+        });
+        event_manager.subscribe(entityx_ts_1.EventTypes.ComponentAdded, GUIComponent_1.SliderComp, ({ entity, component }) => {
+            const { bg, slider, fill } = component;
+            const view = new ui_1.Slider({ bg, fill, slider });
+            component.node = entity.assign(new __1.NodeComp(view, entity));
+        });
+        event_manager.subscribe(entityx_ts_1.EventTypes.ComponentAdded, GUIComponent_1.RadioGroupComp, ({ entity, component }) => {
+            const view = new ui_1.RadioGroup();
+            component.node = entity.assign(new __1.NodeComp(view, entity));
+        });
+        event_manager.subscribe(entityx_ts_1.EventTypes.ComponentAdded, GUIComponent_1.CheckBoxComp, ({ entity, component }) => {
+            const { style } = component;
+            const view = new ui_1.CheckBox({ style });
+            component.node = entity.assign(new __1.NodeComp(view, entity));
+        });
         event_manager.subscribe(entityx_ts_1.EventTypes.ComponentAdded, GUIComponent_1.InputComp, ({ entity, component }) => {
             const { bg, size = 48, fill } = component;
             const view = new ui_1.Input({ bg, textStyle: { fontSize: size, fill } });

package/dist/systems/RenderSystem.js

@@ -38,8 +38,8 @@ class RenderSystem {
             }
             // node.texture.rotate = 8
             component.node = entity.assign(new __1.NodeComp(node, entity));
-            // component.node.anchorX = 0.5
-            // component.node.anchorY = 0.5
+            component.node.anchorX = 0.5;
+            component.node.anchorY = 0.5;
         });
         event_manager.subscribe(entityx_ts_1.EventTypes.ComponentAdded, RenderComponent_1.MaskRender, ({ component }) => {
             console.log('MaskRender', component);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@safe-engine/pixi",
-  "version": "8.0.5",
+  "version": "8.1.2",
   "description": "",
   "type": "module",
   "main": "dist/index.js",
@@ -17,10 +17,10 @@
   "license": "ISC",
   "dependencies": {
     "@pixi/ui": "^2.1.5",
-    "entityx-ts": "^2.0.3",
-    "@safe-engine/core": "1.0.3",
+    "entityx-ts": "latest",
+    "@safe-engine/core": "latest",
     "lodash": "^4.17.21",
-    "pixi-action-ease": "^1.0.12",
+    "pixi-action-ease": "latest",
     "pixi.js": "^8.4.0"
   },
   "devDependencies": {