ranuts 0.1.0-alpha.12 → 0.1.0-alpha.14

package/dist/src/node/appendFile.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="./typings.d.ts" />
 /**
  * @description: 给一个已经存在的文件追加内容
  * @param {string} path 文件路径

package/dist/src/node/body.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="node" />
 import type { MiddlewareFunction } from '@/node/server';
 interface ServerBody {
     uploadDir: string;

package/dist/src/node/command.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="node" />
 export declare const runCommand: (command: string, args: string[]) => Promise<void>;
 interface PromptOption {
     message: string;

package/dist/src/node/ctx2req.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="node" />
 import type { IncomingMessage, ServerResponse } from 'node:http';
 import type { MiddlewareFunction } from '@/node/server';
 type ConnectMiddleware = (req: IncomingMessage, res: ServerResponse, next?: Function) => void;

package/dist/src/node/fileInfo.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="./typings.d.ts" />
 /**
  * @description: 查询一个文件的详细信息，一般用于区分文件还是目录（data.isDirectory()）
  * @param {string} path 文件路径

package/dist/src/node/fs.d.ts

@@ -1,6 +1,3 @@
-/// <reference types="node" />
-/// <reference types="./typings.d.ts" />
-/// <reference types="node" />
 import fs from 'node:fs';
 import type { Noop } from '@/utils/noop';
 export type FilePromiseResult = Promise<Ranuts.Identification> & {

package/dist/src/node/paresUrl.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="node" />
 import type { IncomingMessage } from 'node:http';
 interface ParseUrl {
     search?: string;

package/dist/src/node/readFile.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="node" />
 import type { FilePromiseResult } from '@/node/fs';
 /**
  * @description: 读取一个文件，读取成功返回状态码和文件内容

package/dist/src/node/server.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="node" />
 import type { IncomingMessage, ServerResponse } from 'node:http';
 import http from 'node:http';
 export type Next = () => Promise<never> | Promise<void>;

package/dist/src/node/stream.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="node" />
 import type { ReadStream, WriteStream } from 'node:fs';
 interface ReadOption {
     path: string;

package/dist/src/node/traverse.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="node" />
 import type { Stats } from 'node:fs';
 type Caller = (relPath: string, absPath: string, stats: Stats) => any;
 /**

package/dist/src/node/watchFile.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="./typings.d.ts" />
 /**
  * @description: 观察一个文件是否被改变，返回状态
  * @param {string} path 监听的文件路径

package/dist/src/node/websocket.d.ts

@@ -1,7 +1,3 @@
-/// <reference types="node" />
-/// <reference types="node" />
-/// <reference types="node" />
-/// <reference types="node" />
 import http from 'node:http';
 import type internal from 'node:stream';
 import EventEmitter from 'node:events';

package/dist/src/node/writeFile.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="./typings.d.ts" />
 /**
  * @description: 根据文件路径创建文件，如果文件存在会清空再写入，如果不存在会创建
  * @param {string} path 文件路径

package/dist/src/node/ws.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="node" />
 import type http from 'node:http';
 /**
  * Create a WebSocket Server

package/dist/src/utils/dom.d.ts

@@ -77,6 +77,7 @@ export declare class Chain {
      * @return {Chain}
      */
     setStyle: (name: string, value: string) => Chain;
