@mx-sose-front/mx-sose-graph 1.1.2 → 1.1.4

package/dist/index.d.ts

@@ -42,6 +42,99 @@ declare interface CompartmentRecord {
     comparentShapes: Shape[];
 }
 
+export declare class ContextMenuUtils {
+    private static copiedShapes;
+    private static operationType;
+    /**
+     * 处理右键菜单点击事件
+     * @param event 鼠标事件
+     * @param layerRef 图层引用
+     * @param pickTarget 命中测试函数
+     * @param shapes 图元列表
+     * @param selectShape 选中图元函数
+     * @param isDragging 是否正在拖拽
+     * @param isResizing 是否正在缩放
+     * @returns 命中的图元（如果有）
+     */
+    static handleContextMenuClick(event: MouseEvent, layerRef: Ref<HTMLElement | null>, pickTarget: (shapes: any[], point: {
+        x: number;
+        y: number;
+    }) => {
+        kind: string;
+        shape?: any;
+    }, shapes: any[], selectShape?: (shape: any) => void, isDragging?: boolean, isResizing?: boolean, scale?: number): any | null;
+    /**
+     * 将鼠标事件坐标转换为本地坐标
+     * 注意：需要考虑画布的缩放比例
+     */
+    static toLocalPoint(event: MouseEvent, layerRef: HTMLElement | null, scale?: number): {
+        x: number;
+        y: number;
+    };
+    /**
+     * 检查点击是否在菜单外部
+     */
+    static isClickOutsideMenu(event: MouseEvent, menuSelector?: string): boolean;
+    /**
+     * 计算菜单位置（避免超出屏幕边界）
+     */
+    static calculateMenuPosition(x: number, y: number, menuWidth?: number, menuHeight?: number, safeMargin?: number): {
+        x: number;
+        y: number;
+    };
+    /**
+     * 处理删除操作
+     */
+    static handleDelete(target: any): void;
+    /**
+     * 处理属性配置  (暂时不用)
+     */
+    static handleShowPropertyPanel(target: any): void;
+    /**
+     * 处理树上高亮
+     */
+    static handleHighlight(target: any): void;
+    /**
+     * 处理所在图表
+     */
+    static handleLocateChart(target: any): void;
+    /**
+     * 设置复制的图元
+     */
+    static setCopiedShapes(shapes: any[]): void;
+    /**
+     * 获取复制的图元
+     */
+    static getCopiedShapes(): any[];
+    /**
+     * 清除剪切状态
+     * 当按 ESC 取消或其他需要清除剪切状态的场景调用
+     */
+    static clearCutState(): void;
+    /**
+     * 收集图元及其所有子图元的 ID
+     * @param shapes 要收集的图元数组
+     * @returns 所有图元 ID 的数组（包括子图元）
+     */
+    private static collectShapeAndChildrenIds;
+    /**
+     * 处理复制
+     */
+    static handleCopy(targets: any[]): void;
+    /**
+     * 处理粘贴
+     */
+    static handlePaste(target: any): void;
+    /**
+     * 处理剪切
+     */
+    static handleCut(targets: any[]): void;
+    /**
+     * 记录日志
+     */
+    static logSelectedShape(target: any): void;
+}
+
 declare class EventBus {
     private events;
     on(event: string, callback: Function): void;
@@ -76,6 +169,7 @@ referentialAttributeModel: string[];
 ports: string[];
 canOperate: boolean;
 chartLocationData?: locationChart[] | null | undefined;
+isTextareaDialogOpen: boolean;
 }>>, {
 getBoundingClientRect: () => DOMRect | undefined;
 updateShapes: (shapes: Shape[]) => void;
@@ -164,9 +258,11 @@ referentialAttributeModel: string[];
 ports: string[];
 canOperate: boolean;
 chartLocationData?: locationChart[] | null | undefined;
+isTextareaDialogOpen: boolean;
 }>>> & Readonly<{
 onDiagramDoubleClick?: ((data: any) => any) | undefined;
 "onScale-changed"?: ((scale: number) => any) | undefined;
+"onAction-button-click"?: ((value: string, shape: Shape) => any) | undefined;
 "onShapes-property"?: ((value: {
 selectedShape: Shape;
 showPropertyPanel: boolean;
@@ -222,7 +318,6 @@ width: number;
 height: number;
 };
 }) => any) | undefined;
