ranuts 0.1.0-alpha.2 → 0.1.0-alpha.20

package/dist/src/utils/visual/event/boundary.d.ts

@@ -0,0 +1,22 @@
+import type { Container } from '@/utils/visual/vertex/container';
+import type { Cursor, FederatedMouseEvent } from '@/utils/visual/event/types';
+export declare class EventBoundary {
+    private rootContainer;
+    private hasFoundTarget;
+    private hitTarget;
+    cursor: Cursor;
+    private eventHandlerMap;
+    private pressTargetsMap;
+    overTargets: Container[];
+    constructor(stage: Container);
+    private hitTestRecursive;
+    private hitTest;
+    fireEvent: (event: FederatedMouseEvent) => void;
+    private fireMouseMove;
+    private fireMouseDown;
+    private fireMouseUp;
+    private notifyTarget;
+    private propagate;
+    private dispatchEvent;
+    private composePath;
+}

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

@@ -0,0 +1,14 @@
+import type { Container } from '@/utils/visual/vertex/container';
+export declare class EventSystem {
+    private canvasEle;
+    private eventBoundary;
+    private rootEvent;
+    constructor(canvasEle: HTMLCanvasElement, stage: Container);
+    private addEvents;
+    private onPointerMove;
+    private onPointerLeave;
+    private onPointerDown;
+    private onPointerup;
+    private bootstrapEvent;
+    private setCursor;
+}

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

@@ -0,0 +1,6 @@
+import { EventBoundary } from '@/utils/visual/event/boundary';
+import { EventSystem } from '@/utils/visual/event/event';
+import { EventPhase, FederatedMouseEvent } from '@/utils/visual/event/types';
+import type { Cursor, FederatedEventMap } from '@/utils/visual/event/types';
+export { EventBoundary, EventSystem, EventPhase, FederatedMouseEvent };
+export type { FederatedEventMap, Cursor };

package/dist/src/utils/visual/event/types.d.ts

@@ -0,0 +1,32 @@
+import { Point } from '@/utils/visual/vertex/point';
+import { Container } from '@/utils/visual/vertex/container';
+export declare enum EventPhase {
+    NONE = 0,
+    CAPTURING = 1,
+    AT_TARGET = 2,
+    BUBBLING = 3
+}
+export declare class FederatedMouseEvent {
+    isTrusted: boolean;
+    timeStamp: number;
+    type: keyof FederatedEventMap;
+    button: number;
+    buttons: number;
+    global: Point;
+    propagationStopped: boolean;
+    eventPhase: EventPhase;
+    target: Container;
+    currentTarget: Container;
+    stopPropagation(): void;
+}
+export type FederatedEventMap = {
+    mousedown: FederatedMouseEvent;
+    mouseup: FederatedMouseEvent;
+    click: FederatedMouseEvent;
+    mouseenter: FederatedMouseEvent;
+    mouseleave: FederatedMouseEvent;
+    mousemove: FederatedMouseEvent;
+    mouseout: FederatedMouseEvent;
+    mouseover: FederatedMouseEvent;
+};
+export type Cursor = 'auto' | 'default' | 'none' | 'context-menu' | 'help' | 'pointer' | 'progress' | 'wait' | 'cell' | 'crosshair' | 'text' | 'vertical-text' | 'alias' | 'copy' | 'move' | 'no-drop' | 'not-allowed' | 'e-resize' | 'n-resize' | 'ne-resize' | 'nw-resize' | 's-resize' | 'se-resize' | 'sw-resize' | 'w-resize' | 'ns-resize' | 'ew-resize' | 'nesw-resize' | 'col-resize' | 'nwse-resize' | 'row-resize' | 'all-scroll' | 'zoom-in' | 'zoom-out' | 'grab' | 'grabbing';

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

