pixifact 0.1.3 → 0.1.5

package/dist/runtime/component/Layout.d.ts

@@ -1,104 +0,0 @@
-import { Component } from "./Component.js";
-/**
- * 控制布局
- * 当添加了控制布局组件后，原本的position、size和scale可能会被自动管控手动设置将不会生效
- * ```ts
- * const node = GameObject.instantiate(Group, parent, {
- *   width: 100,
- *   height: 100,
- *   anchorX: 0.5,
- *   anchorY: 0.5,
- * });
- * node.addComponent(Layout, { centerX: 0, centerY: 0 });
- * ```
- */
-export declare class Layout extends Component {
-    private preferredWidth;
-    private preferredHeight;
-    private _markResize;
-    private _active;
-    private _applyingLayout;
-    private resizeLater;
-    private handleAdded;
-    private handleRemoved;
-    private handleParentResize;
-    private handleSelfResize;
-    private _left?;
-    /**
-     * 相对左边的距离
-     */
-    get left(): number | undefined;
-    set left(val: number | undefined);
-    private _top?;
-    /**
-     * 相对顶部的距离
-     */
-    get top(): number | undefined;
-    set top(val: number | undefined);
-    private _right?;
-    /**
-     * 相对右边的距离
-     */
-    get right(): number | undefined;
-    set right(val: number | undefined);
-    private _bottom?;
-    /**
-     * 相对底部的距离
-     */
-    get bottom(): number | undefined;
-    set bottom(val: number | undefined);
-    private _centerX?;
-    /**
-     * 水平居中偏移。
-     * left 和 right 将失效
-     * 注意：如果要让节点真正实现水平居中，需要设置 `anchorX`
-     * ```ts
-     * const node = GameObject.instantiate(Group, parent, { anchorX: 0.5 });
-     * node.addComponent(Layout, { centerX: 0 });
-     * ```
-     */
-    get centerX(): number | undefined;
-    set centerX(val: number | undefined);
-    private _centerY?;
-    /**
-     * 垂直居中偏移。
-     * top 和 bottom 将失效
-     * 注意：如果要让节点真正实现垂直居中，需要设置 `anchorY`
-     * ```ts
-     * const node = GameObject.instantiate(Group, parent, { anchorY: 0.5 });
-     * node.addComponent(Layout, { centerY: 0 });
-     * ```
-     */
-    get centerY(): number | undefined;
-    set centerY(val: number | undefined);
-    private _minWidth;
-    get minWidth(): number;
-    set minWidth(val: number);
-    private _minHeight;
-    get minHeight(): number;
-    set minHeight(val: number);
-    awake(): void;
-    private markResize;
-    /**
-     * 当挂载节点尺寸发生变化，且需要重新动态计算时调用
-     * 将保存当前组件的位置和大小状态
-     */
-    saveNewSize(): void;
-    private savePreferredSize;
-    private clampWidth;
-    private clampHeight;
-    /**
-     * 重新计算布局/矫正布局
-     * ```ts
-     * const node = new Transform();
-     * const layout = node.addComponent(Layout);
-     * node.anchor.set(0.5, 0.5);
-     * layout.resize();
-     * ```
-     */
-    /**
-     * 矫正布局
-     */
-    resize(): void;
-    onDestroy(): void;
-}

package/dist/runtime/component/Layout.js

