vislite 0.5.2-alpha.0 → 0.5.2-alpha.1
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.
- package/.editorconfig +18 -18
- package/AUTHORS.txt +6 -6
- package/CHANGELOG +136 -136
- package/LICENSE +20 -20
- package/README.md +69 -69
- package/lib/Buffer/index.umd.js +55 -0
- package/lib/Buffer/index.umd.min.js +11 -0
- package/lib/Canvas/index.umd.js +721 -0
- package/lib/Canvas/index.umd.min.js +11 -0
- package/lib/Cardinal/index.umd.js +112 -0
- package/lib/Cardinal/index.umd.min.js +11 -0
- package/lib/Eoap/index.umd.js +53 -0
- package/lib/Eoap/index.umd.min.js +11 -0
- package/lib/Geometry/index.umd.js +205 -0
- package/lib/Geometry/index.umd.min.js +11 -0
- package/lib/Hermite/index.umd.js +55 -0
- package/lib/Hermite/index.umd.min.js +11 -0
- package/lib/Matrix4/index.umd.js +146 -0
- package/lib/Matrix4/index.umd.min.js +11 -0
- package/lib/Mercator/index.umd.js +39 -0
- package/lib/Mercator/index.umd.min.js +11 -0
- package/lib/OralCanvas/index.es.js +657 -0
- package/lib/OralCanvas/index.es.min.js +11 -0
- package/lib/OralWebGL/index.es.js +611 -0
- package/lib/OralWebGL/index.es.min.js +11 -0
- package/lib/SVG/index.umd.js +475 -0
- package/lib/SVG/index.umd.min.js +11 -0
- package/lib/Shader/index.umd.js +134 -0
- package/lib/Shader/index.umd.min.js +11 -0
- package/lib/Texture/index.umd.js +72 -0
- package/lib/Texture/index.umd.min.js +11 -0
- package/lib/TreeLayout/index.umd.js +430 -0
- package/lib/TreeLayout/index.umd.min.js +11 -0
- package/lib/WebGL/index.umd.js +684 -0
- package/lib/WebGL/index.umd.min.js +11 -0
- package/lib/animation/index.umd.js +91 -0
- package/lib/animation/index.umd.min.js +11 -0
- package/lib/formatColor/index.umd.js +59 -0
- package/lib/formatColor/index.umd.min.js +11 -0
- package/lib/getLoopColors/index.umd.js +55 -0
- package/lib/getLoopColors/index.umd.min.js +11 -0
- package/lib/getWebGLContext/index.umd.js +65 -0
- package/lib/getWebGLContext/index.umd.min.js +11 -0
- package/lib/index.umd.js +2834 -0
- package/lib/index.umd.min.js +11 -0
- package/lib/resizeObserver/index.umd.js +48 -0
- package/lib/resizeObserver/index.umd.min.js +11 -0
- package/lib/rotate/index.umd.js +27 -0
- package/lib/rotate/index.umd.min.js +11 -0
- package/lib/ruler/index.umd.js +145 -0
- package/lib/ruler/index.umd.min.js +11 -0
- package/lib/throttle/index.umd.js +70 -0
- package/lib/throttle/index.umd.min.js +11 -0
- package/lib/viewHandler/index.umd.js +139 -0
- package/lib/viewHandler/index.umd.min.js +11 -0
- package/miniprogram/ui-canvas/index.js +107 -107
- package/miniprogram/ui-canvas/index.json +4 -4
- package/miniprogram/ui-canvas/index.wxml +4 -4
- package/miniprogram/ui-canvas/index.wxss +5 -5
- package/package/Buffer/index.ts +2 -2
- package/package/Canvas/index.ts +2 -2
- package/package/Cardinal/index.ts +2 -2
- package/package/Eoap/index.ts +2 -2
- package/package/Geometry/index.ts +2 -2
- package/package/Hermite/index.ts +2 -2
- package/package/Matrix4/index.ts +2 -2
- package/package/Mercator/index.ts +2 -2
- package/package/OralCanvas/index.ts +2 -2
- package/package/OralWebGL/index.ts +2 -2
- package/package/SVG/index.ts +2 -2
- package/package/Shader/index.ts +39 -39
- package/package/Texture/index.ts +2 -2
- package/package/TreeLayout/index.ts +2 -2
- package/package/WebGL/index.ts +2 -2
- package/package/animation/index.ts +2 -2
- package/package/formatColor/index.ts +2 -2
- package/package/getLoopColors/index.ts +2 -2
- package/package/getWebGLContext/index.ts +39 -39
- package/package/index.ts +72 -72
- package/package/resizeObserver/index.ts +2 -2
- package/package/rotate/index.ts +2 -2
- package/package/ruler/index.ts +2 -2
- package/package/throttle/index.ts +2 -2
- package/package/viewHandler/index.ts +2 -2
- package/package.json +66 -66
- package/src/Canvas.ts +67 -67
- package/src/Eoap.ts +66 -66
- package/src/Geometry.ts +82 -82
- package/src/Matrix4/index.ts +76 -76
- package/src/Matrix4/move.ts +12 -12
- package/src/Matrix4/rotate.ts +15 -15
- package/src/Matrix4/scale.ts +11 -11
- package/src/Matrix4/transform.ts +64 -64
- package/src/Mercator.ts +27 -27
- package/src/SVG.ts +24 -24
- package/src/TreeLayout/index.ts +186 -186
- package/src/WebGL.ts +66 -66
- package/src/animation.ts +98 -98
- package/src/common/assemble.ts +22 -22
- package/src/common/canvas/arc.ts +50 -50
- package/src/common/canvas/config.ts +158 -158
- package/src/common/canvas/gradient.ts +29 -29
- package/src/common/canvas/index.ts +168 -168
- package/src/common/canvas/painter.ts +426 -426
- package/src/common/canvas/texts.ts +18 -18
- package/src/common/geometry/prism-horizontal.ts +33 -33
- package/src/common/geometry/prism-vertical.ts +40 -40
- package/src/common/geometry/sphere-fragment.ts +39 -39
- package/src/common/geometry/tool/circle.ts +11 -11
- package/src/common/mergeOption.ts +6 -6
- package/src/common/setStyle.ts +5 -5
- package/src/common/svg/config.ts +174 -174
- package/src/common/svg/index.ts +344 -344
- package/src/common/svg/tool.ts +44 -44
- package/src/common/tree/index.ts +25 -25
- package/src/common/tree/toInnerTree.ts +56 -56
- package/src/common/tree/toPlainTree.ts +131 -131
- package/src/common/webgl/buffer.ts +79 -79
- package/src/common/webgl/doDraw.ts +108 -108
- package/src/common/webgl/getColorFactory.ts +26 -26
- package/src/common/webgl/getShader.ts +48 -48
- package/src/common/webgl/getTexture.ts +11 -11
- package/src/common/webgl/getWebGLContext.ts +27 -27
- package/src/common/webgl/index.ts +223 -223
- package/src/common/webgl/shader.ts +75 -75
- package/src/common/webgl/texture.ts +96 -96
- package/src/formatColor.ts +44 -44
- package/src/getLoopColors.ts +42 -42
- package/src/interpolation/Cardinal.ts +110 -110
- package/src/interpolation/Hermite.ts +65 -65
- package/src/resizeObserver.ts +36 -36
- package/src/rotate.ts +7 -7
- package/src/ruler.ts +188 -188
- package/src/shader/fsColor.c +7 -7
- package/src/shader/fsColors.c +7 -7
- package/src/shader/fsCube.c +8 -8
- package/src/shader/fsImage.c +8 -8
- package/src/shader/vsColor.c +17 -17
- package/src/shader/vsColors.c +13 -13
- package/src/shader/vsCube.c +13 -13
- package/src/shader/vsImage.c +13 -13
- package/src/throttle.ts +51 -51
- package/src/viewHandler.ts +158 -158
- package/types/Buffer.d.ts +23 -23
- package/types/Canvas.d.ts +300 -300
- package/types/CanvasConfig.d.ts +106 -106
- package/types/CanvasOption.d.ts +7 -7
- package/types/Cardinal.d.ts +13 -13
- package/types/Geometry.d.ts +40 -40
- package/types/GeometryOption.d.ts +11 -11
- package/types/GeometryResult.d.ts +18 -18
- package/types/Gradient.d.ts +14 -14
- package/types/Hermite.d.ts +18 -18
- package/types/Map.d.ts +9 -9
- package/types/Matrix4.d.ts +42 -42
- package/types/Object3D.d.ts +114 -114
- package/types/SVG.d.ts +215 -215
- package/types/SVGConfig.d.ts +76 -76
- package/types/Scene3D.d.ts +6 -6
- package/types/Shader.d.ts +21 -21
- package/types/Texture.d.ts +16 -16
- package/types/Tree.d.ts +69 -69
- package/types/TreeConfig.d.ts +24 -24
- package/types/TreeLayout.d.ts +54 -54
- package/types/TreeOption.d.ts +48 -48
- package/types/WebGL.d.ts +38 -38
- package/types/WebGLOption.d.ts +7 -7
- package/types/animation.d.ts +6 -6
- package/types/formatColor.d.ts +2 -2
- package/types/getLoopColors.d.ts +2 -2
- package/types/getWebGLContext.d.ts +2 -2
- package/types/index.d.ts +169 -169
- package/types/painterConfig.d.ts +2 -2
- package/types/resizeObserver.d.ts +2 -2
- package/types/rotate.d.ts +2 -2
- package/types/ruler.d.ts +7 -7
- package/types/throttle.d.ts +4 -4
- package/types/throttleOption.d.ts +21 -21
- package/types/viewHandler.d.ts +13 -13
- package/uni-app/ui-canvas.vue +226 -226
package/types/SVGConfig.d.ts
CHANGED
|
@@ -1,77 +1,77 @@
|
|
|
1
|
-
import { arcCapType, textAlignType, textBaselineType } from './painterConfig'
|
|
2
|
-
|
|
3
|
-
export default interface SVGConfigType {
|
|
4
|
-
|
|
5
|
-
/**
|
|
6
|
-
* 填充色或图案,默认"#000"
|
|
7
|
-
*/
|
|
8
|
-
fillStyle?: string
|
|
9
|
-
|
|
10
|
-
/**
|
|
11
|
-
* 轮廓色或图案,默认"#000"
|
|
12
|
-
*/
|
|
13
|
-
strokeStyle?: string
|
|
14
|
-
|
|
15
|
-
/**
|
|
16
|
-
* 线条宽度,默认1(单位px)
|
|
17
|
-
*/
|
|
18
|
-
lineWidth?: number
|
|
19
|
-
|
|
20
|
-
/**
|
|
21
|
-
* 文字水平对齐方式,默认"left"左对齐(还有"center"居中和"right"右对齐)
|
|
22
|
-
*/
|
|
23
|
-
textAlign?: textAlignType
|
|
24
|
-
|
|
25
|
-
/**
|
|
26
|
-
* 文字垂直对齐方式,默认"middle"垂直居中(还有"top"上对齐和"bottom"下对齐)
|
|
27
|
-
*/
|
|
28
|
-
textBaseline?: textBaselineType
|
|
29
|
-
|
|
30
|
-
/**
|
|
31
|
-
* 设置线条虚线,默认为[]表示使用实线绘制
|
|
32
|
-
*
|
|
33
|
-
* 值应该是一个数组,格式:[实线长,虚线长,实线长 ...],数组长度任意,会自动循环
|
|
34
|
-
*/
|
|
35
|
-
lineDash?: Array<number>
|
|
36
|
-
|
|
37
|
-
/**
|
|
38
|
-
* 文字大小,默认16
|
|
39
|
-
*/
|
|
40
|
-
"fontSize"?: number
|
|
41
|
-
|
|
42
|
-
/**
|
|
43
|
-
* 已废弃,向下兼容,请用 fontSize 代替
|
|
44
|
-
*/
|
|
45
|
-
"font-size"?: number // 向下兼容
|
|
46
|
-
|
|
47
|
-
/**
|
|
48
|
-
* 字体,默认"sans-serif"
|
|
49
|
-
*/
|
|
50
|
-
"fontFamily"?: string
|
|
51
|
-
|
|
52
|
-
/**
|
|
53
|
-
* 已废弃,向下兼容,请用 fontFamily 代替
|
|
54
|
-
*/
|
|
55
|
-
"font-family"?: string // 向下兼容
|
|
56
|
-
|
|
57
|
-
/**
|
|
58
|
-
* 圆弧开始端闭合方式,默认"butt"直线闭合(还有"round"圆帽闭合,"-round"反圆帽闭合)
|
|
59
|
-
*/
|
|
60
|
-
"arcStartCap"?: arcCapType
|
|
61
|
-
|
|
62
|
-
/**
|
|
63
|
-
* 已废弃,向下兼容,请用 arcStartCap 代替
|
|
64
|
-
*/
|
|
65
|
-
"arc-start-cap"?: string // 向下兼容
|
|
66
|
-
|
|
67
|
-
/**
|
|
68
|
-
* 圆弧结束端闭合方式,默认"butt"直线闭合(还有"round"圆帽闭合,"-round"反圆帽闭合)
|
|
69
|
-
*/
|
|
70
|
-
"arcEndCap"?: arcCapType
|
|
71
|
-
|
|
72
|
-
/**
|
|
73
|
-
* 已废弃,向下兼容,请用 arcEndCap 代替
|
|
74
|
-
*/
|
|
75
|
-
"arc-end-cap"?: string // 向下兼容
|
|
76
|
-
|
|
1
|
+
import { arcCapType, textAlignType, textBaselineType } from './painterConfig'
|
|
2
|
+
|
|
3
|
+
export default interface SVGConfigType {
|
|
4
|
+
|
|
5
|
+
/**
|
|
6
|
+
* 填充色或图案,默认"#000"
|
|
7
|
+
*/
|
|
8
|
+
fillStyle?: string
|
|
9
|
+
|
|
10
|
+
/**
|
|
11
|
+
* 轮廓色或图案,默认"#000"
|
|
12
|
+
*/
|
|
13
|
+
strokeStyle?: string
|
|
14
|
+
|
|
15
|
+
/**
|
|
16
|
+
* 线条宽度,默认1(单位px)
|
|
17
|
+
*/
|
|
18
|
+
lineWidth?: number
|
|
19
|
+
|
|
20
|
+
/**
|
|
21
|
+
* 文字水平对齐方式,默认"left"左对齐(还有"center"居中和"right"右对齐)
|
|
22
|
+
*/
|
|
23
|
+
textAlign?: textAlignType
|
|
24
|
+
|
|
25
|
+
/**
|
|
26
|
+
* 文字垂直对齐方式,默认"middle"垂直居中(还有"top"上对齐和"bottom"下对齐)
|
|
27
|
+
*/
|
|
28
|
+
textBaseline?: textBaselineType
|
|
29
|
+
|
|
30
|
+
/**
|
|
31
|
+
* 设置线条虚线,默认为[]表示使用实线绘制
|
|
32
|
+
*
|
|
33
|
+
* 值应该是一个数组,格式:[实线长,虚线长,实线长 ...],数组长度任意,会自动循环
|
|
34
|
+
*/
|
|
35
|
+
lineDash?: Array<number>
|
|
36
|
+
|
|
37
|
+
/**
|
|
38
|
+
* 文字大小,默认16
|
|
39
|
+
*/
|
|
40
|
+
"fontSize"?: number
|
|
41
|
+
|
|
42
|
+
/**
|
|
43
|
+
* 已废弃,向下兼容,请用 fontSize 代替
|
|
44
|
+
*/
|
|
45
|
+
"font-size"?: number // 向下兼容
|
|
46
|
+
|
|
47
|
+
/**
|
|
48
|
+
* 字体,默认"sans-serif"
|
|
49
|
+
*/
|
|
50
|
+
"fontFamily"?: string
|
|
51
|
+
|
|
52
|
+
/**
|
|
53
|
+
* 已废弃,向下兼容,请用 fontFamily 代替
|
|
54
|
+
*/
|
|
55
|
+
"font-family"?: string // 向下兼容
|
|
56
|
+
|
|
57
|
+
/**
|
|
58
|
+
* 圆弧开始端闭合方式,默认"butt"直线闭合(还有"round"圆帽闭合,"-round"反圆帽闭合)
|
|
59
|
+
*/
|
|
60
|
+
"arcStartCap"?: arcCapType
|
|
61
|
+
|
|
62
|
+
/**
|
|
63
|
+
* 已废弃,向下兼容,请用 arcStartCap 代替
|
|
64
|
+
*/
|
|
65
|
+
"arc-start-cap"?: string // 向下兼容
|
|
66
|
+
|
|
67
|
+
/**
|
|
68
|
+
* 圆弧结束端闭合方式,默认"butt"直线闭合(还有"round"圆帽闭合,"-round"反圆帽闭合)
|
|
69
|
+
*/
|
|
70
|
+
"arcEndCap"?: arcCapType
|
|
71
|
+
|
|
72
|
+
/**
|
|
73
|
+
* 已废弃,向下兼容,请用 arcEndCap 代替
|
|
74
|
+
*/
|
|
75
|
+
"arc-end-cap"?: string // 向下兼容
|
|
76
|
+
|
|
77
77
|
}
|
package/types/Scene3D.d.ts
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import Object3D from './Object3D'
|
|
2
|
-
import Matrix4Type from './Matrix4'
|
|
3
|
-
|
|
4
|
-
export default interface Scene3D {
|
|
5
|
-
children: Object3D[]
|
|
6
|
-
matrix: Matrix4Type
|
|
1
|
+
import Object3D from './Object3D'
|
|
2
|
+
import Matrix4Type from './Matrix4'
|
|
3
|
+
|
|
4
|
+
export default interface Scene3D {
|
|
5
|
+
children: Object3D[]
|
|
6
|
+
matrix: Matrix4Type
|
|
7
7
|
}
|
package/types/Shader.d.ts
CHANGED
|
@@ -1,22 +1,22 @@
|
|
|
1
|
-
export default interface ShaderType {
|
|
2
|
-
|
|
3
|
-
/**
|
|
4
|
-
* 使用这个程序
|
|
5
|
-
* (后于编译)
|
|
6
|
-
*/
|
|
7
|
-
use(): this
|
|
8
|
-
|
|
9
|
-
/**
|
|
10
|
-
* 编译着色器程序
|
|
11
|
-
* @param vshaderSource 顶点着色器
|
|
12
|
-
* @param fshaderSource 片段(元)着色器
|
|
13
|
-
*/
|
|
14
|
-
compile(vshaderSource: string, fshaderSource: string): this
|
|
15
|
-
|
|
16
|
-
/**
|
|
17
|
-
* 编译内置定义好的着色器程序
|
|
18
|
-
* @param shaderName 着色器名称,可选值有:color、colors、image、cube
|
|
19
|
-
*/
|
|
20
|
-
compile(shaderName: string): this
|
|
21
|
-
|
|
1
|
+
export default interface ShaderType {
|
|
2
|
+
|
|
3
|
+
/**
|
|
4
|
+
* 使用这个程序
|
|
5
|
+
* (后于编译)
|
|
6
|
+
*/
|
|
7
|
+
use(): this
|
|
8
|
+
|
|
9
|
+
/**
|
|
10
|
+
* 编译着色器程序
|
|
11
|
+
* @param vshaderSource 顶点着色器
|
|
12
|
+
* @param fshaderSource 片段(元)着色器
|
|
13
|
+
*/
|
|
14
|
+
compile(vshaderSource: string, fshaderSource: string): this
|
|
15
|
+
|
|
16
|
+
/**
|
|
17
|
+
* 编译内置定义好的着色器程序
|
|
18
|
+
* @param shaderName 着色器名称,可选值有:color、colors、image、cube
|
|
19
|
+
*/
|
|
20
|
+
compile(shaderName: string): this
|
|
21
|
+
|
|
22
22
|
}
|
package/types/Texture.d.ts
CHANGED
|
@@ -1,17 +1,17 @@
|
|
|
1
|
-
export default interface TextureType {
|
|
2
|
-
|
|
3
|
-
/**
|
|
4
|
-
* 链接图片资源(单一)
|
|
5
|
-
* @param image 纹理图片
|
|
6
|
-
*/
|
|
7
|
-
useImage(image: TexImageSource): this
|
|
8
|
-
|
|
9
|
-
/**
|
|
10
|
-
* 链接图片资源(多张)
|
|
11
|
-
* @param images 纹理图片集
|
|
12
|
-
* @param width 图片宽
|
|
13
|
-
* @param height 图片高
|
|
14
|
-
*/
|
|
15
|
-
useCube(images: TexImageSource[], width: number, height: number): this
|
|
16
|
-
|
|
1
|
+
export default interface TextureType {
|
|
2
|
+
|
|
3
|
+
/**
|
|
4
|
+
* 链接图片资源(单一)
|
|
5
|
+
* @param image 纹理图片
|
|
6
|
+
*/
|
|
7
|
+
useImage(image: TexImageSource): this
|
|
8
|
+
|
|
9
|
+
/**
|
|
10
|
+
* 链接图片资源(多张)
|
|
11
|
+
* @param images 纹理图片集
|
|
12
|
+
* @param width 图片宽
|
|
13
|
+
* @param height 图片高
|
|
14
|
+
*/
|
|
15
|
+
useCube(images: TexImageSource[], width: number, height: number): this
|
|
16
|
+
|
|
17
17
|
}
|
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
|
}
|
package/types/TreeConfig.d.ts
CHANGED
|
@@ -1,25 +1,25 @@
|
|
|
1
|
-
export default interface TreeConfigType {
|
|
2
|
-
|
|
3
|
-
/**
|
|
4
|
-
* 获取根结点的方法
|
|
5
|
-
* @param initTree 原始数据
|
|
6
|
-
* @returns 返回根结点
|
|
7
|
-
*/
|
|
8
|
-
root?: (initTree: any) => any
|
|
9
|
-
|
|
10
|
-
/**
|
|
11
|
-
* 获取子结点的方法
|
|
12
|
-
* @param parentTree 父结点
|
|
13
|
-
* @param initTree 原始数据
|
|
14
|
-
* @returns 返回当前父结点的所有子结点数组
|
|
15
|
-
*/
|
|
16
|
-
children?: (parentTree: any, initTree: any) => any[]
|
|
17
|
-
|
|
18
|
-
/**
|
|
19
|
-
* 获取结点ID方法
|
|
20
|
-
* @param treedata 当前结点
|
|
21
|
-
* @returns 返回可以唯一标识当前结点的id
|
|
22
|
-
*/
|
|
23
|
-
id?: (treedata: any) => string
|
|
24
|
-
|
|
1
|
+
export default interface TreeConfigType {
|
|
2
|
+
|
|
3
|
+
/**
|
|
4
|
+
* 获取根结点的方法
|
|
5
|
+
* @param initTree 原始数据
|
|
6
|
+
* @returns 返回根结点
|
|
7
|
+
*/
|
|
8
|
+
root?: (initTree: any) => any
|
|
9
|
+
|
|
10
|
+
/**
|
|
11
|
+
* 获取子结点的方法
|
|
12
|
+
* @param parentTree 父结点
|
|
13
|
+
* @param initTree 原始数据
|
|
14
|
+
* @returns 返回当前父结点的所有子结点数组
|
|
15
|
+
*/
|
|
16
|
+
children?: (parentTree: any, initTree: any) => any[]
|
|
17
|
+
|
|
18
|
+
/**
|
|
19
|
+
* 获取结点ID方法
|
|
20
|
+
* @param treedata 当前结点
|
|
21
|
+
* @returns 返回可以唯一标识当前结点的id
|
|
22
|
+
*/
|
|
23
|
+
id?: (treedata: any) => string
|
|
24
|
+
|
|
25
25
|
}
|
package/types/TreeLayout.d.ts
CHANGED
|
@@ -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
|
}
|
package/types/TreeOption.d.ts
CHANGED
|
@@ -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
|
}
|