@@ -0,0 +1,81 @@
+import { Container } from '@/utils/visual/vertex/container';
+import { Polygon } from '@/utils/visual/shape/polygon';
+import { GraphicsGeometry } from '@/utils/visual/graphics/graphicsGeometry';
+import type { Shape } from '@/utils/visual/shape/shape';
+import type { BatchRenderer } from '@/utils/visual/render/batchRenderer';
+import type { ILineStyleOptions } from '@/utils/visual/types';
+import type { CanvasRenderer } from '@/utils/visual/render/canvasRenderer';
+import type { Point } from '@/utils/visual/vertex/point';
+export declare class Graphics extends Container {
+    private _lineStyle;
+    private _fillStyle;
+    geometry: GraphicsGeometry;
+    currentPath: Polygon;
+    type: string;
+    constructor();
+    lineStyle(width: number, color?: string, alpha?: number): Graphics;
+    lineStyle(options: ILineStyleOptions): Graphics;
+    resetLineStyle: () => void;
+    protected drawShape: (shape: Shape) => Graphics;
+    /**
+     * 清空已有的 path，开始新的 path
+     */
+    protected startPoly: () => void;
+    beginFill: (color?: string, alpha?: number) => Graphics;
+    /**
+     * 结束填充模式
+     */
+    endFill: () => Graphics;
+    /**
+     * 画矩形
+     * @param x x 坐标
+     * @param y y 坐标
+     * @param width 宽度
+     * @param height 高度
+     */
+    drawRect: (x: number, y: number, width: number, height: number) => Graphics;
+    /**
+     * 画圆
+     * @param x 圆心 X 坐标
+     * @param y 圆心 Y 坐标
+     * @param radius 半径
+     */
+    drawCircle: (x: number, y: number, radius: number) => Graphics;
+    /**
+     * 画圆角矩形
+     * @param x x 坐标
+     * @param y y 坐标
+     * @param width 宽度
+     * @param height 高度
+     * @param radius 圆角半径
+     */
+    drawRoundedRect: (x: number, y: number, width: number, height: number, radius: number) => Graphics;
+    /**
+     * 画椭圆
+     * @param x 椭圆中心 x 坐标
+     * @param y 椭圆中心 y 坐标
+     * @param radiusX 椭圆 x 轴半径
+     * @param radiusY 椭圆 y 轴半径
+     */
+    drawEllipse: (x: number, y: number, radiusX: number, radiusY: number) => Graphics;
+    /**
+     * 画多边形
+     * @param points 多边形顶点坐标数组，每 2 个元素算一组 (x,y)
+     */
+    drawPolygon: (points: number[]) => Graphics;
+    moveTo: (x: number, y: number) => Graphics;
+    lineTo: (x: number, y: number) => Graphics;
+    closePath: () => Graphics;
+    containsPoint: (p: Point) => boolean;
+    quadraticCurveTo: (cpX: number, cpY: number, toX: number, toY: number) => Graphics;
+    bezierCurveTo: (cpX: number, cpY: number, cpX2: number, cpY2: number, toX: number, toY: number) => Graphics;
+    arc: (cx: number, cy: number, radius: number, startAngle: number, endAngle: number, anticlockwise?: boolean) => Graphics;
+    arcTo: (x1: number, y1: number, x2: number, y2: number, radius: number) => Graphics;
+    clear: () => Graphics;
+    /**
+     * 调用 canvas API 绘制自身
+     */
+    protected renderCanvas: (render: CanvasRenderer) => void;
+    buildBatches: (batchRenderer: BatchRenderer) => void;
+    updateBatches: (floatView: Float32Array) => void;
+}

package/dist/src/utils/visual/graphics/graphicsData.d.ts

@@ -0,0 +1,13 @@
+import type { Shape } from '@/utils/visual/shape/shape';
+import type { Fill } from '@/utils/visual/style/fill';
+import type { Line } from '@/utils/visual/style/line';
+export declare class GraphicsData {
+    shape: Shape;
+    lineStyle: Line;
+    fillStyle: Fill;
+    /**
+     * 顶点数组，每 2 个元素代表一个顶点
+     */
+    vertices: number[];
+    constructor(shape: Shape, fillStyle: Fill, lineStyle: Line);
+}

package/dist/src/utils/visual/graphics/graphicsGeometry.d.ts

@@ -0,0 +1,35 @@
+import { GraphicsData } from '@/utils/visual/graphics/graphicsData';
+import { CustomFloatArray, CustomIntArray } from '@/utils/visual/render/utils/float';
+import type { Point } from '@/utils/visual/vertex/point';
+import type { BatchPart } from '@/utils/visual/render/utils/batch';
+import type { Shape } from '@/utils/visual/shape/shape';
+import type { Fill } from '@/utils/visual/style/fill';
+import type { Line } from '@/utils/visual/style/line';
+export declare class GraphicsGeometry {
+    graphicsData: GraphicsData[];
+    private dirty;
+    shapeIndex: number;
+    /**
+     * 每个 batchPart 代表一个 fill 或者一个 stroke
+     */
+    batchParts: BatchPart[];
+    /**
+     * 顶点数组，每 2 个元素代表一个顶点
+     */
+    vertices: CustomFloatArray;
+    /**
+     * 顶点下标数组，每个元素代表一个顶点下标
+     */
+    indices: CustomIntArray;
+    drawShape(shape: Shape, fillStyle: Fill, lineStyle: Line): void;
+    /**
+     * @param p 待检测点
+     * @returns {boolean} 待检测点是否落在某一个子图形内
+     */
+    containsPoint(p: Point): boolean;
+    /**
+     * 将所有子图形都转化成顶点并且进行三角剖分
+     */
+    buildVerticesAndTriangulate(): void;
+    clear(): void;
+}

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