@@ -1,248 +0,0 @@
-import { GameObject } from "../GameObject.js";
-import { Component } from "./Component.js";
-import { onlyOnceQueueMicrotask } from "../utils/onlyOnceQueueMicrotask.js";
-/**
- * 控制布局
- * 当添加了控制布局组件后，原本的position、size和scale可能会被自动管控手动设置将不会生效
- * ```ts
- * const node = GameObject.instantiate(Group, parent, {
- *   width: 100,
- *   height: 100,
- *   anchorX: 0.5,
- *   anchorY: 0.5,
- * });
- * node.addComponent(Layout, { centerX: 0, centerY: 0 });
- * ```
- */
-export class Layout extends Component {
-    preferredWidth = 0;
-    preferredHeight = 0;
-    _markResize = false;
-    _active = false;
-    _applyingLayout = false;
-    resizeLater = onlyOnceQueueMicrotask(() => {
-        if (!this._active || !this._markResize) {
-            return;
-        }
-        this.resize();
-    });
-    handleAdded = () => {
-        this.gameObject.parent?.emitter.on(GameObject.Event.RESIZE, this.handleParentResize, this);
-        this.markResize();
-    };
-    handleRemoved = (parent) => {
-        parent.emitter.off(GameObject.Event.RESIZE, this.handleParentResize, this);
-    };
-    handleParentResize = () => {
-        this.markResize();
-    };
-    handleSelfResize = () => {
-        if (!this._applyingLayout) {
-            this.savePreferredSize();
-        }
-        this.markResize();
-    };
-    _left;
-    /**
-     * 相对左边的距离
-     */
-    get left() {
-        return this._left;
-    }
-    set left(val) {
-        this._left = val;
-        this.markResize();
-    }
-    _top;
-    /**
-     * 相对顶部的距离
-     */
-    get top() {
-        return this._top;
-    }
-    set top(val) {
-        this._top = val;
-        this.markResize();
-    }
-    _right;
-    /**
-     * 相对右边的距离
-     */
-    get right() {
-        return this._right;
-    }
-    set right(val) {
-        this._right = val;
-        this.markResize();
-    }
-    _bottom;
-    /**
-     * 相对底部的距离
-     */
-    get bottom() {
-        return this._bottom;
-    }
-    set bottom(val) {
-        this._bottom = val;
-        this.markResize();
-    }
-    _centerX;
-    /**
-     * 水平居中偏移。
-     * left 和 right 将失效
-     * 注意：如果要让节点真正实现水平居中，需要设置 `anchorX`
-     * ```ts
-     * const node = GameObject.instantiate(Group, parent, { anchorX: 0.5 });
-     * node.addComponent(Layout, { centerX: 0 });
-     * ```
-     */
-    get centerX() {
-        return this._centerX;
-    }
-    set centerX(val) {
-        this._centerX = val;
-        this.markResize();
-    }
-    _centerY;
-    /**
-     * 垂直居中偏移。
-     * top 和 bottom 将失效
-     * 注意：如果要让节点真正实现垂直居中，需要设置 `anchorY`
-     * ```ts
-     * const node = GameObject.instantiate(Group, parent, { anchorY: 0.5 });
-     * node.addComponent(Layout, { centerY: 0 });
-     * ```
-     */
-    get centerY() {
-        return this._centerY;
-    }
-    set centerY(val) {
-        this._centerY = val;
-        this.markResize();
-    }
-    _minWidth = 0;
-    get minWidth() {
-        return this._minWidth;
-    }
-    set minWidth(val) {
-        this._minWidth = val;
-        this.markResize();
-    }
-    _minHeight = 0;
-    get minHeight() {
-        return this._minHeight;
-    }
-    set minHeight(val) {
-        this._minHeight = val;
-        this.markResize();
-    }
-    awake() {
-        this._active = true;
-        this.savePreferredSize();
-        // 当父元素尺寸发生变化时触发
-        this.gameObject.parent?.emitter.on(GameObject.Event.RESIZE, this.handleParentResize, this);
-        // 当自身发生变化时触发
-        this.gameObject.emitter.on(GameObject.Event.RESIZE, this.handleSelfResize, this);
-        // 当自身被添加时时添加监听
-        this.gameObject.emitter.on(GameObject.Event.ADDED, this.handleAdded, this);
-        // 当自身被移除时移除监听
-        this.gameObject.emitter.on(GameObject.Event.REMOVED, this.handleRemoved, this);
-        this.resize();
-    }
-    markResize() {
-        this._markResize = true;
-        if (this._active) {
-            this.resizeLater();
-        }
-    }
-    /**
-     * 当挂载节点尺寸发生变化，且需要重新动态计算时调用
-     * 将保存当前组件的位置和大小状态
-     */
-    saveNewSize() {
-        this.savePreferredSize();
-        this.resize();
-    }
-    savePreferredSize() {
-        this.preferredWidth = this.gameObject.width;
-        this.preferredHeight = this.gameObject.height;
-    }
-    clampWidth(width) {
-        return Math.max(this.minWidth, width);
-    }
-    clampHeight(height) {
-        return Math.max(this.minHeight, height);
-    }
-    /**
-     * 重新计算布局/矫正布局
-     * ```ts
-     * const node = new Transform();
-     * const layout = node.addComponent(Layout);
-     * node.anchor.set(0.5, 0.5);
-     * layout.resize();
-     * ```
-     */
-    /**
-     * 矫正布局
-     */
-    resize() {
-        if (!this.gameObject.parent) {
-            this._markResize = false;
-            return;
-        }
-        const parent = this.gameObject.parent;
-        let width = this.clampWidth(this.gameObject.width);
-        let height = this.clampHeight(this.gameObject.height);
-        let x = this.gameObject.x;
-        let y = this.gameObject.y;
-        if (this.centerX != undefined) {
-            x = (parent.width - width) / 2 + this.centerX + this.gameObject.anchorX * width;
-        }
-        else if (this.left != undefined && this.right != undefined) {
-            width = this.clampWidth(parent.width - this.left - this.right);
-            x = this.left + this.gameObject.anchorX * width;
-        }
-        else if (this.left != undefined) {
-            x = this.left + this.gameObject.anchorX * width;
-        }
-        else if (this.right != undefined) {
-            width = this.clampWidth(this.preferredWidth);
-            x = parent.width - this.right - width + this.gameObject.anchorX * width;
-        }
-        if (this.centerY != undefined) {
-            y = (parent.height - height) / 2 + this.centerY + this.gameObject.anchorY * height;
-        }
-        else if (this.top != undefined && this.bottom != undefined) {
-            height = this.clampHeight(parent.height - this.top - this.bottom);
-            y = this.top + this.gameObject.anchorY * height;
-        }
-        else if (this.top != undefined) {
-            y = this.top + this.gameObject.anchorY * height;
-        }
-        else if (this.bottom != undefined) {
-            height = this.clampHeight(this.preferredHeight);
-            y = parent.height - this.bottom - height + this.gameObject.anchorY * height;
-        }
-        this._applyingLayout = true;
-        try {
-            if (this.gameObject.width !== width) {
-                this.gameObject.width = width;
-            }
-            if (this.gameObject.height !== height) {
-                this.gameObject.height = height;
-            }
-            this.gameObject.transform.setPosition(x, y);
-        }
-        finally {
-            this._applyingLayout = false;
-            this._markResize = false;
-        }
-    }
-    onDestroy() {
-        this._active = false;
-        this.gameObject.parent?.emitter.off(GameObject.Event.RESIZE, this.handleParentResize, this);
-        this.gameObject.emitter.off(GameObject.Event.RESIZE, this.handleSelfResize, this);
-        this.gameObject.emitter.off(GameObject.Event.ADDED, this.handleAdded, this);
-        this.gameObject.emitter.off(GameObject.Event.REMOVED, this.handleRemoved, this);
-    }
-}

