vislite 1.0.0 → 1.1.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 (143) hide show
  1. package/AUTHORS.txt +6 -6
  2. package/CHANGELOG +244 -239
  3. package/LICENSE +20 -20
  4. package/README.md +142 -134
  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 +1 -1
  8. package/lib/Canvas/index.es.min.js +1 -1
  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/SVG/index.es.js +1 -1
  20. package/lib/SVG/index.es.min.js +1 -1
  21. package/lib/Shader/index.es.js +1 -1
  22. package/lib/Shader/index.es.min.js +1 -1
  23. package/lib/Texture/index.es.js +1 -1
  24. package/lib/Texture/index.es.min.js +1 -1
  25. package/lib/TreeLayout/index.es.js +1 -1
  26. package/lib/TreeLayout/index.es.min.js +1 -1
  27. package/lib/animation/index.es.js +1 -1
  28. package/lib/animation/index.es.min.js +1 -1
  29. package/lib/getLoopColors/index.es.js +1 -1
  30. package/lib/getLoopColors/index.es.min.js +1 -1
  31. package/lib/getWebGLContext/index.es.js +1 -1
  32. package/lib/getWebGLContext/index.es.min.js +1 -1
  33. package/lib/index.es.js +2278 -0
  34. package/lib/index.es.min.js +5 -0
  35. package/lib/index.umd.js +1 -1
  36. package/lib/index.umd.min.js +1 -1
  37. package/lib/move/index.es.js +1 -1
  38. package/lib/move/index.es.min.js +1 -1
  39. package/lib/rotate/index.es.js +1 -1
  40. package/lib/rotate/index.es.min.js +1 -1
  41. package/lib/ruler/index.es.js +1 -1
  42. package/lib/ruler/index.es.min.js +1 -1
  43. package/lib/scale/index.es.js +1 -1
  44. package/lib/scale/index.es.min.js +1 -1
  45. package/lib/throttle/index.es.js +1 -1
  46. package/lib/throttle/index.es.min.js +1 -1
  47. package/miniprogram/ui-canvas/drawImage.js +35 -35
  48. package/miniprogram/ui-canvas/index.js +115 -115
  49. package/miniprogram/ui-canvas/index.json +4 -4
  50. package/miniprogram/ui-canvas/index.wxml +4 -4
  51. package/miniprogram/ui-canvas/index.wxss +5 -5
  52. package/package/Buffer/index.ts +2 -2
  53. package/package/Canvas/index.ts +2 -2
  54. package/package/Cardinal/index.ts +2 -2
  55. package/package/Eoap/index.ts +2 -2
  56. package/package/Hermite/index.ts +2 -2
  57. package/package/Matrix4/index.ts +2 -2
  58. package/package/Mercator/index.ts +2 -2
  59. package/package/SVG/index.ts +2 -2
  60. package/package/Shader/index.ts +2 -2
  61. package/package/Texture/index.ts +2 -2
  62. package/package/TreeLayout/index.ts +2 -2
  63. package/package/animation/index.ts +2 -2
  64. package/package/getLoopColors/index.ts +2 -2
  65. package/package/getWebGLContext/index.ts +40 -40
  66. package/package/index.ts +65 -65
  67. package/package/move/index.ts +2 -2
  68. package/package/rotate/index.ts +2 -2
  69. package/package/ruler/index.ts +2 -2
  70. package/package/scale/index.ts +2 -2
  71. package/package/throttle/index.ts +2 -2
  72. package/package.json +75 -73
  73. package/src/Canvas.ts +73 -73
  74. package/src/Eoap.ts +66 -66
  75. package/src/Matrix4/index.ts +84 -84
  76. package/src/Matrix4/move.ts +12 -12
  77. package/src/Matrix4/rotate.ts +15 -15
  78. package/src/Matrix4/scale.ts +11 -11
  79. package/src/Matrix4/transform.ts +64 -64
  80. package/src/Mercator.ts +27 -27
  81. package/src/SVG.ts +24 -24
  82. package/src/animation.ts +98 -98
  83. package/src/common/assemble.ts +22 -22
  84. package/src/common/canvas/arc.ts +51 -51
  85. package/src/common/canvas/config.ts +158 -158
  86. package/src/common/canvas/gradient.ts +24 -24
  87. package/src/common/canvas/index.ts +177 -177
  88. package/src/common/canvas/painter.ts +455 -455
  89. package/src/common/canvas/texts.ts +18 -18
  90. package/src/common/mergeOption.ts +6 -6
  91. package/src/common/setStyle.ts +5 -5
  92. package/src/common/svg/config.ts +190 -190
  93. package/src/common/svg/gradient.ts +53 -53
  94. package/src/common/svg/index.ts +347 -347
  95. package/src/common/svg/tool.ts +44 -44
  96. package/src/common/tree/index.ts +25 -25
  97. package/src/common/tree/toInnerTree.ts +59 -59
  98. package/src/common/tree/toPlainTree.ts +132 -132
  99. package/src/common/webgl/buffer.ts +79 -79
  100. package/src/common/webgl/getWebGLContext.ts +45 -45
  101. package/src/common/webgl/shader.ts +75 -75
  102. package/src/common/webgl/texture.ts +97 -97
  103. package/src/getLoopColors.ts +42 -42
  104. package/src/interpolation/Cardinal.ts +110 -110
  105. package/src/interpolation/Hermite.ts +65 -65
  106. package/src/layout/TreeLayout.ts +188 -188
  107. package/src/move.ts +7 -7
  108. package/src/rotate.ts +7 -7
  109. package/src/ruler.ts +209 -209
  110. package/src/scale.ts +6 -6
  111. package/src/throttle.ts +52 -52
  112. package/types/Buffer.d.ts +23 -23
  113. package/types/Canvas.d.ts +323 -323
  114. package/types/CanvasConfig.d.ts +106 -106
  115. package/types/CanvasOption.d.ts +8 -8
  116. package/types/CanvasOpts.d.ts +9 -9
  117. package/types/Cardinal.d.ts +13 -13
  118. package/types/Gradient.d.ts +14 -14
  119. package/types/Hermite.d.ts +18 -18
  120. package/types/Map.d.ts +9 -9
  121. package/types/Matrix4.d.ts +47 -47
  122. package/types/SVG.d.ts +238 -238
  123. package/types/SVGConfig.d.ts +79 -79
  124. package/types/Shader.d.ts +16 -16
  125. package/types/Texture.d.ts +16 -16
  126. package/types/Tree.d.ts +69 -69
  127. package/types/TreeConfig.d.ts +36 -36
  128. package/types/TreeLayout.d.ts +54 -54
  129. package/types/TreeOption.d.ts +48 -48
  130. package/types/animation.d.ts +9 -9
  131. package/types/getLoopColors.d.ts +5 -5
  132. package/types/getWebGLContext.d.ts +7 -7
  133. package/types/index.d.ts +145 -145
  134. package/types/move.d.ts +5 -5
  135. package/types/painterConfig.d.ts +2 -2
  136. package/types/rotate.d.ts +5 -5
  137. package/types/ruler.d.ts +10 -10
  138. package/types/scale.d.ts +5 -5
  139. package/types/throttle.d.ts +7 -7
  140. package/types/throttleOption.d.ts +21 -21
  141. package/types/ui-canvas.d.ts +4 -4
  142. package/uni-app/drawImage.js +19 -19
  143. package/uni-app/ui-canvas.vue +283 -283