+    private addElementByType;
     /**
      * @description: 给当前元素添加子元素
      * @return {Chain}

package/dist/src/utils/index.js

@@ -3027,6 +3027,15 @@ class Chain {
       this.element.style.setProperty(name, value);
       return this;
     });
+    // 根据不同的子元素类型，添加元素
+    __publicField(this, "addElementByType", (item, parent) => {
+      if (item instanceof Chain) {
+        parent.appendChild(item.element);
+      }
+      if (item instanceof HTMLElement) {
+        parent.appendChild(item);
+      }
+    });
     /**
      * @description: 给当前元素添加子元素
      * @return {Chain}
@@ -3034,10 +3043,12 @@ class Chain {
     __publicField(this, "addChild", (child) => {
       if (Array.isArray(child)) {
         const Fragment = document.createDocumentFragment();
-        child.forEach((item) => Fragment.appendChild(item.element));
+        child.forEach((item) => {
+          this.addElementByType(item, Fragment);
+        });
         this.element.appendChild(Fragment);
       } else {
-        this.element.appendChild(child.element);
+        this.addElementByType(child, this.element);
       }
       return this;
     });

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

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

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

@@ -1,4 +1,4 @@
-import type { Container } from '@/utils/visual/vertex';
+import type { Container } from '@/utils/visual/vertex/container';
 import type { Cursor, FederatedMouseEvent } from '@/utils/visual/event/types';
 export declare class EventBoundary {
     private rootContainer;

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

@@ -1,4 +1,4 @@
-import type { Container } from '@/utils/visual/vertex';
+import type { Container } from '@/utils/visual/vertex/container';
 export declare class EventSystem {
     private canvasEle;
     private eventBoundary;

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

@@ -1,4 +1,5 @@
-import { Container, Point } from '@/utils/visual/vertex';
+import { Point } from '@/utils/visual/vertex/point';
+import { Container } from '@/utils/visual/vertex/container';
 export declare enum EventPhase {
     NONE = 0,
     CAPTURING = 1,

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

@@ -1,106 +1,19 @@
-import { Container } from '@/utils/visual/vertex';
-import type { Shape } from '@/utils/visual/shape';
-import type { CanvasRenderer } from '@/utils/visual/render';
-import type { ILineStyleOptions } from '@/utils/visual/types';
-import type { Point } from '@/utils/visual/vertex';
+import { Container } from '@/utils/visual/vertex/container';
+import { Polygon } from '@/utils/visual/shape/polygon';
+import type { Shape } from '@/utils/visual/shape/shape';
+import type { CanvasRenderer } from '@/utils/visual/render/canvasRenderer';
 export declare class Graphics extends Container {
     private _lineStyle;
     private _fillStyle;
     private _geometry;
-    private currentPath;
+    currentPath: Polygon | null;
     constructor();
-    lineStyle(width: number, color?: string, alpha?: number): this;
-    lineStyle(options: ILineStyleOptions): this;
-    resetLineStyle(): void;
     protected drawShape(shape: Shape): Graphics;
     /**
      * 清空已有的 path，开始新的 path
      */
     protected startPoly(): void;
-    /**
-     * 开始填充模式，接下来绘制的所有路径都将被填充，直到调用了 endFill
-     * @param color 填充颜色
-     * @param alpha 不透明度
-     */
     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;
-    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;
-    /**
-     * 画二阶贝塞尔曲线
-     * @param cpX 控制点的 X 坐标
-     * @param cpY 控制点的 Y 坐标
-     * @param toX 终点的 X 坐标
-     * @param toY 终点的 Y 坐标
-     */
-    quadraticCurveTo(cpX: number, cpY: number, toX: number, toY: number): Graphics;
-    /**
-     * 画三阶贝塞尔曲线
-     * @param cpX 控制点1的X坐标
-     * @param cpY 控制点1的Y坐标
-     * @param cpX2 控制点2的X坐标
-     * @param cpY2 控制点2的Y坐标
-     * @param toX 终点的X坐标
-     * @param toY 终点的Y坐标
-     */
-    bezierCurveTo(cpX: number, cpY: number, cpX2: number, cpY2: number, toX: number, toY: number): Graphics;
-    /**
-     * 画圆弧
-     * @param cx 圆弧对应的圆的中心点的x坐标
-     * @param cy 圆弧对应的圆的中心点的y坐标
-     * @param radius 半径
-     * @param startAngle 开始角度
-     * @param endAngle 结束角度
-     * @param anticlockwise 是否逆时针
-     */
-    arc(cx: number, cy: number, radius: number, startAngle: number, endAngle: number, anticlockwise?: boolean): Graphics;
-    /**
-     * 画圆弧
-     * @param x1 控制点1的x坐标
-     * @param y1 控制点1的y坐标
-     * @param x2 控制点2的x坐标
-     * @param y2 控制点2的y坐标
-     * @param radius 半径
-     */
-    arcTo(x1: number, y1: number, x2: number, y2: number, radius: number): Graphics;
-    clear(): Graphics;
-    /**
-     * 调用 canvas API 绘制自身
-     */
     protected renderCanvas(render: CanvasRenderer): void;