package/dist/runtime/component/decorators.d.ts

@@ -1,4 +0,0 @@
-import type { ComponentMetaOptions, PropOptions, PropSchema } from "./ComponentRegistry.js";
-export declare function getDecoratedPropSchemas(ctor: Function): PropSchema[];
-export declare function ComponentMeta(options: ComponentMetaOptions): ClassDecorator;
-export declare function Prop(options: PropOptions): PropertyDecorator;

package/dist/runtime/component/decorators.js

@@ -1,52 +0,0 @@
-import { ComponentRegistry } from "./ComponentRegistry.js";
-const propSchemas = new WeakMap();
-function getOwnPropSchemas(ctor) {
-    let props = propSchemas.get(ctor);
-    if (!props) {
-        props = [];
-        propSchemas.set(ctor, props);
-    }
-    return props;
-}
-export function getDecoratedPropSchemas(ctor) {
-    const hierarchy = [];
-    let proto = ctor.prototype;
-    while (proto && proto.constructor && proto.constructor !== Object) {
-        hierarchy.unshift(proto.constructor);
-        proto = Object.getPrototypeOf(proto);
-    }
-    const propsByKey = new Map();
-    for (const item of hierarchy) {
-        for (const prop of propSchemas.get(item) ?? []) {
-            propsByKey.set(prop.key, prop);
-        }
-    }
-    return Array.from(propsByKey.values());
-}
-export function ComponentMeta(options) {
-    return (target) => {
-        ComponentRegistry.register({
-            ...options,
-            ctor: target,
-            props: getDecoratedPropSchemas(target),
-        });
-    };
-}
-export function Prop(options) {
-    return (target, propertyKey) => {
-        const props = getOwnPropSchemas(target.constructor);
-        const key = String(propertyKey);
-        const index = props.findIndex((prop) => prop.key === key);
-        const schema = {
-            key,
-            serialize: true,
-            ...options,
-        };
-        if (index === -1) {
-            props.push(schema);
-        }
-        else {
-            props[index] = schema;
-        }
-    };
-}

package/dist/runtime/component/index.d.ts

@@ -1,7 +0,0 @@
-export * from './Component.js';
-export * from './ComponentRegistry.js';
-export * from './decorators.js';
-export * from './Layout.js';
-export * from './GridLayout.js';
-export * from './FlexGroup.js';
-export * from './Flex.js';

