vislite 0.6.0-alpha.0 → 0.6.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 (110) hide show
  1. package/.eslintrc.js +26 -0
  2. package/CHANGELOG +3 -1
  3. package/README.md +11 -3
  4. package/lib/Buffer/index.umd.js +2 -2
  5. package/lib/Buffer/index.umd.min.js +2 -2
  6. package/lib/Canvas/index.umd.js +13 -8
  7. package/lib/Canvas/index.umd.min.js +3 -3
  8. package/lib/Cardinal/index.umd.js +2 -2
  9. package/lib/Cardinal/index.umd.min.js +2 -2
  10. package/lib/Eoap/index.umd.js +2 -2
  11. package/lib/Eoap/index.umd.min.js +2 -2
  12. package/lib/Geometry/index.umd.js +7 -4
  13. package/lib/Geometry/index.umd.min.js +2 -2
  14. package/lib/Hermite/index.umd.js +2 -2
  15. package/lib/Hermite/index.umd.min.js +2 -2
  16. package/lib/Matrix4/index.umd.js +2 -2
  17. package/lib/Matrix4/index.umd.min.js +2 -2
  18. package/lib/Mercator/index.umd.js +2 -2
  19. package/lib/Mercator/index.umd.min.js +2 -2
  20. package/lib/OralCanvas/index.es.js +8 -6
  21. package/lib/OralCanvas/index.es.min.js +3 -3
  22. package/lib/OralWebGL/index.es.js +7 -5
  23. package/lib/OralWebGL/index.es.min.js +3 -3
  24. package/lib/SVG/index.umd.js +6 -4
  25. package/lib/SVG/index.umd.min.js +2 -2
  26. package/lib/Shader/index.umd.js +2 -2
  27. package/lib/Shader/index.umd.min.js +2 -2
  28. package/lib/Texture/index.umd.js +4 -3
  29. package/lib/Texture/index.umd.min.js +2 -2
  30. package/lib/TreeLayout/index.umd.js +8 -5
  31. package/lib/TreeLayout/index.umd.min.js +2 -2
  32. package/lib/WebGL/index.umd.js +7 -5
  33. package/lib/WebGL/index.umd.min.js +3 -3
  34. package/lib/animation/index.umd.js +4 -3
  35. package/lib/animation/index.umd.min.js +2 -2
  36. package/lib/formatColor/index.umd.js +2 -2
  37. package/lib/formatColor/index.umd.min.js +2 -2
  38. package/lib/getLoopColors/index.umd.js +2 -2
  39. package/lib/getLoopColors/index.umd.min.js +2 -2
  40. package/lib/getWebGLContext/index.umd.js +4 -3
  41. package/lib/getWebGLContext/index.umd.min.js +2 -2
  42. package/lib/index.umd.js +35 -20
  43. package/lib/index.umd.min.js +3 -3
  44. package/lib/move/index.umd.js +2 -2
  45. package/lib/move/index.umd.min.js +2 -2
  46. package/lib/resizeObserver/index.umd.js +4 -3
  47. package/lib/resizeObserver/index.umd.min.js +2 -2
  48. package/lib/rotate/index.umd.js +2 -2
  49. package/lib/rotate/index.umd.min.js +2 -2
  50. package/lib/ruler/index.umd.js +2 -2
  51. package/lib/ruler/index.umd.min.js +2 -2
  52. package/lib/scale/index.umd.js +2 -2
  53. package/lib/scale/index.umd.min.js +2 -2
  54. package/lib/throttle/index.umd.js +2 -2
  55. package/lib/throttle/index.umd.min.js +2 -2
  56. package/lib/viewHandler/index.umd.js +4 -4
  57. package/lib/viewHandler/index.umd.min.js +3 -3
  58. package/package.json +6 -2
  59. package/src/Canvas.ts +70 -67
  60. package/src/Eoap.ts +66 -66
  61. package/src/Geometry.ts +82 -82
  62. package/src/Matrix4/index.ts +4 -4
  63. package/src/Matrix4/move.ts +12 -12
  64. package/src/Matrix4/rotate.ts +15 -15
  65. package/src/Matrix4/transform.ts +64 -64
  66. package/src/Mercator.ts +27 -27
  67. package/src/SVG.ts +24 -24
  68. package/src/WebGL.ts +66 -66
  69. package/src/animation.ts +98 -98
  70. package/src/common/assemble.ts +22 -22
  71. package/src/common/canvas/arc.ts +51 -50
  72. package/src/common/canvas/config.ts +158 -158
  73. package/src/common/canvas/gradient.ts +29 -29
  74. package/src/common/canvas/index.ts +13 -12
  75. package/src/common/canvas/painter.ts +417 -426
  76. package/src/common/geometry/prism-horizontal.ts +35 -33
  77. package/src/common/geometry/prism-vertical.ts +40 -40
  78. package/src/common/geometry/sphere-fragment.ts +40 -39
  79. package/src/common/geometry/tool/circle.ts +11 -11
  80. package/src/common/mergeOption.ts +6 -6
  81. package/src/common/setStyle.ts +5 -5
  82. package/src/common/svg/config.ts +186 -186
  83. package/src/common/svg/dictionary.ts +1 -1
  84. package/src/common/svg/gradient.ts +63 -63
  85. package/src/common/svg/index.ts +356 -356
  86. package/src/common/svg/tool.ts +44 -44
  87. package/src/common/tree/toInnerTree.ts +57 -56
  88. package/src/common/tree/toPlainTree.ts +132 -131
  89. package/src/common/webgl/buffer.ts +79 -79
  90. package/src/common/webgl/doDraw.ts +108 -108
  91. package/src/common/webgl/getColorFactory.ts +26 -26
  92. package/src/common/webgl/getShader.ts +48 -48
  93. package/src/common/webgl/getTexture.ts +11 -11
  94. package/src/common/webgl/getWebGLContext.ts +28 -27
  95. package/src/common/webgl/index.ts +224 -223
  96. package/src/common/webgl/shader.ts +75 -75
  97. package/src/common/webgl/texture.ts +97 -96
  98. package/src/formatColor.ts +44 -44
  99. package/src/getLoopColors.ts +42 -42
  100. package/src/interpolation/Cardinal.ts +110 -110
  101. package/src/interpolation/Hermite.ts +65 -65
  102. package/src/layout/TreeLayout.ts +21 -21
  103. package/src/move.ts +7 -7
  104. package/src/resizeObserver.ts +37 -36
  105. package/src/rotate.ts +7 -7
  106. package/src/ruler.ts +18 -18
  107. package/src/throttle.ts +52 -51
  108. package/src/viewHandler.ts +158 -158
  109. package/types/CanvasOption.d.ts +8 -7
  110. package/types/CanvasOpts.d.ts +10 -0