-    containsPoint(p: Point): boolean;
 }

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

@@ -1,5 +1,6 @@
-import type { Shape } from '@/utils/visual/shape';
-import type { Fill, Line } from '@/utils/visual/style';
+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;

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

@@ -1,15 +1,10 @@
-import type { Shape } from '@/utils/visual/shape';
-import type { Fill, Line } from '@/utils/visual/style';
+import type { Shape } from '@/utils/visual/shape/shape';
+import type { Fill } from '@/utils/visual/style/fill';
+import type { Line } from '@/utils/visual/style/line';
 import { GraphicsData } from '@/utils/visual/graphics/graphicsData';
-import type { Point } from '@/utils/visual/vertex';
 export declare class GraphicsGeometry {
     graphicsData: GraphicsData[];
     constructor();
     drawShape(shape: Shape, fillStyle: Fill, lineStyle: Line): void;
-    /**
-     * @param p 待检测点
-     * @returns {boolean} 待检测点是否落在某一个子图形内
-     */
-    containsPoint(p: Point): boolean;
     clear(): void;
 }

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

@@ -1,9 +1,4 @@
-export * from '@/utils/visual/vertex';
-export * from '@/utils/visual/graphics';
+export * from '@/utils/visual/application';
+export * from '@/utils/visual/vertex/container';
+export * from '@/utils/visual/graphics/graphics';
 export * from '@/utils/visual/enums';
-export * from '@/utils/visual/event';
-export * from '@/utils/visual/math';
-export * from '@/utils/visual/render';
-export * from '@/utils/visual/shape';
-export * from '@/utils/visual/style';
-export * from '@/utils/visual/types';

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

