vislite 0.4.1 → 0.5.0

package/types/Cardinal.d.ts

@@ -1,14 +1,14 @@
-export default interface CardinalType {
-
-    /**
-     * 设置点的位置：
-     * @param points 参数格式：[[x1, y1], [x2, y2], ... ]，至少两个点
-     */
-    setP(points: number[][]): this
-
-    /**
-     * 根据x值返回y值：
-     */
-    use(x: number): number
-
+export default interface CardinalType {
+
+    /**
+     * 设置点的位置：
+     * @param points 参数格式：[[x1, y1], [x2, y2], ... ]，至少两个点
+     */
+    setP(points: number[][]): this
+
+    /**
+     * 根据x值返回y值：
+     */
+    use(x: number): number
+
 }

package/types/Geometry.d.ts

@@ -0,0 +1,41 @@
+import GeometryResultType from './GeometryResult'
+import GeometryOptionType from './GeometryOption'
+
+export default interface GeometryType {
+
+    /**
+     * 配置对象
+     */
+    config(option: GeometryOptionType): this
+
+    /**
+     * 圆柱体
+     * @param x
+     * @param y
+     * @param z
+     * @param radius
+     * @param height
+     */
+    cylinder(x: number, y: number, z: number, radius: number, height: number): Array<GeometryResultType>
+
+    /**
+     * 棱柱体
+     * @param x
+     * @param y
+     * @param z
+     * @param radius
+     * @param height
+     * @param num
+     */
+    prism(x: number, y: number, z: number, radius: number, height: number, num: number): Array<GeometryResultType>
+
+    /**
+     * 球体
+     * @param cx
+     * @param cy
+     * @param cz
+     * @param radius
+     */
+    sphere(cx: number, cy: number, cz: number, radius: number): Array<GeometryResultType>
+
+}

package/types/GeometryOption.d.ts

@@ -0,0 +1,12 @@
+export default interface GeometryOptionType {
+
+    /**
+     * 精度
+     */
+    precision?: number
+
+    /**
+     * 是否需要法向量
+     */
+    normal?: boolean
+}

package/types/GeometryResult.d.ts

@@ -0,0 +1,19 @@
+import { geometryType } from './Object3D'
+
+export default interface GeometryResultType {
+
+    /**
+     * 点数据（法向量如果有也包含其中）
+     */
+    points: number[]
+
+    /**
+     * 点个数
+     */
+    length: number
+
+    /**
+     * 画笔类型
+     */
+    method: geometryType
+}

package/types/Gradient.d.ts

@@ -1,15 +1,15 @@
-export default interface GradientType {
-
-    /**
-     * 设置程度颜色
-     * @param stop 程度
-     * @param color 颜色
-     */
-    setColor(stop: number, color: string): this
-
-    /**
-     * 返回渐变色值
-     */
-    value(): CanvasGradient
-
+export default interface GradientType {
+
+    /**
+     * 设置程度颜色
+     * @param stop 程度
+     * @param color 颜色
+     */
+    setColor(stop: number, color: string): this
+
+    /**
+     * 返回渐变色值
+     */
+    value(): CanvasGradient
+
 }

package/types/Hermite.d.ts

@@ -1,19 +1,19 @@
-export default interface HermiteType {
-
-    /**
-     * 设置点的位置和斜率：
-     * @param x1 左边点的位置
-     * @param y1 
-     * @param x2 右边点的位置
-     * @param y2 
-     * @param s1 两个点的斜率
-     * @param s2 
-     */
-    setP(x1: number, y1: number, x2: number, y2: number, s1: number, s2: number): this
-
-    /**
-    * 根据x值返回y值：
-    */
-    use(x: number): number
-
+export default interface HermiteType {
+
+    /**
+     * 设置点的位置和斜率：
+     * @param x1 左边点的位置
+     * @param y1
+     * @param x2 右边点的位置
+     * @param y2
+     * @param s1 两个点的斜率
+     * @param s2
+     */
+    setP(x1: number, y1: number, x2: number, y2: number, s1: number, s2: number): this
+
+    /**
+     * 根据x值返回y值：
+     */
+    use(x: number): number
+
 }

package/types/Map.d.ts

@@ -3,8 +3,8 @@ export default interface MapType {
     /**
      * 返回该点的绘图坐标（特别需要注意，计算出来的位置是偏离中心点的距离）
      * @param λ 经纬度
-     * @param φ 
+     * @param φ
      */
-    use(λ: number, φ: number): number[]
+    use(λ: number, φ: number): [number, number, number]
 
 }

package/types/Matrix4.d.ts

@@ -7,7 +7,7 @@ export default interface Matrix4Type {
 
     /**
      * 两个矩阵相乘
-     * @param newMatrix4 
+     * @param newMatrix4
      * @param flag 可选，表示相乘位置，默认false，表示左乘
      */
     multiply(newMatrix4: number[], flag?: boolean): this
@@ -15,7 +15,7 @@ export default interface Matrix4Type {
     /**
      * 把变换矩阵作用在具体的点上
      */
-    use(x: number, y: number, z?: number, w?: number): number[]
+    use(x: number, y: number, z?: number, w?: number): [number, number, number, number]
 
     /**
      * 沿着向量(a, b, c)方向移动距离dis
@@ -32,9 +32,9 @@ export default interface Matrix4Type {
     /**
      * 围绕射线(a1, b1, c1) -> (a2, b2, c2)旋转deg度
      * （方向由右手法则确定）
-     * 
+     *
      * a1、b1、c1、a2、b2和c2这6个值在设置的时候，不是一定需要全部设置，还有以下可选：
-     * 
+     *
      *      1）只设置了a1和b1，表示在xoy平面围绕（a1, b1）旋转
      *      2）设置三个点(设置不足六个点都认为只设置了三个点)，表示围绕从原点出发的射线旋转
      */

package/types/Object3D.d.ts

@@ -1,115 +1,115 @@
-import Matrix4Type from './Matrix4'
-
-export type geometryType = "LINES" | "INE_STRIP" | "LINE_LOOP" | "TRIANGLES" | "TRIANGLE_STRIP" | "TRIANGLE_FAN"
-
-export interface meshType {
-
-    // 形状
-    geometry: {
-        attributes: {
-
-            // 点坐标
-            position: {
-                array: number[] | Float32Array
-                count: number
-                itemSize: number
-            }
-
-            // 法向量
-            normal?: {
-                array: number[] | Float32Array
-                count: number
-                itemSize: number
-            }
-
-            // 纹理坐标
-            uv?: {
-                array: number[] | Float32Array
-                count: number
-                itemSize: number
-            }
-
-        }
-
-        // 索引
-        index?: {
-            array: number[] | Uint8Array
-            count: number
-            itemSize: number
-        }
-
-        // 线、还是三角形
-        type: geometryType
-    }
-
-    // 材质
-    material: {
-
-        // 单一的颜色
-        color?: {
-            r: number
-            g: number
-            b: number
-            alpha: number
-        }
-
-        // 多颜色
-        colors?: {
-            array: number[] | Float32Array
-            count: number
-            itemSize: number
-        }
-
-        // 立方体纹理
-        cube?: {
-            left?: {
-                image: {
-                    value?: TexImageSource
-                }
-            },
-            right?: {
-                image: {
-                    value?: TexImageSource
-                }
-            }
-            near?: {
-                image: {
-                    value?: TexImageSource
-                }
-            }
-            far?: {
-                image: {
-                    value?: TexImageSource
-                }
-            }
-            top?: {
-                image: {
-                    value?: TexImageSource
-                }
-            }
-            bottom?: {
-                image: {
-                    value?: TexImageSource
-                }
-            }
-        }
-
-        // 二维纹理
-        image?: {
-            value?: TexImageSource
-        }
-
-    }
-}
-
-export default interface Object3D {
-
-    // 区域名称，不设置或设置为空字符串，表示此区域无需记录
-    region?: string
-
-    // 变换矩阵
-    matrix?: Matrix4Type
-
-    // 图形
-    mesh: meshType[]
+import Matrix4Type from './Matrix4'
+
+export type geometryType = "LINES" | "INE_STRIP" | "LINE_LOOP" | "TRIANGLES" | "TRIANGLE_STRIP" | "TRIANGLE_FAN"
+
+export interface meshType {
+
+    // 形状
+    geometry: {
+        attributes: {
+
+            // 点坐标
+            position: {
+                array: number[] | Float32Array
+                count: number
+                itemSize: number
+            }
+
+            // 法向量
+            normal?: {
+                array: number[] | Float32Array
+                count: number
+                itemSize: number
+            }
+
+            // 纹理坐标
+            uv?: {
+                array: number[] | Float32Array
+                count: number
+                itemSize: number
+            }
+
+        }
+
+        // 索引
+        index?: {
+            array: number[] | Uint8Array
+            count: number
+            itemSize: number
+        }
+
+        // 线、还是三角形
+        type: geometryType
+    }
+
+    // 材质
+    material: {
+
+        // 单一的颜色
+        color?: {
+            r: number
+            g: number
+            b: number
+            alpha: number
+        }
+
+        // 多颜色
+        colors?: {
+            array: number[] | Float32Array
+            count: number
+            itemSize: number
+        }
+
+        // 立方体纹理
+        cube?: {
+            left?: {
+                image: {
+                    value?: TexImageSource
+                }
+            },
+            right?: {
+                image: {
+                    value?: TexImageSource
+                }
+            }
+            near?: {
+                image: {
+                    value?: TexImageSource
+                }
+            }
+            far?: {
+                image: {
+                    value?: TexImageSource
+                }
+            }
+            top?: {
+                image: {
+                    value?: TexImageSource
+                }
+            }
+            bottom?: {
+                image: {
+                    value?: TexImageSource
+                }
+            }
+        }
+
+        // 二维纹理
+        image?: {
+            value?: TexImageSource
+        }
+
+    }
+}
+
+export default interface Object3D {
+
+    // 区域名称，不设置或设置为空字符串，表示此区域无需记录
+    region?: string
+
+    // 变换矩阵
+    matrix?: Matrix4Type
+
+    // 图形
+    mesh: meshType[]
 }

package/types/SVG.d.ts

@@ -65,14 +65,14 @@ export default interface SVGType {
     fullText(text: any, x: number, y: number, deg?: number): this
 
     /**
-  * 绘制一个实心的圆弧
-  * @param cx 圆弧的圆心x坐标
-  * @param cy 圆弧的圆心y坐标
-  * @param r1 圆弧的内半径
-  * @param r2 圆弧的外半径
-  * @param beginDeg 开始弧度
-  * @param deg 跨越弧度
-  */
+     * 绘制一个实心的圆弧
+     * @param cx 圆弧的圆心x坐标
+     * @param cy 圆弧的圆心y坐标
+     * @param r1 圆弧的内半径
+     * @param r2 圆弧的外半径
+     * @param beginDeg 开始弧度
+     * @param deg 跨越弧度
+     */
     fillArc(cx: number, cy: number, r1: number, r2: number, beginDeg: number, deg: number): this
 
     /**
@@ -98,11 +98,11 @@ export default interface SVGType {
     fullArc(cx: number, cy: number, r1: number, r2: number, beginDeg: number, deg: number): this
 
     /**
-        * 绘制一个实心的圆
-        * @param cx 圆心x坐标
-        * @param cy 圆心y坐标
-        * @param r 圆的半径
-        */
+     * 绘制一个实心的圆
+     * @param cx 圆心x坐标
+     * @param cy 圆心y坐标
+     * @param r 圆的半径
+     */
     fillCircle(cx: number, cy: number, r: number): this
 
     /**
@@ -208,4 +208,9 @@ export default interface SVGType {
      */
     full(): this
 
+    /**
+     * 绑定事件
+     */
+    bind(eventType: string, callback: (event: Event, target: SVGElement) => void): this
+
 }

package/types/SVGConfig.d.ts

@@ -1,61 +1,77 @@
-import { arcCapType, textAlignType, textBaselineType } from './painterConfig'
-
-export default interface SVGConfigType {
-
-    /**
-     * 填充色或图案，默认"#000"
-     */
-    fillStyle?: string
-
-    /**
-     * 轮廓色或图案，默认"#000"
-     */
-    strokeStyle?: string
-
-    /**
-     * 线条宽度，默认1(单位px)
-     */
-    lineWidth?: number
-
-    /**
-     * 文字水平对齐方式，默认"left"左对齐（还有"center"居中和"right"右对齐）
-     */
-    textAlign?: textAlignType
-
-    /**
-     * 文字垂直对齐方式，默认"middle"垂直居中（还有"top"上对齐和"bottom"下对齐）
-     */
-    textBaseline?: textBaselineType
-
-    /**
-     * 设置线条虚线，默认为[]表示使用实线绘制
-     *
-     * 值应该是一个数组，格式：[实线长，虚线长，实线长 ...]，数组长度任意，会自动循环
-     */
-    lineDash?: Array<number>
-
-    /**
-     * 文字大小，默认16
-     */
-    "fontSize"?: number
-    "font-size"?: number // 向下兼容
-
-    /**
-     * 字体，默认"sans-serif"
-     */
-    "fontFamily"?: string
-    "font-family"?: string // 向下兼容
-
-    /**
-     * 圆弧开始端闭合方式，默认"butt"直线闭合（还有"round"圆帽闭合,"-round"反圆帽闭合）
-     */
-    "arcStartCap"?: arcCapType
-    "arc-start-cap"?: string // 向下兼容
-
-    /**
-     * 圆弧结束端闭合方式，默认"butt"直线闭合（还有"round"圆帽闭合,"-round"反圆帽闭合）
-     */
-    "arcEndCap"?: arcCapType
-    "arc-end-cap"?: string // 向下兼容
-
+import { arcCapType, textAlignType, textBaselineType } from './painterConfig'
+
+export default interface SVGConfigType {
+
+    /**
+     * 填充色或图案，默认"#000"
+     */
+    fillStyle?: string
+
+    /**
+     * 轮廓色或图案，默认"#000"
+     */
+    strokeStyle?: string
+
+    /**
+     * 线条宽度，默认1(单位px)
+     */
+    lineWidth?: number
+
+    /**
+     * 文字水平对齐方式，默认"left"左对齐（还有"center"居中和"right"右对齐）
+     */
+    textAlign?: textAlignType
+
+    /**
+     * 文字垂直对齐方式，默认"middle"垂直居中（还有"top"上对齐和"bottom"下对齐）
+     */
+    textBaseline?: textBaselineType
+
+    /**
+     * 设置线条虚线，默认为[]表示使用实线绘制
+     *
+     * 值应该是一个数组，格式：[实线长，虚线长，实线长 ...]，数组长度任意，会自动循环
+     */
+    lineDash?: Array<number>
+
+    /**
+     * 文字大小，默认16
+     */
+    "fontSize"?: number
+
+    /**
+     * 已废弃，向下兼容，请用 fontSize 代替
+     */
+    "font-size"?: number // 向下兼容
+
+    /**
+     * 字体，默认"sans-serif"
+     */
+    "fontFamily"?: string
+
+    /**
+     * 已废弃，向下兼容，请用 fontFamily 代替
+     */
+    "font-family"?: string // 向下兼容
+
+    /**
+     * 圆弧开始端闭合方式，默认"butt"直线闭合（还有"round"圆帽闭合,"-round"反圆帽闭合）
+     */
+    "arcStartCap"?: arcCapType
+
+    /**
+     * 已废弃，向下兼容，请用 arcStartCap 代替
+     */
+    "arc-start-cap"?: string // 向下兼容
+
+    /**
+     * 圆弧结束端闭合方式，默认"butt"直线闭合（还有"round"圆帽闭合,"-round"反圆帽闭合）
+     */
+    "arcEndCap"?: arcCapType
+
+    /**
+     * 已废弃，向下兼容，请用 arcEndCap 代替
+     */
+    "arc-end-cap"?: string // 向下兼容
+
 }

package/types/Scene3D.d.ts

@@ -1,7 +1,7 @@
-import Object3D from './Object3D'
-import Matrix4Type from './Matrix4'
-
-export default interface Scene3D {
-    children: Object3D[]
-    matrix: Matrix4Type
+import Object3D from './Object3D'
+import Matrix4Type from './Matrix4'
+
+export default interface Scene3D {
+    children: Object3D[]
+    matrix: Matrix4Type
 }