137 lines
3.1 KiB
TypeScript
137 lines
3.1 KiB
TypeScript
import { Element } from "./Model/modelData";
|
|
import { SourceElement } from "./sources";
|
|
|
|
|
|
export interface Style {
|
|
fill: string; // 填充颜色
|
|
text: string; // 图形文本
|
|
textFill: string; // 文本颜色
|
|
fontSize: number; // 字体大小
|
|
fontWeight: number; // 字重
|
|
stroke: string; // 描边样式
|
|
opacity: number; // 透明度
|
|
lineWidth: number; // 线宽
|
|
matrix: number[]; // 变换矩阵
|
|
};
|
|
|
|
|
|
export interface ElementLabelOption {
|
|
position: string;
|
|
offset: number;
|
|
style: Style;
|
|
};
|
|
|
|
|
|
export interface ElementIndexOption extends ElementLabelOption {
|
|
position: 'top' | 'right' | 'bottom' | 'left';
|
|
value: string;
|
|
style: Style;
|
|
}
|
|
|
|
|
|
export interface LinkLabelOption {
|
|
refX: number;
|
|
refY: number;
|
|
position: string;
|
|
autoRotate: boolean;
|
|
style: Style;
|
|
};
|
|
|
|
|
|
|
|
export interface ElementOption {
|
|
type: string;
|
|
size: number | [number, number];
|
|
rotation: number;
|
|
anchorPoints: [number, number];
|
|
label: string | string[];
|
|
labelOptions: ElementLabelOption;
|
|
indexOptions: ElementIndexOption;
|
|
style: Style;
|
|
}
|
|
|
|
|
|
export interface LinkOption {
|
|
type: string;
|
|
sourceAnchor: number | ((index: number) => number);
|
|
targetAnchor: number | ((index: number) => number);
|
|
label: string;
|
|
curveOffset: number;
|
|
labelOptions: LinkLabelOption;
|
|
style: Style;
|
|
}
|
|
|
|
|
|
export interface MarkerOption extends ElementOption {
|
|
type: 'pointer' | 'cursor' | 'clen-queue-pointer';
|
|
anchor: number;
|
|
offset: number;
|
|
labelOffset: number;
|
|
};
|
|
|
|
|
|
|
|
export interface LayoutOptions {
|
|
[key: string]: any;
|
|
};
|
|
|
|
|
|
export interface BehaviorOptions {
|
|
dragNode: boolean | string[];
|
|
selectNode: boolean | string[];
|
|
};
|
|
|
|
|
|
export interface LayoutGroupOptions {
|
|
element: { [key: string]: ElementOption };
|
|
link?: { [key: string]: LinkOption }
|
|
marker?: { [key: string]: MarkerOption }
|
|
layout?: LayoutOptions;
|
|
behavior?: BehaviorOptions;
|
|
};
|
|
|
|
|
|
/**
|
|
* ---------------------------------------------------------------------------------------------------------------------------------------------
|
|
* -------------------------------------------------------------------------------------------------------------------------------------------
|
|
* ------------------------------------------------------------------------------------------------------------------------
|
|
*/
|
|
|
|
export interface ViewOptions {
|
|
fitCenter: boolean;
|
|
fitView: boolean;
|
|
groupPadding: number;
|
|
}
|
|
|
|
|
|
export interface AnimationOptions {
|
|
enable: boolean;
|
|
duration: number;
|
|
timingFunction: string;
|
|
};
|
|
|
|
|
|
export interface InteractionOptions {
|
|
changeHighlight: string;
|
|
drag: boolean;
|
|
zoom: boolean;
|
|
}
|
|
|
|
export interface EngineOptions {
|
|
freedContainer?: HTMLElement;
|
|
leakContainer?: HTMLElement;
|
|
view?: ViewOptions;
|
|
animation?: AnimationOptions;
|
|
interaction?: InteractionOptions;
|
|
};
|
|
|
|
|
|
export interface Layouter {
|
|
defineOptions(): LayoutGroupOptions;
|
|
sourcesPreprocess?(sources: SourceElement[], options: LayoutGroupOptions): SourceElement[];
|
|
defineLeakRule?(elements: Element[]): Element[];
|
|
layout(elements: Element[], layoutOptions: LayoutOptions);
|
|
[key: string]: any;
|
|
}
|
|
|