vislite 1.12.0-alpha.1 → 1.12.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 (181) hide show
  1. package/AUTHORS.txt +6 -6
  2. package/CHANGELOG +402 -401
  3. package/LICENSE +20 -20
  4. package/README-en.md +245 -245
  5. package/README.md +245 -245
  6. package/bin/formatArgv.js +30 -30
  7. package/bin/help.js +17 -17
  8. package/bin/run +21 -21
  9. package/bin/skills.js +26 -26
  10. package/lib/BarLayout/index.es.js +348 -348
  11. package/lib/Buffer/index.es.js +34 -34
  12. package/lib/Canvas/index.es.js +804 -789
  13. package/lib/Canvas/index.es.min.js +1 -1
  14. package/lib/Cardinal/index.es.js +89 -89
  15. package/lib/Eoap/index.es.js +32 -32
  16. package/lib/Hermite/index.es.js +34 -34
  17. package/lib/MapCoordinate/index.es.js +199 -199
  18. package/lib/Matrix4/index.es.js +123 -123
  19. package/lib/Mercator/index.es.js +18 -18
  20. package/lib/PieLayout/index.es.js +115 -115
  21. package/lib/RawCanvas/index.es.js +736 -721
  22. package/lib/RawCanvas/index.es.min.js +1 -1
  23. package/lib/SVG/index.es.js +626 -626
  24. package/lib/Shader/index.es.js +34 -34
  25. package/lib/Texture/index.es.js +52 -52
  26. package/lib/TreeLayout/index.es.js +301 -301
  27. package/lib/animation/index.es.js +2 -2
  28. package/lib/assemble/index.es.js +19 -19
  29. package/lib/getLoopColors/index.es.js +34 -34
  30. package/lib/getWebGLContext/index.es.js +61 -61
  31. package/lib/index.umd.js +2797 -2782
  32. package/lib/index.umd.min.js +2 -2
  33. package/lib/initOption/index.es.js +5 -5
  34. package/lib/mergeOption/index.es.js +34 -34
  35. package/lib/move/index.es.js +6 -6
  36. package/lib/rotate/index.es.js +6 -6
  37. package/lib/ruler/index.es.js +136 -136
  38. package/lib/scale/index.es.js +5 -5
  39. package/minialipay/ui-canvas/drawImage.js +35 -35
  40. package/minialipay/ui-canvas/index.acss +4 -4
  41. package/minialipay/ui-canvas/index.axml +3 -3
  42. package/minialipay/ui-canvas/index.d.ts +1 -1
  43. package/minialipay/ui-canvas/index.js +100 -100
  44. package/minialipay/ui-canvas/index.json +6 -6
  45. package/miniprogram/ui-canvas/drawImage.js +35 -35
  46. package/miniprogram/ui-canvas/index.js +125 -125
  47. package/miniprogram/ui-canvas/index.json +4 -4
  48. package/miniprogram/ui-canvas/index.wxml +4 -4
  49. package/miniprogram/ui-canvas/index.wxss +5 -5
  50. package/package/BarLayout/index.ts +2 -2
  51. package/package/Buffer/index.ts +2 -2
  52. package/package/Canvas/index.ts +2 -2
  53. package/package/Cardinal/index.ts +2 -2
  54. package/package/Eoap/index.ts +2 -2
  55. package/package/Hermite/index.ts +2 -2
  56. package/package/MapCoordinate/index.ts +2 -2
  57. package/package/Matrix4/index.ts +2 -2
  58. package/package/Mercator/index.ts +2 -2
  59. package/package/PieLayout/index.ts +2 -2
  60. package/package/RawCanvas/index.ts +2 -2
  61. package/package/SVG/index.ts +2 -2
  62. package/package/Shader/index.ts +2 -2
  63. package/package/Texture/index.ts +2 -2
  64. package/package/TreeLayout/index.ts +2 -2
  65. package/package/animation/index.ts +5 -5
  66. package/package/assemble/index.ts +2 -2
  67. package/package/getLoopColors/index.ts +2 -2
  68. package/package/getWebGLContext/index.ts +40 -40
  69. package/package/index.ts +84 -84
  70. package/package/initOption/index.ts +2 -2
  71. package/package/mergeOption/index.ts +2 -2
  72. package/package/move/index.ts +2 -2
  73. package/package/rotate/index.ts +2 -2
  74. package/package/ruler/index.ts +2 -2
  75. package/package/scale/index.ts +2 -2
  76. package/package/throttle/index.ts +2 -2
  77. package/package.json +79 -79
  78. package/skills/vislite-lib/BarLayout.md +117 -117
  79. package/skills/vislite-lib/Canvas.md +183 -183
  80. package/skills/vislite-lib/Interpolation.md +129 -129
  81. package/skills/vislite-lib/Matrix.md +174 -174
  82. package/skills/vislite-lib/PieLayout.md +131 -131
  83. package/skills/vislite-lib/Projections.md +158 -158
  84. package/skills/vislite-lib/SKILL.md +179 -179
  85. package/skills/vislite-lib/SVG.md +137 -137
  86. package/skills/vislite-lib/TreeLayout.md +176 -176
  87. package/skills/vislite-lib/Utilities.md +261 -261
  88. package/skills/vislite-lib/WebGL.md +106 -106
  89. package/skills/vislite-lib/minialipay/ui-canvas.md +95 -95
  90. package/skills/vislite-lib/miniprogram/ui-canvas.md +98 -98
  91. package/skills/vislite-lib/uniapp/ui-canvas.md +113 -113
  92. package/src/Canvas.ts +89 -89
  93. package/src/Eoap.ts +66 -66
  94. package/src/Matrix4/index.ts +84 -84
  95. package/src/Matrix4/move.ts +12 -12
  96. package/src/Matrix4/rotate.ts +15 -15
  97. package/src/Matrix4/scale.ts +11 -11
  98. package/src/Matrix4/transform.ts +64 -64
  99. package/src/Mercator.ts +27 -27
  100. package/src/SVG.ts +86 -86
  101. package/src/common/assemble.ts +30 -30
  102. package/src/common/canvas/arc.ts +51 -51
  103. package/src/common/canvas/config.ts +176 -176
  104. package/src/common/canvas/default.ts +64 -64
  105. package/src/common/canvas/gradient.ts +31 -31
  106. package/src/common/canvas/index.ts +189 -189
  107. package/src/common/canvas/painter.ts +475 -454
  108. package/src/common/canvas/texts.ts +18 -18
  109. package/src/common/map/getBoundary.ts +15 -15
  110. package/src/common/map/tool.ts +29 -29
  111. package/src/common/option.ts +31 -31
  112. package/src/common/setStyle.ts +5 -5
  113. package/src/common/svg/config.ts +213 -213
  114. package/src/common/svg/default.ts +29 -29
  115. package/src/common/svg/gradient.ts +53 -53
  116. package/src/common/svg/index.ts +420 -420
  117. package/src/common/svg/tool.ts +51 -51
  118. package/src/common/tree/index.ts +25 -25
  119. package/src/common/tree/toInnerTree.ts +61 -61
  120. package/src/common/tree/toPlainTree.ts +135 -135
  121. package/src/common/type.ts +26 -26
  122. package/src/common/webgl/buffer.ts +79 -79
  123. package/src/common/webgl/getWebGLContext.ts +45 -45
  124. package/src/common/webgl/shader.ts +75 -75
  125. package/src/common/webgl/texture.ts +98 -98
  126. package/src/coordinate/MapCoordinate.ts +80 -80
  127. package/src/getLoopColors.ts +42 -42
  128. package/src/interpolation/Cardinal.ts +110 -110
  129. package/src/interpolation/Hermite.ts +65 -65
  130. package/src/layout/BarLayout.ts +249 -249
  131. package/src/layout/PieLayout.ts +146 -146
  132. package/src/layout/TreeLayout.ts +200 -200
  133. package/src/move.ts +7 -7
  134. package/src/rotate.ts +7 -7
  135. package/src/ruler.ts +209 -209
  136. package/src/scale.ts +6 -6
  137. package/types/Bar.d.ts +91 -91
  138. package/types/BarConfig.d.ts +4 -4
  139. package/types/BarLayout.d.ts +48 -48
  140. package/types/BarOption.d.ts +31 -31
  141. package/types/Buffer.d.ts +30 -30
  142. package/types/Canvas.d.ts +379 -379
  143. package/types/CanvasConfig.d.ts +61 -61
  144. package/types/CanvasOption.d.ts +13 -13
  145. package/types/CanvasOpts.d.ts +9 -9
  146. package/types/Cardinal.d.ts +20 -20
  147. package/types/Gradient.d.ts +20 -20
  148. package/types/Hermite.d.ts +25 -25
  149. package/types/Map.d.ts +9 -9
  150. package/types/MapConfig.d.ts +27 -27
  151. package/types/MapCoordinate.d.ts +22 -22
  152. package/types/Matrix4.d.ts +79 -79
  153. package/types/Pie.d.ts +73 -73
  154. package/types/PieConfig.d.ts +26 -26
  155. package/types/PieLayout.d.ts +40 -40
  156. package/types/PieOption.d.ts +21 -21
  157. package/types/SVG.d.ts +282 -282
  158. package/types/SVGConfig.d.ts +54 -54
  159. package/types/Shader.d.ts +22 -22
  160. package/types/Texture.d.ts +22 -22
  161. package/types/Tree.d.ts +74 -74
  162. package/types/TreeConfig.d.ts +52 -52
  163. package/types/TreeLayout.d.ts +71 -71
  164. package/types/TreeOption.d.ts +48 -48
  165. package/types/animation.d.ts +26 -26
  166. package/types/assemble.d.ts +14 -14
  167. package/types/getLoopColors.d.ts +13 -13
  168. package/types/getWebGLContext.d.ts +7 -7
  169. package/types/index.d.ts +220 -221
  170. package/types/module.d.ts +110 -110
  171. package/types/move.d.ts +15 -15
  172. package/types/option.d.ts +12 -12
  173. package/types/painterConfig.d.ts +14 -14
  174. package/types/rotate.d.ts +15 -15
  175. package/types/ruler.d.ts +24 -24
  176. package/types/scale.d.ts +15 -15
  177. package/types/throttle.d.ts +6 -6
  178. package/types/ui-canvas.d.ts +4 -4
  179. package/types/uni-canvas.d.ts +3 -3
  180. package/uni-app/drawImage.js +19 -19
  181. package/uni-app/ui-canvas.vue +295 -295
