vislite 0.5.2 → 0.6.0-alpha.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 (191) hide show
  1. package/.editorconfig +18 -18
  2. package/AUTHORS.txt +6 -6
  3. package/CHANGELOG +13 -1
  4. package/LICENSE +20 -20
  5. package/README.md +41 -2
  6. package/lib/Buffer/index.umd.js +2 -2
  7. package/lib/Buffer/index.umd.min.js +2 -2
  8. package/lib/Canvas/index.umd.js +8 -2
  9. package/lib/Canvas/index.umd.min.js +3 -3
  10. package/lib/Cardinal/index.umd.js +2 -2
  11. package/lib/Cardinal/index.umd.min.js +2 -2
  12. package/lib/Eoap/index.umd.js +2 -2
  13. package/lib/Eoap/index.umd.min.js +2 -2
  14. package/lib/Geometry/index.umd.js +2 -2
  15. package/lib/Geometry/index.umd.min.js +2 -2
  16. package/lib/Hermite/index.umd.js +2 -2
  17. package/lib/Hermite/index.umd.min.js +2 -2
  18. package/lib/Matrix4/index.umd.js +14 -8
  19. package/lib/Matrix4/index.umd.min.js +3 -3
  20. package/lib/Mercator/index.umd.js +2 -2
  21. package/lib/Mercator/index.umd.min.js +2 -2
  22. package/lib/OralCanvas/index.es.js +8 -2
  23. package/lib/OralCanvas/index.es.min.js +3 -3
  24. package/lib/OralWebGL/index.es.js +22 -16
  25. package/lib/OralWebGL/index.es.min.js +3 -3
  26. package/lib/SVG/index.umd.js +2 -2
  27. package/lib/SVG/index.umd.min.js +2 -2
  28. package/lib/Shader/index.umd.js +10 -10
  29. package/lib/Shader/index.umd.min.js +3 -3
  30. package/lib/Texture/index.umd.js +2 -2
  31. package/lib/Texture/index.umd.min.js +2 -2
  32. package/lib/TreeLayout/index.umd.js +2 -2
  33. package/lib/TreeLayout/index.umd.min.js +2 -2
  34. package/lib/WebGL/index.umd.js +22 -16
  35. package/lib/WebGL/index.umd.min.js +3 -3
  36. package/lib/animation/index.umd.js +2 -2
  37. package/lib/animation/index.umd.min.js +2 -2
  38. package/lib/formatColor/index.umd.js +2 -2
  39. package/lib/formatColor/index.umd.min.js +2 -2
  40. package/lib/getLoopColors/index.umd.js +2 -2
  41. package/lib/getLoopColors/index.umd.min.js +2 -2
  42. package/lib/getWebGLContext/index.umd.js +2 -2
  43. package/lib/getWebGLContext/index.umd.min.js +2 -2
  44. package/lib/index.umd.js +40 -16
  45. package/lib/index.umd.min.js +3 -3
  46. package/lib/move/index.umd.js +2 -2
  47. package/lib/move/index.umd.min.js +2 -2
  48. package/lib/resizeObserver/index.umd.js +2 -2
  49. package/lib/resizeObserver/index.umd.min.js +2 -2
  50. package/lib/rotate/index.umd.js +2 -2
  51. package/lib/rotate/index.umd.min.js +2 -2
  52. package/lib/ruler/index.umd.js +14 -2
  53. package/lib/ruler/index.umd.min.js +3 -3
  54. package/lib/scale/index.umd.js +2 -2
  55. package/lib/scale/index.umd.min.js +2 -2
  56. package/lib/throttle/index.umd.js +2 -2
  57. package/lib/throttle/index.umd.min.js +2 -2
  58. package/lib/viewHandler/index.umd.js +2 -2
  59. package/lib/viewHandler/index.umd.min.js +2 -2
  60. package/miniprogram/ui-canvas/index.js +107 -107
  61. package/miniprogram/ui-canvas/index.json +4 -4
  62. package/miniprogram/ui-canvas/index.wxml +4 -4
  63. package/miniprogram/ui-canvas/index.wxss +5 -5
  64. package/package/Buffer/index.ts +2 -2
  65. package/package/Canvas/index.ts +2 -2
  66. package/package/Cardinal/index.ts +2 -2
  67. package/package/Eoap/index.ts +2 -2
  68. package/package/Geometry/index.ts +2 -2
  69. package/package/Hermite/index.ts +2 -2
  70. package/package/Matrix4/index.ts +2 -2
  71. package/package/Mercator/index.ts +2 -2
  72. package/package/OralCanvas/index.ts +2 -2
  73. package/package/OralWebGL/index.ts +2 -2
  74. package/package/SVG/index.ts +2 -2
  75. package/package/Shader/index.ts +39 -39
  76. package/package/Texture/index.ts +2 -2
  77. package/package/TreeLayout/index.ts +1 -1
  78. package/package/WebGL/index.ts +2 -2
  79. package/package/animation/index.ts +2 -2
  80. package/package/formatColor/index.ts +2 -2
  81. package/package/getLoopColors/index.ts +2 -2
  82. package/package/getWebGLContext/index.ts +39 -39
  83. package/package/index.ts +76 -76
  84. package/package/move/index.ts +2 -2
  85. package/package/resizeObserver/index.ts +2 -2
  86. package/package/rotate/index.ts +2 -2
  87. package/package/ruler/index.ts +2 -2
  88. package/package/scale/index.ts +2 -2
  89. package/package/throttle/index.ts +2 -2
  90. package/package/viewHandler/index.ts +2 -2
  91. package/package.json +1 -1
  92. package/src/Canvas.ts +67 -67
  93. package/src/Eoap.ts +66 -66
  94. package/src/Geometry.ts +82 -82
  95. package/src/Matrix4/index.ts +14 -6
  96. package/src/Matrix4/move.ts +12 -12
  97. package/src/Matrix4/rotate.ts +15 -15
  98. package/src/Matrix4/scale.ts +11 -11
  99. package/src/Matrix4/transform.ts +64 -64
  100. package/src/Mercator.ts +27 -27
  101. package/src/SVG.ts +24 -24
  102. package/src/WebGL.ts +66 -66
  103. package/src/animation.ts +98 -98
  104. package/src/common/assemble.ts +22 -22
  105. package/src/common/canvas/arc.ts +50 -50
  106. package/src/common/canvas/config.ts +158 -158
  107. package/src/common/canvas/gradient.ts +29 -29
  108. package/src/common/canvas/index.ts +147 -139
  109. package/src/common/canvas/painter.ts +426 -426
  110. package/src/common/canvas/texts.ts +18 -18
  111. package/src/common/geometry/prism-horizontal.ts +33 -33
  112. package/src/common/geometry/prism-vertical.ts +40 -40
  113. package/src/common/geometry/sphere-fragment.ts +39 -39
  114. package/src/common/geometry/tool/circle.ts +11 -11
  115. package/src/common/mergeOption.ts +6 -6
  116. package/src/common/setStyle.ts +5 -5
  117. package/src/common/svg/config.ts +186 -186
  118. package/src/common/svg/gradient.ts +63 -63
  119. package/src/common/svg/index.ts +356 -356
  120. package/src/common/svg/tool.ts +44 -44
  121. package/src/common/tree/index.ts +25 -25
  122. package/src/common/tree/toInnerTree.ts +56 -56
  123. package/src/common/tree/toPlainTree.ts +131 -131
  124. package/src/common/webgl/buffer.ts +79 -79
  125. package/src/common/webgl/doDraw.ts +108 -108
  126. package/src/common/webgl/getColorFactory.ts +26 -26
  127. package/src/common/webgl/getShader.ts +48 -48
  128. package/src/common/webgl/getTexture.ts +11 -11
  129. package/src/common/webgl/getWebGLContext.ts +27 -27
  130. package/src/common/webgl/index.ts +223 -223
  131. package/src/common/webgl/shader.ts +75 -75
  132. package/src/common/webgl/texture.ts +96 -96
  133. package/src/formatColor.ts +44 -44
  134. package/src/getLoopColors.ts +42 -42
  135. package/src/interpolation/Cardinal.ts +110 -110
  136. package/src/interpolation/Hermite.ts +65 -65
  137. package/src/move.ts +7 -7
  138. package/src/resizeObserver.ts +36 -36
  139. package/src/rotate.ts +7 -7
  140. package/src/ruler.ts +23 -1
  141. package/src/scale.ts +6 -6
  142. package/src/shader/fsColor.c +7 -7
  143. package/src/shader/fsColors.c +7 -7
  144. package/src/shader/fsCube.c +8 -8
  145. package/src/shader/fsImage.c +8 -8
  146. package/src/shader/vsColor.c +17 -17
  147. package/src/shader/vsColors.c +13 -13
  148. package/src/shader/vsCube.c +13 -13
  149. package/src/shader/vsImage.c +13 -13
  150. package/src/throttle.ts +51 -51
  151. package/src/viewHandler.ts +158 -158
  152. package/types/Buffer.d.ts +23 -23
  153. package/types/Canvas.d.ts +8 -0
  154. package/types/CanvasConfig.d.ts +106 -106
  155. package/types/CanvasOption.d.ts +7 -7
  156. package/types/Cardinal.d.ts +13 -13
  157. package/types/Geometry.d.ts +40 -40
  158. package/types/GeometryOption.d.ts +11 -11
  159. package/types/GeometryResult.d.ts +18 -18
  160. package/types/Gradient.d.ts +14 -14
  161. package/types/Hermite.d.ts +18 -18
  162. package/types/Map.d.ts +9 -9
  163. package/types/Matrix4.d.ts +5 -0
  164. package/types/Object3D.d.ts +114 -114
  165. package/types/SVG.d.ts +238 -238
  166. package/types/SVGConfig.d.ts +76 -76
  167. package/types/Scene3D.d.ts +6 -6
  168. package/types/Shader.d.ts +21 -21
  169. package/types/Texture.d.ts +16 -16
  170. package/types/Tree.d.ts +69 -69
  171. package/types/TreeConfig.d.ts +24 -24
  172. package/types/TreeLayout.d.ts +54 -54
  173. package/types/TreeOption.d.ts +48 -48
  174. package/types/WebGL.d.ts +38 -38
  175. package/types/WebGLOption.d.ts +7 -7
  176. package/types/animation.d.ts +6 -6
  177. package/types/formatColor.d.ts +2 -2
  178. package/types/getLoopColors.d.ts +2 -2
  179. package/types/getWebGLContext.d.ts +2 -2
  180. package/types/index.d.ts +175 -175
  181. package/types/move.d.ts +2 -2
  182. package/types/painterConfig.d.ts +2 -2
  183. package/types/resizeObserver.d.ts +2 -2
  184. package/types/rotate.d.ts +2 -2
  185. package/types/ruler.d.ts +7 -7
  186. package/types/scale.d.ts +2 -2
  187. package/types/throttle.d.ts +4 -4
  188. package/types/throttleOption.d.ts +21 -21
  189. package/types/viewHandler.d.ts +13 -13
  190. package/uni-app/ui-canvas.vue +239 -206
  191. /package/src/{TreeLayout/index.ts → layout/TreeLayout.ts} +0 -0
