import { MutableRefObject } from 'react';
import { TyFlowAttrServer } from './src/config';
import { TyFlowIconServer } from './src/icon';
import * as d3 from 'd3';
export type TyAttrType = {
    [key: string]: any;
};
export type iconMapType = {
    [key: string]: string;
};
export type TyCustomeField<T> = {
    level: number;
    name?: string;
    children?: TyCustomeField<T>[];
    parents?: TyCustomeField<T>[];
    y: number;
    x: number;
    nodeKey: string;
    parentNodeKey: string | null;
    nodeType: TyNodeType;
    active?: boolean;
    otherChildren?: TyCustomeField<T>[];
    initOthersInfo?: TyCustomeField<T>[];
    isCurrent?: boolean;
    _children?: TyCustomeField<T>[];
    [key: string]: any;
} & T;
export type D3SvgInstType = d3.Selection<SVGGElement, unknown, null, undefined>;
export type D3SvgNodeType<T = any> = d3.HierarchyPointNode<TyCustomeField<T>>;
export type D3SvgLineType<T = any> = d3.HierarchyPointLink<TyCustomeField<T>>;
export type D3SvgLineGroupType = d3.Selection<SVGPathElement, D3SvgLineType, SVGGElement, unknown>;
export type D3SvgNodeGroupType = d3.Selection<SVGGElement, D3SvgNodeType, SVGGElement, unknown>;
export type TYFoldInfoType<T> = {
    show: boolean;
    data: TyCustomeField<T>[];
    record: TyCustomeField<T> | null;
    position: [number, number];
};
export type TYPopoverInfoType = {
    show: boolean;
    isRootNode: boolean;
    rootPositionY: number;
    position: [number, number];
};
export type TYTooltipInfoType<T> = {
    show: boolean;
    position: [number, number];
    row: TyCustomeField<T> | null;
};
export type TyOperatePopverOptions = {
    label: string;
    click?: (d: D3SvgNodeType) => void;
    type?: string;
    disable?: boolean;
    isShow?: boolean;
};
export type TyOperatePopverType<T> = {
    show?: boolean;
    left?: number;
    top?: number;
    title?: string;
    selectNode?: D3SvgNodeType<T> | null;
    options?: TyOperatePopverOptions[] | ((data: D3SvgNodeType<T>) => TyOperatePopverOptions[]);
    attrs?: TyFlowAttrType;
};
export type TyChildField = 'parents' | 'children';
export type TyNodeType = 'left' | 'root' | 'right';
export type TyEdgeTextType<T> = {
    text: string | ((d: D3SvgLineType<T>) => string);
    dx?: number | ((d: D3SvgLineType<T>) => number);
    visibility?: ('visible' | 'hidden') | ((d: D3SvgLineType<T>) => 'visible' | 'hidden');
};
export type TyCusomeEdgeTextCfg<T> = {
    top?: TyEdgeTextType<T>;
    bottom?: TyEdgeTextType<T>;
};
export type TyCusomeNodeCfg<T> = {
    dashedRule?: {
        visible: boolean | ((d: D3SvgNodeType<T>) => boolean);
        render?: (nodeGroup: D3SvgNodeGroupType, flowInstDs: TyFlowInstDsType<T>) => void;
    };
    popupRule?: {
        visible: boolean | ((d: D3SvgNodeType<T>) => boolean);
        render?: (popupWrap: D3SvgNodeGroupType, flowInstDs: TyFlowInstDsType<T>) => void;
        leftLabel?: (string | number) | ((d: D3SvgNodeType<T>) => string | number);
        leftValue?: (string | number) | ((d: D3SvgNodeType<T>) => string | number);
        leftRectRender?: (popupLeft: D3SvgNodeGroupType, flowInstDs: TyFlowInstDsType<T>) => void;
        rightLabel?: (string | number) | ((d: D3SvgNodeType<T>) => string | number);
        rightValue?: (string | number) | ((d: D3SvgNodeType<T>) => string | number);
        rightRectRender?: (popupRight: D3SvgNodeGroupType, flowInstDs: TyFlowInstDsType<T>) => void;
    };
    nodeInnerRule?: {
        visible: boolean;
        render?: (nodeGroup: D3SvgNodeGroupType, flowInstDs: TyFlowInstDsType<T>) => void;
    };
    iconRenderRule?: (d: D3SvgNodeType<T>) => 'img' | 'svg';
};
type GetStateAction<S> = () => S;
export type TyFlowInstDsType<T = any> = {
    $d3: any;
    props: TYFlowProps<T>;
    attrs: TyFlowAttrInitType;
    getSelectionByCurrent: (selectors: string) => d3.Selection<d3.BaseType, unknown, null, unknown>;
    getSelectionAllByCurrent: (selectors: string) => d3.Selection<d3.BaseType, unknown, null, unknown>;
    getAttrServer: () => TyFlowAttrServer;
    getIconServer: () => TyFlowIconServer;
    getSvgInstRef: () => undefined | D3SvgInstType;
    getLinks: GetStateAction<D3SvgLineType<T>[]>;
    getNodes: GetStateAction<D3SvgNodeType<T>[]>;
    getSelectNode: GetStateAction<D3SvgNodeType<T> | null>;
    setTooltipInfo: React.Dispatch<React.SetStateAction<TYTooltipInfoType<T>>>;
    refresh: () => void;
};
export interface TYFlowProps<T> {
    treeSourceData: T | null;
    flowRef?: MutableRefObject<TyFlowInstDsType | undefined>;
    rootIsCenter?: boolean;
    foldNameRule?: (string | number) | ((otherChildren: TyCustomeField<T>[]) => string | number);
    popoverCfg?: TyOperatePopverType<T>;
    style?: React.CSSProperties;
    loading?: boolean;
    nodeSortRule?: ((a: T, b: T) => number) | null;
    edgeTextCfg?: TyCusomeEdgeTextCfg<T>;
    nodeCfg?: TyCusomeNodeCfg<T>;
    attrCfg?: TyFlowAttrType;
    onNodeClick?: (d: D3SvgNodeType<T>) => void;
    onNodeBlur?: (d: D3SvgNodeType<T>) => void;
    iconMapCfg?: iconMapType;
    [key: string]: any;
}
export type TyRewordTreeArg<T> = {
    rootTree: TyCustomeField<T>;
    canvasWidth: number;
    canvasHeight: number;
    getFlowInstDs: () => TyFlowInstDsType<T>;
};
export type TyFoldChildReworkArg<T> = {
    nodeData: TyCustomeField<T>;
    canvasWidth: number;
    canvasHeight: number;
    getFlowInstDs: () => TyFlowInstDsType<T>;
};
export type TyRewordTreeRes<T> = {
    reworkTreeData: TyCustomeField<T>;
    svgWidth: number;
    svgHieght: number;
    maxRow: number;
};
export type TyFlowAttrType = {
    margin?: {
        left?: number;
        top?: number;
    };
    showSizeMin?: number;
    rowGap?: number;
    dasharrayWidth?: number;
    dashColor?: string;
    dashOffsetX?: number;
    dashOffsetY?: number;
    nodeWidth?: number;
    nodeHeight?: number;
    iconBoxR?: number;
    nodeChildWidth?: number;
    nodeChildHeight?: number;
    iconChildBoxR?: number;
    iconBoxMaginLeft?: number;
    edgeWidth?: number;
    edgeStrokeWidth?: number;
    actionWidth?: number;
    dropIconWidth?: number;
    dropIconHeight?: number;
    moreWidth?: number;
    moreHeight?: number;
    iconWidth?: number;
    iconHeight?: number;
    innerTextMarignLeft?: number;
    innerTextFontSize?: number;
    innerTextFontSizeSm?: number;
    popupInnerRectX?: number;
    popupInnerRectY?: number;
    popupChildInnerRectY?: number;
    popupInnerRectGap?: number;
    popupTextFontSize?: number;
    popupTextMarignLeft?: number;
    popupTextFontSizeSm?: number;
    nodeInitBgColor?: string;
    nodePassBgColor?: string;
    nodeActiveBgColor?: string;
    popupBgColor?: string;
    actionBoxInitBgColor?: string;
    actionBoxPassBgColor?: string;
    actionBoxActiveBgColor?: string;
    iconBoxInitBgColor?: string;
    iconBoxPassBgColor?: string;
    iconBoxActiveBgColor?: string;
    iconBoxInitStrokeColor?: string;
    iconBoxPassStrokeColor?: string;
    iconBoxActiveStrokeColor?: string;
    iconInitBgColor?: string;
    iconPassBgColor?: string;
    iconActiveBgColor?: string;
    edgeInitColor?: string;
    edgeActiveColor?: string;
    edgeTextColor?: string;
    metricBoxBgColor?: string;
    color100?: string;
    color85?: string;
    color65?: string;
    color45?: string;
    color25?: string;
    color15?: string;
    color333?: string;
    colorFFF?: string;
    colorCritical?: string;
    colorhigh?: string;
    fontSize10?: number;
    fontSize12?: number;
    fontSize14?: number;
    problemNodeColor?: string;
    problemNodeActiveColor?: string;
    progressW?: number;
    [key: string]: any;
};
export type TyFlowAttrInitType = {
    margin: {
        left: number;
        top: number;
    };
    showSizeMin: number;
    rowGap: number;
    dasharrayWidth: number;
    dashColor: string;
    dashOffsetX: number;
    dashOffsetY: number;
    nodeWidth: number;
    nodeHeight: number;
    iconBoxR: number;
    nodeChildWidth: number;
    nodeChildHeight: number;
    iconChildBoxR: number;
    iconBoxMaginLeft: number;
    edgeWidth: number;
    edgeStrokeWidth: number;
    actionWidth: number;
    dropIconWidth: number;
    dropIconHeight: number;
    moreWidth: number;
    moreHeight: number;
    iconWidth: number;
    iconHeight: number;
    innerTextMarignLeft: number;
    innerTextFontSize: number;
    innerTextFontSizeSm: number;
    popupInnerRectX: number;
    popupInnerRectY: number;
    popupChildInnerRectY: number;
    popupInnerRectGap: number;
    popupTextFontSize: number;
    popupTextMarignLeft: number;
    popupTextFontSizeSm: number;
    nodeInitBgColor: string;
    nodePassBgColor: string;
    nodeActiveBgColor: string;
    popupBgColor: string;
    actionBoxInitBgColor: string;
    actionBoxPassBgColor: string;
    actionBoxActiveBgColor: string;
    iconBoxInitBgColor: string;
    iconBoxPassBgColor: string;
    iconBoxActiveBgColor: string;
    iconBoxInitStrokeColor: string;
    iconBoxPassStrokeColor: string;
    iconBoxActiveStrokeColor: string;
    iconInitBgColor: string;
    iconPassBgColor: string;
    iconActiveBgColor: string;
    edgeInitColor: string;
    edgeActiveColor: string;
    edgeTextColor: string;
    metricBoxBgColor: string;
    color100: string;
    color85: string;
    color65: string;
    color45: string;
    color25: string;
    color15: string;
    color333: string;
    colorFFF: string;
    colorCritical: string;
    colorhigh: string;
    fontSize10: number;
    fontSize12: number;
    fontSize14: number;
    problemNodeColor: string;
    problemNodeActiveColor: string;
    progressW: number;
};
export {};