@@ -1,5 +1,5 @@
1
- /* 辅助的区域不应该可以看见 */
2
- .region {
3
- position: fixed;
4
- left: 50000px;
5
- }
1
+ /* 辅助的区域不应该可以看见 */
2
+ .region {
3
+ position: fixed;
4
+ left: 50000px;
5
+ }
@@ -1,3 +1,3 @@
1
- import Buffer from '../../src/common/webgl/buffer'
2
-
1
+ import Buffer from '../../src/common/webgl/buffer'
2
+
3
3
  export default Buffer
@@ -1,3 +1,3 @@
1
- import Canvas from "../../src/Canvas"
2
-
1
+ import Canvas from "../../src/Canvas"
2
+
3
3
  export default Canvas
@@ -1,3 +1,3 @@
1
- import Cardinal from "../../src/interpolation/Cardinal"
2
-
1
+ import Cardinal from "../../src/interpolation/Cardinal"
2
+
3
3
  export default Cardinal
@@ -1,3 +1,3 @@
1
- import Eoap from "../../src/Eoap"
2
-
1
+ import Eoap from "../../src/Eoap"
2
+
3
3
  export default Eoap
@@ -1,3 +1,3 @@
1
- import Hermite from "../../src/interpolation/Hermite"
2
-
1
+ import Hermite from "../../src/interpolation/Hermite"
2
+
3
3
  export default Hermite