@@ -1,4 +1,4 @@
-import { Point } from '@/utils/visual/vertex';
+import { Point } from '@/utils/visual/vertex/point';
 export declare class Matrix {
     a: number;
     b: number;

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

@@ -1,5 +1,5 @@
 import { Matrix } from '@/utils/visual/math/matrix';
-import { ObservablePoint } from '@/utils/visual/vertex';
+import { ObservablePoint } from '@/utils/visual/vertex/point';
 export declare class Transform {
     localTransform: Matrix;
     worldTransform: Matrix;

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

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

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

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

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

@@ -1,5 +1,5 @@
-import type { Container } from '@/utils/visual/vertex';
-import { Rectangle } from '@/utils/visual/shape';
+import type { Container } from '@/utils/visual/vertex/container';
+import { Rectangle } from '@/utils/visual/shape/rectangle';
 import type { IApplicationOptions } from '@/utils/visual/types';
 export declare class Renderer {
     canvasEle: HTMLCanvasElement;

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

@@ -1,6 +1,6 @@
 import { Renderer } from '@/utils/visual/render/render';
 import type { IApplicationOptions } from '@/utils/visual/types';
-import type { Container } from '@/utils/visual/vertex';
+import type { Container } from '@/utils/visual/vertex/container';
 export declare class WebGlRenderer extends Renderer {
     constructor(options: IApplicationOptions);
     render(container: Container): void;

package/dist/src/utils/visual/shape/circle.d.ts

@@ -1,11 +1,11 @@
 import { Shape } from '@/utils/visual/shape/shape';
 import { ShapeType } from '@/utils/visual/enums';
-import type { Point } from '@/utils/visual/vertex';
+import type { Point } from '@/utils/visual/vertex/point';
 export declare class Circle extends Shape {
     x: number;
     y: number;
     radius: number;
     readonly type = ShapeType.Circle;
     constructor(x?: number, y?: number, radius?: number);
-    contains(p: Point): boolean;
+    contains(point: Point): boolean;
 }

package/dist/src/utils/visual/shape/ellipse.d.ts

@@ -1,6 +1,6 @@
 import { Shape } from '@/utils/visual/shape/shape';
 import { ShapeType } from '@/utils/visual/enums';
-import type { Point } from '@/utils/visual/vertex';
+import type { Point } from '@/utils/visual/vertex/point';
 export declare class Ellipse extends Shape {
     x: number;
     y: number;

package/dist/src/utils/visual/shape/polygon.d.ts

@@ -1,25 +1,10 @@
 import { Shape } from '@/utils/visual/shape/shape';
 import { ShapeType } from '@/utils/visual/enums';
-import type { Point } from '@/utils/visual/vertex';
+import type { Point } from '@/utils/visual/vertex/point';
 export declare class Polygon extends Shape {
     points: number[];
     closeStroke: boolean;
-    readonly type = ShapeType.Polygon;
-    constructor(points?: number[]);
-    /**
-     *
-     * @param px 待检测点的 x 坐标
-     * @param py 待检测点的 y 坐标
-     * @param p1x 线段的其中一个端点的 x 坐标
-     * @param p1y 线段的其中一个端点的 y 坐标
-     * @param p2x 线段的另一个端点的 x 坐标
-     * @param p2y 线段的另一个端点的 y 坐标
-     * @returns {boolean} 从待检测点发出的射线是否与线段相交
-     */
-    private isIntersect;
-    /**
-     * @param p 待检测点
-     * @returns {boolean} 待检测点是否在多边形内部
-     */
-    contains(p: Point): boolean;
+    type: ShapeType;
+    constructor();
+    contains(point: Point): boolean;
 }

package/dist/src/utils/visual/shape/rectangle.d.ts

@@ -1,6 +1,6 @@
 import { Shape } from '@/utils/visual/shape/shape';
 import { ShapeType } from '@/utils/visual/enums';
-import type { Point } from '@/utils/visual/vertex';
+import type { Point } from '@/utils/visual/vertex/point';
 export declare class Rectangle extends Shape {
     x: number;
     y: number;
@@ -8,15 +8,5 @@ export declare class Rectangle extends Shape {
     height: number;
     type: ShapeType;
     constructor(x?: number, y?: number, width?: number, height?: number);
-    contains(p: Point): boolean;
-}
-export declare class RoundedRectangle extends Shape {
-    x: number;
-    y: number;
-    width: number;
-    height: number;
-    radius: number;
-    readonly type = ShapeType.RoundedRectangle;
-    constructor(x?: number, y?: number, width?: number, height?: number, radius?: number);
-    contains(p: Point): boolean;
+    contains(point: Point): boolean;
 }

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

@@ -1,5 +1,5 @@
 import type { ShapeType } from '@/utils/visual/enums';
-import type { Point } from '@/utils/visual/vertex';
+import type { Point } from '@/utils/visual/vertex/point';
 export declare abstract class Shape {
     abstract type: ShapeType;
     constructor();

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

@@ -1,16 +1,6 @@
-import type { LineCap, LineJoin, RendererType } from '@/utils/visual/enums';
+import type { RendererType } from '@/utils/visual/enums';
 export interface IApplicationOptions {
     rendererType?: RendererType;
     view: HTMLCanvasElement;
     backgroundColor?: string;
 }
-export interface IFillStyleOptions {
-    color?: string;
-    alpha?: number;
-    visible?: boolean;
-}
-export interface ILineStyleOptions extends IFillStyleOptions {
-    width?: number;
-    cap?: LineCap;
-    join?: LineJoin;
-}

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

@@ -1,5 +1,5 @@
 import { Vertex } from '@/utils/visual/vertex/vertex';
-import type { CanvasRenderer } from '@/utils/visual/render';
+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[];

package/dist/tsconfig.json

@@ -6,7 +6,6 @@
     "esModuleInterop": true,
     "target": "ESNext",
     "moduleResolution": "bundler",
-    "types": ["./typings.d.ts"],
     "outDir": "dist",
     "forceConsistentCasingInFileNames": true,
     "noFallthroughCasesInSwitch": true,