package/src/common/svg/gradient.ts CHANGED
@@ -1,63 +1,63 @@
1
- import { initDefs } from './config'
2
- import { toNode, setAttribute } from "./tool"
3
-
4
- // 线性渐变
5
- export let linearGradient = function (el: SVGElement, x0: number, y0: number, x1: number, y1: number) {
6
-
7
- let defs = initDefs(el)
8
- let gradientId = "vislite-lg-" + new Date().valueOf() + "-" + Math.random()
9
-
10
- let linearGradient = toNode("linearGradient")
11
- defs.appendChild(linearGradient)
12
- setAttribute(linearGradient, "id", gradientId)
13
- setAttribute(linearGradient, "x1", x0 + "%")
14
- setAttribute(linearGradient, "y1", y0 + "%")
15
- setAttribute(linearGradient, "x2", x1 + "%")
16
- setAttribute(linearGradient, "y2", y1 + "%")
17
-
18
- let enhanceGradient = {
19
- "value": function () {
20
- return "url(#" + gradientId + ")";
21
- },
22
- "setColor": function (stop: number, color: string) {
23
-
24
- let stopEl = toNode("stop")
25
- linearGradient.appendChild(stopEl)
26
- setAttribute(stopEl, "offset", (stop * 100) + "%")
27
- setAttribute(stopEl, "style", "stop-color:" + color + ";")
28
-
29
- return enhanceGradient
30
- }
31
- }
32
- return enhanceGradient
33
- }
34
-
35
- // 环形渐变
36
- export let radialGradient = function (el: SVGElement, cx: number, cy: number, r: number) {
37
-
38
- let defs = initDefs(el)
39
- let gradientId = "vislite-rg-" + new Date().valueOf() + "-" + Math.random()
40
-
41
- let radialGradient = toNode("radialGradient")
42
- defs.appendChild(radialGradient)
43
- setAttribute(radialGradient, "id", gradientId)
44
- setAttribute(radialGradient, "cx", cx + "%")
45
- setAttribute(radialGradient, "cy", cy + "%")
46
- setAttribute(radialGradient, "r", r + "%")
47
-
48
- let enhanceGradient = {
49
- "value": function () {
50
- return "url(#" + gradientId + ")";
51
- },
52
- "setColor": function (stop: number, color: string) {
53
-
54
- let stopEl = toNode("stop")
55
- radialGradient.appendChild(stopEl)
56
- setAttribute(stopEl, "offset", (stop * 100) + "%")
57
- setAttribute(stopEl, "style", "stop-color:" + color + ";")
58
-
59
- return enhanceGradient
60
- }
61
- }
62
- return enhanceGradient
63
- }
1
+ import { initDefs } from './config'
2
+ import { toNode, setAttribute } from "./tool"
3
+
4
+ // 线性渐变
5
+ export const linearGradient = function (el: SVGElement, x0: number, y0: number, x1: number, y1: number) {
6
+
7
+ const defs = initDefs(el)
8
+ const gradientId = "vislite-lg-" + new Date().valueOf() + "-" + Math.random()
9
+
10
+ const linearGradient = toNode("linearGradient")
11
+ defs.appendChild(linearGradient)
12
+ setAttribute(linearGradient, "id", gradientId)
13
+ setAttribute(linearGradient, "x1", x0 + "%")
14
+ setAttribute(linearGradient, "y1", y0 + "%")
15
+ setAttribute(linearGradient, "x2", x1 + "%")
16
+ setAttribute(linearGradient, "y2", y1 + "%")
17
+
18
+ const enhanceGradient = {
19
+ "value": function () {
20
+ return "url(#" + gradientId + ")";
21
+ },
22
+ "setColor": function (stop: number, color: string) {
23
+
24
+ const stopEl = toNode("stop")
25
+ linearGradient.appendChild(stopEl)
26
+ setAttribute(stopEl, "offset", (stop * 100) + "%")
27
+ setAttribute(stopEl, "style", "stop-color:" + color + ";")
28
+
29
+ return enhanceGradient
30
+ }
31
+ }
32
+ return enhanceGradient
33
+ }
34
+
35
+ // 环形渐变
36
+ export const radialGradient = function (el: SVGElement, cx: number, cy: number, r: number) {
37
+
38
+ const defs = initDefs(el)
39
+ const gradientId = "vislite-rg-" + new Date().valueOf() + "-" + Math.random()
40
+
41
+ const radialGradient = toNode("radialGradient")
42
+ defs.appendChild(radialGradient)
43
+ setAttribute(radialGradient, "id", gradientId)
44
+ setAttribute(radialGradient, "cx", cx + "%")
45
+ setAttribute(radialGradient, "cy", cy + "%")
46
+ setAttribute(radialGradient, "r", r + "%")
47
+
48
+ const enhanceGradient = {
49
+ "value": function () {
50
+ return "url(#" + gradientId + ")";
51
+ },
52
+ "setColor": function (stop: number, color: string) {
53
+
54
+ const stopEl = toNode("stop")
55
+ radialGradient.appendChild(stopEl)
56
+ setAttribute(stopEl, "offset", (stop * 100) + "%")
57
+ setAttribute(stopEl, "style", "stop-color:" + color + ";")
58
+
59
+ return enhanceGradient
60
+ }
61
+ }
62
+ return enhanceGradient
63
+ }