pixifact 0.1.3 → 0.1.4

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

@@ -1,23 +0,0 @@
-import { NineSliceSprite, Texture } from "pixi.js";
-import { GameObject } from "../GameObject.js";
-export declare class NineSliceImage extends GameObject<NineSliceSprite> {
-    private _texture;
-    display: NineSliceSprite;
-    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(value: Texture);
-    resize(): void;
-}

package/dist/runtime/image/NineSliceImage.js

@@ -1,64 +0,0 @@
-import { NineSliceSprite, Texture } from "pixi.js";
-import { GameObject } from "../GameObject.js";
-export class NineSliceImage extends GameObject {
-    _texture = new Texture();
-    display = new NineSliceSprite(this._texture);
-    _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(value) {
-        this.display.texture = value;
-        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;
-    }
-}

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

@@ -1,2 +0,0 @@
-export * from './Image.js';
-export * from './NineSliceImage.js';

package/dist/runtime/image/index.js

@@ -1,2 +0,0 @@
-export * from './Image.js';
-export * from './NineSliceImage.js';

package/dist/runtime/label/Label.d.ts

@@ -1,11 +0,0 @@
-import { Text } from "pixi.js";
-import { LabelStyle } from "./LabelStyle.js";
-import { GameObject } from "../GameObject.js";
-export declare class Label extends GameObject {
-    display: Text;
-    get value(): string;
-    set value(val: string);
-    get style(): LabelStyle;
-    set style(val: LabelStyle);
-    resize(): void;
-}

package/dist/runtime/label/Label.js

@@ -1,26 +0,0 @@
-import { Text } from "pixi.js";
-import { GameObject } from "../GameObject.js";
-export class Label extends GameObject {
-    display = new Text();
-    // get width() {
-    //     return this._width;
-    // }
-    // set width() {
-    // }
-    get value() {
-        return this.display.text;
-    }
-    set value(val) {
-        this.display.text = val;
-    }
-    get style() {
-        return this.display.style;
-    }
-    set style(val) {
-        this.display.style = val;
-    }
-    resize() {
-        this.width = this.display.width;
-        this.height = this.display.height;
-    }
-}

package/dist/runtime/label/LabelStyle.d.ts

@@ -1,3 +0,0 @@
-import { TextStyle } from "pixi.js";
-export declare class LabelStyle extends TextStyle {
-}

package/dist/runtime/label/LabelStyle.js

@@ -1,3 +0,0 @@
-import { TextStyle } from "pixi.js";
-export class LabelStyle extends TextStyle {
-}

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

@@ -1,2 +0,0 @@
-export * from './Label.js';
-export * from './LabelStyle.js';

package/dist/runtime/label/index.js

@@ -1,2 +0,0 @@
-export * from './Label.js';
-export * from './LabelStyle.js';

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

@@ -1 +0,0 @@
-export * from './setProps.js';

package/dist/runtime/utils/index.js

@@ -1 +0,0 @@
-export * from './setProps.js';

package/dist/runtime/utils/onlyOnceQueueMicrotask.d.ts

@@ -1 +0,0 @@
-export declare const onlyOnceQueueMicrotask: <TArgs extends unknown[]>(fn: (...args: TArgs) => void) => ((...args: TArgs) => void);

package/dist/runtime/utils/onlyOnceQueueMicrotask.js

@@ -1,12 +0,0 @@
-export const onlyOnceQueueMicrotask = (fn) => {
-    let run = false;
-    return ((...args) => {
-        if (!run) {
-            run = true;
-            queueMicrotask(() => {
-                fn(...args);
-                run = false;
-            });
-        }
-    });
-};

package/dist/runtime/utils/setProps.d.ts

@@ -1,10 +0,0 @@
-export type Props<T> = {
-    [P in keyof T]?: Props<T[P]>;
-};
-/**
- * 快速设置
- * @param obj
- * @param props
- */
-export declare function setProps<T extends object>(obj: T, props: Partial<T>): T;
-export declare const sp: typeof setProps;

package/dist/runtime/utils/setProps.js

@@ -1,17 +0,0 @@
-/**
- * 快速设置
- * @param obj
- * @param props
- */
-export function setProps(obj, props) {
-    for (let key in props) {
-        const value = props[key];
-        // if (typeof value === 'object') {
-        //     setProps(obj[key], value!);
-        //     continue;
-        // }
-        obj[key] = value;
-    }
-    return obj;
-}
-export const sp = setProps;

package/dist/scene/dsl.d.ts

