@rdkmaster/jigsaw-labs/component/fish-bone/fish-bone.d.ts

Jigsaw, the next generation component set for RDK

import { QueryList, AfterViewInit, Renderer2, ElementRef, EventEmitter, OnDestroy, OnInit, NgZone } from "@angular/core";
import { AbstractJigsawComponent } from "../common";
import { TreeData } from "../../core/data/tree-data";
/**
 * 标准鱼骨图组件，鱼骨图常常用于对问题的根因做分析，或者做目标分解
 *
 * $demo = fish-bone/full
 */
export declare class JigsawFishBone extends AbstractJigsawComponent implements AfterViewInit, OnDestroy, OnInit {
    private _renderer;
    private _elementRef;
    private _zone;
    constructor(_renderer: Renderer2, _elementRef: ElementRef, _zone: NgZone);
    private _dataCallbackRemoval;
    private _data;
    /**
     * 图形数据，是一个树状结构的数据，对于鱼骨图展示目标不同，对树状结构的各分支页有不同的理解，分别为：
     * - 鱼骨图用于做根因分析时：
     *     - 树根代表着根因；
     *     - 树的各支代表着各个主要原因及其次要原因
     * - 鱼骨图用于做目标分解时
     *     - 树根代表着目标；
     *     - 树的各支代表着为各个达成目标而必须完成的主要及次要任务；
     *
     * $demo = fish-bone/full
     */
    data: TreeData;
    /**
     * 鱼骨图鱼头的朝向，默认是朝左。
     *
     * $demo = fish-bone/full
     */
    direction: 'left' | 'right';
    /**
     * 鱼骨图的整体色调，默认是白色调
     *
     * $demo = fish-bone/full
     */
    theme: 'white' | 'dark';
    private _firstLevelBones;
    private _allFishBones;
    /**
     *
     * 按照子到父的顺序存储节点
     * */
    private _cacheFishBoneItems(fishBoneItems);
    /**
     *
     * 按照子到父的顺序设置节点的偏移量和宽度
     * 节点的偏移前一个同级节点的 left + rangeHeight
     * 父节点的宽度依赖最后一个子节点的 left + rangHeight
     *
     * */
    private _setAllBoneAttribute();
    /**
     *
     * 计算最外层的父节点的偏移
     */
    private _setFirstLevelBoneOffset(fishBoneMainChildren);
    private _getMaxRangeHeight(cb);
    private _setRangeHeight();
    private _setRangeWidth();
    private _removeWindowListener;
    ngAfterViewInit(): void;
    ngOnDestroy(): void;
}
/**
 * @internal
 */
export declare class JigsawFishBoneItem extends AbstractJigsawComponent implements AfterViewInit {
    private _renderer;
    itemEl: HTMLElement;
    private _itemContent;
    private _itemDescription;
    constructor(_renderer: Renderer2, elementRef: ElementRef);
    data: TreeData;
    childRotate: string;
    childBones: QueryList<JigsawFishBoneItem>;
    parentBone: JigsawFishBoneItem;
    level: number;
    index: number;
    firstLevelRotate: string;
    rangeHeight: number;
    private _left;
    left: number;
    /**
     * @internal
     */
    _$state: any;
    /**
     * 获取最大范围高度
     * 比较各子节点伸展高度
     * 伸展高度：子节点有子节点，并且最后一个子节点的rangeHeight不等于0，取其最后一个子节点的rangeHeight + left；
     *          其他取子节点自身的宽度
     * */
    private _setRangeHeight();
    /**
     * 计算偏移并设置样式
     * @private
     */
    private _setOffset();
    /**
     * 计算偏移的通用方法
     * @param fishBoneItem
     */
    calculateOffsetLeft(fishBoneItem: any): void;
    /**
     * 计算宽度并设置样式
     * @private
     */
    private _setWidth();
    /**
     * 设置范围高度
     * 设置偏移
     * 设置宽度
     */
    setBoneAttribute(): void;
    rectifyEvent: EventEmitter<{}>;
    ngOnInit(): void;
    ngAfterViewInit(): void;
}
export declare class JigsawFishBoneModule {
}