@@ -0,0 +1,4 @@
+import { Graphics } from '@/utils/visual/graphics/graphics';
+import { GraphicsData } from '@/utils/visual/graphics/graphicsData';
+import { GraphicsGeometry } from '@/utils/visual/graphics/graphicsGeometry';
+export { Graphics, GraphicsData, GraphicsGeometry };

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

@@ -0,0 +1,7 @@
+import { Application } from '@/utils/visual/application';
+import { Container } from '@/utils/visual/vertex/container';
+import { Graphics } from '@/utils/visual/graphics/graphics';
+import { BYTES_PER_VERTEX, LINE_CAP, LINE_JOIN, MAX_VERTEX_COUNT, RENDERER_TYPE, SHAPE_TYPE } from '@/utils/visual/enums';
+import type { IApplicationOptions, IFillStyleOptions, ILineStyleOptions } from '@/utils/visual/types';
+export { Application, Container, Graphics, SHAPE_TYPE, LINE_CAP, LINE_JOIN, RENDERER_TYPE, MAX_VERTEX_COUNT, BYTES_PER_VERTEX, };
+export type { IApplicationOptions, IFillStyleOptions, ILineStyleOptions };

package/dist/src/utils/visual/math/bezier.d.ts

@@ -0,0 +1,2 @@
+export declare const getBezierLength: (P0X: number, P0Y: number, P1X: number, P1Y: number, P2X: number, P2Y: number, P3X: number, P3Y: number) => number;
+export declare const getQuadraticBezierLength: (P0X: number, P0Y: number, P1X: number, P1Y: number, P2X: number, P2Y: number) => number;

package/dist/src/utils/visual/math/enums.d.ts

@@ -0,0 +1,3 @@
+export declare const DEG_TO_RAD: number;
+export declare const RAD_TO_DEG: number;
+export declare const PI_2: number;

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

@@ -0,0 +1,5 @@
+import { getBezierLength, getQuadraticBezierLength } from '@/utils/visual/math/bezier';
+import { DEG_TO_RAD, PI_2, RAD_TO_DEG } from '@/utils/visual/math/enums';
+import { Matrix } from '@/utils/visual/math/matrix';
+import { Transform } from '@/utils/visual/math/transform';
+export { getBezierLength, getQuadraticBezierLength, DEG_TO_RAD, PI_2, RAD_TO_DEG, Matrix, Transform };

package/dist/src/utils/visual/math/matrix.d.ts

