79 lines
2.3 KiB
Plaintext
79 lines
2.3 KiB
Plaintext
|
|
export type XTREEFLAT_LAYOUT = 'horizontal' | 'vertical'
|
|
|
|
export type XTREEFLAT_CONFIG = {
|
|
/** 不填写默认为1000 */
|
|
width?:number,
|
|
/** 不填写默认为1000 */
|
|
height?:number,
|
|
/** 不填写默认为透明,即不绘制背景 */
|
|
bgColor?:string,
|
|
nodeBgColor?:string,
|
|
/** 不填写默认为#333 */
|
|
fontColor?:string,
|
|
/** 不填写默认为14,如果子节点设置了以子节点为准 */
|
|
fontSize ?: number,
|
|
/** 统一连线颜色,不配置取节点的背景,如果节点背景也没设置取#333 */
|
|
lineColor?:string,
|
|
/** 连线宽 */
|
|
lineWidth?:number,
|
|
/** 画板对象,必填写 **/
|
|
canvas:CanvasContext,
|
|
/** 节点布局信息 **/
|
|
nodeInfo:NodeInfo,
|
|
/** 绘制文本时的内边跑 */
|
|
padding ?: number,
|
|
/** 绘制项目是连接线上下项目或者左右项目的间距 */
|
|
gutter ?: number,
|
|
/** 父级与子级之间的连续长度 */
|
|
parentLineGutter ?: number,
|
|
/** 点击有子节点的父级时,是否允许关闭和展开,默认关闭 */
|
|
enbleOpenChildren ?:boolean,
|
|
/** 节点圆角,默认为8 */
|
|
nodeRadius ?: number,
|
|
/** 布局方式:horizontal 水平(默认),vertical 垂直 */
|
|
layout?: XTREEFLAT_LAYOUT
|
|
}
|
|
|
|
|
|
export type XTREEFLAT_CHILDREN = {
|
|
/** 唯一标识,如果不填写内部自动填写 */
|
|
id : string | number,
|
|
/** 标题 */
|
|
title : string,
|
|
/** 文本颜色 */
|
|
fontColor : string,
|
|
/** 文本背景颜色 */
|
|
bgColor : string,
|
|
/** 绘制文本时的内边跑 */
|
|
padding : number,
|
|
/** 绘制项目是连接线上下项目或者左右项目的间距 */
|
|
gutter : number,
|
|
/** 父级与子级之间的连续长度 */
|
|
parentLineGutter : number,
|
|
/** 是否展开了子级 */
|
|
opened : boolean,
|
|
/** 是否禁用展开子级 */
|
|
disabled : boolean,
|
|
/** 当前项目是否选中 */
|
|
selected : boolean,
|
|
/** 绘制文本的字号大小 */
|
|
fontSize : number,
|
|
/** 子级数据,可以为空数组代表无子级不绘制下级 */
|
|
children : Array<XTREEFLAT_CHILDREN>,
|
|
lineColor : string
|
|
}
|
|
|
|
export type propsTypeAsSelef = {
|
|
/** 画板宽,总宽不要小于节点展开后的宽,可以尽量设置大点 */
|
|
canvasWidth:number,
|
|
/** 画板高,总高不要小于节点展开后的高,可以尽量设置大点 */
|
|
canvasHeight:number,
|
|
/** 组件宽 */
|
|
width:string,
|
|
/** 组件高,不能为auto */
|
|
height:string,
|
|
/** 动态数据 */
|
|
list:XTREEFLAT_NODES[],
|
|
opts:XTreeFlatOpts|null
|
|
} |