vislite 1.3.0 → 1.4.0

package/types/PieOption.d.ts

@@ -0,0 +1,22 @@
+export default interface PieOptionType {
+
+    /**
+     * 圆心横坐标
+     */
+    cx?: number
+
+    /**
+     * 圆心纵坐标
+     */
+    cy?: number
+
+    /**
+     * 半径
+     */
+    radius?: Array<number>
+
+    /**
+     * 切换时长
+     */
+    duration?: number
+}

package/types/SVG.d.ts

@@ -241,4 +241,8 @@ export default interface SVGType {
      */
     createRadialGradient(cx: number, cy: number, r: number): GradientType<string>
 
+    /**
+     * 把画布变成url
+     */
+    toDataURL(): Promise<string>
 }

package/types/SVGConfig.d.ts

@@ -1,72 +1,72 @@
-import { arcCapType, textAlignType, textBaselineType, lineCapType, lineJoinType } 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
-
-    /**
-     * 线的端点类型，默认"butt"平直边缘（还有"round"半圆和"square"矩形）
-     */
-    lineCap?: lineCapType
-
-    /**
-     * 线的拐角连接方式，默认"miter"连接处边缘延长相接（还有"bevel"对角线斜角和"round"圆）
-     */
-    lineJoin?: lineJoinType
-
-    /**
-     * 设置线条虚线，默认为[]表示使用实线绘制
-     *
-     * 值应该是一个数组，格式：[实线长，虚线长，实线长 ...]，数组长度任意，会自动循环
-     */
-    lineDash?: Array<number>
-
-    /**
-     * 文字水平对齐方式，默认"left"左对齐（还有"center"居中和"right"右对齐）
-     */
-    textAlign?: textAlignType
-
-    /**
-     * 文字垂直对齐方式，默认"middle"垂直居中（还有"top"上对齐和"bottom"下对齐）
-     */
-    textBaseline?: textBaselineType
-
-    /**
-     * 文字大小，默认16
-     */
-    fontSize?: number
-
-    /**
-     * 字体，默认"sans-serif"
-     */
-    fontFamily?: string
-
-    /**
-     * 圆弧开始端闭合方式，默认"butt"直线闭合（还有"round"圆帽闭合,"-round"反圆帽闭合）
-     */
-    arcStartCap?: arcCapType
-
-    /**
-     * 圆弧结束端闭合方式，默认"butt"直线闭合（还有"round"圆帽闭合,"-round"反圆帽闭合）
-     */
-    arcEndCap?: arcCapType
-
-    // 矩形圆角半径
-    rectRadius?: Array<number>
+import { arcCapType, textAlignType, textBaselineType, lineCapType, lineJoinType } 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
+
+    /**
+     * 线的端点类型，默认"butt"平直边缘（还有"round"半圆和"square"矩形）
+     */
+    lineCap?: lineCapType
+
+    /**
+     * 线的拐角连接方式，默认"miter"连接处边缘延长相接（还有"bevel"对角线斜角和"round"圆）
+     */
+    lineJoin?: lineJoinType
+
+    /**
+     * 设置线条虚线，默认为[]表示使用实线绘制
+     *
+     * 值应该是一个数组，格式：[实线长，虚线长，实线长 ...]，数组长度任意，会自动循环
+     */
+    lineDash?: Array<number>
+
+    /**
+     * 文字水平对齐方式，默认"left"左对齐（还有"center"居中和"right"右对齐）
+     */
+    textAlign?: textAlignType
+
+    /**
+     * 文字垂直对齐方式，默认"middle"垂直居中（还有"top"上对齐和"bottom"下对齐）
+     */
+    textBaseline?: textBaselineType
+
+    /**
+     * 文字大小，默认16
+     */
+    fontSize?: number
+
+    /**
+     * 字体，默认"sans-serif"
+     */
+    fontFamily?: string
+
+    /**
+     * 圆弧开始端闭合方式，默认"butt"直线闭合（还有"round"圆帽闭合,"-round"反圆帽闭合）
+     */
+    arcStartCap?: arcCapType
+
+    /**
+     * 圆弧结束端闭合方式，默认"butt"直线闭合（还有"round"圆帽闭合,"-round"反圆帽闭合）
+     */
+    arcEndCap?: arcCapType
+
+    // 矩形圆角半径
+    rectRadius?: Array<number>
 }

package/types/Shader.d.ts