@@ -0,0 +1,113 @@
+import { Point } from '@/utils/visual/vertex/point';
+interface TransformableObject {
+    position: Point;
+    scale: Point;
+    pivot: Point;
+    skew: Point;
+    rotation: number;
+}
+export declare class Matrix {
+    a: number;
+    b: number;
+    c: number;
+    d: number;
+    tx: number;
+    ty: number;
+    array: Float32Array | null;
+    constructor(a?: number, b?: number, c?: number, d?: number, tx?: number, ty?: number);
+    set: (a: number, b: number, c: number, d: number, tx: number, ty: number) => Matrix;
+    /**
+     * 将当前矩阵右乘一个矩阵
+     */
+    append: (m: Matrix) => Matrix;
+    /**
+     * Creates a Matrix object based on the given array. The Element to Matrix mapping order is as follows:
+     *
+     * a = array[0]
+     * b = array[1]
+     * c = array[3]
+     * d = array[4]
+     * tx = array[2]
+     * ty = array[5]
+     * @param array - The array that the matrix will be populated from.
+     *
+     * a,b,tx
+     * c,d,ty
+     */
+    fromArray: (array: number[]) => void;
+    /**
+     * Translates the matrix on the x and y.
+     * @param x - How much to translate x by
+     * @param y - How much to translate y by
+     * @returns This matrix. Good for chaining method calls.
+     */
+    translate: (x: number, y: number) => Matrix;
+    /**
+     * Applies a scale transformation to the matrix.
+     * @param x - The amount to scale horizontally
+     * @param y - The amount to scale vertically
+     * @returns This matrix. Good for chaining method calls.
+     */
+    scale: (x: number, y: number) => Matrix;
+    /**
+     * Sets the matrix based on all the available properties
+     * @param x - Position on the x axis
+     * @param y - Position on the y axis
+     * @param pivotX - Pivot on the x axis
+     * @param pivotY - Pivot on the y axis
+     * @param scaleX - Scale on the x axis
+     * @param scaleY - Scale on the y axis
+     * @param rotation - Rotation in radians
+     * @param skewX - Skew on the x axis
+     * @param skewY - Skew on the y axis
+     * @returns This matrix. Good for chaining method calls.
+     */
+    setTransform: (x: number, y: number, pivotX: number, pivotY: number, scaleX: number, scaleY: number, rotation: number, skewX: number, skewY: number) => Matrix;
+    /**
+     * Applies a rotation transformation to the matrix.
+     * @param angle - The angle in radians.
+     * @returns This matrix. Good for chaining method calls.
+     */
+    rotate: (angle: number) => Matrix;
+    /**
+     * check to see if two matrices are the same
+     * @param matrix - The matrix to compare to.
+     */
+    equals: (matrix: Matrix) => boolean;
+    /**
+     * Resets this Matrix to an identity (default) matrix.
+     * @returns This matrix. Good for chaining method calls.
+     */
+    identity: () => Matrix;
+    /**
+     * Decomposes the matrix (x, y, scaleX, scaleY, and rotation) and sets the properties on to a transform.
+     * @param transform - The transform to apply the properties to.
+     * @returns The transform with the newly applied properties
+     */
+    decompose: (transform: TransformableObject) => TransformableObject;
+    /**
+     * 对某个点应用当前的变换矩阵
+     * @param p 某个点
+     * @returns {Point} 点 p 应用当前变换矩阵后得到的一个新的点
+     */
+    apply: (p: Point) => Point;
+    /**
+     * 对某个点应用当前的变换矩阵的逆矩阵
+     * @param p 某个点
+     * @returns {Point} 点 p 应用当前变换矩阵的逆矩阵后得到的一个新的点
+     */
+    applyInverse: (p: Point) => Point;
+    /**
+     * 将当前矩阵左乘一个矩阵
+     */
+    prepend: (m: Matrix) => Matrix;
+    clone: () => Matrix;
+    /**
+     * Creates an array from the current Matrix object.
+     * @param transpose - Whether we need to transpose the matrix or not
+     * @param [out=new Float32Array(9)] - If provided the array will be assigned to out
+     * @returns The newly created array which contains the matrix
+     */
+    toArray: (transpose?: boolean, out?: Float32Array) => Float32Array;
+}
+export {};

package/dist/src/utils/visual/math/transform.d.ts

@@ -0,0 +1,29 @@
+import { Matrix } from '@/utils/visual/math/matrix';
+import { ObservablePoint } from '@/utils/visual/vertex/point';
+export declare class Transform {
+    localTransform: Matrix;
+    worldTransform: Matrix;
+    position: ObservablePoint;
+    scale: ObservablePoint<number>;
+    pivot: ObservablePoint;
+    skew: ObservablePoint<number>;
+    _rotation: number;
+    private rotateMatrix;
+    private skewMatrix;
+    private scaleMatrix;
+    private localMatrix;
+    shouldUpdateLocalTransform: boolean;
+    worldId: number;
+    private parentId;
+    constructor();
+    get rotation(): number;
+    set rotation(r: number);
+    private onSkewChange;
+    private onScaleChange;
+    private onChange;
+    /**
+     * 更新 localTransform
+     */
+    updateLocalTransform(): void;
+    updateTransform(parentTransform: Transform): void;
+}

package/dist/src/utils/visual/render/batchRenderer.d.ts