package/dist/runtime/component/index.js

@@ -1,7 +0,0 @@
-export * from './Component.js';
-export * from './ComponentRegistry.js';
-export * from './decorators.js';
-export * from './Layout.js';
-export * from './GridLayout.js';
-export * from './FlexGroup.js';
-export * from './Flex.js';

package/dist/runtime/graphics/index.d.ts

@@ -1,11 +0,0 @@
-import { GameObject } from "../GameObject.js";
-import { FillInput, Graphics as PIXIGraphics, StrokeInput } from 'pixi.js';
-export declare class Graphics extends GameObject<PIXIGraphics> {
-    display: PIXIGraphics;
-    rect(x: number, y: number, width: number, height: number): this;
-    roundRect(x: number, y: number, width: number, height: number, radius: number): this;
-    circle(x: number, y: number, radius: number): this;
-    stroke(style?: StrokeInput): this;
-    fill(style?: FillInput): this;
-    clear(): this;
-}

package/dist/runtime/graphics/index.js

@@ -1,29 +0,0 @@
-import { GameObject } from "../GameObject.js";
-import { Graphics as PIXIGraphics } from 'pixi.js';
-export class Graphics extends GameObject {
-    display = new PIXIGraphics();
-    rect(x, y, width, height) {
-        this.display.rect(x, y, width, height);
-        return this;
-    }
-    roundRect(x, y, width, height, radius) {
-        this.display.roundRect(x, y, width, height, radius);
-        return this;
-    }
-    circle(x, y, radius) {
-        this.display.circle(x, y, radius);
-        return this;
-    }
-    stroke(style) {
-        this.display.stroke(style);
-        return this;
-    }
-    fill(style) {
-        this.display.fill(style);
-        return this;
-    }
-    clear() {
-        this.display.clear();
-        return this;
-    }
-}

package/dist/runtime/group/index.d.ts

@@ -1,39 +0,0 @@
-import { Container } from "pixi.js";
-import { GameObject } from "../GameObject.js";
-export declare class Group extends GameObject<Container> {
-    display: Container<import("pixi.js").ContainerChild>;
-    protected _width: number;
-    protected _height: number;
-    children: GameObject[];
-    get width(): number;
-    set width(val: number);
-    get height(): number;
-    set height(val: number);
-    resize(): void;
-    getChildAt(index: number): GameObject<Container<import("pixi.js").ContainerChild>>;
-    /**
-     * 插入一个子节点
-     * @param child - 待插入的节点
-     */
-    addChild(child: GameObject): GameObject<Container<import("pixi.js").ContainerChild>>;
-    /**
-     * 在指定位置插入节点
-     * @param child - 待插入的节点
-     * @param index - 要插入的位置
-     */
-    addChildAt(child: GameObject, index: number): GameObject<Container<import("pixi.js").ContainerChild>>;
-    /**
-     * 移除一个节点
-     * @param child - 将要移除的节点
-     */
-    removeChild(child: GameObject): GameObject<Container<import("pixi.js").ContainerChild>> | undefined;
-    /**
-     * 移除一个指定位置的元素
-     * @param index - 要移除节点的位置
-     */
-    removeChildAt(index: number): GameObject<Container<import("pixi.js").ContainerChild>>;
-    /**
-     * 移除所有子元素
-     */
-    removeChildren(): void;
-}

package/dist/runtime/group/index.js

