vislite 0.6.0 → 0.7.0

package/src/ruler.ts

@@ -106,7 +106,7 @@ export default function (maxValue: number, minValue: number, num: number, option
     const balanceMax = () => {
         const rulerArray_temp = []
 
-        const changeDist = rulerArray[rulerArray.length - 1] - option.max
+        const changeDist = rulerArray[rulerArray.length - 1] - (option?.max as number)
         for (let index = 0; index < rulerArray.length; index++) {
             if (index + 1 < rulerArray.length && rulerArray[index + 1] - changeDist < minValue) {
                 // 多余的
@@ -121,7 +121,7 @@ export default function (maxValue: number, minValue: number, num: number, option
     const balanceMin = () => {
         const rulerArray_temp = []
 
-        const changeDist = rulerArray[0] - option.min
+        const changeDist = rulerArray[0] - (option?.min as number)
         for (let index = 0; index < rulerArray.length; index++) {
             rulerArray_temp[index] = rulerArray[index] - changeDist
             if (maxValue <= rulerArray_temp[index]) break
@@ -133,23 +133,23 @@ export default function (maxValue: number, minValue: number, num: number, option
     if (option) {
 
         // 上下界限制
-        if ('max' in option && 'min' in option && option.max >= maxValue && option.min <= minValue) {
+        if ('max' in option && 'min' in option && (option.max as number) >= maxValue && (option.min as number) <= minValue) {
 
             const isAnswer = () => {
 
                 // 先判断原始的是否可行
-                if (rulerArray[0] >= option.min && rulerArray[rulerArray.length - 1] <= option.max) return true
+                if (rulerArray[0] >= (option.min as number) && rulerArray[rulerArray.length - 1] <= (option.max as number)) return true
 
                 // 再判断max调整是否可行
                 const rulerArray_max = balanceMax()
-                if (rulerArray_max[0] >= option.min && rulerArray_max[rulerArray_max.length - 1] <= option.max) {
+                if (rulerArray_max[0] >= (option.min as number) && rulerArray_max[rulerArray_max.length - 1] <= (option.max as number)) {
                     rulerArray = rulerArray_max
                     return true
                 }
 
                 // 再判断max调整是否可行
                 const rulerArray_min = balanceMin()
-                if (rulerArray_min[0] >= option.min && rulerArray_min[rulerArray_max.length - 1] <= option.max) {
+                if (rulerArray_min[0] >= (option.min as number) && rulerArray_min[rulerArray_max.length - 1] <= (option.max as number)) {
                     rulerArray = rulerArray_min
                     return true
                 }
@@ -170,16 +170,16 @@ export default function (maxValue: number, minValue: number, num: number, option
         }
 
         // 单界限制
-        if ('max' in option && option.max >= maxValue) {
+        if ('max' in option && (option.max as number) >= maxValue) {
 
             // 上越界了
-            if (option.max < rulerArray[rulerArray.length - 1]) {
+            if ((option.max as number) < rulerArray[rulerArray.length - 1]) {
                 rulerArray = balanceMax()
             }
-        } else if ('min' in option && option.min <= minValue) {
+        } else if ('min' in option && (option.min as number) <= minValue) {
 
             // 下越界了
-            if (option.min > rulerArray[0]) {
+            if ((option.min as number) > rulerArray[0]) {
                 rulerArray = balanceMin()
             }
         }

package/src/throttle.ts

@@ -1,53 +1,53 @@
-import type throttleOptionType from '../types/throttleOption'
-
-import mergeOption from './common/mergeOption'
-
-export default function (callback: Function, option: throttleOptionType = {}) {
-
-    // 校对缺省值
-    option = mergeOption(option, <throttleOptionType>{
-        time: 200,
-        keep: false,
-        opportunity: "end"
-    })
-
-    let hadInterval = false
-    let hadClick = false
-    let oneClick = false
-
-    let arg: any
-    return function () {
-        const _this = this
-        // eslint-disable-next-line prefer-rest-params
-        arg = arguments
-
-        // 如果前置任务都完成了
-        if (!hadInterval) {
-            if (option.opportunity != 'end') {
-                callback.apply(_this, arg)
-            }
-            hadInterval = true
-
-            const interval = setInterval(() => {
-                if (hadClick) {
-                    if (!option.keep) {
-                        callback.apply(_this, arg)
-                    }
-                } else {
-                    if (option.opportunity != 'begin') {
-                        if (oneClick || option.opportunity == 'end') callback.apply(_this, arg)
-                    }
-                    hadInterval = false
-                    oneClick = false
-                    clearInterval(interval)
-                }
-                hadClick = false
-            }, option.time)
-        } else {
-            hadClick = true
-            oneClick = true
-        }
-
-    }
-
+import type throttleOptionType from '../types/throttleOption'
+
+import mergeOption from './common/mergeOption'
+
+export default function (callback: Function, option: throttleOptionType = {}) {
+
+    // 校对缺省值
+    option = mergeOption(option, <throttleOptionType>{
+        time: 200,
+        keep: false,
+        opportunity: "end"
+    })
+
+    let hadInterval = false
+    let hadClick = false
+    let oneClick = false
+
+    let arg: any
+    return function () {
+        const _this = this
+        // eslint-disable-next-line prefer-rest-params
+        arg = arguments
+
+        // 如果前置任务都完成了
+        if (!hadInterval) {
+            if (option.opportunity != 'end') {
+                callback.apply(_this, arg)
+            }
+            hadInterval = true
+
+            const interval = setInterval(() => {
+                if (hadClick) {
+                    if (!option.keep) {
+                        callback.apply(_this, arg)
+                    }
+                } else {
+                    if (option.opportunity != 'begin') {
+                        if (oneClick || option.opportunity == 'end') callback.apply(_this, arg)
+                    }
+                    hadInterval = false
+                    oneClick = false
+                    clearInterval(interval)
+                }
+                hadClick = false
+            }, option.time)
+        } else {
+            hadClick = true
+            oneClick = true
+        }
+
+    }
+
 }

package/src/viewHandler.ts

@@ -68,8 +68,10 @@ export default function (callback: callbackFun) {
     })
 
     // 鼠标控制
-    let mouseP = null;
-    const doMove = function (event) {
+    let mouseP: {
+        [key: string]: number
+    } | null = null;
+    const doMove = function (event: any) {
 
         // 单纯移动
         if (mouseP == null) {

package/types/Canvas.d.ts

@@ -260,7 +260,7 @@ export default interface CanvasType {
      * 获取原生画笔
      * @param isRegion 是否是区域
      */
-    getContext(isRegion?: boolean): CanvasRenderingContext2D
+    getContext(isRegion?: boolean): CanvasRenderingContext2D | null
 
     /**
      * 获取画布信息

package/types/CanvasOption.d.ts

@@ -1,9 +1,9 @@
-import CanvasOptsType from "./CanvasOpts"
-
-export default interface CanvasOptionType extends CanvasOptsType {
-
-    /**
-     * 是否支持区域管理，默认true
-     */
-    region?: boolean
+import CanvasOptsType from "./CanvasOpts"
+
+export default interface CanvasOptionType extends CanvasOptsType {
+
+    /**
+     * 是否支持区域管理，默认true
+     */
+    region?: boolean
 }

package/types/CanvasOpts.d.ts

@@ -1,10 +1,10 @@
-export default interface CanvasOptsType {
-
-    // https://html.spec.whatwg.org/multipage/canvas.html#concept-canvas-will-read-frequently
-    willReadFrequently?: boolean
-
-    alpha?: boolean
-
-    storage?: string
-
+export default interface CanvasOptsType {
+
+    // https://html.spec.whatwg.org/multipage/canvas.html#concept-canvas-will-read-frequently
+    willReadFrequently?: boolean
+
+    alpha?: boolean
+
+    storage?: string
+
 }

package/types/Geometry.d.ts

@@ -1,41 +1,66 @@
-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>
-
+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 x2
+     * @param y2
+     * @param z2
+     */
+    cylinder(x: number, y: number, z: number, radius: number, x2: number, y2: number, z2: 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 x
+     * @param y
+     * @param z
+     * @param radius
+     * @param x2
+     * @param y2
+     * @param z2
+     * @param num
+     */
+    prism(x: number, y: number, z: number, radius: number, x2: number, y2: number, z2: 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/Matrix4.d.ts

@@ -1,48 +1,48 @@
-export default interface Matrix4Type {
-
-    /**
-     * 返回matrix4当前记录的内部矩阵
-     */
-    value(): number[]
-
-    /**
-     * 两个矩阵相乘
-     * @param newMatrix4
-     * @param flag 可选，表示相乘位置，默认false，表示左乘
-     */
-    multiply(newMatrix4: number[], flag?: boolean): this
-
-    /**
-     * 把变换矩阵作用在具体的点上
-     */
-    use(x: number, y: number, z?: number, w?: number): [number, number, number, number]
-
-    /**
-     * 设置内置矩阵
-     */
-    setValue(initMatrix4?: number[]): this
-
-    /**
-     * 沿着向量(a, b, c)方向移动距离dis
-     * （其中c可以不传，默认0）
-     */
-    move(dis: number, a: number, b: number, c?: number): this
-
-    /**
-     * 以点(cx, cy, cz)为中心，分别在x、y和z方向上缩放xTimes、yTimes和zTimes倍
-     * （其中cx、cy和cz都可以不传递，默认0）
-     */
-    scale(xTimes: number, yTimes: number, zTimes: number, cx?: number, cy?: number, cz?: number): this
-
-    /**
-     * 围绕射线(a1, b1, c1) -> (a2, b2, c2)旋转deg度
-     * （方向由右手法则确定）
-     *
-     * a1、b1、c1、a2、b2和c2这6个值在设置的时候，不是一定需要全部设置，还有以下可选：
-     *
-     *      1）只设置了a1和b1，表示在xoy平面围绕（a1, b1）旋转
-     *      2）设置三个点(设置不足六个点都认为只设置了三个点)，表示围绕从原点出发的射线旋转
-     */
-    rotate(deg: number, a1: number, b1: number, c1?: number, a2?: number, b2?: number, c2?: number): this
-
+export default interface Matrix4Type {
+
+    /**
+     * 返回matrix4当前记录的内部矩阵
+     */
+    value(): number[]
+
+    /**
+     * 两个矩阵相乘
+     * @param newMatrix4
+     * @param flag 可选，表示相乘位置，默认false，表示左乘
+     */
+    multiply(newMatrix4: number[], flag?: boolean): this
+
+    /**
+     * 把变换矩阵作用在具体的点上
+     */
+    use(x: number, y: number, z?: number, w?: number): [number, number, number, number]
+
+    /**
+     * 设置内置矩阵
+     */
+    setValue(initMatrix4?: number[]): this
+
+    /**
+     * 沿着向量(a, b, c)方向移动距离dis
+     * （其中c可以不传，默认0）
+     */
+    move(dis: number, a: number, b: number, c?: number): this
+
+    /**
+     * 以点(cx, cy, cz)为中心，分别在x、y和z方向上缩放xTimes、yTimes和zTimes倍
+     * （其中cx、cy和cz都可以不传递，默认0）
+     */
+    scale(xTimes: number, yTimes: number, zTimes: number, cx?: number, cy?: number, cz?: number): this
+
+    /**
+     * 围绕射线(a1, b1, c1) -> (a2, b2, c2)旋转deg度
+     * （方向由右手法则确定）
+     *
+     * a1、b1、c1、a2、b2和c2这6个值在设置的时候，不是一定需要全部设置，还有以下可选：
+     *
+     *      1）只设置了a1和b1，表示在xoy平面围绕（a1, b1）旋转
+     *      2）设置三个点(设置不足六个点都认为只设置了三个点)，表示围绕从原点出发的射线旋转
+     */
+    rotate(deg: number, a1: number, b1: number, c1?: number, a2?: number, b2?: number, c2?: number): this
+
 }

package/types/SVGConfig.d.ts

@@ -1,77 +1,80 @@
-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 // 向下兼容
-
+import { arcCapType, textAlignType, textBaselineType } from './painterConfig'
+
+export type svgElType = SVGElement | "g" | "text" | "path" | "circle" | "rect" | "polygon" | "polyline"
+export type svgBoardType = SVGElement | "text" | "path" | "arc" | "circle" | "rect"
+
+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/TreeConfig.d.ts

@@ -1,25 +1,37 @@
-export default interface TreeConfigType {
-
-    /**
-     * 获取根结点的方法
-     * @param initTree 原始数据
-     * @returns 返回根结点
-     */
-    root?: (initTree: any) => any
-
-    /**
-     * 获取子结点的方法
-     * @param parentTree 父结点
-     * @param initTree 原始数据
-     * @returns 返回当前父结点的所有子结点数组
-     */
-    children?: (parentTree: any, initTree: any) => any[]
-
-    /**
-     * 获取结点ID方法
-     * @param treedata 当前结点
-     * @returns 返回可以唯一标识当前结点的id
-     */
-    id?: (treedata: any) => string
-
+export interface rootType {
+    (initTree: any): any
+}
+
+export interface childrenType {
+    (parentTree: any, initTree: any): any[]
+}
+
+export interface idType {
+    (treedata: any): string
+}
+
+export default interface TreeConfigType {
+
+    /**
+     * 获取根结点的方法
+     * @param initTree 原始数据
+     * @returns 返回根结点
+     */
+    root?: rootType
+
+    /**
+     * 获取子结点的方法
+     * @param parentTree 父结点
+     * @param initTree 原始数据
+     * @returns 返回当前父结点的所有子结点数组
+     */
+    children?: childrenType
+
+    /**
+     * 获取结点ID方法
+     * @param treedata 当前结点
+     * @returns 返回可以唯一标识当前结点的id
+     */
+    id?: idType
+
 }