@@ -0,0 +1,72 @@
+import { Renderer } from '@/utils/visual/render/render';
+import type { Container } from '@/utils/visual/vertex/container';
+import type { Batch } from '@/utils/visual/render/utils/batch';
+import type { IApplicationOptions } from '@/utils/visual/types';
+export declare abstract class BatchRenderer extends Renderer {
+    /**
+     * 顶点个数
+     */
+    protected vertexCount: number;
+    /**
+     * 顶点下标个数
+     */
+    protected indexCount: number;
+    protected batches: Array<Batch | undefined>;
+    protected batchesCount: number;
+    /**
+     * 顶点数组 float32 视图
+     */
+    protected vertFloatView: Float32Array;
+    /**
+     * 顶点数组 Uint32 视图
+     */
+    protected vertIntView: Uint32Array;
+    /**
+     * 顶点下标数组
+     */
+    protected indexBuffer: Uint32Array;
+    /**
+     * 当前的 webGL｜webGPU vertex buffer 的长度
+     */
+    protected curVertBufferLength: number;
+    /**
+     * 当前的 webGL｜webGPU index buffer 的长度
+     */
+    protected curIndexBufferLength: number;
+    constructor(options: IApplicationOptions);
+    addBatch(batch: Batch): void;
+    protected startBuild(): void;
+    protected buildEnd(): void;
+    /**
+     * 如果现有的 typed array 放不下了，则新建一个
+     */
+    protected resizeBufferIfNeeded(): void;
+    /**
+     * 将数据打包到大数组里
+     */
+    protected packData(): void;
+    /**
+     * 调用 webGL 或 webGPU 的绘制 api 将内容绘制出来
+     */
+    protected abstract draw(): void;
+    /**
+     * 更新更新 vertex buffer 和 index buffer
+     */
+    protected abstract updateBuffer(): void;
+    /**
+     * 设置投影矩阵，这是为了适配 canvas 元素的尺寸
+     */
+    protected abstract setProjectionMatrix(): void;
+    /**
+     * 更新 stage 的 transform 对应的 uniform 变量
+     */
+    protected abstract setRootTransform(a: number, b: number, c: number, d: number, tx: number, ty: number): void;
+    /**
+     * 更新子节点的 transform
+     */
+    protected updateChildrenTransform(rootContainer: Container): void;
+    /**
+     * 更新节点的位置信息并渲染
+     */
+    render(rootContainer: Container): void;
+}

package/dist/src/utils/visual/render/canvasRenderer.d.ts

@@ -0,0 +1,10 @@
+import { Renderer } from '@/utils/visual/render/render';
+import type { IApplicationOptions } from '@/utils/visual/types';
+import type { Container } from '@/utils/visual/vertex/container';
+export declare class CanvasRenderer extends Renderer {
+    ctx: CanvasRenderingContext2D;
+    private backgroundColor;
+    private backgroundAlpha;
+    constructor(options: IApplicationOptions);
+    render(container: Container): void;
+}

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

@@ -0,0 +1,3 @@
+import type { Renderer } from '@/utils/visual/render/render';
+import type { IApplicationOptions } from '@/utils/visual/types';
+export declare const getRenderer: (options: IApplicationOptions) => Renderer;

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

@@ -0,0 +1,15 @@
+import { Rectangle } from '@/utils/visual/shape/rectangle';
+import type { Container } from '@/utils/visual/vertex/container';
+import type { IApplicationOptions } from '@/utils/visual/types';
+export declare abstract class Renderer {
+    /**
+     * 是否需要重新构建大数组
+     */
+    static needBuildArr: boolean;
+    canvasEle: HTMLCanvasElement;
+    screen: Rectangle;
+    constructor(options: IApplicationOptions);
+    resizeView(width: number, height: number): void;
+    abstract render(rootContainer: Container): void;
+    init(): Promise<any>;
+}

package/dist/src/utils/visual/render/utils/batch/index.d.ts

