vislite 1.3.0 → 1.4.0

package/types/CanvasConfig.d.ts

@@ -1,89 +1,89 @@
-import { arcCapType, textAlignType, textBaselineType, lineCapType, lineJoinType } from './painterConfig'
-
-export default interface CanvasConfigType {
-
-    /**
-     * 填充色或图案，默认"#000"
-     */
-    fillStyle?: string | CanvasGradient
-
-    /**
-     * 轮廓色或图案，默认"#000"
-     */
-    strokeStyle?: string | CanvasGradient
-
-    /**
-     * 线条宽度，默认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
-
-    /**
-     * 阴影的模糊系数，默认0，也就是无阴影
-     */
-    shadowBlur?: number
-
-    /**
-     * 阴影的颜色
-     */
-    shadowColor?: string | CanvasGradient
-
-    /**
-     * 文字大小，默认16
-     */
-    fontSize?: number
-
-    /**
-     * 字体，默认"sans-serif"
-     */
-    fontFamily?: string
-
-    /**
-     * 字重，默认400
-     */
-    fontWeight?: number
-
-    /**
-     * 字类型，默认"normal"
-     */
-    fontStyle?: string
-
-    /**
-     * 圆弧开始端闭合方式，默认"butt"直线闭合（还有"round"圆帽闭合,"-round"反圆帽闭合）
-     */
-    arcStartCap?: arcCapType
-
-    /**
-     * 圆弧结束端闭合方式，默认"butt"直线闭合（还有"round"圆帽闭合,"-round"反圆帽闭合）
-     */
-    arcEndCap?: arcCapType
-
-    // 矩形圆角半径
-    rectRadius?: Array<number>
+import { arcCapType, textAlignType, textBaselineType, lineCapType, lineJoinType } from './painterConfig'
+
+export default interface CanvasConfigType {
+
+    /**
+     * 填充色或图案，默认"#000"
+     */
+    fillStyle?: string | CanvasGradient
+
+    /**
+     * 轮廓色或图案，默认"#000"
+     */
+    strokeStyle?: string | CanvasGradient
+
+    /**
+     * 线条宽度，默认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
+
+    /**
+     * 阴影的模糊系数，默认0，也就是无阴影
+     */
+    shadowBlur?: number
+
+    /**
+     * 阴影的颜色
+     */
+    shadowColor?: string | CanvasGradient
+
+    /**
+     * 文字大小，默认16
+     */
+    fontSize?: number
+
+    /**
+     * 字体，默认"sans-serif"
+     */
+    fontFamily?: string
+
+    /**
+     * 字重，默认400
+     */
+    fontWeight?: number
+
+    /**
+     * 字类型，默认"normal"
+     */
+    fontStyle?: string
+
+    /**
+     * 圆弧开始端闭合方式，默认"butt"直线闭合（还有"round"圆帽闭合,"-round"反圆帽闭合）
+     */
+    arcStartCap?: arcCapType
+
+    /**
+     * 圆弧结束端闭合方式，默认"butt"直线闭合（还有"round"圆帽闭合,"-round"反圆帽闭合）
+     */
+    arcEndCap?: arcCapType
+
+    // 矩形圆角半径
+    rectRadius?: Array<number>
 }

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/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/Gradient.d.ts

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

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

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

package/types/MapConfig.d.ts

@@ -1,28 +1,28 @@
-export default interface MapConfigType {
-
-    /**
-     * 投影算法，默认Mercator，即墨卡托投影
-     */
-    api?: "Eoap" | "Mercator"
-
-    /**
-     * 地图宽
-     */
-    width?: number
-
-    /**
-     * 地图高
-     */
-    height?: number
-
-    /**
-     * 地图左上角横坐标
-     */
-    left?: number
-
-    /**
-     * 地图左上角枞坐标
-     */
-    top?: number
-
+export default interface MapConfigType {
+
+    /**
+     * 投影算法，默认Mercator，即墨卡托投影
+     */
+    api?: "Eoap" | "Mercator"
+
+    /**
+     * 地图宽
+     */
+    width?: number
+
+    /**
+     * 地图高
+     */
+    height?: number
+
+    /**
+     * 地图左上角横坐标
+     */
+    left?: number
+
+    /**
+     * 地图左上角枞坐标
+     */
+    top?: number
+
 }

package/types/MapCoordinate.d.ts

@@ -1,23 +1,23 @@
-import MapConfigType from './MapConfig'
-
-export default interface MapCoordinateType {
-
-    /**
-     * 修改配置
-     * @param config
-     */
-    setConfig(config: MapConfigType): this
-
-    /**
-     * 地理数据
-     * @param geos
-     */
-    setGeos(...geos: any[]): this
-
-    /**
-    * 返回该点的绘图坐标
-    * @param λ 经纬度
-    * @param φ
-    */
-    use(λ: number, φ: number): [number, number]
+import MapConfigType from './MapConfig'
+
+export default interface MapCoordinateType {
+
+    /**
+     * 修改配置
+     * @param config
+     */
+    setConfig(config: MapConfigType): this
+
+    /**
+     * 地理数据
+     * @param geos
+     */
+    setGeos(...geos: any[]): this
+
+    /**
+    * 返回该点的绘图坐标
+    * @param λ 经纬度
+    * @param φ
+    */
+    use(λ: number, φ: number): [number, number]
 }

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这六个值在设置的时候，不是一定需要全部设置，还有以下可选：
-     *
-     *      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这六个值在设置的时候，不是一定需要全部设置，还有以下可选：
+     *
+     *      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/Pie.d.ts

@@ -0,0 +1,74 @@
+export interface PieResultItemType {
+
+    /**
+     * 值
+     */
+    value: number
+
+    /**
+     * 名称
+     */
+    name: string
+
+    /**
+     * 开始弧度
+     */
+    beginDeg: number
+
+    /**
+     * 结束弧度
+     */
+    deg: number
+
+    /**
+     * 半径
+     */
+    radius: Array<number>
+
+    /**
+     * 提示
+     */
+    label: {
+        line: Array<Array<number>>
+        position: Array<number>
+        align: "left" | "right"
+    }
+
+    /**
+     * 是否悬浮
+     */
+    isHover: boolean
+}
+
+export interface PieResultType {
+
+    /**
+     * 个数
+     */
+    count: number
+
+    /**
+     * 圆心横坐标
+     */
+    cx: number
+
+    /**
+     * 圆心纵坐标
+     */
+    cy: number
+
+    /**
+     * 半径
+     */
+    radius: Array<number>
+
+    /**
+     * 一个个条目
+     */
+    node: Array<PieResultItemType>
+
+    /**
+     * 当前悬浮位置
+     */
+    hoverIndex: number
+}

package/types/PieConfig.d.ts

@@ -0,0 +1,27 @@
+export interface nameType {
+    (pieData: any, initPie: Array<any>): string
+}
+
+export interface valueType {
+    (pieData: any, initPie: Array<any>): number
+}
+
+export default interface PieConfigType {
+
+    /**
+     * 获取条目名称的方法
+     * @param pieData 当前条目
+     * @param initPie 原始数据
+     * @returns 返回条目名称
+     */
+    name?: nameType
+
+    /**
+     * 获取条目值的方法
+     * @param pieData 当前条目
+     * @param initPie 原始数据
+     * @returns 返回条目值
+     */
+    value?: valueType
+
+}

package/types/PieLayout.d.ts

@@ -0,0 +1,41 @@
+import { PieResultType } from "./Pie"
+import PieOptionType from './PieOption'
+
+export default interface PieLayoutType {
+
+    /**
+     * 设置布局的行为
+     * @param option
+     */
+    setOption(option: PieOptionType): this
+
+    /**
+    * 单纯的饼图计算
+    * @param initPie 原始数据
+    * @param hoverIndex 悬浮序号，可选
+    */
+    use(initPie: any,hoverIndex?:number): PieResultType
+
+    /**
+     * 绑定新的数据和渲染方法
+     * @param initPie 原始数据
+     * @param renderBack 渲染方法
+     */
+    bind(initPie: Array<any>, renderBack: (pie: PieResultType) => void): this
+
+    /**
+     * 解除绑定
+     */
+    unbind(): this
+
+    /**
+     * 设置当前悬浮序号
+     * @param index 序号，-1表示取消悬浮
+     */
+    setHover(index: number): this
+
+    /**
+    * 主动触发绘制更新
+    */
+    doUpdate(): this
+}