@@ -1,102 +0,0 @@
-import { Container } from "pixi.js";
-import { GameObject } from "../GameObject.js";
-export class Group extends GameObject {
-    display = new Container();
-    _width = 0;
-    _height = 0;
-    children = [];
-    get width() {
-        return this._width;
-    }
-    set width(val) {
-        this._width = val;
-        this.refreshPivot();
-        this.emitter.emit(GameObject.Event.RESIZE);
-    }
-    get height() {
-        return this._height;
-    }
-    set height(val) {
-        this._height = val;
-        this.refreshPivot();
-        this.emitter.emit(GameObject.Event.RESIZE);
-    }
-    resize() {
-        const bound = this.display.getBounds();
-        this.width = bound.width;
-        this.height = bound.height;
-    }
-    getChildAt(index) {
-        if (index < 0 || index >= this.children.length) {
-            throw new Error(`getChildAt: Index (${index}) does not exist.`);
-        }
-        return this.children[index];
-    }
-    /**
-     * 插入一个子节点
-     * @param child - 待插入的节点
-     */
-    addChild(child) {
-        child.parent?.removeChild(child);
-        this.children.push(child);
-        child.parent = this;
-        this.display.addChild(child.display);
-        child.setApplication(this.app);
-        this.emitter.emit(GameObject.Event.CHILD_ADDED, child);
-        child.emitter.emit(GameObject.Event.ADDED, this);
-        return child;
-    }
-    /**
-     * 在指定位置插入节点
-     * @param child - 待插入的节点
-     * @param index - 要插入的位置
-     */
-    addChildAt(child, index) {
-        if (index < 0 || index > this.children.length) {
-            throw new Error(`addChildAt: Index (${index}) is out of bounds.`);
-        }
-        child.parent?.removeChild(child);
-        this.children.splice(index, 0, child);
-        child.parent = this;
-        this.display.addChildAt(child.display, index);
-        child.setApplication(this.app);
-        this.emitter.emit(GameObject.Event.CHILD_ADDED, child);
-        child.emitter.emit(GameObject.Event.ADDED, this);
-        return child;
-    }
-    /**
-     * 移除一个节点
-     * @param child - 将要移除的节点
-     */
-    removeChild(child) {
-        const index = this.children.indexOf(child);
-        if (index === -1) {
-            return;
-        }
-        return this.removeChildAt(index);
-    }
-    /**
-     * 移除一个指定位置的元素
-     * @param index - 要移除节点的位置
-     */
-    removeChildAt(index) {
-        if (index < 0 || index >= this.children.length) {
-            throw new Error(`removeChildAt: Index (${index}) does not exist.`);
-        }
-        const node = this.children.splice(index, 1)[0];
-        node.parent = undefined;
-        node.display.parent?.removeChild(node.display);
-        node.setApplication(undefined);
-        this.emitter.emit(GameObject.Event.CHILD_REMOVED, node);
-        node.emitter.emit(GameObject.Event.REMOVED, this);
-        return node;
-    }
-    /**
-     * 移除所有子元素
-     */
-    removeChildren() {
-        while (this.children.length > 0) {
-            this.removeChildAt(0);
-        }
-    }
-}

package/dist/runtime/image/Image.d.ts

@@ -1,19 +0,0 @@
-import { Sprite, Texture } from "pixi.js";
-import { GameObject } from "../GameObject.js";
-export declare class Image extends GameObject<Sprite> {
-    display: Sprite;
-    protected _width: number;
-    protected _height: number;
-    /**
-     * 这两个参数主要用于解决从来没有执行过resize或没有宽高进行赋值的情况下，使用默认纹理的宽高进行配置
-     */
-    private _isSetWidth;
-    private _isSetHeight;
-    get width(): number;
-    set width(val: number);
-    get height(): number;
-    set height(val: number);
-    get texture(): Texture;
-    set texture(tex: Texture);
-    resize(): void;
-}

package/dist/runtime/image/Image.js

@@ -1,60 +0,0 @@
-import { Sprite } from "pixi.js";
-import { GameObject } from "../GameObject.js";
-export class Image extends GameObject {
-    display = new Sprite();
-    _width = 0;
-    _height = 0;
-    /**
-     * 这两个参数主要用于解决从来没有执行过resize或没有宽高进行赋值的情况下，使用默认纹理的宽高进行配置
-     */
-    _isSetWidth = false;
-    _isSetHeight = false;
-    // get width() {
-    //     return this.display.texture.orig.width;
-    // }
-    get width() {
-        return this._width;
-    }
-    set width(val) {
-        this._width = val;
-        this._isSetWidth = true;
-        this.display.width = val;
-        this.refreshPivot();
-        this.emitter.emit(GameObject.Event.RESIZE);
-    }
-    // get height() {
-    //     return this.display.texture.orig.height;
-    // }
-    get height() {
-        return this._height;
-    }
-    set height(val) {
-        this._height = val;
-        this._isSetHeight = true;
-        this.display.height = val;
-        this.refreshPivot();
-        this.emitter.emit(GameObject.Event.RESIZE);
-    }
-    get texture() {
-        return this.display.texture;
-    }
-    set texture(tex) {
-        this.display.texture = tex;
-        if (this._isSetWidth) {
-            this.display.width = this.width;
-        }
-        else {
-            this._width = this.display.width;
-        }
-        if (this._isSetHeight) {
-            this.display.height = this.height;
-        }
-        else {
-            this._height = this.display.height;
-        }
-    }
-    resize() {
-        this.width = this.display.texture.width;
-        this.height = this.display.texture.height;
-    }
-}