@@ -1,30 +1,30 @@
1
- import type { arcCapType, textAlignType, textBaselineType, lineCapType, lineJoinType } from "../../../types/painterConfig"
2
-
3
- export default function () {
4
- return {
5
- // 颜色
6
- fillStyle: "rgb(0,0,0)",
7
- strokeStyle: "rgb(0,0,0)",
8
-
9
- // 文字对齐方式
10
- textAlign: <textAlignType>"left",
11
- textBaseline: <textBaselineType>"middle",
12
-
13
- // 文字
14
- "fontSize": 16,
15
- "fontFamily": "sans-serif",
16
-
17
- // arc二端闭合方式['butt':直线闭合,'round':圆帽闭合]
18
- "arcStartCap": <arcCapType>"butt",
19
- "arcEndCap": <arcCapType>"butt",
20
-
21
- // 线条
22
- lineDash: [],
23
- lineWidth: 1,
24
- lineCap: <lineCapType>"butt",
25
- lineJoin: <lineJoinType>"miter",
26
-
27
- // 矩形圆角半径
28
- "rectRadius": []
29
- }
1
+ import type { arcCapType, textAlignType, textBaselineType, lineCapType, lineJoinType } from "../../../types/painterConfig"
2
+
3
+ export default function () {
4
+ return {
5
+ // 颜色
6
+ fillStyle: "rgb(0,0,0)",
7
+ strokeStyle: "rgb(0,0,0)",
8
+
9
+ // 文字对齐方式
10
+ textAlign: <textAlignType>"left",
11
+ textBaseline: <textBaselineType>"middle",
12
+
13
+ // 文字
14
+ "fontSize": 16,
15
+ "fontFamily": "sans-serif",
16
+
17
+ // arc二端闭合方式['butt':直线闭合,'round':圆帽闭合]
18
+ "arcStartCap": <arcCapType>"butt",
19
+ "arcEndCap": <arcCapType>"butt",
20
+
21
+ // 线条
22
+ lineDash: [],
23
+ lineWidth: 1,
24
+ lineCap: <lineCapType>"butt",
25
+ lineJoin: <lineJoinType>"miter",
26
+
27
+ // 矩形圆角半径
28
+ "rectRadius": []
29
+ }
30
30
  }
@@ -1,53 +1,53 @@
1
- import { initDefs } from './config'
2
- import { toNode, setAttribute } from "./tool"
3
-
4
- const enhanceGradient = function (gradient: SVGElement, gradientId: string) {
5
- const enhanceGradient = {
6
- "value": function () {
7
- return "url(#" + gradientId + ")"
8
- },
9
- "setColor": function (stop: number, color: string) {
10
-
11
- const stopEl = toNode("stop")
12
- gradient.appendChild(stopEl)
13
- setAttribute(stopEl, "offset", (stop * 100) + "%")
14
- setAttribute(stopEl, "style", "stop-color:" + color + ";")
15
-
16
- return enhanceGradient
17
- }
18
- }
19
- return enhanceGradient
20
- }
21
-
22
- // 线性渐变
23
- export const linearGradient = function (el: SVGElement, x0: number, y0: number, x1: number, y1: number) {
24
-
25
- const defs = initDefs(el)
26
- const gradientId = "visliteLg" + new Date().valueOf() + "" + (Math.random() * 1000000).toFixed(0)
27
-
28
- const linearGradient = toNode("linearGradient")
29
- defs.appendChild(linearGradient)
30
- setAttribute(linearGradient, "id", gradientId)
31
- setAttribute(linearGradient, "x1", x0 + "%")
32
- setAttribute(linearGradient, "y1", y0 + "%")
33
- setAttribute(linearGradient, "x2", x1 + "%")
34
- setAttribute(linearGradient, "y2", y1 + "%")
35
-
36
- return enhanceGradient(linearGradient, gradientId)
37
- }
38
-
39
- // 环形渐变
40
- export const radialGradient = function (el: SVGElement, cx: number, cy: number, r: number) {
41
-
42
- const defs = initDefs(el)
43
- const gradientId = "visliteRg" + new Date().valueOf() + "" + (Math.random() * 1000000).toFixed(0)
44
-
45
- const radialGradient = toNode("radialGradient")
46
- defs.appendChild(radialGradient)
47
- setAttribute(radialGradient, "id", gradientId)
48
- setAttribute(radialGradient, "cx", cx + "%")
49
- setAttribute(radialGradient, "cy", cy + "%")
50
- setAttribute(radialGradient, "r", r + "%")
51
-
52
- return enhanceGradient(radialGradient, gradientId)
53
- }
1
+ import { initDefs } from './config'
2
+ import { toNode, setAttribute } from "./tool"
3
+
4
+ const enhanceGradient = function (gradient: SVGElement, gradientId: string) {
5
+ const enhanceGradient = {
6
+ "value": function () {
7
+ return "url(#" + gradientId + ")"
8
+ },
9
+ "setColor": function (stop: number, color: string) {
10
+
11
+ const stopEl = toNode("stop")
12
+ gradient.appendChild(stopEl)
13
+ setAttribute(stopEl, "offset", (stop * 100) + "%")
14
+ setAttribute(stopEl, "style", "stop-color:" + color + ";")
15
+
16
+ return enhanceGradient
17
+ }
18
+ }
19
+ return enhanceGradient
20
+ }
21
+
22
+ // 线性渐变
23
+ export const linearGradient = function (el: SVGElement, x0: number, y0: number, x1: number, y1: number) {
24
+
25
+ const defs = initDefs(el)
26
+ const gradientId = "visliteLg" + new Date().valueOf() + "" + (Math.random() * 1000000).toFixed(0)
27
+
28
+ const linearGradient = toNode("linearGradient")
29
+ defs.appendChild(linearGradient)
30
+ setAttribute(linearGradient, "id", gradientId)
31
+ setAttribute(linearGradient, "x1", x0 + "%")
32
+ setAttribute(linearGradient, "y1", y0 + "%")
33
+ setAttribute(linearGradient, "x2", x1 + "%")
34
+ setAttribute(linearGradient, "y2", y1 + "%")
35
+
36
+ return enhanceGradient(linearGradient, gradientId)
37
+ }
38
+
39
+ // 环形渐变
40
+ export const radialGradient = function (el: SVGElement, cx: number, cy: number, r: number) {
41
+
42
+ const defs = initDefs(el)
43
+ const gradientId = "visliteRg" + new Date().valueOf() + "" + (Math.random() * 1000000).toFixed(0)
44
+
45
+ const radialGradient = toNode("radialGradient")
46
+ defs.appendChild(radialGradient)
47
+ setAttribute(radialGradient, "id", gradientId)
48
+ setAttribute(radialGradient, "cx", cx + "%")
49
+ setAttribute(radialGradient, "cy", cy + "%")
50
+ setAttribute(radialGradient, "r", r + "%")
51
+
52
+ return enhanceGradient(radialGradient, gradientId)
53
+ }