2023-05-11 18:20:22 +08:00
|
|
|
/* eslint-disable @typescript-eslint/no-explicit-any */
|
2023-05-06 16:28:04 +08:00
|
|
|
declare namespace GlobalMixins {
|
|
|
|
type JlCanvasType = import('./app').JlCanvas;
|
|
|
|
type CanvasProperties = import('./app').ICanvasProperties;
|
|
|
|
type GraphicApp = import('./app').GraphicApp;
|
|
|
|
type JlGraphicType = import('./core').JlGraphic;
|
|
|
|
type GraphicData = import('./core').GraphicData;
|
|
|
|
type GraphicState = import('./core').GraphicState;
|
|
|
|
type GraphicTransform = import('./core').GraphicTransform;
|
2023-05-11 18:20:22 +08:00
|
|
|
type GraphicTransformEvent = import('./plugins').GraphicTransformEvent;
|
|
|
|
type BoundsGraphic = import('./plugins').BoundsGraphic;
|
2023-05-06 16:28:04 +08:00
|
|
|
type IPointDataType = import('pixi.js').IPointData;
|
|
|
|
type PointType = import('pixi.js').Point;
|
2023-05-12 18:17:13 +08:00
|
|
|
type FederatedMouseEvent = import('pixi.js').FederatedMouseEvent;
|
2023-05-06 16:28:04 +08:00
|
|
|
type DisplayObjectType = import('pixi.js').DisplayObject;
|
|
|
|
type ContainerType = import('pixi.js').Container;
|
|
|
|
interface DisplayObjectEvents {
|
|
|
|
'enter-absorbable-area': [number | undefined, number | undefined];
|
|
|
|
'out-absorbable-area': [number | undefined, number | undefined];
|
2023-05-11 18:20:22 +08:00
|
|
|
dataupdate: [newVal: any, oldVal: any];
|
|
|
|
stateupdate: [newVal: any, oldVal: any];
|
2023-05-06 16:28:04 +08:00
|
|
|
repaint: [DisplayObjectType];
|
2023-05-11 18:20:22 +08:00
|
|
|
transformstart: [e: GraphicTransformEvent];
|
|
|
|
transforming: [e: GraphicTransformEvent];
|
|
|
|
transformend: [e: GraphicTransformEvent];
|
2023-05-12 18:17:13 +08:00
|
|
|
_rightclick: [e: FederatedMouseEvent];
|
|
|
|
_leftclick: [e: FederatedMouseEvent];
|
2023-05-06 16:28:04 +08:00
|
|
|
selected: [DisplayObjectType];
|
|
|
|
unselected: [DisplayObjectType];
|
|
|
|
childselected: [DisplayObjectType];
|
|
|
|
childunselected: [DisplayObjectType];
|
|
|
|
}
|
|
|
|
|
|
|
|
// eslint-disable-next-line @typescript-eslint/no-empty-interface
|
|
|
|
interface GraphicAppEvents {
|
2023-05-21 18:04:39 +08:00
|
|
|
// propertiesupdate: [selectedData: GraphicData | CanvasProperties | null];
|
2023-05-06 16:28:04 +08:00
|
|
|
}
|
|
|
|
|
|
|
|
interface DisplayObject {
|
|
|
|
_selectable: boolean;
|
|
|
|
_selected: boolean;
|
|
|
|
selectable: boolean; //是否可选中
|
|
|
|
selected: boolean; // 是否选中
|
|
|
|
_childEdit: boolean; // 子元素编辑模式
|
|
|
|
childEdit: boolean;
|
|
|
|
_transformSave: boolean; // 变换是否保存
|
|
|
|
transformSave: boolean; //
|
|
|
|
_assistantAppendMap: Map<string, DisplayObjectType> | null; // 辅助附加图形map
|
|
|
|
assistantAppendMap: Map<string, DisplayObjectType>;
|
|
|
|
_draggable: boolean; // 是否可拖拽
|
|
|
|
draggable: boolean;
|
2023-05-11 18:20:22 +08:00
|
|
|
_shiftStartPoint: PointType | null; // 位移起始坐标
|
|
|
|
shiftStartPoint: PointType | null;
|
|
|
|
_shiftLastPoint: PointType | null; // 位移上一个事件时坐标
|
|
|
|
shiftLastPoint: PointType | null;
|
2023-05-06 16:28:04 +08:00
|
|
|
_scalable: boolean; // 是否可缩放
|
|
|
|
scalable: boolean;
|
|
|
|
_keepAspectRatio: boolean; // 缩放是否保持纵横比,默认保持
|
|
|
|
keepAspectRatio: boolean;
|
|
|
|
_rotatable: boolean; // 是否可旋转
|
|
|
|
rotatable: boolean;
|
|
|
|
worldAngle: number; // 世界角度,(-180, 180]
|
|
|
|
getAllParentScaled(): PointType;
|
|
|
|
saveTransform(): GraphicTransform; // 保存变换
|
|
|
|
loadTransform(transform: GraphicTransform): void; // 加载变换
|
|
|
|
isChild(obj: DisplayObject): boolean; // 是否子元素
|
|
|
|
isParent(obj: DisplayObject): boolean; // 是否父元素
|
|
|
|
isAssistantAppend(): boolean; // 是否辅助附加图形
|
|
|
|
addAssistantAppend<D extends DisplayObjectType>(...appends: D[]): void;
|
|
|
|
removeAssistantAppend(...appends: DisplayObjectType[]): void;
|
|
|
|
removeAssistantAppendByName(...names: string[]): void;
|
|
|
|
removeAllAssistantAppend(): void;
|
|
|
|
getAssistantAppend<D extends DisplayObjectType>(
|
|
|
|
name: string
|
|
|
|
): D | undefined; // 获取辅助附加图形对象
|
|
|
|
isGraphic(): boolean; // 是否业务图形对象
|
|
|
|
getGraphic<G extends JlGraphicType>(): G | null; // 获取所属的图形对象
|
|
|
|
isGraphicChild(): boolean; // 是否图形子元素
|
|
|
|
onAddToCanvas(): void; // 添加到画布处理
|
|
|
|
onRemoveFromCanvas(): void; //从画布移除处理
|
|
|
|
isInCanvas(): boolean; // 是否添加到画布中
|
|
|
|
getCanvas(): JlCanvasType; // 获取所在画布
|
2023-05-11 18:20:22 +08:00
|
|
|
isCanvas(): boolean; // 是否画布对象
|
2023-05-06 16:28:04 +08:00
|
|
|
getViewport(): Viewport; // 获取视口
|
|
|
|
getGraphicApp(): GraphicApp; // 获取图形app
|
|
|
|
localToCanvasPoint(p: IPointData): PointType; // 图形本地坐标转为画布坐标
|
|
|
|
localToCanvasPoints(...points: IPointData[]): PointType[]; // 批量转换
|
|
|
|
canvasToLocalPoint(p: IPointData): PointType; // 画布坐标转为图形本地坐标
|
|
|
|
canvasToLocalPoints(...points: IPointData[]): PointType[]; // 批量转换
|
|
|
|
|
|
|
|
localToScreenPoint(p: IPointData): PointType; // 本地坐标转为屏幕坐标
|
|
|
|
localToScreenPoints(...points: IPointData[]): PointType[]; // 批量
|
|
|
|
screenToLocalPoint(p: IPointData): PointType; // 屏幕坐标转为本地坐标
|
|
|
|
screenToLocalPoints(...points: IPointData[]): PointType[]; // 批量
|
|
|
|
|
|
|
|
localBoundsToCanvasPoints(): PointType[]; // 本地包围框转为多边形点坐标
|
|
|
|
}
|
|
|
|
|
|
|
|
interface Graphics {
|
|
|
|
drawBezierCurve(
|
|
|
|
p1: IPointData,
|
|
|
|
p2: IPointData,
|
|
|
|
cp1: IPointData,
|
|
|
|
cp2: IPointData,
|
|
|
|
segmentsCount: number
|
|
|
|
): Graphics;
|
|
|
|
}
|
|
|
|
}
|