vislite 1.2.0-alpha.7 → 1.2.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 (141) hide show
  1. package/AUTHORS.txt +6 -6
  2. package/CHANGELOG +3 -1
  3. package/LICENSE +20 -20
  4. package/README.md +2 -1
  5. package/lib/Buffer/index.es.js +1 -1
  6. package/lib/Buffer/index.es.min.js +1 -1
  7. package/lib/Canvas/index.es.js +47 -21
  8. package/lib/Canvas/index.es.min.js +2 -2
  9. package/lib/Cardinal/index.es.js +1 -1
  10. package/lib/Cardinal/index.es.min.js +1 -1
  11. package/lib/Eoap/index.es.js +1 -1
  12. package/lib/Eoap/index.es.min.js +1 -1
  13. package/lib/Hermite/index.es.js +1 -1
  14. package/lib/Hermite/index.es.min.js +1 -1
  15. package/lib/Matrix4/index.es.js +1 -1
  16. package/lib/Matrix4/index.es.min.js +1 -1
  17. package/lib/Mercator/index.es.js +1 -1
  18. package/lib/Mercator/index.es.min.js +1 -1
  19. package/lib/RawCanvas/index.es.js +47 -21
  20. package/lib/RawCanvas/index.es.min.js +2 -2
  21. package/lib/SVG/index.es.js +23 -15
  22. package/lib/SVG/index.es.min.js +2 -2
  23. package/lib/Shader/index.es.js +1 -1
  24. package/lib/Shader/index.es.min.js +1 -1
  25. package/lib/Texture/index.es.js +1 -1
  26. package/lib/Texture/index.es.min.js +1 -1
  27. package/lib/TreeLayout/index.es.js +1 -1
  28. package/lib/TreeLayout/index.es.min.js +1 -1
  29. package/lib/animation/index.es.js +1 -1
  30. package/lib/animation/index.es.min.js +1 -1
  31. package/lib/assemble/index.es.js +1 -1
  32. package/lib/assemble/index.es.min.js +1 -1
  33. package/lib/getLoopColors/index.es.js +1 -1
  34. package/lib/getLoopColors/index.es.min.js +1 -1
  35. package/lib/getWebGLContext/index.es.js +1 -1
  36. package/lib/getWebGLContext/index.es.min.js +1 -1
  37. package/lib/index.umd.js +69 -35
  38. package/lib/index.umd.min.js +2 -2
  39. package/lib/initOption/index.es.js +1 -1
  40. package/lib/initOption/index.es.min.js +1 -1
  41. package/lib/mergeOption/index.es.js +1 -1
  42. package/lib/mergeOption/index.es.min.js +1 -1
  43. package/lib/move/index.es.js +1 -1
  44. package/lib/move/index.es.min.js +1 -1
  45. package/lib/rotate/index.es.js +1 -1
  46. package/lib/rotate/index.es.min.js +1 -1
  47. package/lib/ruler/index.es.js +1 -1
  48. package/lib/ruler/index.es.min.js +1 -1
  49. package/lib/scale/index.es.js +1 -1
  50. package/lib/scale/index.es.min.js +1 -1
  51. package/lib/throttle/index.es.js +1 -1
  52. package/lib/throttle/index.es.min.js +1 -1
  53. package/miniprogram/ui-canvas/drawImage.js +35 -35
  54. package/miniprogram/ui-canvas/index.json +4 -4
  55. package/miniprogram/ui-canvas/index.wxml +4 -4
  56. package/miniprogram/ui-canvas/index.wxss +5 -5
  57. package/package/Buffer/index.ts +2 -2
  58. package/package/Canvas/index.ts +2 -2
  59. package/package/Cardinal/index.ts +2 -2
  60. package/package/Eoap/index.ts +2 -2
  61. package/package/Hermite/index.ts +2 -2
  62. package/package/Matrix4/index.ts +2 -2
  63. package/package/Mercator/index.ts +2 -2
  64. package/package/RawCanvas/index.ts +2 -2
  65. package/package/SVG/index.ts +2 -2
  66. package/package/Shader/index.ts +2 -2
  67. package/package/Texture/index.ts +2 -2
  68. package/package/TreeLayout/index.ts +2 -2
  69. package/package/animation/index.ts +2 -2
  70. package/package/assemble/index.ts +2 -2
  71. package/package/getLoopColors/index.ts +2 -2
  72. package/package/getWebGLContext/index.ts +40 -40
  73. package/package/index.ts +75 -75
  74. package/package/initOption/index.ts +2 -2
  75. package/package/mergeOption/index.ts +2 -2
  76. package/package/move/index.ts +2 -2
  77. package/package/rotate/index.ts +2 -2
  78. package/package/ruler/index.ts +2 -2
  79. package/package/scale/index.ts +2 -2
  80. package/package/throttle/index.ts +2 -2
  81. package/package.json +78 -78
  82. package/src/Eoap.ts +66 -66
  83. package/src/Matrix4/index.ts +84 -84
  84. package/src/Matrix4/move.ts +12 -12
  85. package/src/Matrix4/rotate.ts +15 -15
  86. package/src/Matrix4/scale.ts +11 -11
  87. package/src/Matrix4/transform.ts +64 -64
  88. package/src/Mercator.ts +27 -27
  89. package/src/SVG.ts +24 -24
  90. package/src/common/assemble.ts +22 -22
  91. package/src/common/canvas/arc.ts +51 -51
  92. package/src/common/canvas/config.ts +158 -158
  93. package/src/common/canvas/default.ts +62 -0
  94. package/src/common/canvas/index.ts +13 -7
  95. package/src/common/canvas/painter.ts +3 -54
  96. package/src/common/canvas/texts.ts +18 -18
  97. package/src/common/option.ts +29 -29
  98. package/src/common/setStyle.ts +5 -5
  99. package/src/common/svg/default.ts +27 -0
  100. package/src/common/svg/gradient.ts +53 -53
  101. package/src/common/svg/index.ts +8 -26
  102. package/src/common/tree/index.ts +25 -25
  103. package/src/common/tree/toInnerTree.ts +59 -59
  104. package/src/common/tree/toPlainTree.ts +132 -132
  105. package/src/common/webgl/buffer.ts +79 -79
  106. package/src/common/webgl/getWebGLContext.ts +45 -45
  107. package/src/common/webgl/shader.ts +75 -75
  108. package/src/common/webgl/texture.ts +97 -97
  109. package/src/interpolation/Cardinal.ts +110 -110
  110. package/src/interpolation/Hermite.ts +65 -65
  111. package/src/layout/TreeLayout.ts +188 -188
  112. package/src/move.ts +7 -7
  113. package/src/rotate.ts +7 -7
  114. package/src/ruler.ts +209 -209
  115. package/src/scale.ts +6 -6
  116. package/types/Buffer.d.ts +23 -23
  117. package/types/Canvas.d.ts +5 -0
  118. package/types/CanvasOption.d.ts +8 -8
  119. package/types/CanvasOpts.d.ts +9 -9
  120. package/types/Cardinal.d.ts +13 -13
  121. package/types/Gradient.d.ts +14 -14
  122. package/types/Hermite.d.ts +18 -18
  123. package/types/Map.d.ts +9 -9
  124. package/types/Matrix4.d.ts +47 -47
  125. package/types/SVG.d.ts +243 -238
  126. package/types/Shader.d.ts +16 -16
  127. package/types/Texture.d.ts +16 -16
  128. package/types/Tree.d.ts +69 -69
  129. package/types/TreeConfig.d.ts +36 -36
  130. package/types/TreeLayout.d.ts +54 -54
  131. package/types/TreeOption.d.ts +48 -48
  132. package/types/animation.d.ts +5 -5
  133. package/types/getWebGLContext.d.ts +7 -7
  134. package/types/move.d.ts +5 -5
  135. package/types/rotate.d.ts +5 -5
  136. package/types/ruler.d.ts +10 -10
  137. package/types/scale.d.ts +5 -5
  138. package/types/throttle.d.ts +5 -5
  139. package/types/ui-canvas.d.ts +4 -4
  140. package/uni-app/drawImage.js +19 -19
  141. package/uni-app/ui-canvas.vue +284 -284