@@ -1,3 +1,3 @@
1
- import Matrix4 from "../../src/Matrix4/index"
2
-
1
+ import Matrix4 from "../../src/Matrix4/index"
2
+
3
3
  export default Matrix4
@@ -1,3 +1,3 @@
1
- import Mercator from "../../src/Mercator"
2
-
1
+ import Mercator from "../../src/Mercator"
2
+
3
3
  export default Mercator
@@ -1,3 +1,3 @@
1
- import SVG from "../../src/SVG"
2
-
1
+ import SVG from "../../src/SVG"
2
+
3
3
  export default SVG
@@ -1,3 +1,3 @@
1
- import Shader from '../../src/common/webgl/shader'
2
-
1
+ import Shader from '../../src/common/webgl/shader'
2
+
3
3
  export default Shader
@@ -1,3 +1,3 @@
1
- import Texture from '../../src/common/webgl/texture'
2
-
1
+ import Texture from '../../src/common/webgl/texture'
2
+
3
3
  export default Texture
@@ -1,3 +1,3 @@
1
- import TreeLayout from "../../src/layout/TreeLayout"
2
-
1
+ import TreeLayout from "../../src/layout/TreeLayout"
2
+
3
3
  export default TreeLayout
@@ -1,3 +1,3 @@
1
- import animation from "../../src/animation"
2
-
1
+ import animation from "../../src/animation"
2
+
3
3
  export default animation
@@ -1,3 +1,3 @@
1
- import getLoopColors from "../../src/getLoopColors"
2
-
1
+ import getLoopColors from "../../src/getLoopColors"
2
+
3
3
  export default getLoopColors