-"onAction-button-click"?: ((value: string, shape: Shape) => any) | undefined;
 "onModel-type-property-id-button-click"?: ((value: string, shape: Shape) => any) | undefined;
 "onAction-button-add"?: ((shape: Shape) => any) | undefined;
 }>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
@@ -231,6 +326,7 @@ declare interface locationChart {
     modelCode: string;
     treeId: string;
     modelName: string;
+    modelIcon: string;
 }
 
 /**
@@ -305,6 +401,7 @@ export declare interface Shape {
     meta?: any;
     scenarioMenus?: scenarioMenu[];
     inert?: boolean | true;
+    isCut?: boolean;
     sourceModels?: string[];
     targetModels?: string[];
     modelTypePropertyId: string;
@@ -313,6 +410,8 @@ export declare interface Shape {
     isMovableComparents: boolean;
 }
 
+declare type ShapeOp = "add" | "update" | "delete" | "upsert" | "replace";
+
 export declare interface Style {
     fontSize?: number;
     fontFamily?: string;
@@ -506,6 +605,7 @@ targetCreateModel: string;
 targetModels: string[];
 }[] | undefined;
 inert?: boolean | undefined;
+isCut?: boolean | undefined;
 sourceModels?: string[] | undefined;
 targetModels?: string[] | undefined;
 modelTypePropertyId: string;
@@ -670,6 +770,7 @@ targetCreateModel: string;
 targetModels: string[];
 }[] | undefined;
 inert?: boolean | undefined;
+isCut?: boolean | undefined;
 sourceModels?: string[] | undefined;
 targetModels?: string[] | undefined;
 modelTypePropertyId: string;
@@ -836,6 +937,7 @@ targetCreateModel: string;
 targetModels: string[];
 }[] | undefined;
 inert?: boolean | undefined;
+isCut?: boolean | undefined;
 sourceModels?: string[] | undefined;
 targetModels?: string[] | undefined;
 modelTypePropertyId: string;
@@ -1000,6 +1102,7 @@ targetCreateModel: string;
 targetModels: string[];
 }[] | undefined;
 inert?: boolean | undefined;
+isCut?: boolean | undefined;
 sourceModels?: string[] | undefined;
 targetModels?: string[] | undefined;
 modelTypePropertyId: string;
@@ -1178,6 +1281,7 @@ targetCreateModel: string;
 targetModels: string[];
 }[] | undefined;
 inert?: boolean | undefined;
+isCut?: boolean | undefined;
 sourceModels?: string[] | undefined;
 targetModels?: string[] | undefined;
 modelTypePropertyId: string;
@@ -1342,6 +1446,7 @@ targetCreateModel: string;
 targetModels: string[];
 }[] | undefined;
 inert?: boolean | undefined;
+isCut?: boolean | undefined;
 sourceModels?: string[] | undefined;
 targetModels?: string[] | undefined;
 modelTypePropertyId: string;
@@ -1355,6 +1460,8 @@ hoverNestable: Ref<boolean | null, boolean | null>;
 currentDiagramId: Ref<string | null, string | null>;
 canDropOnCanvas: Ref<boolean, boolean>;
 canOperate: Ref<boolean, boolean>;
+cutShapeIds: Ref<Set<string> & Omit<Set<string>, keyof Set<any>>, Set<string> | (Set<string> & Omit<Set<string>, keyof Set<any>>)>;
+copiedShapesCount: Ref<number, number>;
 taggedValueLabels: Ref<string[], string[]>;
 packagesTypes: Ref<string[], string[]>;
 classMetaTypes: Ref<string[], string[]>;
@@ -1363,6 +1470,8 @@ pinsTypes: Ref<string[], string[]>;
 portsTypes: Ref<string[], string[]>;
 shapeCount: ComputedRef<number>;
 hasSelectedShape: ComputedRef<boolean>;
+parentChildMap: ComputedRef<Map<string, string[]>>;
+shapeMap: ComputedRef<Map<string, Shape>>;
 marqueeShapes: ComputedRef<Shape[]>;
 ghostShadow: ComputedRef<Shape[]>;
 scales: Ref<Record<string, number>, Record<string, number>>;
@@ -1370,12 +1479,16 @@ activeDiagramId: Ref<string | null, string | null>;
 currentScale: ComputedRef<number>;
 museInGraphView: Ref<boolean, boolean>;
 connectMode: Ref<string, string>;
-addShape: (shape: Shape) => void;
+addShape: (shape: Shape, options?: {
+autoExpandParent?: boolean;
+}) => void;
 removeShape: (shapeId: string) => void;
 updateShape: (shapeId: string, updates: Partial<Shape>, id?: 'id' | 'modelId') => void;
 selectShape: (shape: Shape | null) => void;
 setTitle: (title: string) => void;
-updateShapes: (newShapes: Shape[]) => void;
+updateShapes: (payload: Shape[] | Array<string | number>, op?: ShapeOp, options?: {
+autoExpandParents?: boolean;
+}) => void;
 clearAll: () => void;
 startDragShape: (shapeId: string, pointer: {
 x: number;
@@ -1388,6 +1501,11 @@ y: number;
 moveDraggedShape: (pointer: {
 x: number;
 y: number;
+}, options?: {
+hitPointer?: {
+x: number;
+y: number;
+};
 }) => Promise<void>;
 endDragShape: (source?: string) => Promise<void>;
 getShapes: () => {
@@ -1548,6 +1666,7 @@ targetCreateModel: string;
 targetModels: string[];
 }[] | undefined;
 inert?: boolean | undefined;
+isCut?: boolean | undefined;
 sourceModels?: string[] | undefined;
 targetModels?: string[] | undefined;
 modelTypePropertyId: string;
@@ -1574,7 +1693,10 @@ visibleShapes: ComputedRef<Shape[]>;
 externalCreatingId: Ref<string | null, string | null>;
 expandParentAndEmitSizeUpdateByChild: (child: Shape) => void;
 setIsMouseInGraphView: (isIn: boolean) => void;
-}, "taggedValueLabels" | "shapes" | "selectedShape" | "pendingNestedIds" | "diagramTitle" | "isDragging" | "draggingShapeId" | "dragOffset" | "diagrams" | "selectedIds" | "hoverContainerId" | "hoverNestable" | "currentDiagramId" | "canDropOnCanvas" | "canOperate" | "packagesTypes" | "classMetaTypes" | "ownerRequiredShapeKeys" | "pinsTypes" | "portsTypes" | "scales" | "activeDiagramId" | "museInGraphView" | "connectMode" | "externalCreatingId">, Pick<{
+setCutShapeIds: (ids: string[]) => void;
+clearCutShapeIds: () => void;
+setCopiedShapesCount: (count: number) => void;
+}, "taggedValueLabels" | "shapes" | "selectedShape" | "pendingNestedIds" | "diagramTitle" | "isDragging" | "draggingShapeId" | "dragOffset" | "diagrams" | "selectedIds" | "hoverContainerId" | "hoverNestable" | "currentDiagramId" | "canDropOnCanvas" | "canOperate" | "cutShapeIds" | "copiedShapesCount" | "packagesTypes" | "classMetaTypes" | "ownerRequiredShapeKeys" | "pinsTypes" | "portsTypes" | "scales" | "activeDiagramId" | "museInGraphView" | "connectMode" | "externalCreatingId">, Pick<{
 shapes: Ref<{
 id: string;
 diagramId: string;
@@ -1733,6 +1855,7 @@ targetCreateModel: string;
 targetModels: string[];
 }[] | undefined;
 inert?: boolean | undefined;
+isCut?: boolean | undefined;
 sourceModels?: string[] | undefined;
 targetModels?: string[] | undefined;
 modelTypePropertyId: string;
@@ -1897,6 +2020,7 @@ targetCreateModel: string;
 targetModels: string[];
 }[] | undefined;
 inert?: boolean | undefined;
+isCut?: boolean | undefined;
 sourceModels?: string[] | undefined;
 targetModels?: string[] | undefined;
 modelTypePropertyId: string;
@@ -2063,6 +2187,7 @@ targetCreateModel: string;
 targetModels: string[];
 }[] | undefined;
 inert?: boolean | undefined;
+isCut?: boolean | undefined;
 sourceModels?: string[] | undefined;
 targetModels?: string[] | undefined;
 modelTypePropertyId: string;
@@ -2227,6 +2352,7 @@ targetCreateModel: string;
 targetModels: string[];
 }[] | undefined;
 inert?: boolean | undefined;
+isCut?: boolean | undefined;
 sourceModels?: string[] | undefined;
 targetModels?: string[] | undefined;
 modelTypePropertyId: string;
@@ -2405,6 +2531,7 @@ targetCreateModel: string;
 targetModels: string[];
 }[] | undefined;
 inert?: boolean | undefined;
+isCut?: boolean | undefined;
 sourceModels?: string[] | undefined;
 targetModels?: string[] | undefined;
 modelTypePropertyId: string;
@@ -2569,6 +2696,7 @@ targetCreateModel: string;
 targetModels: string[];
 }[] | undefined;
 inert?: boolean | undefined;
+isCut?: boolean | undefined;
 sourceModels?: string[] | undefined;
 targetModels?: string[] | undefined;
 modelTypePropertyId: string;
@@ -2582,6 +2710,8 @@ hoverNestable: Ref<boolean | null, boolean | null>;
 currentDiagramId: Ref<string | null, string | null>;
 canDropOnCanvas: Ref<boolean, boolean>;
 canOperate: Ref<boolean, boolean>;
+cutShapeIds: Ref<Set<string> & Omit<Set<string>, keyof Set<any>>, Set<string> | (Set<string> & Omit<Set<string>, keyof Set<any>>)>;
+copiedShapesCount: Ref<number, number>;
 taggedValueLabels: Ref<string[], string[]>;
 packagesTypes: Ref<string[], string[]>;
 classMetaTypes: Ref<string[], string[]>;
@@ -2590,6 +2720,8 @@ pinsTypes: Ref<string[], string[]>;
 portsTypes: Ref<string[], string[]>;
 shapeCount: ComputedRef<number>;
 hasSelectedShape: ComputedRef<boolean>;
+parentChildMap: ComputedRef<Map<string, string[]>>;
+shapeMap: ComputedRef<Map<string, Shape>>;
 marqueeShapes: ComputedRef<Shape[]>;
 ghostShadow: ComputedRef<Shape[]>;
 scales: Ref<Record<string, number>, Record<string, number>>;
@@ -2597,12 +2729,16 @@ activeDiagramId: Ref<string | null, string | null>;
 currentScale: ComputedRef<number>;
 museInGraphView: Ref<boolean, boolean>;
 connectMode: Ref<string, string>;
-addShape: (shape: Shape) => void;
+addShape: (shape: Shape, options?: {
+autoExpandParent?: boolean;
+}) => void;
 removeShape: (shapeId: string) => void;
 updateShape: (shapeId: string, updates: Partial<Shape>, id?: 'id' | 'modelId') => void;
 selectShape: (shape: Shape | null) => void;
 setTitle: (title: string) => void;
-updateShapes: (newShapes: Shape[]) => void;
+updateShapes: (payload: Shape[] | Array<string | number>, op?: ShapeOp, options?: {
+autoExpandParents?: boolean;
+}) => void;
 clearAll: () => void;
 startDragShape: (shapeId: string, pointer: {
 x: number;
@@ -2615,6 +2751,11 @@ y: number;
 moveDraggedShape: (pointer: {
 x: number;
 y: number;
+}, options?: {
+hitPointer?: {
+x: number;
+y: number;
+};
 }) => Promise<void>;
 endDragShape: (source?: string) => Promise<void>;
 getShapes: () => {
@@ -2775,6 +2916,7 @@ targetCreateModel: string;
 targetModels: string[];
 }[] | undefined;
 inert?: boolean | undefined;
+isCut?: boolean | undefined;
 sourceModels?: string[] | undefined;
 targetModels?: string[] | undefined;
 modelTypePropertyId: string;
@@ -2801,7 +2943,10 @@ visibleShapes: ComputedRef<Shape[]>;
 externalCreatingId: Ref<string | null, string | null>;
 expandParentAndEmitSizeUpdateByChild: (child: Shape) => void;
 setIsMouseInGraphView: (isIn: boolean) => void;
-}, "shapeCount" | "hasSelectedShape" | "marqueeShapes" | "ghostShadow" | "currentScale" | "visibleShapes">, Pick<{
+setCutShapeIds: (ids: string[]) => void;
+clearCutShapeIds: () => void;
+setCopiedShapesCount: (count: number) => void;
+}, "shapeCount" | "hasSelectedShape" | "parentChildMap" | "shapeMap" | "marqueeShapes" | "ghostShadow" | "currentScale" | "visibleShapes">, Pick<{
 shapes: Ref<{
 id: string;
 diagramId: string;
@@ -2960,6 +3105,7 @@ targetCreateModel: string;
 targetModels: string[];
 }[] | undefined;
 inert?: boolean | undefined;
+isCut?: boolean | undefined;
 sourceModels?: string[] | undefined;
 targetModels?: string[] | undefined;
 modelTypePropertyId: string;
@@ -3124,6 +3270,7 @@ targetCreateModel: string;
 targetModels: string[];
 }[] | undefined;
 inert?: boolean | undefined;
+isCut?: boolean | undefined;
 sourceModels?: string[] | undefined;
 targetModels?: string[] | undefined;
 modelTypePropertyId: string;
@@ -3290,6 +3437,7 @@ targetCreateModel: string;
 targetModels: string[];
 }[] | undefined;
 inert?: boolean | undefined;
+isCut?: boolean | undefined;
 sourceModels?: string[] | undefined;
 targetModels?: string[] | undefined;
 modelTypePropertyId: string;
@@ -3454,6 +3602,7 @@ targetCreateModel: string;
 targetModels: string[];
 }[] | undefined;
 inert?: boolean | undefined;
+isCut?: boolean | undefined;
 sourceModels?: string[] | undefined;
 targetModels?: string[] | undefined;
 modelTypePropertyId: string;
@@ -3632,6 +3781,7 @@ targetCreateModel: string;
 targetModels: string[];
 }[] | undefined;
 inert?: boolean | undefined;
+isCut?: boolean | undefined;
 sourceModels?: string[] | undefined;
 targetModels?: string[] | undefined;
 modelTypePropertyId: string;
@@ -3796,6 +3946,7 @@ targetCreateModel: string;
 targetModels: string[];
 }[] | undefined;
 inert?: boolean | undefined;
+isCut?: boolean | undefined;
 sourceModels?: string[] | undefined;
 targetModels?: string[] | undefined;
 modelTypePropertyId: string;
@@ -3809,6 +3960,8 @@ hoverNestable: Ref<boolean | null, boolean | null>;
 currentDiagramId: Ref<string | null, string | null>;
 canDropOnCanvas: Ref<boolean, boolean>;
 canOperate: Ref<boolean, boolean>;
+cutShapeIds: Ref<Set<string> & Omit<Set<string>, keyof Set<any>>, Set<string> | (Set<string> & Omit<Set<string>, keyof Set<any>>)>;
+copiedShapesCount: Ref<number, number>;
 taggedValueLabels: Ref<string[], string[]>;
 packagesTypes: Ref<string[], string[]>;
 classMetaTypes: Ref<string[], string[]>;
@@ -3817,6 +3970,8 @@ pinsTypes: Ref<string[], string[]>;
 portsTypes: Ref<string[], string[]>;
 shapeCount: ComputedRef<number>;
 hasSelectedShape: ComputedRef<boolean>;
+parentChildMap: ComputedRef<Map<string, string[]>>;
+shapeMap: ComputedRef<Map<string, Shape>>;
 marqueeShapes: ComputedRef<Shape[]>;
 ghostShadow: ComputedRef<Shape[]>;
 scales: Ref<Record<string, number>, Record<string, number>>;
@@ -3824,12 +3979,16 @@ activeDiagramId: Ref<string | null, string | null>;
 currentScale: ComputedRef<number>;
 museInGraphView: Ref<boolean, boolean>;
 connectMode: Ref<string, string>;
-addShape: (shape: Shape) => void;
+addShape: (shape: Shape, options?: {
+autoExpandParent?: boolean;
+}) => void;
 removeShape: (shapeId: string) => void;
 updateShape: (shapeId: string, updates: Partial<Shape>, id?: 'id' | 'modelId') => void;
 selectShape: (shape: Shape | null) => void;
 setTitle: (title: string) => void;
-updateShapes: (newShapes: Shape[]) => void;
+updateShapes: (payload: Shape[] | Array<string | number>, op?: ShapeOp, options?: {
+autoExpandParents?: boolean;
+}) => void;
 clearAll: () => void;
 startDragShape: (shapeId: string, pointer: {
 x: number;
@@ -3842,6 +4001,11 @@ y: number;
 moveDraggedShape: (pointer: {
 x: number;
 y: number;
+}, options?: {
+hitPointer?: {
+x: number;
+y: number;
+};
 }) => Promise<void>;
 endDragShape: (source?: string) => Promise<void>;
 getShapes: () => {
@@ -4002,6 +4166,7 @@ targetCreateModel: string;
 targetModels: string[];
 }[] | undefined;
 inert?: boolean | undefined;
+isCut?: boolean | undefined;
 sourceModels?: string[] | undefined;
 targetModels?: string[] | undefined;
 modelTypePropertyId: string;
@@ -4028,7 +4193,10 @@ visibleShapes: ComputedRef<Shape[]>;
 externalCreatingId: Ref<string | null, string | null>;
 expandParentAndEmitSizeUpdateByChild: (child: Shape) => void;
 setIsMouseInGraphView: (isIn: boolean) => void;
-}, "addShape" | "removeShape" | "updateShape" | "selectShape" | "setTitle" | "updateShapes" | "clearAll" | "startDragShape" | "startDrag" | "moveDraggedShape" | "endDragShape" | "getShapes" | "addDiagram" | "setCurrentDiagramId" | "selectMany" | "clearSelection" | "selectAll" | "removeSelected" | "finalCheckCanNest" | "setHoverState" | "initializeAllEdgeEndpoints" | "endResizeShape" | "getScale" | "setScale" | "setActiveDiagramId" | "setConnectMode" | "getConnectMode" | "expandParentAndEmitSizeUpdateByChild" | "setIsMouseInGraphView">>;
+setCutShapeIds: (ids: string[]) => void;
+clearCutShapeIds: () => void;
+setCopiedShapesCount: (count: number) => void;
+}, "addShape" | "removeShape" | "updateShape" | "selectShape" | "setTitle" | "updateShapes" | "clearAll" | "startDragShape" | "startDrag" | "moveDraggedShape" | "endDragShape" | "getShapes" | "addDiagram" | "setCurrentDiagramId" | "selectMany" | "clearSelection" | "selectAll" | "removeSelected" | "finalCheckCanNest" | "setHoverState" | "initializeAllEdgeEndpoints" | "endResizeShape" | "getScale" | "setScale" | "setActiveDiagramId" | "setConnectMode" | "getConnectMode" | "expandParentAndEmitSizeUpdateByChild" | "setIsMouseInGraphView" | "setCutShapeIds" | "clearCutShapeIds" | "setCopiedShapesCount">>;
 
 declare interface Waypoint {
     x: number;