vislite 1.4.0-alpha.0 → 1.4.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (83) hide show
  1. package/CHANGELOG +307 -307
  2. package/lib/BarLayout/index.es.js +437 -437
  3. package/lib/BarLayout/index.es.min.js +2 -2
  4. package/lib/Buffer/index.es.js +35 -35
  5. package/lib/Buffer/index.es.min.js +1 -1
  6. package/lib/Canvas/index.es.js +774 -774
  7. package/lib/Canvas/index.es.min.js +1 -1
  8. package/lib/Cardinal/index.es.js +90 -90
  9. package/lib/Cardinal/index.es.min.js +1 -1
  10. package/lib/Eoap/index.es.js +33 -33
  11. package/lib/Eoap/index.es.min.js +1 -1
  12. package/lib/Hermite/index.es.js +35 -35
  13. package/lib/Hermite/index.es.min.js +1 -1
  14. package/lib/MapCoordinate/index.es.js +199 -199
  15. package/lib/MapCoordinate/index.es.min.js +1 -1
  16. package/lib/Matrix4/index.es.js +124 -124
  17. package/lib/Matrix4/index.es.min.js +1 -1
  18. package/lib/Mercator/index.es.js +19 -19
  19. package/lib/Mercator/index.es.min.js +1 -1
  20. package/lib/PieLayout/index.es.js +213 -213
  21. package/lib/PieLayout/index.es.min.js +2 -2
  22. package/lib/RawCanvas/index.es.js +704 -704
  23. package/lib/RawCanvas/index.es.min.js +1 -1
  24. package/lib/SVG/index.es.js +514 -514
  25. package/lib/SVG/index.es.min.js +1 -1
  26. package/lib/Shader/index.es.js +35 -35
  27. package/lib/Shader/index.es.min.js +1 -1
  28. package/lib/Texture/index.es.js +53 -53
  29. package/lib/Texture/index.es.min.js +1 -1
  30. package/lib/TreeLayout/index.es.js +397 -397
  31. package/lib/TreeLayout/index.es.min.js +2 -2
  32. package/lib/animation/index.es.js +110 -106
  33. package/lib/animation/index.es.min.js +3 -3
  34. package/lib/assemble/index.es.js +17 -17
  35. package/lib/assemble/index.es.min.js +1 -1
  36. package/lib/getLoopColors/index.es.js +35 -35
  37. package/lib/getLoopColors/index.es.min.js +1 -1
  38. package/lib/getWebGLContext/index.es.js +62 -62
  39. package/lib/getWebGLContext/index.es.min.js +1 -1
  40. package/lib/index.umd.js +2795 -2791
  41. package/lib/index.umd.min.js +5 -5
  42. package/lib/initOption/index.es.js +6 -6
  43. package/lib/initOption/index.es.min.js +1 -1
  44. package/lib/mergeOption/index.es.js +34 -34
  45. package/lib/mergeOption/index.es.min.js +1 -1
  46. package/lib/move/index.es.js +7 -7
  47. package/lib/move/index.es.min.js +1 -1
  48. package/lib/rotate/index.es.js +7 -7
  49. package/lib/rotate/index.es.min.js +1 -1
  50. package/lib/ruler/index.es.js +137 -137
  51. package/lib/ruler/index.es.min.js +1 -1
  52. package/lib/scale/index.es.js +6 -6
  53. package/lib/scale/index.es.min.js +1 -1
  54. package/lib/throttle/index.es.js +51 -51
  55. package/lib/throttle/index.es.min.js +2 -2
  56. package/package/BarLayout/index.ts +2 -2
  57. package/package/PieLayout/index.ts +2 -2
  58. package/package/animation/index.ts +6 -3
  59. package/package/index.ts +84 -84
  60. package/package/throttle/index.ts +2 -2
  61. package/package.json +75 -75
  62. package/src/SVG.ts +55 -55
  63. package/src/common/canvas/gradient.ts +31 -31
  64. package/src/common/svg/default.ts +29 -29
  65. package/src/common/svg/gradient.ts +53 -53
  66. package/src/common/svg/index.ts +332 -332
  67. package/src/common/tree/toPlainTree.ts +135 -135
  68. package/src/common/webgl/texture.ts +98 -98
  69. package/src/layout/BarLayout.ts +248 -248
  70. package/src/layout/PieLayout.ts +141 -141
  71. package/src/layout/TreeLayout.ts +197 -197
  72. package/types/Bar.d.ts +91 -91
  73. package/types/BarConfig.d.ts +4 -4
  74. package/types/BarLayout.d.ts +48 -48
  75. package/types/BarOption.d.ts +31 -31
  76. package/types/Pie.d.ts +73 -73
  77. package/types/PieConfig.d.ts +26 -26
  78. package/types/PieLayout.d.ts +40 -40
  79. package/types/PieOption.d.ts +21 -21
  80. package/types/SVG.d.ts +247 -247
  81. package/types/animation.d.ts +11 -5
  82. package/types/index.d.ts +195 -195
  83. package/types/throttle.d.ts +5 -5
