vislite 1.12.0 → 2.0.0-next.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.
- package/AUTHORS.txt +6 -6
- package/CHANGELOG +414 -403
- package/LICENSE +20 -20
- package/README-en.md +245 -245
- package/README.md +245 -245
- package/bin/formatArgv.js +30 -30
- package/bin/help.js +21 -17
- package/bin/minialipay.js +27 -0
- package/bin/run +25 -21
- package/bin/skills.js +26 -26
- package/lib/BarLayout/index.es.js +348 -348
- package/lib/Buffer/index.es.js +34 -34
- package/lib/Canvas/index.es.js +804 -804
- package/lib/Cardinal/index.es.js +89 -89
- package/lib/Eoap/index.es.js +32 -32
- package/lib/Hermite/index.es.js +34 -34
- package/lib/MapCoordinate/index.es.js +199 -199
- package/lib/Matrix4/index.es.js +123 -123
- package/lib/Mercator/index.es.js +18 -18
- package/lib/PieLayout/index.es.js +115 -115
- package/lib/RawCanvas/index.es.js +736 -736
- package/lib/SVG/index.es.js +626 -626
- package/lib/Shader/index.es.js +34 -34
- package/lib/Texture/index.es.js +52 -52
- package/lib/TreeLayout/index.es.js +301 -301
- package/lib/animation/index.es.js +2 -2
- package/lib/assemble/index.es.js +19 -19
- package/lib/getLoopColors/index.es.js +34 -34
- package/lib/getWebGLContext/index.es.js +61 -61
- package/lib/index.umd.js +2797 -2797
- package/lib/index.umd.min.js +1 -1
- package/lib/initOption/index.es.js +5 -5
- package/lib/mergeOption/index.es.js +34 -34
- package/lib/move/index.es.js +6 -6
- package/lib/rotate/index.es.js +6 -6
- package/lib/ruler/index.es.js +136 -136
- package/lib/scale/index.es.js +5 -5
- package/minialipay/ui-canvas/drawImage.js +35 -35
- package/minialipay/ui-canvas/index.acss +4 -4
- package/minialipay/ui-canvas/index.axml +3 -3
- package/minialipay/ui-canvas/index.d.ts +1 -1
- package/minialipay/ui-canvas/index.js +100 -100
- package/minialipay/ui-canvas/index.json +6 -6
- package/miniprogram/ui-canvas/drawImage.js +35 -35
- package/miniprogram/ui-canvas/index.js +125 -125
- 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/BarLayout/index.ts +2 -2
- 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/Hermite/index.ts +2 -2
- package/package/MapCoordinate/index.ts +2 -2
- package/package/Matrix4/index.ts +2 -2
- package/package/Mercator/index.ts +2 -2
- package/package/PieLayout/index.ts +2 -2
- package/package/RawCanvas/index.ts +2 -2
- package/package/SVG/index.ts +2 -2
- package/package/Shader/index.ts +2 -2
- package/package/Texture/index.ts +2 -2
- package/package/TreeLayout/index.ts +2 -2
- package/package/animation/index.ts +5 -5
- package/package/assemble/index.ts +2 -2
- package/package/getLoopColors/index.ts +2 -2
- package/package/getWebGLContext/index.ts +40 -40
- package/package/index.ts +84 -84
- package/package/initOption/index.ts +2 -2
- package/package/mergeOption/index.ts +2 -2
- package/package/move/index.ts +2 -2
- package/package/rotate/index.ts +2 -2
- package/package/ruler/index.ts +2 -2
- package/package/scale/index.ts +2 -2
- package/package/throttle/index.ts +2 -2
- package/package.json +103 -79
- package/skills/vislite-lib/BarLayout.md +117 -117
- package/skills/vislite-lib/Canvas.md +183 -183
- package/skills/vislite-lib/Interpolation.md +129 -129
- package/skills/vislite-lib/Matrix.md +174 -174
- package/skills/vislite-lib/PieLayout.md +131 -131
- package/skills/vislite-lib/Projections.md +158 -158
- package/skills/vislite-lib/SKILL.md +179 -179
- package/skills/vislite-lib/SVG.md +137 -137
- package/skills/vislite-lib/TreeLayout.md +176 -176
- package/skills/vislite-lib/Utilities.md +261 -261
- package/skills/vislite-lib/WebGL.md +106 -106
- package/skills/vislite-lib/minialipay/ui-canvas.md +95 -95
- package/skills/vislite-lib/miniprogram/ui-canvas.md +98 -98
- package/skills/vislite-lib/uniapp/ui-canvas.md +113 -113
- package/src/Canvas.ts +89 -89
- package/src/Eoap.ts +66 -66
- package/src/Matrix4/index.ts +84 -84
- 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 +86 -86
- package/src/common/assemble.ts +30 -30
- package/src/common/canvas/arc.ts +51 -51
- package/src/common/canvas/config.ts +176 -176
- package/src/common/canvas/default.ts +64 -64
- package/src/common/canvas/gradient.ts +31 -31
- package/src/common/canvas/index.ts +189 -189
- package/src/common/canvas/painter.ts +475 -475
- package/src/common/canvas/texts.ts +18 -18
- package/src/common/map/getBoundary.ts +15 -15
- package/src/common/map/tool.ts +29 -29
- package/src/common/option.ts +31 -31
- package/src/common/setStyle.ts +5 -5
- package/src/common/svg/config.ts +213 -213
- package/src/common/svg/default.ts +29 -29
- package/src/common/svg/gradient.ts +53 -53
- package/src/common/svg/index.ts +420 -420
- package/src/common/svg/tool.ts +51 -51
- package/src/common/tree/index.ts +25 -25
- package/src/common/tree/toInnerTree.ts +61 -61
- package/src/common/tree/toPlainTree.ts +135 -135
- package/src/common/type.ts +26 -26
- package/src/common/webgl/buffer.ts +79 -79
- package/src/common/webgl/getWebGLContext.ts +45 -45
- package/src/common/webgl/shader.ts +75 -75
- package/src/common/webgl/texture.ts +98 -98
- package/src/coordinate/MapCoordinate.ts +80 -80
- package/src/getLoopColors.ts +42 -42
- package/src/interpolation/Cardinal.ts +110 -110
- package/src/interpolation/Hermite.ts +65 -65
- package/src/layout/BarLayout.ts +249 -249
- package/src/layout/PieLayout.ts +146 -146
- package/src/layout/TreeLayout.ts +200 -200
- package/src/move.ts +7 -7
- package/src/rotate.ts +7 -7
- package/src/ruler.ts +209 -209
- package/src/scale.ts +6 -6
- package/types/Bar.d.ts +91 -91
- package/types/BarConfig.d.ts +4 -4
- package/types/BarLayout.d.ts +48 -48
- package/types/BarOption.d.ts +31 -31
- package/types/Buffer.d.ts +30 -30
- package/types/Canvas.d.ts +379 -379
- package/types/CanvasConfig.d.ts +61 -61
- package/types/CanvasOption.d.ts +13 -13
- package/types/CanvasOpts.d.ts +9 -9
- package/types/Cardinal.d.ts +20 -20
- package/types/Gradient.d.ts +20 -20
- package/types/Hermite.d.ts +25 -25
- package/types/Map.d.ts +9 -9
- package/types/MapConfig.d.ts +27 -27
- package/types/MapCoordinate.d.ts +22 -22
- package/types/Matrix4.d.ts +79 -79
- package/types/Pie.d.ts +73 -73
- package/types/PieConfig.d.ts +26 -26
- package/types/PieLayout.d.ts +40 -40
- package/types/PieOption.d.ts +21 -21
- package/types/SVG.d.ts +282 -282
- package/types/SVGConfig.d.ts +54 -54
- package/types/Shader.d.ts +22 -22
- package/types/Texture.d.ts +22 -22
- package/types/Tree.d.ts +74 -74
- package/types/TreeConfig.d.ts +52 -52
- package/types/TreeLayout.d.ts +71 -71
- package/types/TreeOption.d.ts +48 -48
- package/types/animation.d.ts +26 -26
- package/types/assemble.d.ts +14 -14
- package/types/getLoopColors.d.ts +13 -13
- package/types/getWebGLContext.d.ts +7 -7
- package/types/index.d.ts +220 -220
- package/types/module.d.ts +110 -110
- package/types/move.d.ts +15 -15
- package/types/option.d.ts +12 -12
- package/types/painterConfig.d.ts +14 -14
- package/types/rotate.d.ts +15 -15
- package/types/ruler.d.ts +24 -24
- package/types/scale.d.ts +15 -15
- package/types/throttle.d.ts +6 -6
- package/types/ui-canvas.d.ts +4 -4
- package/types/uni-canvas.d.ts +3 -3
- package/uni-app/drawImage.js +19 -19
- package/uni-app/ui-canvas.vue +295 -295
package/types/Shader.d.ts
CHANGED
|
@@ -1,23 +1,23 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* 着色器类型定义
|
|
3
|
-
* 用于WebGL着色器的编译和使用
|
|
4
|
-
*/
|
|
5
|
-
export default interface ShaderType {
|
|
6
|
-
|
|
7
|
-
/** 着色器程序对象 */
|
|
8
|
-
program: WebGLProgram
|
|
9
|
-
|
|
10
|
-
/**
|
|
11
|
-
* 使用这个着色器程序
|
|
12
|
-
* @returns 返回当前实例,支持链式调用
|
|
13
|
-
*/
|
|
14
|
-
use(): this
|
|
15
|
-
|
|
16
|
-
/**
|
|
17
|
-
* 编译着色器程序
|
|
18
|
-
* @param vshaderSource 顶点着色器源码
|
|
19
|
-
* @param fshaderSource 片段着色器源码
|
|
20
|
-
* @returns 返回当前实例,支持链式调用
|
|
21
|
-
*/
|
|
22
|
-
compile(vshaderSource: string, fshaderSource: string): this
|
|
1
|
+
/**
|
|
2
|
+
* 着色器类型定义
|
|
3
|
+
* 用于WebGL着色器的编译和使用
|
|
4
|
+
*/
|
|
5
|
+
export default interface ShaderType {
|
|
6
|
+
|
|
7
|
+
/** 着色器程序对象 */
|
|
8
|
+
program: WebGLProgram
|
|
9
|
+
|
|
10
|
+
/**
|
|
11
|
+
* 使用这个着色器程序
|
|
12
|
+
* @returns 返回当前实例,支持链式调用
|
|
13
|
+
*/
|
|
14
|
+
use(): this
|
|
15
|
+
|
|
16
|
+
/**
|
|
17
|
+
* 编译着色器程序
|
|
18
|
+
* @param vshaderSource 顶点着色器源码
|
|
19
|
+
* @param fshaderSource 片段着色器源码
|
|
20
|
+
* @returns 返回当前实例,支持链式调用
|
|
21
|
+
*/
|
|
22
|
+
compile(vshaderSource: string, fshaderSource: string): this
|
|
23
23
|
}
|
package/types/Texture.d.ts
CHANGED
|
@@ -1,23 +1,23 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* WebGL纹理类型定义
|
|
3
|
-
* 用于管理WebGL中的纹理资源
|
|
4
|
-
*/
|
|
5
|
-
export default interface TextureType {
|
|
6
|
-
|
|
7
|
-
/**
|
|
8
|
-
* 绑定单一图片作为纹理
|
|
9
|
-
* @param image 纹理图片资源
|
|
10
|
-
* @returns 返回当前实例,支持链式调用
|
|
11
|
-
*/
|
|
12
|
-
useImage(image: TexImageSource): this
|
|
13
|
-
|
|
14
|
-
/**
|
|
15
|
-
* 绑定立方体贴图纹理
|
|
16
|
-
* @param images 纹理图片数组(6张图片)
|
|
17
|
-
* @param width 图片宽度
|
|
18
|
-
* @param height 图片高度
|
|
19
|
-
* @returns 返回当前实例,支持链式调用
|
|
20
|
-
*/
|
|
21
|
-
useCube(images: TexImageSource[], width: number, height: number): this
|
|
22
|
-
|
|
1
|
+
/**
|
|
2
|
+
* WebGL纹理类型定义
|
|
3
|
+
* 用于管理WebGL中的纹理资源
|
|
4
|
+
*/
|
|
5
|
+
export default interface TextureType {
|
|
6
|
+
|
|
7
|
+
/**
|
|
8
|
+
* 绑定单一图片作为纹理
|
|
9
|
+
* @param image 纹理图片资源
|
|
10
|
+
* @returns 返回当前实例,支持链式调用
|
|
11
|
+
*/
|
|
12
|
+
useImage(image: TexImageSource): this
|
|
13
|
+
|
|
14
|
+
/**
|
|
15
|
+
* 绑定立方体贴图纹理
|
|
16
|
+
* @param images 纹理图片数组(6张图片)
|
|
17
|
+
* @param width 图片宽度
|
|
18
|
+
* @param height 图片高度
|
|
19
|
+
* @returns 返回当前实例,支持链式调用
|
|
20
|
+
*/
|
|
21
|
+
useCube(images: TexImageSource[], width: number, height: number): this
|
|
22
|
+
|
|
23
23
|
}
|
package/types/Tree.d.ts
CHANGED
|
@@ -1,75 +1,75 @@
|
|
|
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
|
-
deg: number
|
|
55
|
-
}
|
|
56
|
-
}
|
|
57
|
-
|
|
58
|
-
/**
|
|
59
|
-
* 根结点id
|
|
60
|
-
*/
|
|
61
|
-
root: string
|
|
62
|
-
|
|
63
|
-
/**
|
|
64
|
-
* 树的宽数
|
|
65
|
-
*/
|
|
66
|
-
size: number
|
|
67
|
-
}
|
|
68
|
-
|
|
69
|
-
export default interface TreeType {
|
|
70
|
-
|
|
71
|
-
/**
|
|
72
|
-
* 求解单一值
|
|
73
|
-
*/
|
|
74
|
-
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
|
+
deg: number
|
|
55
|
+
}
|
|
56
|
+
}
|
|
57
|
+
|
|
58
|
+
/**
|
|
59
|
+
* 根结点id
|
|
60
|
+
*/
|
|
61
|
+
root: string
|
|
62
|
+
|
|
63
|
+
/**
|
|
64
|
+
* 树的宽数
|
|
65
|
+
*/
|
|
66
|
+
size: number
|
|
67
|
+
}
|
|
68
|
+
|
|
69
|
+
export default interface TreeType {
|
|
70
|
+
|
|
71
|
+
/**
|
|
72
|
+
* 求解单一值
|
|
73
|
+
*/
|
|
74
|
+
use(initTree: any): TreeResultType
|
|
75
75
|
}
|
package/types/TreeConfig.d.ts
CHANGED
|
@@ -1,53 +1,53 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* 获取根节点函数类型定义
|
|
3
|
-
*/
|
|
4
|
-
export interface rootType {
|
|
5
|
-
/**
|
|
6
|
-
* 获取根节点
|
|
7
|
-
* @param initTree 原始树数据
|
|
8
|
-
* @returns 返回根节点
|
|
9
|
-
*/
|
|
10
|
-
(initTree: any): any
|
|
11
|
-
}
|
|
12
|
-
|
|
13
|
-
/**
|
|
14
|
-
* 获取子节点函数类型定义
|
|
15
|
-
*/
|
|
16
|
-
export interface childrenType {
|
|
17
|
-
/**
|
|
18
|
-
* 获取子节点数组
|
|
19
|
-
* @param parentTree 父节点
|
|
20
|
-
* @param initTree 原始树数据
|
|
21
|
-
* @returns 返回子节点数组
|
|
22
|
-
*/
|
|
23
|
-
(parentTree: any, initTree: any): any[]
|
|
24
|
-
}
|
|
25
|
-
|
|
26
|
-
/**
|
|
27
|
-
* 获取节点ID函数类型定义
|
|
28
|
-
*/
|
|
29
|
-
export interface idType {
|
|
30
|
-
/**
|
|
31
|
-
* 获取节点唯一标识
|
|
32
|
-
* @param treedata 节点数据
|
|
33
|
-
* @returns 返回节点唯一ID
|
|
34
|
-
*/
|
|
35
|
-
(treedata: any): string
|
|
36
|
-
}
|
|
37
|
-
|
|
38
|
-
/**
|
|
39
|
-
* 树布局配置类型定义
|
|
40
|
-
* 用于配置树形布局的各种参数和方法
|
|
41
|
-
*/
|
|
42
|
-
export default interface TreeConfigType {
|
|
43
|
-
|
|
44
|
-
/** 获取根节点的方法 */
|
|
45
|
-
root?: rootType
|
|
46
|
-
|
|
47
|
-
/** 获取子节点的方法 */
|
|
48
|
-
children?: childrenType
|
|
49
|
-
|
|
50
|
-
/** 获取节点ID方法 */
|
|
51
|
-
id?: idType
|
|
52
|
-
|
|
1
|
+
/**
|
|
2
|
+
* 获取根节点函数类型定义
|
|
3
|
+
*/
|
|
4
|
+
export interface rootType {
|
|
5
|
+
/**
|
|
6
|
+
* 获取根节点
|
|
7
|
+
* @param initTree 原始树数据
|
|
8
|
+
* @returns 返回根节点
|
|
9
|
+
*/
|
|
10
|
+
(initTree: any): any
|
|
11
|
+
}
|
|
12
|
+
|
|
13
|
+
/**
|
|
14
|
+
* 获取子节点函数类型定义
|
|
15
|
+
*/
|
|
16
|
+
export interface childrenType {
|
|
17
|
+
/**
|
|
18
|
+
* 获取子节点数组
|
|
19
|
+
* @param parentTree 父节点
|
|
20
|
+
* @param initTree 原始树数据
|
|
21
|
+
* @returns 返回子节点数组
|
|
22
|
+
*/
|
|
23
|
+
(parentTree: any, initTree: any): any[]
|
|
24
|
+
}
|
|
25
|
+
|
|
26
|
+
/**
|
|
27
|
+
* 获取节点ID函数类型定义
|
|
28
|
+
*/
|
|
29
|
+
export interface idType {
|
|
30
|
+
/**
|
|
31
|
+
* 获取节点唯一标识
|
|
32
|
+
* @param treedata 节点数据
|
|
33
|
+
* @returns 返回节点唯一ID
|
|
34
|
+
*/
|
|
35
|
+
(treedata: any): string
|
|
36
|
+
}
|
|
37
|
+
|
|
38
|
+
/**
|
|
39
|
+
* 树布局配置类型定义
|
|
40
|
+
* 用于配置树形布局的各种参数和方法
|
|
41
|
+
*/
|
|
42
|
+
export default interface TreeConfigType {
|
|
43
|
+
|
|
44
|
+
/** 获取根节点的方法 */
|
|
45
|
+
root?: rootType
|
|
46
|
+
|
|
47
|
+
/** 获取子节点的方法 */
|
|
48
|
+
children?: childrenType
|
|
49
|
+
|
|
50
|
+
/** 获取节点ID方法 */
|
|
51
|
+
id?: idType
|
|
52
|
+
|
|
53
53
|
}
|
package/types/TreeLayout.d.ts
CHANGED
|
@@ -1,72 +1,72 @@
|
|
|
1
|
-
import TreeType from "./Tree"
|
|
2
|
-
import { TreeResultType } from "./Tree"
|
|
3
|
-
import TreeOptionType from './TreeOption'
|
|
4
|
-
|
|
5
|
-
/**
|
|
6
|
-
* 树布局类型定义
|
|
7
|
-
* 继承自TreeType,提供树形布局的计算和操作功能
|
|
8
|
-
*/
|
|
9
|
-
export default interface TreeLayoutType extends TreeType {
|
|
10
|
-
|
|
11
|
-
/**
|
|
12
|
-
* 设置布局的行为
|
|
13
|
-
* @param option 布局选项
|
|
14
|
-
* @returns 返回当前实例,支持链式调用
|
|
15
|
-
*/
|
|
16
|
-
setOption(option: TreeOptionType): this
|
|
17
|
-
|
|
18
|
-
/**
|
|
19
|
-
* 计算树图坐标
|
|
20
|
-
* @param initTree 原始树数据
|
|
21
|
-
* @param noOpens 可选,节点初始是否闭合控制
|
|
22
|
-
* @returns 返回计算后的树结构数据
|
|
23
|
-
*/
|
|
24
|
-
use(initTree: any, noOpens?: {
|
|
25
|
-
[id: string]: boolean
|
|
26
|
-
}): TreeResultType
|
|
27
|
-
|
|
28
|
-
/**
|
|
29
|
-
* 绑定数据和渲染方法
|
|
30
|
-
* @param initTree 原始树数据
|
|
31
|
-
* @param renderBack 渲染回调函数
|
|
32
|
-
* @param noOpens 可选,节点初始是否闭合控制
|
|
33
|
-
* @returns 返回当前实例,支持链式调用
|
|
34
|
-
*/
|
|
35
|
-
bind(initTree: any, renderBack: (tree: TreeResultType) => void, noOpens?: {
|
|
36
|
-
[id: string]: boolean
|
|
37
|
-
}): this
|
|
38
|
-
|
|
39
|
-
/**
|
|
40
|
-
* 解除数据绑定
|
|
41
|
-
* @returns 返回当前实例,支持链式调用
|
|
42
|
-
*/
|
|
43
|
-
unbind(): this
|
|
44
|
-
|
|
45
|
-
/**
|
|
46
|
-
* 闭合指定节点
|
|
47
|
-
* @param id 节点ID
|
|
48
|
-
* @returns 返回当前实例,支持链式调用
|
|
49
|
-
*/
|
|
50
|
-
closeNode(id: string): this
|
|
51
|
-
|
|
52
|
-
/**
|
|
53
|
-
* 展开指定节点
|
|
54
|
-
* @param id 节点ID
|
|
55
|
-
* @returns 返回当前实例,支持链式调用
|
|
56
|
-
*/
|
|
57
|
-
openNode(id: string): this
|
|
58
|
-
|
|
59
|
-
/**
|
|
60
|
-
* 切换指定节点的展开/闭合状态
|
|
61
|
-
* @param id 节点ID
|
|
62
|
-
* @returns 返回当前实例,支持链式调用
|
|
63
|
-
*/
|
|
64
|
-
toggleNode(id: string): this
|
|
65
|
-
|
|
66
|
-
/**
|
|
67
|
-
* 主动触发绘制更新
|
|
68
|
-
* @returns 返回当前实例,支持链式调用
|
|
69
|
-
*/
|
|
70
|
-
doUpdate(): this
|
|
71
|
-
|
|
1
|
+
import TreeType from "./Tree"
|
|
2
|
+
import { TreeResultType } from "./Tree"
|
|
3
|
+
import TreeOptionType from './TreeOption'
|
|
4
|
+
|
|
5
|
+
/**
|
|
6
|
+
* 树布局类型定义
|
|
7
|
+
* 继承自TreeType,提供树形布局的计算和操作功能
|
|
8
|
+
*/
|
|
9
|
+
export default interface TreeLayoutType extends TreeType {
|
|
10
|
+
|
|
11
|
+
/**
|
|
12
|
+
* 设置布局的行为
|
|
13
|
+
* @param option 布局选项
|
|
14
|
+
* @returns 返回当前实例,支持链式调用
|
|
15
|
+
*/
|
|
16
|
+
setOption(option: TreeOptionType): this
|
|
17
|
+
|
|
18
|
+
/**
|
|
19
|
+
* 计算树图坐标
|
|
20
|
+
* @param initTree 原始树数据
|
|
21
|
+
* @param noOpens 可选,节点初始是否闭合控制
|
|
22
|
+
* @returns 返回计算后的树结构数据
|
|
23
|
+
*/
|
|
24
|
+
use(initTree: any, noOpens?: {
|
|
25
|
+
[id: string]: boolean
|
|
26
|
+
}): TreeResultType
|
|
27
|
+
|
|
28
|
+
/**
|
|
29
|
+
* 绑定数据和渲染方法
|
|
30
|
+
* @param initTree 原始树数据
|
|
31
|
+
* @param renderBack 渲染回调函数
|
|
32
|
+
* @param noOpens 可选,节点初始是否闭合控制
|
|
33
|
+
* @returns 返回当前实例,支持链式调用
|
|
34
|
+
*/
|
|
35
|
+
bind(initTree: any, renderBack: (tree: TreeResultType) => void, noOpens?: {
|
|
36
|
+
[id: string]: boolean
|
|
37
|
+
}): this
|
|
38
|
+
|
|
39
|
+
/**
|
|
40
|
+
* 解除数据绑定
|
|
41
|
+
* @returns 返回当前实例,支持链式调用
|
|
42
|
+
*/
|
|
43
|
+
unbind(): this
|
|
44
|
+
|
|
45
|
+
/**
|
|
46
|
+
* 闭合指定节点
|
|
47
|
+
* @param id 节点ID
|
|
48
|
+
* @returns 返回当前实例,支持链式调用
|
|
49
|
+
*/
|
|
50
|
+
closeNode(id: string): this
|
|
51
|
+
|
|
52
|
+
/**
|
|
53
|
+
* 展开指定节点
|
|
54
|
+
* @param id 节点ID
|
|
55
|
+
* @returns 返回当前实例,支持链式调用
|
|
56
|
+
*/
|
|
57
|
+
openNode(id: string): this
|
|
58
|
+
|
|
59
|
+
/**
|
|
60
|
+
* 切换指定节点的展开/闭合状态
|
|
61
|
+
* @param id 节点ID
|
|
62
|
+
* @returns 返回当前实例,支持链式调用
|
|
63
|
+
*/
|
|
64
|
+
toggleNode(id: string): this
|
|
65
|
+
|
|
66
|
+
/**
|
|
67
|
+
* 主动触发绘制更新
|
|
68
|
+
* @returns 返回当前实例,支持链式调用
|
|
69
|
+
*/
|
|
70
|
+
doUpdate(): this
|
|
71
|
+
|
|
72
72
|
}
|
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
|
}
|
package/types/animation.d.ts
CHANGED
|
@@ -1,27 +1,27 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* 动画回调函数类型定义
|
|
3
|
-
* @param deep 动画进度值,范围0-1
|
|
4
|
-
*/
|
|
5
|
-
interface animationFun {
|
|
6
|
-
(deep: number): void
|
|
7
|
-
}
|
|
8
|
-
|
|
9
|
-
/**
|
|
10
|
-
* 动画函数类型定义
|
|
11
|
-
* 用于创建平滑的动画效果
|
|
12
|
-
*/
|
|
13
|
-
interface animationType {
|
|
14
|
-
/**
|
|
15
|
-
* 执行动画
|
|
16
|
-
* @param doback 动画执行函数,接收一个0-1之间的进度值
|
|
17
|
-
* @param duration 动画持续时间(毫秒),可选,默认为500ms
|
|
18
|
-
* @param callback 动画完成后的回调函数,可选
|
|
19
|
-
* @returns 返回一个函数,调用该函数可提前结束动画
|
|
20
|
-
*/
|
|
21
|
-
(doback: animationFun, duration?: number, callback?: animationFun): Function
|
|
22
|
-
}
|
|
23
|
-
|
|
24
|
-
/**
|
|
25
|
-
* 轮询动画,返回一个函数,调用该函数,可以提前结束动画
|
|
26
|
-
*/
|
|
1
|
+
/**
|
|
2
|
+
* 动画回调函数类型定义
|
|
3
|
+
* @param deep 动画进度值,范围0-1
|
|
4
|
+
*/
|
|
5
|
+
interface animationFun {
|
|
6
|
+
(deep: number): void
|
|
7
|
+
}
|
|
8
|
+
|
|
9
|
+
/**
|
|
10
|
+
* 动画函数类型定义
|
|
11
|
+
* 用于创建平滑的动画效果
|
|
12
|
+
*/
|
|
13
|
+
interface animationType {
|
|
14
|
+
/**
|
|
15
|
+
* 执行动画
|
|
16
|
+
* @param doback 动画执行函数,接收一个0-1之间的进度值
|
|
17
|
+
* @param duration 动画持续时间(毫秒),可选,默认为500ms
|
|
18
|
+
* @param callback 动画完成后的回调函数,可选
|
|
19
|
+
* @returns 返回一个函数,调用该函数可提前结束动画
|
|
20
|
+
*/
|
|
21
|
+
(doback: animationFun, duration?: number, callback?: animationFun): Function
|
|
22
|
+
}
|
|
23
|
+
|
|
24
|
+
/**
|
|
25
|
+
* 轮询动画,返回一个函数,调用该函数,可以提前结束动画
|
|
26
|
+
*/
|
|
27
27
|
export default animationType
|
package/types/assemble.d.ts
CHANGED
|
@@ -1,15 +1,15 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* 步进生成器函数类型定义
|
|
3
|
-
* 用于生成步进序列数据
|
|
4
|
-
*/
|
|
5
|
-
export default interface assembleType {
|
|
6
|
-
/**
|
|
7
|
-
* 创建步进序列生成器
|
|
8
|
-
* @param begin 起始值
|
|
9
|
-
* @param end 结束值
|
|
10
|
-
* @param step 步长
|
|
11
|
-
* @param count 元素个数
|
|
12
|
-
* @returns 返回一个生成器函数,调用后返回数组
|
|
13
|
-
*/
|
|
14
|
-
(begin: number, end: number, step: number, count: number): () => Array<number>
|
|
1
|
+
/**
|
|
2
|
+
* 步进生成器函数类型定义
|
|
3
|
+
* 用于生成步进序列数据
|
|
4
|
+
*/
|
|
5
|
+
export default interface assembleType {
|
|
6
|
+
/**
|
|
7
|
+
* 创建步进序列生成器
|
|
8
|
+
* @param begin 起始值
|
|
9
|
+
* @param end 结束值
|
|
10
|
+
* @param step 步长
|
|
11
|
+
* @param count 元素个数
|
|
12
|
+
* @returns 返回一个生成器函数,调用后返回数组
|
|
13
|
+
*/
|
|
14
|
+
(begin: number, end: number, step: number, count: number): () => Array<number>
|
|
15
15
|
}
|