@@ -1,17 +1,17 @@
-export default interface ShaderType {
-
-    program: WebGLProgram
-
-    /**
-     * 使用这个程序
-     * （后于编译）
-     */
-    use(): this
-
-    /**
-     * 编译着色器程序
-     * @param vshaderSource 顶点着色器
-     * @param fshaderSource 片段（元）着色器
-     */
-    compile(vshaderSource: string, fshaderSource: string): this
+export default interface ShaderType {
+
+    program: WebGLProgram
+
+    /**
+     * 使用这个程序
+     * （后于编译）
+     */
+    use(): this
+
+    /**
+     * 编译着色器程序
+     * @param vshaderSource 顶点着色器
+     * @param fshaderSource 片段（元）着色器
+     */
+    compile(vshaderSource: string, fshaderSource: string): this
 }

package/types/Texture.d.ts

@@ -1,17 +1,17 @@
-export default interface TextureType {
-
-    /**
-     * 链接图片资源(单一)
-     * @param image 纹理图片
-     */
-    useImage(image: TexImageSource): this
-
-    /**
-     * 链接图片资源（多张）
-     * @param images 纹理图片集
-     * @param width 图片宽
-     * @param height 图片高
-     */
-    useCube(images: TexImageSource[], width: number, height: number): this
-
+export default interface TextureType {
+
+    /**
+     * 链接图片资源(单一)
+     * @param image 纹理图片
+     */
+    useImage(image: TexImageSource): this
+
+    /**
+     * 链接图片资源（多张）
+     * @param images 纹理图片集
+     * @param width 图片宽
+     * @param height 图片高
+     */
+    useCube(images: TexImageSource[], width: number, height: number): this
+
 }

package/types/Tree.d.ts

@@ -1,75 +1,75 @@
-export interface TreeResultType {
-
-    /**
-     * 树的层数
-     */
-    deep: number
-
-    node: {
-        [id: string]: {
-
-            /**
-             * 当前结点的孩子的结点id集合
-             */
-            children: Array<string>
-
-            /**
-             * 当前结点的原始数据
-             */
-            data: any
-
-            /**
-             * 当前结点的id
-             */
-            id: string
-
-            /**
-             * 当前结点的父结点id
-             */
-            pid: string
-
-            /**
-             * 当前结点的横坐标
-             */
-            left: number
-
-            /**
-             * 当前结点的纵坐标
-             */
-            top: number
-
-            /**
-             * 当前结点的打开还是关闭
-             */
-            isOpen: boolean
-
-            /**
-             * 当前结点本身是否显示
-             */
-            show: boolean
-
-            /**
-             * 文字建议旋转弧度
-             */
-            deg: number
-        }
-    }
-
-    /**
-     * 根结点id
-     */
-    root: string
-
-    /**
-     * 树的宽数
-     */
-    size: number
-}
-
-export default interface TreeType {
-
-    /**
-     * 求解单一值
-     */
-    use(initTree: any): TreeResultType
+export interface TreeResultType {
+
+    /**
+     * 树的层数
+     */
+    deep: number
+
+    node: {
+        [id: string]: {
+
+            /**
+             * 当前结点的孩子的结点id集合
+             */
+            children: Array<string>
+
+            /**
+             * 当前结点的原始数据
+             */
+            data: any
+
+            /**
+             * 当前结点的id
+             */
+            id: string
+
+            /**
+             * 当前结点的父结点id
+             */
+            pid: string
+
+            /**
+             * 当前结点的横坐标
+             */
+            left: number
+
+            /**
+             * 当前结点的纵坐标
+             */
+            top: number
+
+            /**
+             * 当前结点的打开还是关闭
+             */
+            isOpen: boolean
+
+            /**
+             * 当前结点本身是否显示
+             */
+            show: boolean
+
+            /**
+             * 文字建议旋转弧度
+             */
+            deg: number
+        }
+    }
+
+    /**
+     * 根结点id
+     */
+    root: string
+
+    /**
+     * 树的宽数
+     */
+    size: number
+}
+
+export default interface TreeType {
+
+    /**
+     * 求解单一值
+     */
+    use(initTree: any): TreeResultType
 }

package/types/TreeConfig.d.ts

@@ -1,37 +1,37 @@
-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
-
+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
+
 }

package/types/TreeLayout.d.ts

@@ -1,60 +1,60 @@
-import TreeType from "./Tree"
-import { TreeResultType } from "./Tree"
-import TreeOptionType from './TreeOption'
-
-export default interface TreeLayoutType extends TreeType {
-
-    /**
-     * 设置布局的行为
-     * @param option
-     */
-    setOption(option: TreeOptionType): this
-
-    /**
-     * 单纯的树图坐标计算
-     * @param initTree 原始数据
-     * @param noOpens 可选，结点初始是否闭合控制
-     */
-    use(initTree: any, noOpens?: {
-        [id: string]: boolean
-    }): TreeResultType
-
-    /**
-     * 绑定新的数据和渲染方法
-     * @param initTree 原始数据
-     * @param renderBack 渲染方法
-     * @param noOpens 可选，结点初始是否闭合控制
-     */
-    bind(initTree: any, renderBack: (tree: TreeResultType) => void, noOpens?: {
-        [id: string]: boolean
-    }): this
-
-    /**
-     * 解除绑定
-     */
-    unbind(): this
-
-    /**
-     * 闭合指定节点
-     * @param id
-     */
-    closeNode(id: string): this
-
-    /**
-     * 展开指定节点
-     * @param id
-     */
-    openNode(id: string): this
-
-    /**
-     * 闭合或展开指定节点
-     * @param id
-     */
-    toggleNode(id: string): this
-
-    /**
-     * 主动触发绘制更新
-     */
-    doUpdate(): this
-
+import TreeType from "./Tree"
+import { TreeResultType } from "./Tree"
+import TreeOptionType from './TreeOption'
+
+export default interface TreeLayoutType extends TreeType {
+
+    /**
+     * 设置布局的行为
+     * @param option
+     */
+    setOption(option: TreeOptionType): this
+
+    /**
+     * 单纯的树图坐标计算
+     * @param initTree 原始数据
+     * @param noOpens 可选，结点初始是否闭合控制
+     */
+    use(initTree: any, noOpens?: {
+        [id: string]: boolean
+    }): TreeResultType
+
+    /**
+     * 绑定新的数据和渲染方法
+     * @param initTree 原始数据
+     * @param renderBack 渲染方法
+     * @param noOpens 可选，结点初始是否闭合控制
+     */
+    bind(initTree: any, renderBack: (tree: TreeResultType) => void, noOpens?: {
+        [id: string]: boolean
+    }): this
+
+    /**
+     * 解除绑定
+     */
+    unbind(): this
+
+    /**
+     * 闭合指定节点
+     * @param id
+     */
+    closeNode(id: string): this
+
+    /**
+     * 展开指定节点
+     * @param id
+     */
+    openNode(id: string): this
+
+    /**
+     * 闭合或展开指定节点
+     * @param id
+     */
+    toggleNode(id: string): this
+
+    /**
+     * 主动触发绘制更新
+     */
+    doUpdate(): this
+
 }

package/types/TreeOption.d.ts

@@ -1,49 +1,49 @@
-export type treeType = "plain" | "rect" | "circle"
-export type treeDirectionType = "LR" | "RL" | "TB" | "BT"
-
-export default interface TreeOptionType {
-
-    offsetX?: number
-    offsetY?: number
-
-    /**
-     * 树图类型
-     */
-    type?: treeType
-
-    /**
-     * 设置成矩形树图（rect）时有效，表示树图方向
-     */
-    direction?: treeDirectionType
-
-    /**
-     * 树图x坐标
-     */
-    x?: number
-
-    /**
-     * 树图y坐标
-     */
-    y?: number
-
-    /**
-     * 设置成矩形树图（rect）时有效，表示矩形宽
-     */
-    width?: number
-
-    /**
-     * 设置成矩形树图（rect）时有效，表示矩形高
-     */
-    height?: number
-
-    /**
-     * 设置成圆树图（circle）时有效，表示圆树的半径
-     */
-    radius?: number
-
-    /**
-     * 切换时长
-     */
-    duration?: number
-
+export type treeType = "plain" | "rect" | "circle"
+export type treeDirectionType = "LR" | "RL" | "TB" | "BT"
+
+export default interface TreeOptionType {
+
+    offsetX?: number
+    offsetY?: number
+
+    /**
+     * 树图类型
+     */
+    type?: treeType
+
+    /**
+     * 设置成矩形树图（rect）时有效，表示树图方向
+     */
+    direction?: treeDirectionType
+
+    /**
+     * 树图x坐标
+     */
+    x?: number
+
+    /**
+     * 树图y坐标
+     */
+    y?: number
+
+    /**
+     * 设置成矩形树图（rect）时有效，表示矩形宽
+     */
+    width?: number
+
+    /**
+     * 设置成矩形树图（rect）时有效，表示矩形高
+     */
+    height?: number
+
+    /**
+     * 设置成圆树图（circle）时有效，表示圆树的半径
+     */
+    radius?: number
+
+    /**
+     * 切换时长
+     */
+    duration?: number
+
 }