@@ -1,41 +1,41 @@
1
- import getWebGLContext from "../../src/common/webgl/getWebGLContext"
2
- import type { WebGLmodeType } from "../../types/getWebGLContext"
3
-
4
- export default (el: HTMLElement | null, scale: number = 1, mode?: WebGLmodeType) => {
5
- if (!el) {
6
- throw new Error("VISLite getWebGLContext:The mount point requires an HTMLElement type but encountered null.")
7
- }
8
-
9
- let width = el.clientWidth, height = el.clientHeight
10
-
11
- let ViewCanvas: HTMLCanvasElement
12
-
13
- let _el = el as any
14
-
15
- // 如果已经初始化过了
16
- if (_el._vislite_canvas_) {
17
- ViewCanvas = _el._vislite_canvas_
18
- }
19
-
20
- // 否则就初始化
21
- else {
22
-
23
- ViewCanvas = document.createElement('canvas')
24
- el.appendChild(ViewCanvas)
25
-
26
- _el._vislite_canvas_ = ViewCanvas
27
-
28
- el.setAttribute('vislite', 'WebGL')
29
-
30
- }
31
-
32
- // 设置画布大小
33
-
34
- ViewCanvas.style.width = width + "px"
35
- ViewCanvas.setAttribute('width', width + "")
36
-
37
- ViewCanvas.style.height = height + "px"
38
- ViewCanvas.setAttribute('height', height + "")
39
-
40
- return getWebGLContext(ViewCanvas, scale, {}, mode)
1
+ import getWebGLContext from "../../src/common/webgl/getWebGLContext"
2
+ import type { WebGLmodeType } from "../../types/getWebGLContext"
3
+
4
+ export default (el: HTMLElement | null, scale: number = 1, mode?: WebGLmodeType) => {
5
+ if (!el) {
6
+ throw new Error("VISLite getWebGLContext:The mount point requires an HTMLElement type but encountered null.")
7
+ }
8
+
9
+ let width = el.clientWidth, height = el.clientHeight
10
+
11
+ let ViewCanvas: HTMLCanvasElement
12
+
13
+ let _el = el as any
14
+
15
+ // 如果已经初始化过了
16
+ if (_el._vislite_canvas_) {
17
+ ViewCanvas = _el._vislite_canvas_
18
+ }
19
+
20
+ // 否则就初始化
21
+ else {
22
+
23
+ ViewCanvas = document.createElement('canvas')
24
+ el.appendChild(ViewCanvas)
25
+
26
+ _el._vislite_canvas_ = ViewCanvas
27
+
28
+ el.setAttribute('vislite', 'WebGL')
29
+
30
+ }
31
+
32
+ // 设置画布大小
33
+
34
+ ViewCanvas.style.width = width + "px"
35
+ ViewCanvas.setAttribute('width', width + "")
36
+
37
+ ViewCanvas.style.height = height + "px"
38
+ ViewCanvas.setAttribute('height', height + "")
39
+
40
+ return getWebGLContext(ViewCanvas, scale, {}, mode)
41
41
  }
package/package/index.ts CHANGED
@@ -1,66 +1,66 @@
1
- import Cardinal from "./Cardinal/index"
2
- import Hermite from "./Hermite/index"
3
-
4
- import Matrix4 from "./Matrix4/index"
5
- import rotate from "./rotate/index"
6
- import move from "./move/index"
7
- import scale from "./scale/index"
8
-
9
- import getLoopColors from "./getLoopColors/index"
10
- import animation from "./animation/index"
11
- import ruler from "./ruler/index"
12
-
13
- import SVG from "./SVG/index"
14
- import Canvas from "./Canvas/index"
15
- import RawCanvas from "../src/common/canvas/index"
16
-
17
- import getWebGLContext from "./getWebGLContext/index"
18
- import Shader from "./Shader/index"
19
- import Texture from "./Texture/index"
20
- import Buffer from "./Buffer/index"
21
-
22
- import Eoap from "./Eoap/index"
23
- import Mercator from "./Mercator/index"
24
-
25
- import throttle from "./throttle/index"
26
-
27
- import TreeLayout from "./TreeLayout/index"
28
-
29
- export default {
30
-
31
- // 插值
32
- Cardinal,
33
- Hermite,
34
-
35
- // 变换
36
- Matrix4,
37
- rotate,
38
- move,
39
- scale,
40
-
41
- // 工具
42
- getLoopColors,
43
- animation,
44
- ruler,
45
-
46
- // 画笔
47
- SVG,
48
- Canvas,
49
- RawCanvas,
50
-
51
- // WebGL
52
- getWebGLContext,
53
- Shader,
54
- Texture,
55
- Buffer,
56
-
57
- // 投影
58
- Eoap,
59
- Mercator,
60
-
61
- // 辅助
62
- throttle,
63
-
64
- // 布局
65
- TreeLayout
1
+ import Cardinal from "./Cardinal/index"
2
+ import Hermite from "./Hermite/index"
3
+
4
+ import Matrix4 from "./Matrix4/index"
5
+ import rotate from "./rotate/index"
6
+ import move from "./move/index"
7
+ import scale from "./scale/index"
8
+
9
+ import getLoopColors from "./getLoopColors/index"
10
+ import animation from "./animation/index"
11
+ import ruler from "./ruler/index"
12
+
13
+ import SVG from "./SVG/index"
14
+ import Canvas from "./Canvas/index"
15
+ import RawCanvas from "../src/common/canvas/index"
16
+
17
+ import getWebGLContext from "./getWebGLContext/index"
18
+ import Shader from "./Shader/index"
19
+ import Texture from "./Texture/index"
20
+ import Buffer from "./Buffer/index"
21
+
22
+ import Eoap from "./Eoap/index"
23
+ import Mercator from "./Mercator/index"
24
+
25
+ import throttle from "./throttle/index"
26
+
27
+ import TreeLayout from "./TreeLayout/index"
28
+
29
+ export default {
30
+
31
+ // 插值
32
+ Cardinal,
33
+ Hermite,
34
+
35
+ // 变换
36
+ Matrix4,
37
+ rotate,
38
+ move,
39
+ scale,
40
+
41
+ // 工具
42
+ getLoopColors,
43
+ animation,
44
+ ruler,
45
+
46
+ // 画笔
47
+ SVG,
48
+ Canvas,
49
+ RawCanvas,
50
+
51
+ // WebGL
52
+ getWebGLContext,
53
+ Shader,
54
+ Texture,
55
+ Buffer,
56
+
57
+ // 投影
58
+ Eoap,
59
+ Mercator,
60
+
61
+ // 辅助
62
+ throttle,
63
+
64
+ // 布局
65
+ TreeLayout
66
66
  }
@@ -1,3 +1,3 @@
1
- import move from "../../src/move"
2
-
1
+ import move from "../../src/move"
2
+
3
3
  export default move
@@ -1,3 +1,3 @@
1
- import rotate from "../../src/rotate"
2
-
1
+ import rotate from "../../src/rotate"
2
+
3
3
  export default rotate
@@ -1,3 +1,3 @@
1
- import ruler from "../../src/ruler"
2
-
1
+ import ruler from "../../src/ruler"
2
+
3
3
  export default ruler
@@ -1,3 +1,3 @@
1
- import scale from "../../src/scale"
2
-
1
+ import scale from "../../src/scale"
2
+
3
3
  export default scale
@@ -1,3 +1,3 @@
1
- import throttle from "../../src/throttle"
2
-
1
+ import throttle from "../../src/throttle"
2
+
3
3
  export default throttle
package/package.json CHANGED
@@ -1,73 +1,75 @@
1
- {
2
- "name": "vislite",
3
- "version": "1.0.0",
4
- "description": "灵活、快速、简单的数据可视化交互式跨端前端库",
5
- "main": "./lib/index.umd.min.js",
6
- "typings": "./types/index.d.ts",
7
- "unpkg": "./lib/index.umd.min.js",
8
- "jsdelivr":"./lib/index.umd.min.js",
9
- "sideEffects": false,
10
- "scripts": {
11
- "init": "npm install && devby --copy ./node_modules/pageby/dist/pageby.min.js ./docs/js/min/pageby.min.js",
12
- "dev": "webpack serve --config ./build/webpack.config.js",
13
- "build": "devby --delete ./lib && node ./build/pkg.js",
14
- "test": "karma start ./build/karma.config.js",
15
- "lint": "eslint src/**/*.ts --fix"
16
- },
17
- "miniprogram": ".",
18
- "repository": {
19
- "type": "git",
20
- "url": "git+https://github.com/oi-contrib/VISLite.git"
21
- },
22
- "keywords": [
23
- "svg",
24
- "webgl",
25
- "typescript",
26
- "canvas",
27
- "vue",
28
- "uniapp",
29
- "miniprogram",
30
- "image2d",
31
- "image3d",
32
- "oi-contrib",
33
- "vislite",
34
- "d3",
35
- "zxl20070701",
36
- "three",
37
- "echarts",
38
- "datav",
39
- "webgpu",
40
- "layout",
41
- "algorithm"
42
- ],
43
- "author": {
44
- "name": "zxl20070701",
45
- "url": "https://zxl20070701.github.io/notebook/home.html"
46
- },
47
- "license": "MIT",
48
- "bugs": {
49
- "url": "https://github.com/oi-contrib/VISLite/issues"
50
- },
51
- "homepage": "https://oi-contrib.github.io/VISLite",
52
- "devDependencies": {
53
- "@rollup/plugin-typescript": "^11.1.0",
54
- "@types/jasmine": "^4.3.1",
55
- "@typescript-eslint/eslint-plugin": "^6.14.0",
56
- "@typescript-eslint/parser": "^6.14.0",
57
- "devby": "^0.4.6",
58
- "eslint": "^8.56.0",
59
- "karma": "^6.3.10",
60
- "karma-chrome-launcher": "^3.1.0",
61
- "karma-jasmine": "^4.0.1",
62
- "karma-webpack": "^5.0.0",
63
- "pageby": "^0.1.0",
64
- "rollup": "^3.20.6",
65
- "terser": "^5.17.1",
66
- "ts-loader": "^9.2.8",
67
- "tslib": "^2.5.0",
68
- "typescript": "^4.6.2",
69
- "webpack": "^5.70.0",
70
- "webpack-cli": "^4.9.2",
71
- "webpack-dev-server": "^4.7.4"
72
- }
73
- }
1
+ {
2
+ "name": "vislite",
3
+ "version": "1.1.0-alpha.0",
4
+ "description": "灵活、快速、简单的数据可视化交互式跨端前端库",
5
+ "main": "./lib/index.umd.min.js",
6
+ "browser": "./lib/index.umd.min.js",
7
+ "module": "./lib/index.es.min.js",
8
+ "typings": "./types/index.d.ts",
9
+ "unpkg": "./lib/index.umd.min.js",
10
+ "jsdelivr": "./lib/index.umd.min.js",
11
+ "sideEffects": false,
12
+ "scripts": {
13
+ "init": "npm install && devby --copy ./node_modules/pageby/dist/pageby.min.js ./docs/js/min/pageby.min.js",
14
+ "dev": "webpack serve --config ./build/webpack.config.js",
15
+ "build": "devby --delete ./lib && node ./build/pkg.js",
16
+ "test": "karma start ./build/karma.config.js",
17
+ "lint": "eslint src/**/*.ts --fix"
18
+ },
19
+ "miniprogram": ".",
20
+ "repository": {
21
+ "type": "git",
22
+ "url": "git+https://github.com/oi-contrib/VISLite.git"
23
+ },
24
+ "keywords": [
25
+ "svg",
26
+ "webgl",
27
+ "typescript",
28
+ "canvas",
29
+ "vue",
30
+ "uniapp",
31
+ "miniprogram",
32
+ "image2d",
33
+ "image3d",
34
+ "oi-contrib",
35
+ "vislite",
36
+ "d3",
37
+ "zxl20070701",
38
+ "three",
39
+ "echarts",
40
+ "datav",
41
+ "webgpu",
42
+ "layout",
43
+ "algorithm"
44
+ ],
45
+ "author": {
46
+ "name": "zxl20070701",
47
+ "url": "https://zxl20070701.github.io/notebook/home.html"
48
+ },
49
+ "license": "MIT",
50
+ "bugs": {
51
+ "url": "https://github.com/oi-contrib/VISLite/issues"
52
+ },
53
+ "homepage": "https://oi-contrib.github.io/VISLite",
54
+ "devDependencies": {
55
+ "@rollup/plugin-typescript": "^11.1.0",
56
+ "@types/jasmine": "^4.3.1",
57
+ "@typescript-eslint/eslint-plugin": "^6.14.0",
58
+ "@typescript-eslint/parser": "^6.14.0",
59
+ "devby": "^0.4.6",
60
+ "eslint": "^8.56.0",
61
+ "karma": "^6.3.10",
62
+ "karma-chrome-launcher": "^3.1.0",
63
+ "karma-jasmine": "^4.0.1",
64
+ "karma-webpack": "^5.0.0",
65
+ "pageby": "^0.1.0",
66
+ "rollup": "^3.20.6",
67
+ "terser": "^5.17.1",
68
+ "ts-loader": "^9.2.8",
69
+ "tslib": "^2.5.0",
70
+ "typescript": "^4.6.2",
71
+ "webpack": "^5.70.0",
72
+ "webpack-cli": "^4.9.2",
73
+ "webpack-dev-server": "^4.7.4"
74
+ }
75
+ }