ranuts 0.1.0-alpha.11 → 0.1.0-alpha.13

package/dist/src/utils/visual/vertex/application.d.ts

@@ -0,0 +1,13 @@
+import { Container } from '@/utils/visual/vertex/container';
+import type { IApplicationOptions } from '@/utils/visual/types';
+export declare class Application {
+    private renderer;
+    stage: Container;
+    view: HTMLCanvasElement;
+    private eventSystem;
+    private animationFrameId;
+    constructor(options: IApplicationOptions);
+    render(): void;
+    start(): void;
+    stop(): void;
+}

package/dist/src/utils/visual/vertex/container.d.ts

@@ -0,0 +1,38 @@
+import { Vertex } from '@/utils/visual/vertex/vertex';
+import type { CanvasRenderer } from '@/utils/visual/render/canvasRenderer';
+import type { Point } from '@/utils/visual/vertex/point';
+export declare class Container extends Vertex {
+    readonly children: Container[];
+    isSort: boolean;
+    constructor();
+    /**
+     * @description: 添加子元素
+     * @param {Container} child
+     * @return {*}
+     */
+    addChild: (child: Container) => void;
+    /**
+     * @description:删除子元素
+     * @param {Container} child
+     * @return {void}
+     */
+    removeChild: (child: Container) => void;
+    /**
+     * @description: 根据 z-index 排序子元素
+     * @return {*}
+     */
+    sortChildren(): void;
+    /**
+     * 渲染自身，在 container 上面没有东西要渲染，所以这个函数的内容为空
+     */
+    protected renderCanvas(render: CanvasRenderer): void;
+    /**
+     * 递归渲染以自身为根的整棵节点树
+     */
+    renderCanvasRecursive(render: CanvasRenderer): void;
+    /**
+     * 递归更新当前元素以及所有子元素的 transform
+     */
+    updateTransform(): void;
+    containsPoint(p: Point): boolean;
+}

package/dist/src/utils/visual/vertex/index.d.ts

@@ -0,0 +1,4 @@
+export * from '@/utils/visual/vertex/application';
+export * from '@/utils/visual/vertex/container';
+export * from '@/utils/visual/vertex/point';
+export * from '@/utils/visual/vertex/vertex';

package/dist/src/utils/visual/vertex/point.d.ts

@@ -0,0 +1,18 @@
+export declare class Point {
+    x: number;
+    y: number;
+    constructor(x?: number, y?: number);
+    set(x?: number, y?: number): void;
+    clone: () => Point;
+}
+export declare class ObservablePoint {
+    private _x;
+    private _y;
+    private cb;
+    constructor(cb: (...anyArgs: any[]) => any, x?: number, y?: number);
+    set(x?: number, y?: number): void;
+    get x(): number;
+    set x(value: number);
+    get y(): number;
+    set y(value: number);
+}

package/dist/src/utils/visual/vertex/vertex.d.ts

@@ -0,0 +1,36 @@
+import { SyncHook } from '@/utils/subscribe';
+import type { Container } from '@/utils/visual/vertex/container';
+import type { ObservablePoint } from '@/utils/visual/vertex/point';
+import { Transform } from '@/utils/visual/math/transform';
+import type { Matrix } from '@/utils/visual/math/matrix';
+import type { Cursor, FederatedEventMap } from '@/utils/visual/event';
+import type { Shape } from '@/utils/visual/shape';
+export declare abstract class Vertex extends SyncHook {
+    protected _zIndex: number;
+    parent: Container | undefined;
+    visible: boolean;
+    transform: Transform;
+    alpha: number;
+    worldAlpha: number;
+    hitArea: Shape | null;
+    cursor: Cursor;
+    get zIndex(): number;
+    set zIndex(value: number);
+    get position(): ObservablePoint;
+    get localTransform(): Matrix;
+    get worldTransform(): Matrix;
+    get x(): number;
+    set x(value: number);
+    get y(): number;
+    set y(value: number);
+    get scale(): ObservablePoint;
+    get pivot(): ObservablePoint;
+    get skew(): ObservablePoint;
+    get rotation(): number;
+    set rotation(value: number);
+    get angle(): number;
+    set angle(value: number);
+    updateTransform(): void;
+    addEventListener: <K extends keyof FederatedEventMap>(type: K, listener: (e: FederatedEventMap[K]) => unknown, options?: boolean | AddEventListenerOptions) => void;
+    removeEventListener: <K extends keyof FederatedEventMap>(type: K, listener: (e: FederatedEventMap[K]) => unknown, capture?: boolean) => void;
+}

package/dist/src/vnode/chainDom.d.ts

@@ -0,0 +1,47 @@
+/**
+ * @description: 链式调用的 dom 操作
+ * @return {HTMLElement}
+ */
+export declare class Chain {
+    element: HTMLElement;
+    constructor(tagName: string, options?: ElementCreationOptions);
+    /**
+     * @description: 创建元素
+     * @param {string} tagName
+     * @param {ElementCreationOptions} options
+     * @return {Chain}
+     */
+    create: (tagName: string, options?: ElementCreationOptions) => HTMLElement;
+    /**
+     * @description: 设置当前元素的属性
+     * @param {string} name
+     * @param {string} value
+     * @return {Chain}
+     */
+    setAttribute: (name: string, value: string) => Chain;
+    /**
+     * @description: 移除当前元素的属性
+     * @param {string} name
+     * @return {Chain}
+     */
+    removeAttribute: (name: string) => Chain;
+    /**
+     * @description: 当前元素添加子元素
+     * @param {HTMLElement} child
+     * @return {ChainElement}
+     */
+    append: (child: HTMLElement) => Chain;
+    /**
+     * @description: 当前元素移除子元素
+     * @param {HTMLElement} child
+     * @return {Chain}
+     */
+    remove: (child: HTMLElement) => Chain;
+    /**
+     * @description: 给当前元素设置文本内容
+     * @param {string} text
+     * @return {Chain}
+     */
+    setTextContent: (text: string) => Chain;
+}
+export declare const create: (tagName: string, options?: ElementCreationOptions) => Chain;