@safe-engine/pixi 8.2.9 → 8.3.3

package/dist/components/BaseComponent.js

@@ -1,19 +1,11 @@
 import { EnhancedComponent, GameWorld } from '../base';
 export class NoRenderComponentX extends EnhancedComponent {
-    static create(data) {
-        return new this(data);
-    }
 }
 export class ComponentX extends EnhancedComponent {
-    static create(data) {
-        // console.log('create', this, this.prototype['render'])
-        if (this.prototype.render) {
-            const instance = new this(data);
-            return instance.render(data);
-        }
+    render() {
         const world = GameWorld.Instance;
         const root = world.entities.create();
-        const comp = root.assign(new this(data));
+        const comp = root.assign(this);
         return comp;
     }
 }

package/dist/components/NodeComp.d.ts

@@ -1,7 +1,7 @@
 import { Constructor, Entity } from 'entityx-ts';
 import { Action, Animation } from 'pixi-action-ease';
 import { Color, ColorSource, Container, Point } from 'pixi.js';
-import { BaseNode, ComponentType, EnhancedComponent } from '../base';
+import { ComponentType, EnhancedComponent } from '../base';
 import { Size } from '../core/Size';
 export type EventCallbackType = (...args: any[]) => void;
 export interface EventMap {
@@ -10,7 +10,7 @@ export interface EventMap {
 type TouchEventCallback = (target: {
     location: Point;
 }) => void;
-export declare class NodeComp<C extends Container = Container> implements BaseNode<C> {
+export declare class NodeComp<C extends Container = Container> {
     entity: Entity;
     instance: C;
     events: EventMap;

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

@@ -1,6 +1,7 @@
 import remove from 'lodash/remove';
 import { actionManager } from 'pixi-action-ease';
 import { Point, Sprite } from 'pixi.js';
+import { instantiate } from '../base';
 import { ProgressBarComp } from '../gui/GUIComponent';
 import { ExtraDataComp } from '../norender/NoRenderComponent';
 export class NodeComp {
@@ -328,14 +329,14 @@ export class NodeComp {
     getData(key) {
         const data = this.getComponent(ExtraDataComp);
         if (!data)
-            throw Error('need add ExtraDataComp to Node');
+            return console.warn('need add ExtraDataComp to Node');
         return data.getData(key);
     }
     setData(key, value) {
         const data = this.getComponent(ExtraDataComp);
         // console.log('setData', key, value, data)
         if (!data) {
-            this.addComponent(ExtraDataComp.create({ key, value }));
+            this.addComponent(instantiate(ExtraDataComp, { key, value }));
         }
         else {
             data.setData(key, value);

package/dist/components/Scene.d.ts

@@ -1,6 +1,6 @@
 import { EnhancedComponent } from '../base';
 import { NodeComp } from './NodeComp';
 export declare class SceneComponent extends EnhancedComponent<{}, NodeComp> {
-    static create(): SceneComponent;
+    render(): this;
 }
 //# sourceMappingURL=Scene.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Scene.d.ts","sourceRoot":"","sources":["../../src/components/Scene.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,iBAAiB,EAAa,MAAM,SAAS,CAAA;AAEtD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AAErC,qBAAa,cAAe,SAAQ,iBAAiB,CAAC,EAAE,EAAE,QAAQ,CAAC;IAEjE,MAAM,CAAC,MAAM;CAUd"}
+{"version":3,"file":"Scene.d.ts","sourceRoot":"","sources":["../../src/components/Scene.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,iBAAiB,EAAa,MAAM,SAAS,CAAA;AAEtD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AAErC,qBAAa,cAAe,SAAQ,iBAAiB,CAAC,EAAE,EAAE,QAAQ,CAAC;IACjE,MAAM;CAWP"}

package/dist/components/Scene.js

@@ -2,12 +2,14 @@ import { app } from '../app';
 import { EnhancedComponent, GameWorld } from '../base';
 import { NodeComp } from './NodeComp';
 export class SceneComponent extends EnhancedComponent {
-    static create() {
+    render() {
         const world = GameWorld.Instance;
         world.entities.reset();
         const root = world.entities.create();
         const node = root.assign(new NodeComp(app.stage, root));
-        const sceneComponent = root.assign(new SceneComponent());
+        app.stage.eventMode = 'static';
+        app.stage.hitArea = app.screen;
+        const sceneComponent = root.assign(this);
         sceneComponent.node = node;
         return sceneComponent;
     }

package/dist/dragonbones/DragonBonesComponent.d.ts

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

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

@@ -1 +1 @@
-{"version":3,"file":"DragonBonesComponent.d.ts","sourceRoot":"","sources":["../../src/dragonbones/DragonBonesComponent.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAA;AACnE,OAAO,EAAE,UAAU,EAAE,MAAM,6BAA6B,CAAA;AAExD,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"}
+{"version":3,"file":"DragonBonesComponent.d.ts","sourceRoot":"","sources":["../../src/dragonbones/DragonBonesComponent.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,6BAA6B,CAAA;AACxD,UAAU,eAAe;IACvB,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,MAAM,CAAA;IAChB,OAAO,EAAE,MAAM,CAAA;CAChB;AAED,UAAU,gBAAgB;IACxB,IAAI,EAAE,eAAe,CAAA;IACrB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,gBAAgB,CAAC,EAAE,CAAC,KAAK,EAAE;QAAE,IAAI,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAA;IACpD,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE;QAAE,IAAI,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAA;IAClD,mBAAmB,CAAC,EAAE,CAAC,KAAK,EAAE;QAAE,IAAI,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAA;CACxD;AACD,qBAAa,WAAY,SAAQ,UAAU,CAAC,gBAAgB,CAAC;IAE3D,YAAY,CAAC,IAAI,EAAE,MAAM,EAAE,SAAS,SAAI;IAOxC,eAAe,CAAC,IAAI,EAAE,MAAM;CAK7B"}

package/dist/dragonbones/DragonBonesComponent.js

@@ -1,9 +1,5 @@
 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) {

package/dist/dragonbones/DragonBonesSystem.js

@@ -6,7 +6,7 @@ import { DragonBones } from './DragonBonesComponent';
 export class DragonBonesSystem {
     configure(event_manager) {
         event_manager.subscribe(EventTypes.ComponentAdded, DragonBones, ({ entity, component }) => {
-            const { data, animation, playTimes } = component;
+            const { data, animation, playTimes = 0 } = component.props;
             const { skeleton, atlas, texture } = data;
             const skeletonAsset = Assets.get(skeleton);
             const atlasAsset = Assets.get(atlas);

package/dist/gui/GUIComponent.d.ts

@@ -1,7 +1,6 @@
 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';
@@ -10,14 +9,14 @@ export declare const FillType: {
     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;
+interface ButtonCompProps {
+    normalImage?: string;
+    selectedImage?: string;
+    disableImage?: string;
+    zoomScale?: number;
     onPress: (target: ButtonComp) => void;
+}
+export declare class ButtonComp extends NoRenderComponentX<ButtonCompProps> {
     set enabled(val: any);
 }
 export declare class ProgressBarComp extends ComponentX<{}, ProgressBar> {
@@ -28,10 +27,12 @@ export declare class ProgressBarComp extends ComponentX<{}, ProgressBar> {
     get progress(): number;
     set progress(val: number);
 }
+interface LabelCompProps {
+    font?: string;
+    string?: string;
+    size?: number;
+}
 export declare class LabelComp extends ComponentX<LabelCompProps, Text> {
-    private _font;
-    private _string;
-    private _size;
     get string(): string;
     set string(val: string);
     get size(): number;
@@ -39,28 +40,29 @@ export declare class LabelComp extends ComponentX<LabelCompProps, Text> {
     get font(): string;
     set font(val: string);
 }
-export declare class ScrollView extends NoRenderComponentX<ScrollViewProps> {
+interface ScrollViewProps {
     width: number;
     height: number;
 }
+export declare class ScrollView extends NoRenderComponentX<ScrollViewProps> {
+}
 export declare class BlockInputEventsComp extends NoRenderComponentX {
 }
-export declare class ProgressTimerComp extends ComponentX<ProgressTimerProps & {
-    $ref?: ProgressTimerComp;
-}, ProgressTimer> {
+interface ProgressTimerProps {
     spriteFrame: string;
-    fillType?: Values;
+    fillType?: number;
     fillRange?: number;
     fillCenter?: Point;
     isReverse?: boolean;
+}
+export declare class ProgressTimerComp extends ComponentX<ProgressTimerProps & {
+    $ref?: ProgressTimerComp;
+}, ProgressTimer> {
     getFillRange(): number;
     setFillStart(val: number): void;
     setFillRange(val: number): void;
 }
 export declare class RichTextComp extends ComponentX<LabelCompProps, TaggedText> {
-    private _font;
-    private _string;
-    private _size;
     get string(): string;
     set string(val: string);
     get size(): number;
@@ -68,15 +70,19 @@ export declare class RichTextComp extends ComponentX<LabelCompProps, TaggedText>
     get font(): string;
     set font(font: string);
 }
-export declare class LabelOutlineComp extends NoRenderComponentX<LabelOutlineCompProps> {
+interface LabelOutlineCompProps {
     color: Color4B;
     width: number;
 }
-export declare class LabelShadowComp extends NoRenderComponentX<LabelShadowCompProps> {
+export declare class LabelOutlineComp extends NoRenderComponentX<LabelOutlineCompProps> {
+}
+interface LabelShadowCompProps {
     color: Color4B;
     blur: number;
     offset: Point;
 }
+export declare class LabelShadowComp extends NoRenderComponentX<LabelShadowCompProps> {
+}
 export declare class InputComp extends ComponentX<{}, Input> {
     bg: string;
     fill: FillInput;
@@ -93,8 +99,9 @@ export declare class SliderComp extends ComponentX<{}, Slider> {
 }
 export declare class RadioGroupComp extends ComponentX<{}, RadioGroup> {
 }
-export declare class CheckBoxComp extends ComponentX<{}, CheckBox> {
+export declare class CheckBoxComp extends ComponentX<{
     style: CheckBoxOptions['style'];
+}, CheckBox> {
 }
 export {};
 //# sourceMappingURL=GUIComponent.d.ts.map

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

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

package/dist/gui/GUIComponent.js

@@ -28,15 +28,11 @@ export class ProgressBarComp extends ComponentX {
     }
 }
 export class LabelComp extends ComponentX {
-    constructor() {
-        super(...arguments);
-        this._size = 64;
-    }
     get string() {
-        return this._string;
+        return this.props.string;
     }
     set string(val) {
-        this._string = val;
+        this.props.string = val;
         if (!this.node)
             return;
         if (this.node.instance instanceof Text) {
@@ -44,10 +40,10 @@ export class LabelComp extends ComponentX {
         }
     }
     get size() {
-        return this._size;
+        return this.props.size;
     }
     set size(val) {
-        this._size = val;
+        this.props.size = val;
         if (!this.node)
             return;
         if (this.node.instance instanceof Text) {
@@ -55,10 +51,10 @@ export class LabelComp extends ComponentX {
         }
     }
     get font() {
-        return this._font;
+        return this.props.font;
     }
     set font(val) {
-        this._font = val;
+        this.props.font = val;
         if (!this.node)
             return;
         // console.log('set font', val, Assets.get(val))
@@ -86,10 +82,10 @@ export class ProgressTimerComp extends ComponentX {
 }
 export class RichTextComp extends ComponentX {
     get string() {
-        return this._string;
+        return this.props.string;
     }
     set string(val) {
-        this._string = val;
+        this.props.string = val;
         if (!this.node)
             return;
         const jObj = parseFontString(val);
@@ -102,19 +98,19 @@ export class RichTextComp extends ComponentX {
         this.node.instance.setTagStyles(styles);
     }
     get size() {
-        return this._size;
+        return this.props.size;
     }
     set size(size) {
-        this._size = size;
+        this.props.size = size;
         if (!this.node)
             return;
         this.node.instance.setStyleForTag('root', { fontSize: size, color: '#fff' });
     }
     get font() {
-        return this._font;
+        return this.props.font;
     }
     set font(font) {
-        this._font = font;
+        this.props.font = font;
         if (!this.node)
             return;
         this.node.instance.setStyleForTag('root', { color: '#fff', fontFamily: font });

package/dist/gui/GUISystem.js

@@ -1,11 +1,11 @@
-import { Button, CheckBox, Input, List, ProgressBar, RadioGroup, ScrollBox, Slider } from '@pixi/ui';
+import { Button, CheckBox, List, RadioGroup, ScrollBox } 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';
+import { ButtonComp, CheckBoxComp, LabelComp, ListComp, ProgressTimerComp, RadioGroupComp, RichTextComp, ScrollView } from './GUIComponent';
 export class GUISystem {
     configure(event_manager) {
         event_manager.subscribe(EventTypes.ComponentAdded, ButtonComp, ({ entity, component }) => {
@@ -21,22 +21,22 @@ export class GUISystem {
                 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);
+                    if (Object.prototype.hasOwnProperty.call(component.props, 'onPress')) {
+                        component.props.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, ProgressBarComp, ({ entity, component }) => {
+        //   const { progress = 1, bg, fill } = component.props
+        //   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 { spriteFrame, fillCenter } = component.props;
             const node = new ProgressTimer(LoadingBarMode.BAR, spriteFrame);
             if (fillCenter) {
                 node.fillCenter = fillCenter;
@@ -44,7 +44,7 @@ export class GUISystem {
             component.node = entity.assign(new NodeComp(node, entity));
         });
         event_manager.subscribe(EventTypes.ComponentAdded, ScrollView, ({ entity, component }) => {
-            const { width, height } = component;
+            const { width, height } = component.props;
             const view = new ScrollBox({ width, height });
             component.node = entity.assign(new NodeComp(view, entity));
         });
@@ -52,32 +52,32 @@ export class GUISystem {
             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, SliderComp, ({ entity, component }) => {
+        //   const { bg, slider, fill } = component.props
+        //   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 { style } = component.props;
             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, InputComp, ({ entity, component }) => {
+        //   const { bg, size = 48, fill } = component.props
+        //   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;
+            const { string = '', font = '', size = 64 } = component.props;
             if (font)
                 component.font = (font);
             component.size = (size);
@@ -85,7 +85,7 @@ export class GUISystem {
         });
         event_manager.subscribe(EventTypes.ComponentAdded, RichTextComp, ({ entity, component }) => {
             // console.log('ComponentAddedEvent LabelComp', component)
-            const { string = '', font, size } = component;
+            const { string = '', font, size = 64 } = component.props;
             const node = new TaggedText(string);
             // node.defaultStyle = { }
             component.node = entity.assign(new NodeComp(node, entity));

package/dist/helper/utils.d.ts

@@ -1,7 +1,10 @@
 import { Constructor, EntityManager, EventManager } from 'entityx-ts';
 import { Point } from 'pixi.js';
 import { EnhancedComponent, GameWorld } from '../base';
-export declare function v2(x?: number, y?: number): Point;
+export declare function v2(x?: number | {
+    x: number;
+    y: 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 (): {

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

@@ -1 +1 @@
-{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../src/helper/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,aAAa,EAAE,YAAY,EAAoC,MAAM,YAAY,CAAC;AACxG,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,iBAAiB,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAIvD,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;yBAU/B,aAAa,UAAU,YAAY,CAAC,SAAS,CAAC,MAAM,MAAM;;EAe9E"}
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../src/helper/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,aAAa,EAAE,YAAY,EAAoC,MAAM,YAAY,CAAC;AACxG,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,iBAAiB,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAIvD,wBAAgB,EAAE,CAAC,CAAC,GAAE,MAAM,GAAG;IAAE,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAA;CAAM,EAAE,CAAC,SAAI,SAKjE;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;yBAU/B,aAAa,UAAU,YAAY,CAAC,SAAS,CAAC,MAAM,MAAM;;EAe9E"}

package/dist/helper/utils.js

@@ -3,6 +3,9 @@ import { Point } from 'pixi.js';
 import { GameWorld } from '../base';
 import { NodeComp } from '../components/NodeComp';
 export function v2(x = 0, y = 0) {
+    if (typeof x === 'object' && 'x' in x && 'y' in x) {
+        return new Point(x.x, x.y);
+    }
     return new Point(x, y);
 }
 export function getDistance(point1, point2) {

package/dist/index.d.ts

@@ -17,7 +17,6 @@ export * from './gui/GUIComponent';
 export * from './gui/GUISystem';
 export * from './helper/utils';
 export * from './norender/NoRenderComponent';
-export * from './planck';
 export * from './render/RenderComponent';
 export * from './render/RenderSystem';
 export * from './spine';

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAA;AAChC,cAAc,SAAS,CAAA;AACvB,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAA;AAC7B,cAAc,OAAO,CAAA;AACrB,cAAc,QAAQ,CAAA;AACtB,cAAc,YAAY,CAAA;AAC1B,cAAc,gCAAgC,CAAA;AAC9C,cAAc,4BAA4B,CAAA;AAC1C,cAAc,uBAAuB,CAAA;AACrC,cAAc,oBAAoB,CAAA;AAClC,cAAc,cAAc,CAAA;AAC5B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,aAAa,CAAA;AAC3B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,eAAe,CAAA;AAC7B,cAAc,oBAAoB,CAAA;AAClC,cAAc,iBAAiB,CAAA;AAC/B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,8BAA8B,CAAA;AAC5C,cAAc,UAAU,CAAA;AACxB,cAAc,0BAA0B,CAAA;AACxC,cAAc,uBAAuB,CAAA;AACrC,cAAc,SAAS,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAA;AAChC,cAAc,SAAS,CAAA;AACvB,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAA;AAC7B,cAAc,OAAO,CAAA;AACrB,cAAc,QAAQ,CAAA;AACtB,cAAc,YAAY,CAAA;AAC1B,cAAc,gCAAgC,CAAA;AAC9C,cAAc,4BAA4B,CAAA;AAC1C,cAAc,uBAAuB,CAAA;AACrC,cAAc,oBAAoB,CAAA;AAClC,cAAc,cAAc,CAAA;AAC5B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,aAAa,CAAA;AAC3B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,eAAe,CAAA;AAC7B,cAAc,oBAAoB,CAAA;AAClC,cAAc,iBAAiB,CAAA;AAC/B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,8BAA8B,CAAA;AAC5C,cAAc,0BAA0B,CAAA;AACxC,cAAc,uBAAuB,CAAA;AACrC,cAAc,SAAS,CAAA"}

package/dist/index.js

@@ -17,7 +17,6 @@ export * from './gui/GUIComponent';
 export * from './gui/GUISystem';
 export * from './helper/utils';
 export * from './norender/NoRenderComponent';
-export * from './planck';
 export * from './render/RenderComponent';
 export * from './render/RenderSystem';
 export * from './spine';

package/dist/norender/NoRenderComponent.d.ts

@@ -1,5 +1,4 @@
 import { FederatedPointerEvent } from 'pixi.js';
-import { ExtraDataProps, TouchEventProps } from '../@types/safex';
 import { NoRenderComponentX } from '../components/BaseComponent';
 import { EventCallbackType, EventMap, NodeComp } from '../components/NodeComp';
 export type TouchEventCallback = (touch?: FederatedPointerEvent, node?: NodeComp) => void;
@@ -9,25 +8,26 @@ export declare class EventRegister extends NoRenderComponentX {
     off(name: string, callback?: EventCallbackType, target?: any): any;
     emit(name: string, ...params: any): void;
 }
-export declare class TouchEventRegister extends NoRenderComponentX<TouchEventProps> {
+interface TouchEventProps {
     onTouchStart?: TouchEventCallback;
     onTouchMove?: TouchEventCallback;
     onTouchEnd?: TouchEventCallback;
     onTouchCancel?: TouchEventCallback;
+}
+export declare class TouchEventRegister extends NoRenderComponentX<TouchEventProps> {
     listener: EventListener;
     touch: Touch;
-    setOnTouchStart(cb: TouchEventCallback): void;
-    setOnTouchMove(cb: TouchEventCallback): void;
-    setOnTouchEnd(cb: TouchEventCallback): void;
-    setOnTouchCancel(cb: TouchEventCallback): void;
 }
-export declare class ExtraDataComp extends NoRenderComponentX<ExtraDataProps> {
+interface ExtraDataProps {
     key: string;
     value: any;
+}
+export declare class ExtraDataComp extends NoRenderComponentX<ExtraDataProps> {
     data: {
         [key: string]: any;
     };
     getData<T>(key: string): T;
     setData<T>(key: string, val: T): void;
 }
+export {};
 //# sourceMappingURL=NoRenderComponent.d.ts.map

package/dist/norender/NoRenderComponent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NoRenderComponent.d.ts","sourceRoot":"","sources":["../../src/norender/NoRenderComponent.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAA;AAC/C,OAAO,EAAE,cAAc,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAA;AACjE,OAAO,EAAE,kBAAkB,EAAE,MAAM,6BAA6B,CAAA;AAChE,OAAO,EAAE,iBAAiB,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAA;AAO9E,MAAM,MAAM,kBAAkB,GAAG,CAAC,KAAK,CAAC,EAAE,qBAAqB,EAAE,IAAI,CAAC,EAAE,QAAQ,KAAK,IAAI,CAAA;AAEzF,qBAAa,aAAc,SAAQ,kBAAkB;IACnD,MAAM,EAAE,QAAQ,CAAK;IAErB,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,iBAAiB,EAAE,MAAM,CAAC,EAAE,GAAG;IAS1D,GAAG,CAAC,IAAI,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,iBAAiB,EAAE,MAAM,CAAC,EAAE,GAAG;IAK5D,IAAI,CAAC,IAAI,EAAE,MAAM,EAAE,GAAG,MAAM,EAAE,GAAG;CAKlC;AAED,qBAAa,kBAAmB,SAAQ,kBAAkB,CAAC,eAAe,CAAC;IACzE,YAAY,CAAC,EAAE,kBAAkB,CAAA;IACjC,WAAW,CAAC,EAAE,kBAAkB,CAAA;IAChC,UAAU,CAAC,EAAE,kBAAkB,CAAA;IAC/B,aAAa,CAAC,EAAE,kBAAkB,CAAA;IAClC,QAAQ,EAAE,aAAa,CAAA;IACvB,KAAK,EAAE,KAAK,CAAA;IAEZ,eAAe,CAAC,EAAE,EAAE,kBAAkB;IAItC,cAAc,CAAC,EAAE,EAAE,kBAAkB;IAIrC,aAAa,CAAC,EAAE,EAAE,kBAAkB;IAIpC,gBAAgB,CAAC,EAAE,EAAE,kBAAkB;CAGxC;AAED,qBAAa,aAAc,SAAQ,kBAAkB,CAAC,cAAc,CAAC;IACnE,GAAG,EAAE,MAAM,CAAA;IACX,KAAK,EAAE,GAAG,CAAA;IACV,IAAI,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;KAAE,CAAK;IAEjC,OAAO,CAAC,CAAC,EAAE,GAAG,EAAE,MAAM,GAAG,CAAC;IAG1B,OAAO,CAAC,CAAC,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,CAAC;CAG/B"}
+{"version":3,"file":"NoRenderComponent.d.ts","sourceRoot":"","sources":["../../src/norender/NoRenderComponent.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAA;AAC/C,OAAO,EAAE,kBAAkB,EAAE,MAAM,6BAA6B,CAAA;AAChE,OAAO,EAAE,iBAAiB,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAA;AAO9E,MAAM,MAAM,kBAAkB,GAAG,CAAC,KAAK,CAAC,EAAE,qBAAqB,EAAE,IAAI,CAAC,EAAE,QAAQ,KAAK,IAAI,CAAA;AAEzF,qBAAa,aAAc,SAAQ,kBAAkB;IACnD,MAAM,EAAE,QAAQ,CAAK;IAErB,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,iBAAiB,EAAE,MAAM,CAAC,EAAE,GAAG;IAS1D,GAAG,CAAC,IAAI,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,iBAAiB,EAAE,MAAM,CAAC,EAAE,GAAG;IAK5D,IAAI,CAAC,IAAI,EAAE,MAAM,EAAE,GAAG,MAAM,EAAE,GAAG;CAKlC;AAED,UAAU,eAAe;IACvB,YAAY,CAAC,EAAE,kBAAkB,CAAA;IACjC,WAAW,CAAC,EAAE,kBAAkB,CAAA;IAChC,UAAU,CAAC,EAAE,kBAAkB,CAAA;IAC/B,aAAa,CAAC,EAAE,kBAAkB,CAAA;CACnC;AACD,qBAAa,kBAAmB,SAAQ,kBAAkB,CAAC,eAAe,CAAC;IACzE,QAAQ,EAAE,aAAa,CAAA;IACvB,KAAK,EAAE,KAAK,CAAA;CACb;AAED,UAAU,cAAc;IACtB,GAAG,EAAE,MAAM,CAAA;IACX,KAAK,EAAE,GAAG,CAAA;CACX;AACD,qBAAa,aAAc,SAAQ,kBAAkB,CAAC,cAAc,CAAC;IACnE,IAAI,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;KAAE,CAAK;IAEjC,OAAO,CAAC,CAAC,EAAE,GAAG,EAAE,MAAM,GAAG,CAAC;IAG1B,OAAO,CAAC,CAAC,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,CAAC;CAG/B"}

package/dist/norender/NoRenderComponent.js

@@ -23,18 +23,6 @@ export class EventRegister extends NoRenderComponentX {
     }
 }
 export class TouchEventRegister extends NoRenderComponentX {
-    setOnTouchStart(cb) {
-        this.onTouchStart = cb;
-    }
-    setOnTouchMove(cb) {
-        this.onTouchMove = cb;
-    }
-    setOnTouchEnd(cb) {
-        this.onTouchEnd = cb;
-    }
-    setOnTouchCancel(cb) {
-        this.onTouchCancel = cb;
-    }
 }
 export class ExtraDataComp extends NoRenderComponentX {
     constructor() {