0a5f6a8047
- Go backend (server/)
- Frontend (web/, server/static/)
- Database and deployment files
- Scripts and docs
Co-Authored-By: 狸花猫/Claude-Qwen3.6-Plus 🐾
106 lines
3.2 KiB
TypeScript
106 lines
3.2 KiB
TypeScript
import { ShapeStyle } from '@antv/g6-core';
|
||
import Base from '../base';
|
||
interface AnnotationConfig {
|
||
trigger?: 'click' | 'fix';
|
||
containerCfg?: {
|
||
position?: 'left' | 'right' | 'top' | 'bottom';
|
||
className?: string;
|
||
width?: number;
|
||
height?: number;
|
||
offsetX?: number;
|
||
offsetY?: number;
|
||
};
|
||
editable?: boolean;
|
||
itemHighlightState?: string;
|
||
defaultData?: CardCfg[];
|
||
cardCfg?: CardCfg;
|
||
linkStyle?: ShapeStyle;
|
||
linkHighlightStyle?: ShapeStyle;
|
||
getTitle?: (item: any) => string | HTMLDivElement;
|
||
getContent?: (item: any) => string | HTMLDivElement;
|
||
getTitlePlaceholder?: (item: any) => string | HTMLDivElement;
|
||
getContentPlaceholder?: (item: any) => string | HTMLDivElement;
|
||
onAnnotationChange?: (info: any, action: string) => void;
|
||
}
|
||
interface CardCfg {
|
||
id?: string;
|
||
width?: number | 'fit-content';
|
||
height?: number | 'fit-content';
|
||
minHeight?: number | string;
|
||
minWidth?: number | string;
|
||
collapsed?: boolean;
|
||
x?: number;
|
||
y?: number;
|
||
title?: string;
|
||
content?: string;
|
||
borderRadius?: number;
|
||
maxTitleLength?: number;
|
||
maxWidth?: number;
|
||
collapseType?: 'minimize' | 'hide';
|
||
closeType?: 'hide' | 'remove';
|
||
defaultBegin?: {
|
||
left?: number;
|
||
top?: number;
|
||
right?: number;
|
||
bottom?: number;
|
||
};
|
||
onMouseEnterIcon?: (evt: any, id: string, type: 'expand' | 'collapse' | 'close') => void;
|
||
onMouseLeaveIcon?: (evt: any, id: string, type: 'expand' | 'collapse' | 'close') => void;
|
||
onClickIcon?: (evt: any, id: string, type: 'expand' | 'collapse' | 'close') => void;
|
||
}
|
||
export default class Annotation extends Base {
|
||
constructor(config?: AnnotationConfig);
|
||
getDefaultCfgs(): AnnotationConfig;
|
||
getEvents(): {
|
||
[eventName: string]: string;
|
||
};
|
||
private getDOMContent;
|
||
init(): void;
|
||
private createContainer;
|
||
private resizeCanvas;
|
||
/**
|
||
* 更新超出视口范围的卡片位置
|
||
* @param selfObj 当前 annotation 插件对象。外部调用不需要传入该参数
|
||
*/
|
||
updateOutsideCards(selfObj: any): void;
|
||
showAnnotation(evt: any): void;
|
||
hideCards(): void;
|
||
toggleAnnotation(item: any, cfg?: CardCfg): void;
|
||
updateCardPositionsInConatainer(): void;
|
||
handleExpandCollapseCard(id: any): void;
|
||
/**
|
||
* 隐藏标注卡片，下次打开还保留隐藏前的配置，包括文本内容、位置等
|
||
* @param id 卡片 id，即元素(节点/边)的 id
|
||
* @returns
|
||
*/
|
||
hideCard(id: any): void;
|
||
/**
|
||
* 移除标注卡片，下一次生成时将被初始化
|
||
* @param id 卡片 id，即元素(节点/边)的 id
|
||
* @returns
|
||
*/
|
||
removeCard(id: any): void;
|
||
private bindListener;
|
||
updateCardSize(id: any): void;
|
||
updateLink({ item }: {
|
||
item: any;
|
||
}): void;
|
||
updateLinks(): void;
|
||
onGraphDataChange(): void;
|
||
onGraphItemVisibilityChange({ item, visible }: {
|
||
item: any;
|
||
visible: any;
|
||
}): void;
|
||
saveData(saveClosed?: boolean): any[];
|
||
readData(data: any): void;
|
||
/**
|
||
* Clear the cards and links
|
||
*/
|
||
clear(): void;
|
||
/**
|
||
* Destroy the component
|
||
*/
|
||
destroy(): void;
|
||
}
|
||
export {};
|