package/types/Bar.d.ts CHANGED
@@ -1,92 +1,92 @@
1
- interface categoryAxios {
2
- type: "category"
3
- data: Array<string>
4
- }
5
-
6
- interface valueAxios {
7
- type: "value"
8
- data: Array<number>
9
- }
10
-
11
- export interface BarResultType {
12
-
13
- /**
14
- * 坐标系
15
- */
16
- coordinate: {
17
-
18
- /**
19
- * 坐标系左下角横坐标
20
- */
21
- x: number
22
-
23
- /**
24
- * 坐标系左下角纵坐标
25
- */
26
- y: number
27
-
28
- /**
29
- * 坐标系的宽
30
- */
31
- width: number
32
-
33
- /**
34
- * 坐标系的高
35
- */
36
- height: number
37
-
38
- /**
39
- * x坐标轴
40
- */
41
- xAxis: categoryAxios | valueAxios
42
-
43
- /**
44
- * y坐标轴
45
- */
46
- yAxis: categoryAxios | valueAxios
47
- }
48
-
49
- /**
50
- * 直方矩形
51
- */
52
- node: Array<{
53
-
54
- /**
55
- * 分类名称
56
- * 如果是一维的,就不存在此项
57
- */
58
- name?: string
59
-
60
- /**
61
- * 当前分类的一个个直方矩形
62
- */
63
- bar: Array<{
64
-
65
- /**
66
- * 矩形原始的值
67
- */
68
- value: number
69
-
70
- /**
71
- * 矩形左下角横坐标
72
- */
73
- x: number
74
-
75
- /**
76
- * 矩形左下角纵坐标
77
- */
78
- y: number
79
-
80
- /**
81
- * 矩形宽
82
- */
83
- width: number
84
-
85
- /**
86
- * 矩形高
87
- */
88
- height: number
89
- }>
90
- }>
91
-
1
+ interface categoryAxios {
2
+ type: "category"
3
+ data: Array<string>
4
+ }
5
+
6
+ interface valueAxios {
7
+ type: "value"
8
+ data: Array<number>
9
+ }
10
+
11
+ export interface BarResultType {
12
+
13
+ /**
14
+ * 坐标系
15
+ */
16
+ coordinate: {
17
+
18
+ /**
19
+ * 坐标系左下角横坐标
20
+ */
21
+ x: number
22
+
23
+ /**
24
+ * 坐标系左下角纵坐标
25
+ */
26
+ y: number
27
+
28
+ /**
29
+ * 坐标系的宽
30
+ */
31
+ width: number
32
+
33
+ /**
34
+ * 坐标系的高
35
+ */
36
+ height: number
37
+
38
+ /**
39
+ * x坐标轴
40
+ */
41
+ xAxis: categoryAxios | valueAxios
42
+
43
+ /**
44
+ * y坐标轴
45
+ */
46
+ yAxis: categoryAxios | valueAxios
47
+ }
48
+
49
+ /**
50
+ * 直方矩形
51
+ */
52
+ node: Array<{
53
+
54
+ /**
55
+ * 分类名称
56
+ * 如果是一维的,就不存在此项
57
+ */
58
+ name?: string
59
+
60
+ /**
61
+ * 当前分类的一个个直方矩形
62
+ */
63
+ bar: Array<{
64
+
65
+ /**
66
+ * 矩形原始的值
67
+ */
68
+ value: number
69
+
70
+ /**
71
+ * 矩形左下角横坐标
72
+ */
73
+ x: number
74
+
75
+ /**
76
+ * 矩形左下角纵坐标
77
+ */
78
+ y: number
79
+
80
+ /**
81
+ * 矩形宽
82
+ */
83
+ width: number
84
+
85
+ /**
86
+ * 矩形高
87
+ */
88
+ height: number
89
+ }>
90
+ }>
91
+
92
92
  }
@@ -1,5 +1,5 @@
1
- export default interface BarConfigType {
2
-
3
-
4
-
1
+ export default interface BarConfigType {
2
+
3
+
4
+
5
5
  }
@@ -1,49 +1,49 @@
1
- import { BarResultType } from "./Bar"
2
- import BarOptionType from './BarOption'
3
-
4
- interface dataType {
5
- category: Array<string>
6
- }
7
-
8
- interface singleDataType extends dataType {
9
- data: Array<number>
10
- }
11
-
12
- interface doublieDataType extends dataType {
13
- value: Array<{
14
- name: string,
15
- data: Array<number>
16
- }>
17
- }
18
-
19
- export default interface BarLayoutType {
20
-
21
- /**
22
- * 设置布局的行为
23
- * @param option
24
- */
25
- setOption(option: BarOptionType): this
26
-
27
- /**
28
- * 单纯的直方图计算
29
- * @param initBar 原始数据
30
- */
31
- use(initBar: singleDataType | doublieDataType): BarResultType
32
-
33
- /**
34
- * 绑定新的数据和渲染方法
35
- * @param initBar 原始数据
36
- * @param renderBack 渲染方法
37
- */
38
- bind(initBar: singleDataType | doublieDataType, renderBack: (bar: BarResultType) => void): this
39
-
40
- /**
41
- * 解除绑定
42
- */
43
- unbind(): this
44
-
45
- /**
46
- * 主动触发绘制更新
47
- */
48
- doUpdate(): this
1
+ import { BarResultType } from "./Bar"
2
+ import BarOptionType from './BarOption'
3
+
4
+ interface dataType {
5
+ category: Array<string>
6
+ }
7
+
8
+ interface singleDataType extends dataType {
9
+ data: Array<number>
10
+ }
11
+
12
+ interface doublieDataType extends dataType {
13
+ value: Array<{
14
+ name: string,
15
+ data: Array<number>
16
+ }>
17
+ }
18
+
19
+ export default interface BarLayoutType {
20
+
21
+ /**
22
+ * 设置布局的行为
23
+ * @param option
24
+ */
25
+ setOption(option: BarOptionType): this
26
+
27
+ /**
28
+ * 单纯的直方图计算
29
+ * @param initBar 原始数据
30
+ */
31
+ use(initBar: singleDataType | doublieDataType): BarResultType
32
+
33
+ /**
34
+ * 绑定新的数据和渲染方法
35
+ * @param initBar 原始数据
36
+ * @param renderBack 渲染方法
37
+ */
38
+ bind(initBar: singleDataType | doublieDataType, renderBack: (bar: BarResultType) => void): this
39
+
40
+ /**
41
+ * 解除绑定
42
+ */
43
+ unbind(): this
44
+
45
+ /**
46
+ * 主动触发绘制更新
47
+ */
48
+ doUpdate(): this
49
49
  }
@@ -1,32 +1,32 @@
1
- export default interface BarOptionType {
2
-
3
- /**
4
- * 直方图左下角横坐标
5
- */
6
- x?: number
7
-
8
- /**
9
- * 直方图左下角纵坐标
10
- */
11
- y?: number
12
-
13
- /**
14
- * 直方图宽
15
- */
16
- width?: number
17
-
18
- /**
19
- * 直方图高
20
- */
21
- height?: number
22
-
23
- /**
24
- * 直方图分类刻度尺
25
- */
26
- category?: "xAxis" | "yAxis"
27
-
28
- /**
29
- * 切换时长
30
- */
31
- duration?: number
1
+ export default interface BarOptionType {
2
+
3
+ /**
4
+ * 直方图左下角横坐标
5
+ */
6
+ x?: number
7
+
8
+ /**
9
+ * 直方图左下角纵坐标
10
+ */
11
+ y?: number
12
+
13
+ /**
14
+ * 直方图宽
15
+ */
16
+ width?: number
17
+
18
+ /**
19
+ * 直方图高
20
+ */
21
+ height?: number
22
+
23
+ /**
24
+ * 直方图分类刻度尺
25
+ */
26
+ category?: "xAxis" | "yAxis"
27
+
28
+ /**
29
+ * 切换时长
30
+ */
31
+ duration?: number
32
32
  }
package/types/Pie.d.ts CHANGED
@@ -1,74 +1,74 @@
1
- export interface PieResultItemType {
2
-
3
- /**
4
- * 值
5
- */
6
- value: number
7
-
8
- /**
9
- * 名称
10
- */
11
- name: string
12
-
13
- /**
14
- * 开始弧度
15
- */
16
- beginDeg: number
17
-
18
- /**
19
- * 结束弧度
20
- */
21
- deg: number
22
-
23
- /**
24
- * 半径
25
- */
26
- radius: Array<number>
27
-
28
- /**
29
- * 提示
30
- */
31
- label: {
32
- line: Array<Array<number>>
33
- position: Array<number>
34
- align: "left" | "right"
35
- }
36
-
37
- /**
38
- * 是否悬浮
39
- */
40
- isHover: boolean
41
- }
42
-
43
- export interface PieResultType {
44
-
45
- /**
46
- * 个数
47
- */
48
- count: number
49
-
50
- /**
51
- * 圆心横坐标
52
- */
53
- cx: number
54
-
55
- /**
56
- * 圆心纵坐标
57
- */
58
- cy: number
59
-
60
- /**
61
- * 半径
62
- */
63
- radius: Array<number>
64
-
65
- /**
66
- * 一个个条目
67
- */
68
- node: Array<PieResultItemType>
69
-
70
- /**
71
- * 当前悬浮位置
72
- */
73
- hoverIndex: number
1
+ export interface PieResultItemType {
2
+
3
+ /**
4
+ * 值
5
+ */
6
+ value: number
7
+
8
+ /**
9
+ * 名称
10
+ */
11
+ name: string
12
+
13
+ /**
14
+ * 开始弧度
15
+ */
16
+ beginDeg: number
17
+
18
+ /**
19
+ * 结束弧度
20
+ */
21
+ deg: number
22
+
23
+ /**
24
+ * 半径
25
+ */
26
+ radius: Array<number>
27
+
28
+ /**
29
+ * 提示
30
+ */
31
+ label: {
32
+ line: Array<Array<number>>
33
+ position: Array<number>
34
+ align: "left" | "right"
35
+ }
36
+
37
+ /**
38
+ * 是否悬浮
39
+ */
40
+ isHover: boolean
41
+ }
42
+
43
+ export interface PieResultType {
44
+
45
+ /**
46
+ * 个数
47
+ */
48
+ count: number
49
+
50
+ /**
51
+ * 圆心横坐标
52
+ */
53
+ cx: number
54
+
55
+ /**
56
+ * 圆心纵坐标
57
+ */
58
+ cy: number
59
+
60
+ /**
61
+ * 半径
62
+ */
63
+ radius: Array<number>
64
+
65
+ /**
66
+ * 一个个条目
67
+ */
68
+ node: Array<PieResultItemType>
69
+
70
+ /**
71
+ * 当前悬浮位置
72
+ */
73
+ hoverIndex: number
74
74
  }
@@ -1,27 +1,27 @@
1
- export interface nameType {
2
- (pieData: any, initPie: Array<any>): string
3
- }
4
-
5
- export interface valueType {
6
- (pieData: any, initPie: Array<any>): number
7
- }
8
-
9
- export default interface PieConfigType {
10
-
11
- /**
12
- * 获取条目名称的方法
13
- * @param pieData 当前条目
14
- * @param initPie 原始数据
15
- * @returns 返回条目名称
16
- */
17
- name?: nameType
18
-
19
- /**
20
- * 获取条目值的方法
21
- * @param pieData 当前条目
22
- * @param initPie 原始数据
23
- * @returns 返回条目值
24
- */
25
- value?: valueType
26
-
1
+ export interface nameType {
2
+ (pieData: any, initPie: Array<any>): string
3
+ }
4
+
5
+ export interface valueType {
6
+ (pieData: any, initPie: Array<any>): number
7
+ }
8
+
9
+ export default interface PieConfigType {
10
+
11
+ /**
12
+ * 获取条目名称的方法
13
+ * @param pieData 当前条目
14
+ * @param initPie 原始数据
15
+ * @returns 返回条目名称
16
+ */
17
+ name?: nameType
18
+
19
+ /**
20
+ * 获取条目值的方法
21
+ * @param pieData 当前条目
22
+ * @param initPie 原始数据
23
+ * @returns 返回条目值
24
+ */
25
+ value?: valueType
26
+
27
27
  }
@@ -1,41 +1,41 @@
1
- import { PieResultType } from "./Pie"
2
- import PieOptionType from './PieOption'
3
-
4
- export default interface PieLayoutType {
5
-
6
- /**
7
- * 设置布局的行为
8
- * @param option
9
- */
10
- setOption(option: PieOptionType): this
11
-
12
- /**
13
- * 单纯的饼图计算
14
- * @param initPie 原始数据
15
- * @param hoverIndex 悬浮序号,可选
16
- */
17
- use(initPie: any,hoverIndex?:number): PieResultType
18
-
19
- /**
20
- * 绑定新的数据和渲染方法
21
- * @param initPie 原始数据
22
- * @param renderBack 渲染方法
23
- */
24
- bind(initPie: Array<any>, renderBack: (pie: PieResultType) => void): this
25
-
26
- /**
27
- * 解除绑定
28
- */
29
- unbind(): this
30
-
31
- /**
32
- * 设置当前悬浮序号
33
- * @param index 序号,-1表示取消悬浮
34
- */
35
- setHover(index: number): this
36
-
37
- /**
38
- * 主动触发绘制更新
39
- */
40
- doUpdate(): this
1
+ import { PieResultType } from "./Pie"
2
+ import PieOptionType from './PieOption'
3
+
4
+ export default interface PieLayoutType {
5
+
6
+ /**
7
+ * 设置布局的行为
8
+ * @param option
9
+ */
10
+ setOption(option: PieOptionType): this
11
+
12
+ /**
13
+ * 单纯的饼图计算
14
+ * @param initPie 原始数据
15
+ * @param hoverIndex 悬浮序号,可选
16
+ */
17
+ use(initPie: any,hoverIndex?:number): PieResultType
18
+
19
+ /**
20
+ * 绑定新的数据和渲染方法
21
+ * @param initPie 原始数据
22
+ * @param renderBack 渲染方法
23
+ */
24
+ bind(initPie: Array<any>, renderBack: (pie: PieResultType) => void): this
25
+
26
+ /**
27
+ * 解除绑定
28
+ */
29
+ unbind(): this
30
+
31
+ /**
32
+ * 设置当前悬浮序号
33
+ * @param index 序号,-1表示取消悬浮
34
+ */
35
+ setHover(index: number): this
36
+
37
+ /**
38
+ * 主动触发绘制更新
39
+ */
40
+ doUpdate(): this
41
41
  }
@@ -1,22 +1,22 @@
1
- export default interface PieOptionType {
2
-
3
- /**
4
- * 圆心横坐标
5
- */
6
- cx?: number
7
-
8
- /**
9
- * 圆心纵坐标
10
- */
11
- cy?: number
12
-
13
- /**
14
- * 半径
15
- */
16
- radius?: Array<number>
17
-
18
- /**
19
- * 切换时长
20
- */
21
- duration?: number
1
+ export default interface PieOptionType {
2
+
3
+ /**
4
+ * 圆心横坐标
5
+ */
6
+ cx?: number
7
+
8
+ /**
9
+ * 圆心纵坐标
10
+ */
11
+ cy?: number
12
+
13
+ /**
14
+ * 半径
15
+ */
16
+ radius?: Array<number>
17
+
18
+ /**
19
+ * 切换时长
20
+ */
21
+ duration?: number
22
22
  }