vislite 0.4.1-alpha.2 → 0.4.1-beta.0

package/types/Tree.d.ts

@@ -0,0 +1,38 @@
+export interface TreeResultType {
+
+    /**
+     * 树的层数
+     */
+    deep: number
+
+    node: {
+        [id: string]: {
+            children: Array<string>
+            data: any
+            id: string
+            pid: string
+            left: number
+            top: number,
+            isOpen: boolean,
+            show: boolean
+        }
+    }
+
+    /**
+     * 根结点id
+     */
+    root: string
+
+    /**
+     * 树的宽数
+     */
+    size: number
+}
+
+export default interface TreeType {
+
+    /**
+     * 求解单一值
+     */
+    use(initTree: any): TreeResultType
+}

package/types/TreeConfig.d.ts

@@ -0,0 +1,25 @@
+export default interface TreeConfigType {
+
+    /**
+     * 获取根结点的方法
+     * @param initTree 原始数据
+     * @returns 返回根结点
+     */
+    root?: (initTree: any) => any
+
+    /**
+     * 获取子结点的方法
+     * @param parentTree 父结点
+     * @param initTree 原始数据
+     * @returns 返回当前父结点的所有子结点数组
+     */
+    children?: (parentTree: any, initTree: any) => any[]
+
+    /**
+     * 获取结点ID方法
+     * @param treedata 当前结点
+     * @returns 返回可以唯一标识当前结点的id
+     */
+    id?: (treedata: any) => string
+
+}

package/types/TreeLayout.d.ts

@@ -0,0 +1,49 @@
+import TreeType from "./Tree"
+import { TreeResultType } from "./Tree"
+import TreeOptionType from './TreeOption'
+
+export default interface TreeLayoutType extends TreeType {
+
+    /**
+     * 设置布局的行为
+     * @param option
+     */
+    setOption(option: TreeOptionType): this
+
+    /**
+     * 单纯的树图坐标计算
+     * @param initTree 原始数据
+     */
+    use(initTree: any, noOpens?: {}): TreeResultType
+
+    /**
+     * 绑定新的数据和渲染方法
+     * @param initTree 原始数据
+     * @param renderBack 渲染方法
+     */
+    bind(initTree: any, renderBack: (tree: TreeResultType) => void): this
+
+    /**
+     * 解除绑定
+     */
+    unbind(): this
+
+    /**
+     * 闭合指定节点
+     * @param id
+     */
+    closeNode(id: string): this
+
+    /**
+     * 展开指定节点
+     * @param id
+     */
+    openNode(id: string): this
+
+    /**
+     * 闭合或展开指定节点
+     * @param id
+     */
+    toggleNode(id: string): this
+
+}

package/types/TreeOption.d.ts

@@ -0,0 +1,46 @@
+export default interface TreeOptionType {
+
+    offsetX?: number
+    offsetY?: number
+
+    /**
+     * 树图类型
+     */
+    type?: string
+
+    /**
+     * 设置成矩形树图（rect）时有效，表示树图方向
+     */
+    direction?: string
+
+    /**
+     * 树图x坐标
+     */
+    x?: number
+
+    /**
+     * 树图y坐标
+     */
+    y?: number
+
+    /**
+     * 设置成矩形树图（rect）时有效，表示矩形宽
+     */
+    width?: number
+
+    /**
+     * 设置成矩形树图（rect）时有效，表示矩形高
+     */
+    height?: number
+
+    /**
+     * 设置成圆树图（circle）时有效，表示圆树的半径
+     */
+    radius?: number
+
+    /**
+     * 切换时长
+     */
+    duration?: number
+
+}

package/types/formatColor.d.ts

@@ -0,0 +1,3 @@
+export default interface formatColor {
+    (color: string, format: string): number[] | string
+}

package/types/index.d.ts

@@ -5,6 +5,7 @@ import Matrix4Type from './Matrix4'
 import rotateType from './rotate'
 
 import getLoopColorsType from './getLoopColors'
+import formatColorType from './formatColor'
 import animationType from './animation'
 import rulerType from './ruler'
 
@@ -23,6 +24,11 @@ import TextureType from './Texture'
 import MapType from './Map'
 
 import viewHandlerType from './viewHandler'
+import throttleType from './throttle'
+import resizeObserverType from './resizeObserver'
+
+import TreeLayoutType from './TreeLayout'
+import TreeConfigType from './TreeConfig'
 
 // 插值
 interface NewCardinalType extends CardinalType {
@@ -67,6 +73,11 @@ interface NewMercatorType extends MapType {
     new(scale?: number, center?: number[]): this
 }
 
+// 布局
+interface NewTreeLayoutType extends TreeLayoutType {
+    new(config?: TreeConfigType): this
+}
+
 export default class VISLite {
 
     // 插值
@@ -79,6 +90,7 @@ export default class VISLite {
 
     // 工具
     static getLoopColors: getLoopColorsType
+    static formatColor: formatColorType
     static animation: animationType
     static ruler: rulerType
 
@@ -99,6 +111,11 @@ export default class VISLite {
 
     // 辅助
     static viewHandler: viewHandlerType
+    static throttle: throttleType
+    static resizeObserver: resizeObserverType
+
+    // 布局
+    static TreeLayout: NewTreeLayoutType
 }
 
 // 插值
@@ -111,6 +128,7 @@ export let rotate: rotateType
 
 // 工具
 export let getLoopColors: getLoopColorsType
+export let formatColor: formatColorType
 export let animation: animationType
 export let ruler: rulerType
 
@@ -130,4 +148,9 @@ export let Eoap: NewEoapType
 export let Mercator: NewMercatorType
 
 // 辅助
-export let viewHandler: viewHandlerType
+export let viewHandler: viewHandlerType
+export let throttle: throttleType
+export let resizeObserver: resizeObserverType
+
+// 布局
+export let TreeLayout: NewTreeLayoutType

package/types/resizeObserver.d.ts

@@ -0,0 +1,3 @@
+export default interface resizeObserver {
+    (el: HTMLElement | null, callback: Function): Function
+}

package/types/throttle.d.ts

@@ -0,0 +1,5 @@
+import throttleOptionType from './throttleOption'
+
+export default interface throttle {
+    (callback: Function, option?: throttleOptionType): Function
+}

package/types/throttleOption.d.ts

@@ -0,0 +1,20 @@
+export default interface throttleOptionType {
+
+    /**
+     * 节流时长
+     */
+    time?: number
+
+    /**
+     * 是否持续节流
+     */
+    keep?: boolean
+
+    /**
+     * 执行时机
+     * 
+     * begin（开始触发）、end（结束触发）、wide（第一次开始触发，其余结束触发）
+     */
+    opportunity?: string
+
+}