@@ -1,25 +0,0 @@
-import type { ComponentSpec, ContainerNodeSpec, ImageNodeSpec, InputNodeSpec, NodeSpec, RectTransformSpec, SceneSpec, ShapeNodeSpec, TextNodeSpec } from "./spec.js";
-export type NodeDslOptions = RectTransformSpec & {
-    id?: string;
-    key?: string;
-    role?: string;
-    components?: ComponentSpec[];
-};
-export type ContainerDslOptions = NodeDslOptions & {
-    children?: NodeSpec[];
-};
-export type ImageDslOptions = NodeDslOptions & NonNullable<ImageNodeSpec['image']>;
-export type TextDslOptions = NodeDslOptions & NonNullable<TextNodeSpec['text']>;
-export type InputDslOptions = NodeDslOptions & NonNullable<InputNodeSpec['input']>;
-export type ShapeDslOptions = NodeDslOptions & NonNullable<ShapeNodeSpec['shape']>;
-export declare function scene(name: string, root: ContainerNodeSpec): SceneSpec;
-export declare function container(name: string, options?: ContainerDslOptions): ContainerNodeSpec;
-export declare function image(name: string, options?: ImageDslOptions): ImageNodeSpec;
-export declare function text(name: string, options?: TextDslOptions): TextNodeSpec;
-export declare function input(name: string, options?: InputDslOptions): InputNodeSpec;
-export declare function shape(name: string, options?: ShapeDslOptions): ShapeNodeSpec;
-export declare function component(type: string, props?: Record<string, unknown>, id?: string): ComponentSpec;
-export declare function ref(componentId: string, nodeId?: string): string | {
-    node: string;
-    component: string;
-};

package/dist/scene/dsl.js

@@ -1,112 +0,0 @@
-const transformKeys = new Set([
-    'x',
-    'y',
-    'width',
-    'height',
-    'anchorX',
-    'anchorY',
-    'scaleX',
-    'scaleY',
-    'rotation',
-]);
-function splitNodeOptions(options) {
-    const { id, key, role, components, ...rest } = options;
-    const transform = {};
-    const props = {};
-    for (const [prop, value] of Object.entries(rest)) {
-        if (transformKeys.has(prop)) {
-            transform[prop] = value;
-        }
-        else {
-            props[prop] = value;
-        }
-    }
-    return { id, key, role, components, transform, props };
-}
-export function scene(name, root) {
-    return {
-        version: 1,
-        type: 'scene',
-        name,
-        root,
-    };
-}
-export function container(name, options = {}) {
-    const { children, } = options;
-    const { id, key, role, components, transform } = splitNodeOptions(options);
-    return {
-        id,
-        key,
-        role,
-        name,
-        kind: 'container',
-        transform,
-        components,
-        children,
-    };
-}
-export function image(name, options = {}) {
-    const { id, key, role, components, transform, props } = splitNodeOptions(options);
-    return {
-        id,
-        key,
-        role,
-        name,
-        kind: 'image',
-        transform,
-        components,
-        image: props,
-    };
-}
-export function text(name, options = {}) {
-    const { id, key, role, components, transform, props } = splitNodeOptions(options);
-    return {
-        id,
-        key,
-        role,
-        name,
-        kind: 'text',
-        transform,
-        components,
-        text: props,
-    };
-}
-export function input(name, options = {}) {
-    const { id, key, role, components, transform, props } = splitNodeOptions(options);
-    return {
-        id,
-        key,
-        role,
-        name,
-        kind: 'input',
-        transform,
-        components,
-        input: props,
-    };
-}
-export function shape(name, options = {}) {
-    const { id, key, role, components, transform, props } = splitNodeOptions(options);
-    return {
-        id,
-        key,
-        role,
-        name,
-        kind: 'shape',
-        transform,
-        components,
-        shape: props,
-    };
-}
-export function component(type, props, id) {
-    return {
-        id,
-        type,
-        props,
-    };
-}
-export function ref(componentId, nodeId) {
-    if (!nodeId) {
-        return componentId;
-    }
-    return { node: nodeId, component: componentId };
-}

package/dist/scene/index.d.ts

@@ -1,5 +0,0 @@
-export * from './spec.js';
-export * from './instantiate.js';
-export * from './dsl.js';
-export * from './nodesDsl.js';
-export * from './templates.js';

package/dist/scene/index.js

@@ -1,5 +0,0 @@
-export * from './spec.js';
-export * from './instantiate.js';
-export * from './dsl.js';
-export * from './nodesDsl.js';
-export * from './templates.js';

package/dist/scene/instantiate.d.ts

@@ -1,8 +0,0 @@
-import { Group } from "../runtime/index.js";
-import { Input } from "../nodes/Input.js";
-import type { InstantiateContext, InstantiateResult, NodeSpec, SceneSpec } from "./spec.js";
-import "../nodes/graphics/index.js";
-type SceneRuntimeNode = Group | Input;
-export declare function instantiateScene(scene: SceneSpec | NodeSpec, parent?: Group, context?: InstantiateContext): InstantiateResult<SceneRuntimeNode>;
-export declare const instantiate: typeof instantiateScene;
-export {};