@@ -1,41 +1,41 @@
1
- import GeometryResultType from './GeometryResult'
2
- import GeometryOptionType from './GeometryOption'
3
-
4
- export default interface GeometryType {
5
-
6
- /**
7
- * 配置对象
8
- */
9
- config(option: GeometryOptionType): this
10
-
11
- /**
12
- * 圆柱体
13
- * @param x
14
- * @param y
15
- * @param z
16
- * @param radius
17
- * @param height
18
- */
19
- cylinder(x: number, y: number, z: number, radius: number, height: number): Array<GeometryResultType>
20
-
21
- /**
22
- * 棱柱体
23
- * @param x
24
- * @param y
25
- * @param z
26
- * @param radius
27
- * @param height
28
- * @param num
29
- */
30
- prism(x: number, y: number, z: number, radius: number, height: number, num: number): Array<GeometryResultType>
31
-
32
- /**
33
- * 球体
34
- * @param cx
35
- * @param cy
36
- * @param cz
37
- * @param radius
38
- */
39
- sphere(cx: number, cy: number, cz: number, radius: number): Array<GeometryResultType>
40
-
1
+ import GeometryResultType from './GeometryResult'
2
+ import GeometryOptionType from './GeometryOption'
3
+
4
+ export default interface GeometryType {
5
+
6
+ /**
7
+ * 配置对象
8
+ */
9
+ config(option: GeometryOptionType): this
10
+
11
+ /**
12
+ * 圆柱体
13
+ * @param x
14
+ * @param y
15
+ * @param z
16
+ * @param radius
17
+ * @param height
18
+ */
19
+ cylinder(x: number, y: number, z: number, radius: number, height: number): Array<GeometryResultType>
20
+
21
+ /**
22
+ * 棱柱体
23
+ * @param x
24
+ * @param y
25
+ * @param z
26
+ * @param radius
27
+ * @param height
28
+ * @param num
29
+ */
30
+ prism(x: number, y: number, z: number, radius: number, height: number, num: number): Array<GeometryResultType>
31
+
32
+ /**
33
+ * 球体
34
+ * @param cx
35
+ * @param cy
36
+ * @param cz
37
+ * @param radius
38
+ */
39
+ sphere(cx: number, cy: number, cz: number, radius: number): Array<GeometryResultType>
40
+
41
41
  }
@@ -1,12 +1,12 @@
1
- export default interface GeometryOptionType {
2
-
3
- /**
4
- * 精度
5
- */
6
- precision?: number
7
-
8
- /**
9
- * 是否需要法向量
10
- */
11
- normal?: boolean
1
+ export default interface GeometryOptionType {
2
+
3
+ /**
4
+ * 精度
5
+ */
6
+ precision?: number
7
+
8
+ /**
9
+ * 是否需要法向量
10
+ */
11
+ normal?: boolean
12
12
  }
@@ -1,19 +1,19 @@
1
- import { geometryType } from './Object3D'
2
-
3
- export default interface GeometryResultType {
4
-
5
- /**
6
- * 点数据(法向量如果有也包含其中)
7
- */
8
- points: number[]
9
-
10
- /**
11
- * 点个数
12
- */
13
- length: number
14
-
15
- /**
16
- * 画笔类型
17
- */
18
- method: geometryType
1
+ import { geometryType } from './Object3D'
2
+
3
+ export default interface GeometryResultType {
4
+
5
+ /**
6
+ * 点数据(法向量如果有也包含其中)
7
+ */
8
+ points: number[]
9
+
10
+ /**
11
+ * 点个数
12
+ */
13
+ length: number
14
+
15
+ /**
16
+ * 画笔类型
17
+ */
18
+ method: geometryType
19
19
  }
@@ -1,15 +1,15 @@
1
- export default interface GradientType<T> {
2
-
3
- /**
4
- * 设置程度颜色
5
- * @param stop 程度
6
- * @param color 颜色
7
- */
8
- setColor(stop: number, color: string): this
9
-
10
- /**
11
- * 返回渐变色值
12
- */
13
- value(): T
14
-
1
+ export default interface GradientType<T> {
2
+
3
+ /**
4
+ * 设置程度颜色
5
+ * @param stop 程度
6
+ * @param color 颜色
7
+ */
8
+ setColor(stop: number, color: string): this
9
+
10
+ /**
11
+ * 返回渐变色值
12
+ */
13
+ value(): T
14
+
15
15
  }
@@ -1,19 +1,19 @@
1
- export default interface HermiteType {
2
-
3
- /**
4
- * 设置点的位置和斜率:
5
- * @param x1 左边点的位置
6
- * @param y1
7
- * @param x2 右边点的位置
8
- * @param y2
9
- * @param s1 两个点的斜率
10
- * @param s2
11
- */
12
- setP(x1: number, y1: number, x2: number, y2: number, s1: number, s2: number): this
13
-
14
- /**
15
- * 根据x值返回y值:
16
- */
17
- use(x: number): number
18
-
1
+ export default interface HermiteType {
2
+
3
+ /**
4
+ * 设置点的位置和斜率:
5
+ * @param x1 左边点的位置
6
+ * @param y1
7
+ * @param x2 右边点的位置
8
+ * @param y2
9
+ * @param s1 两个点的斜率
10
+ * @param s2
11
+ */
12
+ setP(x1: number, y1: number, x2: number, y2: number, s1: number, s2: number): this
13
+
14
+ /**
15
+ * 根据x值返回y值:
16
+ */
17
+ use(x: number): number
18
+
19
19
  }
package/types/Map.d.ts CHANGED
@@ -1,10 +1,10 @@
1
- export default interface MapType {
2
-
3
- /**
4
- * 返回该点的绘图坐标(特别需要注意,计算出来的位置是偏离中心点的距离)
5
- * @param λ 经纬度
6
- * @param φ
7
- */
8
- use(λ: number, φ: number): [number, number, number]
9
-
1
+ export default interface MapType {
2
+
3
+ /**
4
+ * 返回该点的绘图坐标(特别需要注意,计算出来的位置是偏离中心点的距离)
5
+ * @param λ 经纬度
6
+ * @param φ
7
+ */
8
+ use(λ: number, φ: number): [number, number, number]
9
+
10
10
  }
@@ -17,6 +17,11 @@ export default interface Matrix4Type {
17
17
  */
18
18
  use(x: number, y: number, z?: number, w?: number): [number, number, number, number]
19
19
 
20
+ /**
21
+ * 设置内置矩阵
22
+ */
23
+ setValue(initMatrix4?: number[]): this
24
+
20
25
  /**
21
26
  * 沿着向量(a, b, c)方向移动距离dis
22
27
  * (其中c可以不传,默认0)
@@ -1,115 +1,115 @@
1
- import Matrix4Type from './Matrix4'
2
-
3
- export type geometryType = "LINES" | "INE_STRIP" | "LINE_LOOP" | "TRIANGLES" | "TRIANGLE_STRIP" | "TRIANGLE_FAN"
4
-
5
- export interface meshType {
6
-
7
- // 形状
8
- geometry: {
9
- attributes: {
10
-
11
- // 点坐标
12
- position: {
13
- array: number[] | Float32Array
14
- count: number
15
- itemSize: number
16
- }
17
-
18
- // 法向量
19
- normal?: {
20
- array: number[] | Float32Array
21
- count: number
22
- itemSize: number
23
- }
24
-
25
- // 纹理坐标
26
- uv?: {
27
- array: number[] | Float32Array
28
- count: number
29
- itemSize: number
30
- }
31
-
32
- }
33
-
34
- // 索引
35
- index?: {
36
- array: number[] | Uint8Array
37
- count: number
38
- itemSize: number
39
- }
40
-
41
- // 线、还是三角形
42
- type: geometryType
43
- }
44
-
45
- // 材质
46
- material: {
47
-
48
- // 单一的颜色
49
- color?: {
50
- r: number
51
- g: number
52
- b: number
53
- alpha: number
54
- }
55
-
56
- // 多颜色
57
- colors?: {
58
- array: number[] | Float32Array
59
- count: number
60
- itemSize: number
61
- }
62
-
63
- // 立方体纹理
64
- cube?: {
65
- left?: {
66
- image: {
67
- value?: TexImageSource
68
- }
69
- },
70
- right?: {
71
- image: {
72
- value?: TexImageSource
73
- }
74
- }
75
- near?: {
76
- image: {
77
- value?: TexImageSource
78
- }
79
- }
80
- far?: {
81
- image: {
82
- value?: TexImageSource
83
- }
84
- }
85
- top?: {
86
- image: {
87
- value?: TexImageSource
88
- }
89
- }
90
- bottom?: {
91
- image: {
92
- value?: TexImageSource
93
- }
94
- }
95
- }
96
-
97
- // 二维纹理
98
- image?: {
99
- value?: TexImageSource
100
- }
101
-
102
- }
103
- }
104
-
105
- export default interface Object3D {
106
-
107
- // 区域名称,不设置或设置为空字符串,表示此区域无需记录
108
- region?: string
109
-
110
- // 变换矩阵
111
- matrix?: Matrix4Type
112
-
113
- // 图形
114
- mesh: meshType[]
1
+ import Matrix4Type from './Matrix4'
2
+
3
+ export type geometryType = "LINES" | "INE_STRIP" | "LINE_LOOP" | "TRIANGLES" | "TRIANGLE_STRIP" | "TRIANGLE_FAN"
4
+
5
+ export interface meshType {
6
+
7
+ // 形状
8
+ geometry: {
9
+ attributes: {
10
+
11
+ // 点坐标
12
+ position: {
13
+ array: number[] | Float32Array
14
+ count: number
15
+ itemSize: number
16
+ }
17
+
18
+ // 法向量
19
+ normal?: {
20
+ array: number[] | Float32Array
21
+ count: number
22
+ itemSize: number
23
+ }
24
+
25
+ // 纹理坐标
26
+ uv?: {
27
+ array: number[] | Float32Array
28
+ count: number
29
+ itemSize: number
30
+ }
31
+
32
+ }
33
+
34
+ // 索引
35
+ index?: {
36
+ array: number[] | Uint8Array
37
+ count: number
38
+ itemSize: number
39
+ }
40
+
41
+ // 线、还是三角形
42
+ type: geometryType
43
+ }
44
+
45
+ // 材质
46
+ material: {
47
+
48
+ // 单一的颜色
49
+ color?: {
50
+ r: number
51
+ g: number
52
+ b: number
53
+ alpha: number
54
+ }
55
+
56
+ // 多颜色
57
+ colors?: {
58
+ array: number[] | Float32Array
59
+ count: number
60
+ itemSize: number
61
+ }
62
+
63
+ // 立方体纹理
64
+ cube?: {
65
+ left?: {
66
+ image: {
67
+ value?: TexImageSource
68
+ }
69
+ },
70
+ right?: {
71
+ image: {
72
+ value?: TexImageSource
73
+ }
74
+ }
75
+ near?: {
76
+ image: {
77
+ value?: TexImageSource
78
+ }
79
+ }
80
+ far?: {
81
+ image: {
82
+ value?: TexImageSource
83
+ }
84
+ }
85
+ top?: {
86
+ image: {
87
+ value?: TexImageSource
88
+ }
89
+ }
90
+ bottom?: {
91
+ image: {
92
+ value?: TexImageSource
93
+ }
94
+ }
95
+ }
96
+
97
+ // 二维纹理
98
+ image?: {
99
+ value?: TexImageSource
100
+ }
101
+
102
+ }
103
+ }
104
+
105
+ export default interface Object3D {
106
+
107
+ // 区域名称,不设置或设置为空字符串,表示此区域无需记录
108
+ region?: string
109
+
110
+ // 变换矩阵
111
+ matrix?: Matrix4Type
112
+
113
+ // 图形
114
+ mesh: meshType[]
115
115
  }