@@ -0,0 +1,90 @@
+import type { BatchRenderer } from '@/utils/visual/render/batchRenderer';
+import type { Container } from '@/utils/visual/vertex/container';
+import type { Fill } from '@/utils/visual/style';
+import type { Graphics } from '@/utils/visual/graphics';
+/**
+ * 构建大数组
+ */
+export declare const buildArray: (batchRenderer: BatchRenderer, container: Container) => void;
+/**
+ * 更新大数组
+ */
+export declare const updateArray: (floatView: Float32Array, container: Container) => void;
+export declare abstract class Batch {
+    /**
+     * 顶点个数
+     */
+    vertexCount: number;
+    /**
+     * 顶点下标个数
+     */
+    indexCount: number;
+    /**
+     * rgba 的小端序形式
+     */
+    rgba: number;
+    /**
+     * 顶点数据在大数组中的起点
+     */
+    vertexStart: number;
+    /**
+     * 顶点下标数据在大数组中的起点
+     */
+    indexStart: number;
+    /**
+     * 将顶点数据写入大数组中
+     */
+    abstract packVertices(floatView: Float32Array, intView: Uint32Array): void;
+    /**
+     * 将顶点下标数据写入大数组中
+     */
+    abstract packIndices(int32: Uint32Array): void;
+    /**
+     * 在大数组中更新顶点位置数据
+     */
+    abstract updateVertices(floatView: Float32Array): void;
+}
+export declare class BatchPart {
+    style: Fill;
+    vertexStart: number;
+    indexStart: number;
+    vertexCount: number;
+    indexCount: number;
+    constructor(style: Fill);
+    start(vertexStart: number, indexStart: number): void;
+    end(vertexCount: number, indexCount: number): void;
+}
+export declare abstract class BatchPool {
+    protected idx: number;
+    abstract getOne(): Batch;
+    reset(): void;
+}
+export declare class GraphicsBatchPool extends BatchPool {
+    private batches;
+    constructor();
+    getOne(): GraphicsBatch;
+}
+export declare class GraphicsBatch extends Batch {
+    /**
+     * 顶点部分在 geometry.vertices 中的起始下标
+     */
+    vertexOffset: number;
+    /**
+     * 顶点下标部分在 geometry.indices 中的起始下标
+     */
+    indexOffset: number;
+    /**
+     * 对应的 Graphics 实例
+     */
+    graphics: Graphics;
+    packVertices(floatView: Float32Array, intView: Uint32Array): void;
+    packIndices(int32: Uint32Array): void;
+    updateVertices(floatView: Float32Array): void;
+}
+declare class BatchPools {
+    private batchesMap;
+    get(type: string): Batch;
+    reset(): void;
+}
+export declare const batchPool: BatchPools;
+export {};

package/dist/src/utils/visual/render/utils/float.d.ts

@@ -0,0 +1,63 @@
+export declare class CustomFloatArray {
+    private _oldLength;
+    private _length;
+    private curMaxLen;
+    private float32;
+    private _data;
+    /**
+     * 获取长度
+     */
+    get length(): number;
+    /**
+     * 拼接一个 number 数组
+     */
+    concat(arr: number[]): void;
+    /**
+     * 插入数据
+     * @param num 要插入的数
+     */
+    push(num: number): void;
+    /**
+     * 扩容
+     */
+    expandCapacity(): void;
+    /**
+     * 以从 0 到 this.length 的这段 buffer 为底层，建立 Float32Array 视图并返回
+     */
+    get data(): Float32Array;
+    /**
+     * 清空
+     */
+    clear(): void;
+}
+export declare class CustomIntArray {
+    private _oldLength;
+    private _length;
+    private curMaxLen;
+    private int32;
+    private _data;
+    /**
+     * 获取长度
+     */
+    get length(): number;
+    /**
+     * 拼接一个 number 数组
+     */
+    concat(arr: number[]): void;
+    /**
+     * 拼接一个UInt16数组
+     */
+    concatUInt16(uint16: Uint32Array): void;
+    /**
+     * 扩容
+     */
+    expandCapacity(): void;
+    /**
+     * 以从 0 到 this.length 的这段 buffer 为底层，建立 Uint32Array 视图并返回
+     */
+    get data(): Uint32Array;
+    /**
+     * 清空
+     */
+    clear(): void;
+}

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

@@ -0,0 +1,3 @@
+export declare const getRgb: (color: string) => [number, number, number];
+export declare const toRgbaLittleEndian: (color: string, alpha: number) => number;
+export declare const toRgbArray: (color: string) => [number, number, number];

package/dist/src/utils/visual/render/utils/verticy.d.ts

@@ -0,0 +1,13 @@
+import type { GraphicsData } from '@/utils/visual/graphics/graphicsData';
+import type { GraphicsGeometry } from '@/utils/visual/graphics/graphicsGeometry';
+/**
+ * 将一个图形顶点化
+ * @param data 子图形data
+ */
+export declare const buildVertices: (data: GraphicsData) => void;
+export declare const triangulateFill: (data: GraphicsData, geometry: GraphicsGeometry) => void;
+export declare const getNormalVector: (x: number, y: number, lineWidth: number) => [number, number];
+/**
+ * 构建描边的顶点 & 对其进行三角剖分
+ */
+export declare const triangulateStroke: (data: GraphicsData, geometry: GraphicsGeometry) => void;