package/types/Tree.d.ts CHANGED
@@ -1,70 +1,70 @@
1
- export interface TreeResultType {
2
-
3
- /**
4
- * 树的层数
5
- */
6
- deep: number
7
-
8
- node: {
9
- [id: string]: {
10
-
11
- /**
12
- * 当前结点的孩子的结点id集合
13
- */
14
- children: Array<string>
15
-
16
- /**
17
- * 当前结点的原始数据
18
- */
19
- data: any
20
-
21
- /**
22
- * 当前结点的id
23
- */
24
- id: string
25
-
26
- /**
27
- * 当前结点的父结点id
28
- */
29
- pid: string
30
-
31
- /**
32
- * 当前结点的横坐标
33
- */
34
- left: number
35
-
36
- /**
37
- * 当前结点的纵坐标
38
- */
39
- top: number,
40
-
41
- /**
42
- * 当前结点的打开还是关闭
43
- */
44
- isOpen: boolean,
45
-
46
- /**
47
- * 当前结点本身是否显示
48
- */
49
- show: boolean
50
- }
51
- }
52
-
53
- /**
54
- * 根结点id
55
- */
56
- root: string
57
-
58
- /**
59
- * 树的宽数
60
- */
61
- size: number
62
- }
63
-
64
- export default interface TreeType {
65
-
66
- /**
67
- * 求解单一值
68
- */
69
- use(initTree: any): TreeResultType
1
+ export interface TreeResultType {
2
+
3
+ /**
4
+ * 树的层数
5
+ */
6
+ deep: number
7
+
8
+ node: {
9
+ [id: string]: {
10
+
11
+ /**
12
+ * 当前结点的孩子的结点id集合
13
+ */
14
+ children: Array<string>
15
+
16
+ /**
17
+ * 当前结点的原始数据
18
+ */
19
+ data: any
20
+
21
+ /**
22
+ * 当前结点的id
23
+ */
24
+ id: string
25
+
26
+ /**
27
+ * 当前结点的父结点id
28
+ */
29
+ pid: string
30
+
31
+ /**
32
+ * 当前结点的横坐标
33
+ */
34
+ left: number
35
+
36
+ /**
37
+ * 当前结点的纵坐标
38
+ */
39
+ top: number,
40
+
41
+ /**
42
+ * 当前结点的打开还是关闭
43
+ */
44
+ isOpen: boolean,
45
+
46
+ /**
47
+ * 当前结点本身是否显示
48
+ */
49
+ show: boolean
50
+ }
51
+ }
52
+
53
+ /**
54
+ * 根结点id
55
+ */
56
+ root: string
57
+
58
+ /**
59
+ * 树的宽数
60
+ */
61
+ size: number
62
+ }
63
+
64
+ export default interface TreeType {
65
+
66
+ /**
67
+ * 求解单一值
68
+ */
69
+ use(initTree: any): TreeResultType
70
70
  }
@@ -1,37 +1,37 @@
1
- export interface rootType {
2
- (initTree: any): any
3
- }
4
-
5
- export interface childrenType {
6
- (parentTree: any, initTree: any): any[]
7
- }
8
-
9
- export interface idType {
10
- (treedata: any): string
11
- }
12
-
13
- export default interface TreeConfigType {
14
-
15
- /**
16
- * 获取根结点的方法
17
- * @param initTree 原始数据
18
- * @returns 返回根结点
19
- */
20
- root?: rootType
21
-
22
- /**
23
- * 获取子结点的方法
24
- * @param parentTree 父结点
25
- * @param initTree 原始数据
26
- * @returns 返回当前父结点的所有子结点数组
27
- */
28
- children?: childrenType
29
-
30
- /**
31
- * 获取结点ID方法
32
- * @param treedata 当前结点
33
- * @returns 返回可以唯一标识当前结点的id
34
- */
35
- id?: idType
36
-
1
+ export interface rootType {
2
+ (initTree: any): any
3
+ }
4
+
5
+ export interface childrenType {
6
+ (parentTree: any, initTree: any): any[]
7
+ }
8
+
9
+ export interface idType {
10
+ (treedata: any): string
11
+ }
12
+
13
+ export default interface TreeConfigType {
14
+
15
+ /**
16
+ * 获取根结点的方法
17
+ * @param initTree 原始数据
18
+ * @returns 返回根结点
19
+ */
20
+ root?: rootType
21
+
22
+ /**
23
+ * 获取子结点的方法
24
+ * @param parentTree 父结点
25
+ * @param initTree 原始数据
26
+ * @returns 返回当前父结点的所有子结点数组
27
+ */
28
+ children?: childrenType
29
+
30
+ /**
31
+ * 获取结点ID方法
32
+ * @param treedata 当前结点
33
+ * @returns 返回可以唯一标识当前结点的id
34
+ */
35
+ id?: idType
36
+
37
37
  }
@@ -1,55 +1,55 @@
1
- import TreeType from "./Tree"
2
- import { TreeResultType } from "./Tree"
3
- import TreeOptionType from './TreeOption'
4
-
5
- export default interface TreeLayoutType extends TreeType {
6
-
7
- /**
8
- * 设置布局的行为
9
- * @param option
10
- */
11
- setOption(option: TreeOptionType): this
12
-
13
- /**
14
- * 单纯的树图坐标计算
15
- * @param initTree 原始数据
16
- * @param noOpens 可选,结点初始是否闭合控制
17
- */
18
- use(initTree: any, noOpens?: {
19
- [id: string]: boolean
20
- }): TreeResultType
21
-
22
- /**
23
- * 绑定新的数据和渲染方法
24
- * @param initTree 原始数据
25
- * @param renderBack 渲染方法
26
- * @param noOpens 可选,结点初始是否闭合控制
27
- */
28
- bind(initTree: any, renderBack: (tree: TreeResultType) => void, noOpens?: {
29
- [id: string]: boolean
30
- }): this
31
-
32
- /**
33
- * 解除绑定
34
- */
35
- unbind(): this
36
-
37
- /**
38
- * 闭合指定节点
39
- * @param id
40
- */
41
- closeNode(id: string): this
42
-
43
- /**
44
- * 展开指定节点
45
- * @param id
46
- */
47
- openNode(id: string): this
48
-
49
- /**
50
- * 闭合或展开指定节点
51
- * @param id
52
- */
53
- toggleNode(id: string): this
54
-
1
+ import TreeType from "./Tree"
2
+ import { TreeResultType } from "./Tree"
3
+ import TreeOptionType from './TreeOption'
4
+
5
+ export default interface TreeLayoutType extends TreeType {
6
+
7
+ /**
8
+ * 设置布局的行为
9
+ * @param option
10
+ */
11
+ setOption(option: TreeOptionType): this
12
+
13
+ /**
14
+ * 单纯的树图坐标计算
15
+ * @param initTree 原始数据
16
+ * @param noOpens 可选,结点初始是否闭合控制
17
+ */
18
+ use(initTree: any, noOpens?: {
19
+ [id: string]: boolean
20
+ }): TreeResultType
21
+
22
+ /**
23
+ * 绑定新的数据和渲染方法
24
+ * @param initTree 原始数据
25
+ * @param renderBack 渲染方法
26
+ * @param noOpens 可选,结点初始是否闭合控制
27
+ */
28
+ bind(initTree: any, renderBack: (tree: TreeResultType) => void, noOpens?: {
29
+ [id: string]: boolean
30
+ }): this
31
+
32
+ /**
33
+ * 解除绑定
34
+ */
35
+ unbind(): this
36
+
37
+ /**
38
+ * 闭合指定节点
39
+ * @param id
40
+ */
41
+ closeNode(id: string): this
42
+
43
+ /**
44
+ * 展开指定节点
45
+ * @param id
46
+ */
47
+ openNode(id: string): this
48
+
49
+ /**
50
+ * 闭合或展开指定节点
51
+ * @param id
52
+ */
53
+ toggleNode(id: string): this
54
+
55
55
  }
@@ -1,49 +1,49 @@
1
- export type treeType = "plain" | "rect" | "circle"
2
- export type treeDirectionType = "LR" | "RL" | "TB" | "BT"
3
-
4
- export default interface TreeOptionType {
5
-
6
- offsetX?: number
7
- offsetY?: number
8
-
9
- /**
10
- * 树图类型
11
- */
12
- type?: treeType
13
-
14
- /**
15
- * 设置成矩形树图(rect)时有效,表示树图方向
16
- */
17
- direction?: treeDirectionType
18
-
19
- /**
20
- * 树图x坐标
21
- */
22
- x?: number
23
-
24
- /**
25
- * 树图y坐标
26
- */
27
- y?: number
28
-
29
- /**
30
- * 设置成矩形树图(rect)时有效,表示矩形宽
31
- */
32
- width?: number
33
-
34
- /**
35
- * 设置成矩形树图(rect)时有效,表示矩形高
36
- */
37
- height?: number
38
-
39
- /**
40
- * 设置成圆树图(circle)时有效,表示圆树的半径
41
- */
42
- radius?: number
43
-
44
- /**
45
- * 切换时长
46
- */
47
- duration?: number
48
-
1
+ export type treeType = "plain" | "rect" | "circle"
2
+ export type treeDirectionType = "LR" | "RL" | "TB" | "BT"
3
+
4
+ export default interface TreeOptionType {
5
+
6
+ offsetX?: number
7
+ offsetY?: number
8
+
9
+ /**
10
+ * 树图类型
11
+ */
12
+ type?: treeType
13
+
14
+ /**
15
+ * 设置成矩形树图(rect)时有效,表示树图方向
16
+ */
17
+ direction?: treeDirectionType
18
+
19
+ /**
20
+ * 树图x坐标
21
+ */
22
+ x?: number
23
+
24
+ /**
25
+ * 树图y坐标
26
+ */
27
+ y?: number
28
+
29
+ /**
30
+ * 设置成矩形树图(rect)时有效,表示矩形宽
31
+ */
32
+ width?: number
33
+
34
+ /**
35
+ * 设置成矩形树图(rect)时有效,表示矩形高
36
+ */
37
+ height?: number
38
+
39
+ /**
40
+ * 设置成圆树图(circle)时有效,表示圆树的半径
41
+ */
42
+ radius?: number
43
+
44
+ /**
45
+ * 切换时长
46
+ */
47
+ duration?: number
48
+
49
49
  }
@@ -1,6 +1,6 @@
1
- import { animationType } from "@oipage/core.js/src/animation"
2
-
3
- /**
4
- * 轮询动画,返回一个函数,调用该函数,可以提前结束动画
5
- */
1
+ import { animationType } from "@oipage/core.js/src/animation"
2
+
3
+ /**
4
+ * 轮询动画,返回一个函数,调用该函数,可以提前结束动画
5
+ */
6
6
  export default animationType
@@ -1,8 +1,8 @@
1
- export type WebGLmodeType = "scaleToFill" | "aspectFit" | "aspectFill"
2
-
3
- /**
4
- * 获取WebGL上下文对象
5
- */
6
- export default interface getWebGLContextType {
7
- (el: HTMLElement | null, scale?: number, mode?: WebGLmodeType): WebGLRenderingContext
1
+ export type WebGLmodeType = "scaleToFill" | "aspectFit" | "aspectFill"
2
+
3
+ /**
4
+ * 获取WebGL上下文对象
5
+ */
6
+ export default interface getWebGLContextType {
7
+ (el: HTMLElement | null, scale?: number, mode?: WebGLmodeType): WebGLRenderingContext
8
8
  }
package/types/move.d.ts CHANGED
@@ -1,6 +1,6 @@
1
- /**
2
- * 移动
3
- */
4
- export default interface moveType {
5
- (ax: number, ay: number, d: number, x: number, y: number): [number, number]
1
+ /**
2
+ * 移动
3
+ */
4
+ export default interface moveType {
5
+ (ax: number, ay: number, d: number, x: number, y: number): [number, number]
6
6
  }
package/types/rotate.d.ts CHANGED
@@ -1,6 +1,6 @@
1
- /**
2
- * 旋转
3
- */
4
- export default interface rotateType {
5
- (cx: number, cy: number, deg: number, x: number, y: number): [number, number]
1
+ /**
2
+ * 旋转
3
+ */
4
+ export default interface rotateType {
5
+ (cx: number, cy: number, deg: number, x: number, y: number): [number, number]
6
6
  }
package/types/ruler.d.ts CHANGED
@@ -1,11 +1,11 @@
1
- export interface rulerOptionType {
2
- max?: number
3
- min?: number
4
- }
5
-
6
- /**
7
- * 刻度尺刻度运算,返回一个数组,表示刻度尺上应该显示的刻度
8
- */
9
- export default interface rulerType {
10
- (maxValue: number, minValue: number, num: number, option?: rulerOptionType): number[]
1
+ export interface rulerOptionType {
2
+ max?: number
3
+ min?: number
4
+ }
5
+
6
+ /**
7
+ * 刻度尺刻度运算,返回一个数组,表示刻度尺上应该显示的刻度
8
+ */
9
+ export default interface rulerType {
10
+ (maxValue: number, minValue: number, num: number, option?: rulerOptionType): number[]
11
11
  }
package/types/scale.d.ts CHANGED
@@ -1,6 +1,6 @@
1
- /**
2
- * 缩放
3
- */
4
- export default interface scaleType {
5
- (cx: number, cy: number, times: number, x: number, y: number): [number, number]
1
+ /**
2
+ * 缩放
3
+ */
4
+ export default interface scaleType {
5
+ (cx: number, cy: number, times: number, x: number, y: number): [number, number]
6
6
  }
@@ -1,6 +1,6 @@
1
- import { throttleType } from "@oipage/core.js/src/throttle"
2
-
3
- /**
4
- * 节流函数
5
- */
1
+ import { throttleType } from "@oipage/core.js/src/throttle"
2
+
3
+ /**
4
+ * 节流函数
5
+ */
6
6
  export default throttleType
@@ -1,5 +1,5 @@
1
- import CanvasType from "./Canvas"
2
-
3
- export default interface UiCanvasType {
4
- fetch(): Promise<CanvasType>
1
+ import CanvasType from "./Canvas"
2
+
3
+ export default interface UiCanvasType {
4
+ fetch(): Promise<CanvasType>
5
5
  }
@@ -1,20 +1,20 @@
1
- export default function (_this, drawImage) {
2
- return function (imgUrl, x, y, w, h) {
3
- return new Promise((resolve) => {
4
- if (/^http/.test(imgUrl)) {
5
- uni.downloadFile({
6
- url: imgUrl,
7
- success: function (res) {
8
- drawImage.call(_this, res.tempFilePath, x, y, w, h, true).then(() => {
9
- resolve({});
10
- });
11
- },
12
- });
13
- } else {
14
- drawImage.call(_this, imgUrl, x, y, w, h, true).then(() => {
15
- resolve({});
16
- });
17
- }
18
- });
19
- };
1
+ export default function (_this, drawImage) {
2
+ return function (imgUrl, x, y, w, h) {
3
+ return new Promise((resolve) => {
4
+ if (/^http/.test(imgUrl)) {
5
+ uni.downloadFile({
6
+ url: imgUrl,
7
+ success: function (res) {
8
+ drawImage.call(_this, res.tempFilePath, x, y, w, h, true).then(() => {
9
+ resolve({});
10
+ });
11
+ },
12
+ });
13
+ } else {
14
+ drawImage.call(_this, imgUrl, x, y, w, h, true).then(() => {
15
+ resolve({});
16
+ });
17
+ }
18
+ });
19
+ };
20
20
  };