Extend

<Graphin/> 组件 props.extend 配置。用于配置 Graphin 布局/NodeShape/Marker 的扩展。

属性类型是否必选说明
layout(graphin: Graphin, prevProps: GraphinProps) => ExtendLayout[ ]否自定义布局
nodeShape(node: Node) => ExtendNodeShape[ ]否自定义节点
marker( ) => ExtendMarker[ ]否自定义图标
icon( ) => ExtendIcon[ ]否自定义图标（iconfont 形式）

ExtendLayout

自定义布局配置

属性类型是否必选说明
namestring是布局名称，唯一标识符
descstring是布局展示名称
iconstring是antd icon 类型
layout(data: Data, options: LayoutOption) => { data: Data; forceSimulation?: ForceSimulation;}是布局函数，用于计算布局。接受节点，返回带有位置的节点

ExendNodeShape

自定义 NodeShape 配置

属性类型是否必选说明
shapestring是自定义的 NodeShape 名称，唯一标识符
shapeComponentsShapeComponent[ ]是构成 Shape 的组件列表
stateStateMap否不同 behavior 状态和 ShapeComponent 的属性构成的映射

ShapeComponent

属性类型是否必选说明
shapestring是G6 内置的 NodeShape 名称
attrsAttrs是G6 Shape 属性

StateMap

不同 behavior 状态和 ShapeComponent 的属性构成的映射

属性类型是否必选说明
selected{ [id: string]: { [attr: string]: any; }; };否选中状态下的 Shape 属性
highlight.dark{ [id: string]: { [attr: string]: any; }; };否高亮状态下的 Shape 属性
[key:string]{ [id: string]: { [attr: string]: any; }; };否自定义 behavior 状态下的 Shape 属性

ExtendIcon

自定义 Icon 配置

属性类型是否必选说明
fontFamilystring是字体名称
map{ name: string; unicode_decimal: number; }[ ]是iconfont 上 icon 的 name 和 unicode decimal 的映射集合