package/dist/scene/instantiate.js

@@ -1,208 +0,0 @@
-import { GameObject, Group } from "../runtime/index.js";
-import { ComponentRegistry } from "../runtime/component/ComponentRegistry.js";
-import { Input } from "../nodes/Input.js";
-import "../nodes/graphics/index.js";
-function indexNode(map, node, spec) {
-    if (spec.key) {
-        map.set(spec.key, node);
-    }
-    if (spec.id) {
-        map.set(spec.id, node);
-    }
-    if (spec.name) {
-        map.set(spec.name, node);
-    }
-}
-function applyTransform(node, spec) {
-    const transform = spec.transform;
-    if (!transform) {
-        return;
-    }
-    if (transform.width !== undefined)
-        node.width = transform.width;
-    if (transform.height !== undefined)
-        node.height = transform.height;
-    if (transform.x !== undefined)
-        node.x = transform.x;
-    if (transform.y !== undefined)
-        node.y = transform.y;
-    if (transform.anchorX !== undefined)
-        node.anchorX = transform.anchorX;
-    if (transform.anchorY !== undefined)
-        node.anchorY = transform.anchorY;
-    if (transform.scaleX !== undefined)
-        node.scaleX = transform.scaleX;
-    if (transform.scaleY !== undefined)
-        node.scaleY = transform.scaleY;
-    if (transform.rotation !== undefined)
-        node.rotation = transform.rotation;
-}
-function resolveComponentRef(value, nodes, components) {
-    if (typeof value === 'string') {
-        return components.get(value) ?? nodes.get(value) ?? value;
-    }
-    if (!value || typeof value !== 'object') {
-        return value;
-    }
-    const ref = value;
-    if (!ref.component) {
-        return value;
-    }
-    if (ref.node) {
-        return components.get(`${ref.node}:${ref.component}`) ?? components.get(ref.component) ?? value;
-    }
-    return components.get(ref.component) ?? value;
-}
-function resolveEvent(value, context) {
-    if (typeof value !== 'string') {
-        return value;
-    }
-    return context?.actions?.[value] ?? value;
-}
-function addComponentFromSpec(node, spec, components, pendingProps, nodeIds) {
-    const schema = ComponentRegistry.get(spec.type);
-    if (!schema) {
-        throw new Error(`Unknown component type "${spec.type}".`);
-    }
-    const initialProps = {};
-    for (const prop of schema.props) {
-        if (prop.default !== undefined) {
-            initialProps[prop.key] = prop.default;
-        }
-    }
-    for (const [key, value] of Object.entries(spec.props ?? {})) {
-        const prop = schema.props.find((candidate) => candidate.key === key);
-        if (prop?.type === 'componentRef' || prop?.type === 'nodeRef' || prop?.type === 'event') {
-            continue;
-        }
-        initialProps[key] = value;
-    }
-    const component = node.addComponent(schema.ctor, initialProps);
-    if (spec.id) {
-        components.set(spec.id, component);
-        for (const nodeId of nodeIds) {
-            components.set(`${nodeId}:${spec.id}`, component);
-        }
-    }
-    for (const [key, value] of Object.entries(spec.props ?? {})) {
-        const prop = schema.props.find((candidate) => candidate.key === key);
-        if (prop?.type === 'componentRef' || prop?.type === 'nodeRef' || prop?.type === 'event') {
-            pendingProps.push({ component, key, value });
-        }
-    }
-    return component;
-}
-function rendererId(spec, fallback) {
-    return spec.id ?? spec.key ?? spec.name ?? fallback;
-}
-function applyTextNode(node, spec, components, pendingProps, nodeIds) {
-    addComponentFromSpec(node, {
-        id: rendererId(spec, 'text'),
-        type: 'ui.TextGraphic',
-        props: {
-            text: spec.text?.value ?? '',
-            color: spec.text?.color ?? 0x000000,
-            fontSize: spec.text?.fontSize ?? 14,
-            fontFamily: spec.text?.fontFamily ?? 'Arial',
-            fontWeight: spec.text?.fontWeight ?? 'normal',
-            center: spec.text?.center ?? false,
-        },
-    }, components, pendingProps, nodeIds);
-}
-function applyImageNode(node, spec, components, pendingProps, nodeIds) {
-    addComponentFromSpec(node, {
-        id: rendererId(spec, 'image'),
-        type: 'ui.ImageGraphic',
-        props: {
-            src: spec.image?.src ?? '',
-            tint: spec.image?.tint ?? 0xffffff,
-        },
-    }, components, pendingProps, nodeIds);
-}
-function applyShapeNode(node, spec, components, pendingProps, nodeIds) {
-    addComponentFromSpec(node, {
-        id: rendererId(spec, 'shape'),
-        type: 'ui.RoundedRectGraphic',
-        props: {
-            color: spec.shape?.color ?? 0xffffff,
-            fillAlpha: spec.shape?.fillAlpha ?? 1,
-            radius: spec.shape?.type === 'rect' ? 0 : spec.shape?.radius ?? 0,
-            strokeColor: spec.shape?.strokeColor ?? 0x000000,
-            strokeWidth: spec.shape?.strokeWidth ?? 0,
-            strokeAlpha: spec.shape?.strokeAlpha ?? 1,
-        },
-    }, components, pendingProps, nodeIds);
-}
-function applyInputNode(node, spec) {
-    if (!spec.input) {
-        return;
-    }
-    if (spec.input.value !== undefined)
-        node.value = spec.input.value;
-    if (spec.input.backgroundColor !== undefined)
-        node.backgroundColor = spec.input.backgroundColor;
-    if (spec.input.borderColor !== undefined)
-        node.borderColor = spec.input.borderColor;
-    if (spec.input.borderSize !== undefined)
-        node.borderSize = spec.input.borderSize;
-    if (spec.input.fontSize !== undefined)
-        node.fontSize = spec.input.fontSize;
-    if (spec.input.fontFamily !== undefined)
-        node.fontFamily = spec.input.fontFamily;
-    if (spec.input.paddingLeft !== undefined)
-        node.paddingLeft = spec.input.paddingLeft;
-    if (spec.input.paddingRight !== undefined)
-        node.paddingRight = spec.input.paddingRight;
-    if (spec.input.paddingTop !== undefined)
-        node.paddingTop = spec.input.paddingTop;
-    if (spec.input.paddingBottom !== undefined)
-        node.paddingBottom = spec.input.paddingBottom;
-}
-function instantiateNode(spec, parent, nodes, components, pendingProps) {
-    const node = GameObject.instantiate(spec.kind === 'input' ? Input : Group, parent);
-    const nodeIds = [spec.id, spec.key, spec.name].filter((value) => !!value);
-    indexNode(nodes, node, spec);
-    applyTransform(node, spec);
-    switch (spec.kind) {
-        case 'image':
-            applyImageNode(node, spec, components, pendingProps, nodeIds);
-            break;
-        case 'text':
-            applyTextNode(node, spec, components, pendingProps, nodeIds);
-            break;
-        case 'shape':
-            applyShapeNode(node, spec, components, pendingProps, nodeIds);
-            break;
-        case 'input':
-            applyInputNode(node, spec);
-            break;
-    }
-    for (const componentSpec of spec.components ?? []) {
-        addComponentFromSpec(node, componentSpec, components, pendingProps, nodeIds);
-    }
-    if (spec.kind === 'container') {
-        for (const childSpec of spec.children ?? []) {
-            instantiateNode(childSpec, node, nodes, components, pendingProps);
-        }
-    }
-    return node;
-}
-export function instantiateScene(scene, parent, context) {
-    const rootSpec = 'root' in scene ? scene.root : scene;
-    const nodes = new Map();
-    const components = new Map();
-    const pendingProps = [];
-    const root = instantiateNode(rootSpec, parent, nodes, components, pendingProps);
-    for (const item of pendingProps) {
-        const schema = ComponentRegistry.getByCtor(item.component.constructor);
-        const prop = schema?.props.find((candidate) => candidate.key === item.key);
-        const value = prop?.type === 'componentRef' || prop?.type === 'nodeRef'
-            ? resolveComponentRef(item.value, nodes, components)
-            : prop?.type === 'event'
-                ? resolveEvent(item.value, context)
-                : item.value;
-        item.component[item.key] = value;
-    }
-    return { root, nodes, components };
-}
-export const instantiate = instantiateScene;

package/dist/scene/nodesDsl.d.ts

@@ -1,42 +0,0 @@
-import type { ContainerNodeSpec } from "./spec.js";
-export declare function buttonScene(name: string, options?: {
-    id?: string;
-    key?: string;
-    role?: string;
-    x?: number;
-    y?: number;
-    width?: number;
-    height?: number;
-    label?: string;
-    color?: number;
-    textColor?: number;
-    radius?: number;
-    onClick?: string;
-}): ContainerNodeSpec;
-export declare function progressBarScene(name: string, options?: {
-    id?: string;
-    key?: string;
-    role?: string;
-    x?: number;
-    y?: number;
-    width?: number;
-    height?: number;
-    value?: number;
-    min?: number;
-    max?: number;
-    backgroundColor?: number;
-    fillColor?: number;
-    radius?: number;
-}): ContainerNodeSpec;
-export declare function scrollViewScene(name: string, options?: {
-    id?: string;
-    key?: string;
-    role?: string;
-    x?: number;
-    y?: number;
-    width?: number;
-    height?: number;
-    contentHeight?: number;
-    wheelSensitivity?: number;
-    dragEnabled?: boolean;
-}): ContainerNodeSpec;