@mx-sose-front/mx-sose-graph 1.2.7 → 1.2.9

package/dist/src/utils/workerManager.d.ts

@@ -0,0 +1,86 @@
+import { Shape } from '../types';
+
+export declare class WorkerManager {
+    private worker;
+    private taskQueue;
+    private nextTaskId;
+    private isInitialized;
+    private initializationPromise;
+    /**
+     * 各操作类型的版本号，用于竞态控制。
+     * 每次发起同类型请求时递增，回调中只采纳最新版本的结果。
+     */
+    private versionMap;
+    /**
+     * Initialize the Web Worker
+     */
+    initialize(): Promise<void>;
+    /**
+     * Handle messages from the worker
+     */
+    private handleWorkerMessage;
+    /**
+     * 递增并返回指定操作类型的版本号
+     */
+    private bumpVersion;
+    /**
+     * 检查版本号是否仍然是最新的
+     */
+    isLatestVersion(opType: string, version: number): boolean;
+    /**
+     * Send a message to the worker and return a promise for the result
+     */
+    private sendMessage;
+    /**
+     * 只提取 Worker 需要的最小字段，减少序列化开销
+     * 使用展开运算符确保所有嵌套对象都是纯 JS 对象（去除 Vue Proxy）
+     */
+    private minifyShape;
+    /**
+     * 将可能来自 Vue ref/reactive 的点坐标转换为普通对象，避免 postMessage 触发 DataCloneError
+     */
+    private minifyPoint;
+    /**
+     * 只提取与 changedIds 相关的 edge，减少传输量
+     */
+    private extractRelatedEdges;
+    /**
+     * Update related edges endpoints
+     * 返回 { version, result } 以便调用方判断竞态
+     */
+    updateRelatedEdges(shapes: Shape[], changedIds: string[], edgeIndex?: Map<string, Shape[]>, shapeMapIndex?: Map<string, Shape>): Promise<{
+        version: number;
+        result: Shape[];
+    }>;
+    /**
+     * Initialize all edge endpoints
+     */
+    initializeAllEdgeEndpoints(shapes: Shape[], shapeMapIndex?: Map<string, Shape>): Promise<Shape[]>;
+    /**
+     * Complete connection operation
+     */
+    completeConnection(sourceShape: Shape | undefined, targetShape: Shape, clickPoint: {
+        x: number;
+        y: number;
+    }, currentConnectPoint: {
+        x: number;
+        y: number;
+    }, shapes?: Shape[]): Promise<any>;
+    /**
+     * Find nearest connect point
+     */
+    findNearestConnectPoint(mousePos: {
+        x: number;
+        y: number;
+    }, shape: Shape | undefined): Promise<any>;
+    /**
+     * Terminate the worker
+     */
+    terminate(): void;
+    /**
+     * Get worker status
+     */
+    isWorkerInitialized(): boolean;
+}
+export declare const workerManager: WorkerManager;
+//# sourceMappingURL=workerManager.d.ts.map

package/dist/src/utils/workerManager.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"workerManager.d.ts","sourceRoot":"","sources":["../../../src/utils/workerManager.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AAmBtC,qBAAa,aAAa;IACxB,OAAO,CAAC,MAAM,CAAuB;IACrC,OAAO,CAAC,SAAS,CAAsC;IACvD,OAAO,CAAC,UAAU,CAAK;IACvB,OAAO,CAAC,aAAa,CAAS;IAC9B,OAAO,CAAC,qBAAqB,CAA8B;IAE3D;;;OAGG;IACH,OAAO,CAAC,UAAU,CAAkC;IAEpD;;OAEG;IACH,UAAU,IAAI,OAAO,CAAC,IAAI,CAAC;IAmC3B;;OAEG;IACH,OAAO,CAAC,mBAAmB;IAc3B;;OAEG;IACH,OAAO,CAAC,WAAW;IAMnB;;OAEG;IACH,eAAe,CAAC,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,GAAG,OAAO;IAIzD;;OAEG;IACH,OAAO,CAAC,WAAW;IAyBnB;;;OAGG;IACH,OAAO,CAAC,WAAW;IAkBnB;;OAEG;IACH,OAAO,CAAC,WAAW;IAWnB;;OAEG;IACH,OAAO,CAAC,mBAAmB;IAqB3B;;;OAGG;IACG,kBAAkB,CACtB,MAAM,EAAE,KAAK,EAAE,EACf,UAAU,EAAE,MAAM,EAAE,EACpB,SAAS,CAAC,EAAE,GAAG,CAAC,MAAM,EAAE,KAAK,EAAE,CAAC,EAChC,aAAa,CAAC,EAAE,GAAG,CAAC,MAAM,EAAE,KAAK,CAAC,GACjC,OAAO,CAAC;QAAE,OAAO,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,KAAK,EAAE,CAAA;KAAE,CAAC;IAsDhD;;OAEG;IACG,0BAA0B,CAC9B,MAAM,EAAE,KAAK,EAAE,EACf,aAAa,CAAC,EAAE,GAAG,CAAC,MAAM,EAAE,KAAK,CAAC,GACjC,OAAO,CAAC,KAAK,EAAE,CAAC;IAgBnB;;OAEG;IACG,kBAAkB,CACtB,WAAW,EAAE,KAAK,GAAG,SAAS,EAC9B,WAAW,EAAE,KAAK,EAClB,UAAU,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,EACpC,mBAAmB,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,EAC7C,MAAM,GAAE,KAAK,EAAO,GACnB,OAAO,CAAC,GAAG,CAAC;IAYf;;OAEG;IACG,uBAAuB,CAC3B,QAAQ,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,EAClC,KAAK,EAAE,KAAK,GAAG,SAAS,GACvB,OAAO,CAAC,GAAG,CAAC;IASf;;OAEG;IACH,SAAS,IAAI,IAAI;IAUjB;;OAEG;IACH,mBAAmB,IAAI,OAAO;CAG/B;AAGD,eAAO,MAAM,aAAa,eAAsB,CAAC"}

package/dist/src/utils/zorder.d.ts

@@ -0,0 +1,4 @@
+import { Shape } from '../types';
+
+export declare function normalizeZOrder(shapes: Shape[], diagramId: string | null, updateShape: (id: string, patch: Partial<Shape>) => void, baseZ?: number, step?: number): void;
+//# sourceMappingURL=zorder.d.ts.map

package/dist/src/utils/zorder.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"zorder.d.ts","sourceRoot":"","sources":["../../../src/utils/zorder.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,UAAU,CAAA;AAErC,wBAAgB,eAAe,CAC7B,MAAM,EAAE,KAAK,EAAE,EACf,SAAS,EAAE,MAAM,GAAG,IAAI,EACxB,WAAW,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,CAAC,KAAK,CAAC,KAAK,IAAI,EACxD,KAAK,SAAI,EACT,IAAI,SAAK,QA8BV"}

package/dist/src/view/graph.vue.d.ts

@@ -0,0 +1,180 @@
+import { locationChart, Shape } from '../types';
+
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+    addShapeData: Shape;
+    connectShapeData: Shape;
+    lines: string[];
+    packages: string[];
+    diagram: string[];
+    taggedValueLabels: string[];
+    actionButtonShapeId?: string | undefined;
+    classMetaTypes: string[];
+    edgeCheck: boolean;
+    pins: string[];
+    referentialAttributeModel: string[];
+    ports: string[];
+    canOperate: boolean;
+    chartLocationData?: locationChart[] | null | undefined;
+    isTextareaDialogOpen: boolean;
+}>>, {
+    getBoundingClientRect: () => DOMRect | undefined;
+    updateShapes: (shapes: Shape[]) => void;
+    updateShape: (shapeId: string, updates: Partial<Shape>, id?: "id" | "modelId") => void;
+    continueExternalCreateDrag: (payload: {
+        clientX: number;
+        clientY: number;
+    }) => void;
+    finishExternalCreateDrag: (payload: {
+        clientX: number;
+        clientY: number;
+    }) => void;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "shapes-property": (value: {
+        selectedShape: Shape;
+        showPropertyPanel: boolean;
+    }) => void;
+    "shapes-edit-name": (value: {
+        shape: Shape;
+        newName: string;
+        oldName: string;
+    }) => void;
+    "connect-end": (value: {
+        sourceId: string;
+        targetId: string;
+        sourcePoint: {
+            x: number;
+            y: number;
+        };
+        targetPoint: {
+            x: number;
+            y: number;
+        };
+        waypoints: {
+            x: number;
+            y: number;
+        }[];
+    }) => void;
+    "object-flow-connect-end": (value: {
+        connectionData: {
+            sourceId: string;
+            targetId: string;
+            sourcePoint: {
+                x: number;
+                y: number;
+            };
+            targetPoint: {
+                x: number;
+                y: number;
+            };
+            waypoints: {
+                x: number;
+                y: number;
+            }[];
+        };
+        outputPinBounds: {
+            x: number;
+            y: number;
+            width: number;
+            height: number;
+        } | null;
+        inputPinBounds: {
+            x: number;
+            y: number;
+            width: number;
+            height: number;
+        } | null;
+    }) => void;
+    "action-button-click": (value: string, shape: Shape) => void;
+    diagramDoubleClick: (data: any) => void;
+    "model-type-property-id-button-click": (value: string, shape: Shape) => void;
+    "action-button-add": (shape: Shape) => void;
+    "scale-changed": (scale: number) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+    addShapeData: Shape;
+    connectShapeData: Shape;
+    lines: string[];
+    packages: string[];
+    diagram: string[];
+    taggedValueLabels: string[];
+    actionButtonShapeId?: string | undefined;
+    classMetaTypes: string[];
+    edgeCheck: boolean;
+    pins: string[];
+    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;
+    }) => any) | undefined;
+    "onShapes-edit-name"?: ((value: {
+        shape: Shape;
+        newName: string;
+        oldName: string;
+    }) => any) | undefined;
+    "onConnect-end"?: ((value: {
+        sourceId: string;
+        targetId: string;
+        sourcePoint: {
+            x: number;
+            y: number;
+        };
+        targetPoint: {
+            x: number;
+            y: number;
+        };
+        waypoints: {
+            x: number;
+            y: number;
+        }[];
+    }) => any) | undefined;
+    "onObject-flow-connect-end"?: ((value: {
+        connectionData: {
+            sourceId: string;
+            targetId: string;
+            sourcePoint: {
+                x: number;
+                y: number;
+            };
+            targetPoint: {
+                x: number;
+                y: number;
+            };
+            waypoints: {
+                x: number;
+                y: number;
+            }[];
+        };
+        outputPinBounds: {
+            x: number;
+            y: number;
+            width: number;
+            height: number;
+        } | null;
+        inputPinBounds: {
+            x: number;
+            y: number;
+            width: number;
+            height: number;
+        } | null;
+    }) => any) | undefined;
+    "onModel-type-property-id-button-click"?: ((value: string, shape: Shape) => any) | undefined;
+    "onAction-button-add"?: ((shape: Shape) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+//# sourceMappingURL=graph.vue.d.ts.map

package/dist/src/view/graph.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"graph.vue.d.ts","sourceRoot":"","sources":["../../../src/view/graph.vue"],"names":[],"mappings":"AA8CA;AAKA,OAAO,KAAK,EAAE,aAAa,EAAE,KAAK,EAAE,MAAM,UAAU,CAAA;;kBAkuBpC,KAAK;sBACD,KAAK;WAChB,MAAM,EAAE;cACL,MAAM,EAAE;aACT,MAAM,EAAE;uBACE,MAAM,EAAE;;oBAEX,MAAM,EAAE;eACb,OAAO;UACZ,MAAM,EAAE;+BACa,MAAM,EAAE;WAC5B,MAAM,EAAE;gBACH,OAAO;;0BAEG,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;kBAdf,KAAK;sBACD,KAAK;WAChB,MAAM,EAAE;cACL,MAAM,EAAE;aACT,MAAM,EAAE;uBACE,MAAM,EAAE;;oBAEX,MAAM,EAAE;eACb,OAAO;UACZ,MAAM,EAAE;+BACa,MAAM,EAAE;WAC5B,MAAM,EAAE;gBACH,OAAO;;0BAEG,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AArB/B,wBAwBG;AACH,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AACjE,KAAK,6BAA6B,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CAAE,CAAC"}

package/dist/style.css

@@ -1 +1 @@
-@charset "UTF-8";.selection-box[data-v-98567c09]{pointer-events:none;background:transparent}.resize-handles[data-v-98567c09]{position:relative;width:100%;height:100%}.resize-handle[data-v-98567c09]{position:absolute;width:10px;height:10px;background-color:#007bff;border:2px solid #fff;border-radius:50%;pointer-events:all;transition:all .2s ease;box-shadow:0 2px 4px #0000004d;z-index:999}.resize-handle.is-disabled[data-v-98567c09]{cursor:default!important}.resize-handle[data-v-98567c09]:hover{background-color:#0056b3;transform:scale(1.2)}.action-buttons[data-v-98567c09]{display:flex;flex-direction:column;gap:4px;pointer-events:all;background:rgba(255,255,255,.95);padding:6px;border-radius:4px;box-shadow:0 2px 8px #00000026;border:1px solid #e0e0e0;backdrop-filter:blur(2px)}.action-btn[data-v-98567c09]{width:28px;height:28px;border:1px solid #d0d0d0;border-radius:3px;background:linear-gradient(to bottom,#f8f9fa,#e9ecef);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;font-family:Arial,sans-serif;color:#495057;transition:all .2s ease;box-shadow:0 1px 2px #0000000d}.action-btn[data-v-98567c09]:hover{background:linear-gradient(to bottom,#e3f2fd,#bbdefb);border-color:#90caf9;transform:translateY(-1px);box-shadow:0 2px 4px #2196f34d;color:#1976d2}.edit-btn[data-v-98567c09]:hover{background:#e3f2fd}.border-btn[data-v-98567c09]{padding-bottom:4px;border-bottom:1px solid #e0e0e0}.name-text-box-container[data-v-f0d3e2ba]{position:absolute;z-index:1001;pointer-events:all}.name-text-box[data-v-f0d3e2ba]{border:1px dashed #007bff;background:rgba(255,255,255,.2);cursor:pointer;pointer-events:all;transition:all .2s ease;border-radius:4px;box-shadow:0 0 0 1px #007bff1a;height:100%;display:flex;align-items:center;justify-content:center}.name-text-box[data-v-f0d3e2ba]:hover{border-color:#0056b3;background:rgba(0,123,255,.05);box-shadow:0 0 0 2px #007bff33;transform:scale(1.02)}.name-editor-container[data-v-f0d3e2ba]{position:absolute;z-index:1002;display:flex;justify-content:center;align-items:center;pointer-events:all}.name-input[data-v-f0d3e2ba]{width:calc(100% - 20px);padding:2px 4px;border:2px solid #007bff;border-radius:6px;font-size:12px;font-weight:600;background:#fff;box-shadow:0 4px 12px #00000026;outline:none;text-align:center;font-family:inherit;resize:none;overflow:hidden}.name-input[data-v-f0d3e2ba]:focus{border-color:#0056b3;box-shadow:0 0 0 3px #007bff40}.context-menu[data-v-0f7f66ba]{background-color:#fff;border:1px solid #ebeef5;border-radius:6px;box-shadow:0 2px 12px #0000001a;padding:6px 0;overflow-y:auto;box-sizing:border-box;transition:opacity .2s ease,transform .2s ease;transform-origin:top left}.context-menu[style*="display: block"][data-v-0f7f66ba]{animation:fadeIn-0f7f66ba .2s ease forwards}@keyframes fadeIn-0f7f66ba{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.context-menu[data-v-0f7f66ba]::-webkit-scrollbar{width:6px}.context-menu[data-v-0f7f66ba]::-webkit-scrollbar-thumb{background-color:#ddd;border-radius:3px}.context-menu[data-v-0f7f66ba]::-webkit-scrollbar-track{background-color:#f5f5f5}.menu-item[data-v-0f7f66ba]{padding:0 15px;cursor:pointer;font-size:14px;color:#606266;border-radius:4px;height:36px;line-height:36px;box-sizing:border-box}.menu-item[data-v-0f7f66ba]:hover{background-color:#f5f7fa;color:#303133}.menu-disabled[data-v-0f7f66ba]{color:#c0c4cc!important;cursor:not-allowed!important;pointer-events:none}.menu-disabled[data-v-0f7f66ba]:hover{background-color:transparent!important}.menu-disabled img[data-v-0f7f66ba]{opacity:.5}.context-menu[style*="--edge-hint: left"][data-v-0f7f66ba]{border-top-left-radius:0}.context-menu[style*="--edge-hint: right"][data-v-0f7f66ba]{border-top-right-radius:0}.context-menu[style*="--edge-hint: top"][data-v-0f7f66ba]{border-top-left-radius:0;border-top-right-radius:0}.context-menu[style*="--edge-hint: bottom"][data-v-0f7f66ba]{border-bottom-left-radius:0;border-bottom-right-radius:0}.display-tooltip[data-v-0f7f66ba]{background-color:#fff;border:1px solid #ebeef5;border-radius:6px;box-shadow:0 2px 12px #0000001a;padding:6px 0;min-width:120px;animation:tooltipFadeIn-0f7f66ba .2s ease forwards}.tooltip-content[data-v-0f7f66ba]{overflow:hidden}.tooltip-item[data-v-0f7f66ba]{padding:8px 16px;cursor:pointer;font-size:14px;color:#606266;border-radius:4px;transition:background-color .2s ease;display:flex;align-items:center}.tooltip-item[data-v-0f7f66ba]:hover{background-color:#f5f7fa;color:#303133}.tooltip-item span[data-v-0f7f66ba]{display:block}@keyframes tooltipFadeIn-0f7f66ba{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.connection-line[data-v-c4c3e8c0]{position:absolute;pointer-events:none;z-index:10}.interaction-layer[data-v-07df083a]{position:absolute;top:0;left:0;width:100%;height:100%;transform-origin:0 0;transform:scale(var(--55742cb7));pointer-events:all;z-index:999}.hover-container-outline[data-v-07df083a]{position:absolute;pointer-events:none;padding:6px;top:6px}.hover-container-outline-svg[data-v-07df083a]{position:absolute;pointer-events:none}.hover-container-outline-svg .outline-path[data-v-07df083a]{fill:transparent;stroke-width:2px;stroke-linejoin:round}.hover-container-outline.is-valid[data-v-07df083a]{border:2px solid #0000ff}.hover-container-outline-svg.is-valid .outline-path[data-v-07df083a]{stroke:#00f}.hover-container-outline.is-invalid[data-v-07df083a]{border:2px solid #f1eded;background:rgba(240,237,237,.842)}.hover-container-outline-svg.is-invalid .outline-path[data-v-07df083a]{stroke:#f1eded;fill:#f0eded59}.resize-ghost[data-v-07df083a]{position:absolute;border:2px solid #8a6d3b;background:transparent;box-shadow:0 0 0 2px #8a6d3b26 inset;pointer-events:none;z-index:9999}.connect-layer[data-v-07df083a]{position:absolute;pointer-events:none;z-index:1000}.connect-dot-direct[data-v-07df083a],.connect-dot-target[data-v-07df083a]{width:8px;height:8px;background-color:#000;border-radius:50%;border:1px solid #fff;box-shadow:0 0 4px #0000004d}.connection-line[data-v-07df083a]{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1000}.highlight-overlay[data-v-07df083a]{position:absolute;pointer-events:none;box-sizing:border-box;z-index:1001;border-radius:2px}.highlight-overlay-svg[data-v-07df083a]{position:absolute;pointer-events:none}.highlight-overlay-svg .outline-path[data-v-07df083a]{fill:transparent;stroke-width:3px;stroke-linejoin:round}.highlight-overlay.blue[data-v-07df083a]{border:3px solid #1890ff}.highlight-overlay-svg.blue .outline-path[data-v-07df083a]{stroke:#1890ff}.highlight-overlay.red[data-v-07df083a]{border:3px solid #f56c6c}.highlight-overlay-svg.red .outline-path[data-v-07df083a]{stroke:#f56c6c}.diagram-shape[data-v-1f4cb409]{background:#e5ecf0;border-radius:10px;box-shadow:0 2px 8px #0000001a;display:flex;flex-direction:column;overflow:hidden;box-sizing:border-box;margin:0;padding:0;border:var(--bw) var(--bs) var(--bc)}.hit-edge[data-v-1f4cb409]{position:absolute;background:transparent;z-index:999;pointer-events:auto}.hit-top[data-v-1f4cb409]{left:0;right:0;top:0;height:var(--bw)}.hit-right[data-v-1f4cb409]{top:0;right:0;bottom:0;width:var(--bw)}.hit-bottom[data-v-1f4cb409]{left:0;right:0;bottom:0;height:var(--bw)}.hit-left[data-v-1f4cb409]{top:0;left:0;bottom:0;width:var(--bw)}.diagram-header[data-v-1f4cb409]{background:rgba(255,255,255,.5);padding:3px 16px 3px 5px;display:inline-flex;align-items:center;position:relative;white-space:nowrap;align-self:flex-start}.diagram-header[data-v-1f4cb409]:after{content:"";position:absolute;bottom:-12px;right:-12px;width:20px;height:20px;background-color:var(--5113555a);transform:rotate(45deg);z-index:0}.diagram-title[data-v-1f4cb409]{font-family:var(--name-ff);font-size:var(--name-fs);font-weight:400;line-height:normal;letter-spacing:0em;font-variation-settings:"opsz" auto;font-feature-settings:"kern" on;color:var(--name-color);position:relative;z-index:2}.diagram-shape[data-v-d0030e67]{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;pointer-events:auto;touch-action:none;-webkit-touch-action:none;-ms-touch-action:none;zoom:1;transform:none!important;-webkit-transform:none!important;-moz-transform:none!important;-ms-transform:none!important}.diagram-svg[data-v-d0030e67]{width:100%;height:100%;transform:none!important;-webkit-transform:none!important}.capability-shape[data-v-5ba17051]{display:flex;align-items:center;justify-content:center;overflow:hidden}.capability-svg[data-v-5ba17051]{display:block}.capability-shape[data-v-8e8054b6]{display:flex;align-items:center;justify-content:center;overflow:hidden}.capability-svg[data-v-8e8054b6]{display:block}.capability-shape[data-v-27d34586]{display:flex;align-items:center;justify-content:center;overflow:hidden}.capability-svg[data-v-27d34586]{display:block}.capability-shape[data-v-5f0b14f5]{display:flex;align-items:center;justify-content:center;overflow:hidden}.capability-svg[data-v-5f0b14f5]{display:block}.capability-shape[data-v-49b887dd]{display:inline-block;position:relative;overflow:visible;box-sizing:content-box}[data-v-49b887dd] .name-text-svg{text-align:left}[data-v-49b887dd] .shape-name-svg{text-align:center}[data-v-49b887dd] .content-text-svg{font-size:13px;line-height:1.4;color:#000;font-family:Arial,sans-serif;min-height:20px;overflow:visible;width:100%;box-sizing:border-box}[data-v-49b887dd] .content-item{margin-bottom:4px;word-break:break-word;white-space:normal;overflow:visible;width:100%;box-sizing:border-box}[data-v-49b887dd] .content-item:last-child{margin-bottom:0}.edge-component[data-v-c885b93d]{position:absolute;pointer-events:all;cursor:pointer}.edge-svg[data-v-c885b93d]{width:100%;height:100%;overflow:visible}.edge-svg polyline[data-v-c885b93d]{pointer-events:all;stroke-linecap:round;stroke-linejoin:round}.edge-svg circle[data-v-c885b93d]{pointer-events:none}.diagram-shape[data-v-daf180ad]{-webkit-user-select:none;-moz-user-select:none;user-select:none}.diagram-svg[data-v-daf180ad]{width:100%;height:100%}.capability-shape[data-v-ec8f07ea]{display:flex;align-items:center;justify-content:center;overflow:hidden}.capability-svg[data-v-ec8f07ea]{display:block}.output-pin-shape[data-v-2081b7c7]{display:flex;align-items:center;justify-content:center;overflow:visible}.output-pin-svg[data-v-2081b7c7]{display:block;overflow:visible}.port-shape[data-v-4aa98dd6]{display:flex;align-items:center;justify-content:center;overflow:visible}.port-svg[data-v-4aa98dd6]{display:block;overflow:visible}.gantt-context-menu[data-v-4efbe149]{background-color:#fff;border:1px solid #ebeef5;border-radius:6px;box-shadow:0 2px 12px #0000001a;padding:6px 0;overflow-y:auto;box-sizing:border-box;transition:opacity .2s ease,transform .2s ease;transform-origin:top left}.gantt-context-menu[style*="display: block"][data-v-4efbe149]{animation:fadeIn-4efbe149 .2s ease forwards}@keyframes fadeIn-4efbe149{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.gantt-context-menu[data-v-4efbe149]::-webkit-scrollbar{width:6px}.gantt-context-menu[data-v-4efbe149]::-webkit-scrollbar-thumb{background-color:#ddd;border-radius:3px}.gantt-context-menu[data-v-4efbe149]::-webkit-scrollbar-track{background-color:#f5f5f5}.menu-item[data-v-4efbe149]{padding:0 15px;cursor:pointer;font-size:14px;color:#606266;border-radius:4px;height:36px;line-height:36px;box-sizing:border-box}.menu-item[data-v-4efbe149]:hover:not(.menu-disabled){background-color:#f5f7fa;color:#303133}.menu-disabled[data-v-4efbe149]{color:#c0c4cc!important;cursor:not-allowed!important;pointer-events:none}.menu-disabled[data-v-4efbe149]:hover{background-color:transparent!important}.menu-disabled img[data-v-4efbe149]{opacity:.5}.gantt-container[data-v-365c49d0]{--header-row-h: 28px;--data-row-h: 32px;display:flex;box-sizing:border-box;border:1px solid #dcdfe6;background:#fff;overflow:hidden;font-size:12px;font-family:Source Han Sans SC,Microsoft YaHei,PingFang SC,Arial,sans-serif}.gantt-search-bar[data-v-365c49d0]{position:absolute;top:0;left:0;right:0;height:36px;background:#f5f7fa;border-bottom:1px solid #dcdfe6;display:flex;align-items:center;padding:0 12px;gap:8px;z-index:10;box-sizing:border-box}.search-input[data-v-365c49d0]{flex:1;height:24px;padding:0 8px;border:1px solid #dcdfe6;border-radius:3px;font-size:12px;outline:none;transition:border-color .2s}.search-input[data-v-365c49d0]:focus{border-color:#409eff}.search-result-info[data-v-365c49d0]{font-size:12px;color:#606266;white-space:nowrap;min-width:60px;text-align:center}.search-nav-btn[data-v-365c49d0]{width:24px;height:24px;border:1px solid #dcdfe6;border-radius:3px;background:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#606266;transition:all .2s}.search-nav-btn[data-v-365c49d0]:hover:not(:disabled){border-color:#409eff;color:#409eff}.search-nav-btn[data-v-365c49d0]:disabled{cursor:not-allowed;opacity:.4}.search-close-btn[data-v-365c49d0]{width:24px;height:24px;border:1px solid #dcdfe6;border-radius:3px;background:#fff;cursor:pointer;font-size:18px;line-height:1;color:#909399;transition:all .2s;display:flex;align-items:center;justify-content:center}.search-close-btn[data-v-365c49d0]:hover{border-color:#f56c6c;color:#f56c6c}.gantt-left[data-v-365c49d0]{width:var(--8a4ac306);min-width:180px;flex-shrink:0;border-right:1px solid #dcdfe6;overflow-x:auto;overflow-y:auto;margin-top:var(--5ba84210)}.gantt-left[data-v-365c49d0]::-webkit-scrollbar{width:0;height:8px}.gantt-left[data-v-365c49d0]::-webkit-scrollbar-track{background:#f1f1f1}.gantt-left[data-v-365c49d0]::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}.gantt-left[data-v-365c49d0]::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.gantt-table[data-v-365c49d0]{width:-moz-max-content;width:max-content;min-width:100%;border-collapse:separate;border-spacing:0}.gantt-table th[data-v-365c49d0],.gantt-table td[data-v-365c49d0]{box-sizing:border-box;border:none;border-bottom:1px solid #ebeef5;border-right:1px solid #ebeef5;padding:0 8px;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;vertical-align:middle}.gantt-table th[data-v-365c49d0]:first-child,.gantt-table td[data-v-365c49d0]:first-child{border-left:1px solid #ebeef5}.header-row-1 th[data-v-365c49d0]{height:var(--header-row-h);background:#f5f7fa;position:sticky;top:0;z-index:1;border-top:1px solid #ebeef5;border-bottom-color:#dcdfe6}.header-row-2 th[data-v-365c49d0]{height:var(--header-row-h);background:#f5f7fa;font-weight:500;color:#606266;position:sticky;top:var(--header-row-h);z-index:1;border-bottom-color:#dcdfe6;padding:0}.th-content[data-v-365c49d0]{position:relative;width:100%;height:100%;display:flex;align-items:center;padding:0 8px}.th-label[data-v-365c49d0]{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}.col-resizer[data-v-365c49d0]{position:absolute;right:0;top:0;bottom:0;width:5px;cursor:col-resize;-webkit-user-select:none;-moz-user-select:none;user-select:none}.col-resizer[data-v-365c49d0]:hover{background-color:#409eff1a}.gantt-table td[data-v-365c49d0]{height:var(--data-row-h)}.gantt-spacer-row td[data-v-365c49d0]{height:0;padding:0;border:none!important}.gantt-spacer[data-v-365c49d0]{width:1px}.gantt-row[data-v-365c49d0]:has(.col-date>div){position:relative;z-index:10}.col-name[data-v-365c49d0]{max-width:none}.col-date[data-v-365c49d0]{width:auto;font-size:11px;color:#909399;text-align:center;position:relative;cursor:default}.col-date[data-v-365c49d0]:has(div){overflow:visible!important}.col-date>div[data-v-365c49d0]{position:relative;z-index:100}.col-date[data-v-365c49d0] .el-date-editor{width:100%!important}.col-date[data-v-365c49d0] .el-input__wrapper{padding:0 4px;height:26px;font-size:11px}.col-date[data-v-365c49d0] .el-picker__popper{z-index:1000!important}.expand-icon[data-v-365c49d0]{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.item-name[data-v-365c49d0]{overflow:hidden;text-overflow:ellipsis}.cell-input[data-v-365c49d0]{width:100%;height:24px;padding:0 4px;border:1px solid #409eff;border-radius:2px;font-size:12px;outline:none;box-sizing:border-box;background:#fff}.cell-input[data-v-365c49d0]:focus{border-color:#409eff;box-shadow:0 0 0 2px #409eff33}.gantt-divider[data-v-365c49d0]{width:4px;cursor:col-resize;background:#dcdfe6;flex-shrink:0}.gantt-divider[data-v-365c49d0]:hover{background:#409eff}.gantt-timeline[data-v-365c49d0]{flex:1;overflow:auto;position:relative;margin-top:var(--5ba84210)}.gantt-left[data-v-365c49d0],.gantt-timeline[data-v-365c49d0]{padding-bottom:var(--gantt-bottom-compensation, 0px)}.gantt-timeline[data-v-365c49d0]::-webkit-scrollbar{width:8px;height:8px}.gantt-timeline[data-v-365c49d0]::-webkit-scrollbar-track{background:#f1f1f1}.gantt-timeline[data-v-365c49d0]::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}.gantt-timeline[data-v-365c49d0]::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.timeline-header[data-v-365c49d0]{position:sticky;top:0;z-index:2;background:#f5f7fa}.year-row[data-v-365c49d0]{display:flex;height:var(--header-row-h);border-bottom:1px solid #dcdfe6;box-sizing:border-box}.year-cell[data-v-365c49d0]{text-align:center;font-weight:500;line-height:calc(var(--header-row-h) - 1px);color:#303133;border-right:1px solid #ebeef5;flex-shrink:0;box-sizing:border-box}.month-row[data-v-365c49d0]{display:flex;height:var(--header-row-h);border-bottom:1px solid #dcdfe6;box-sizing:border-box}.month-cell[data-v-365c49d0]{text-align:center;line-height:calc(var(--header-row-h) - 1px);color:#606266;border-right:1px solid #ebeef5;flex-shrink:0;box-sizing:border-box}.timeline-body[data-v-365c49d0]{position:relative}.timeline-spacer[data-v-365c49d0]{width:100%;pointer-events:none}.grid-lines[data-v-365c49d0]{position:absolute;inset:0;pointer-events:none}.grid-line[data-v-365c49d0]{position:absolute;top:0;bottom:0;width:1px;border-left:1px dashed #e4e7ed}.bar-row[data-v-365c49d0]{height:var(--data-row-h);position:relative;border-bottom:1px solid #ebeef5;box-sizing:border-box}.gantt-bar[data-v-365c49d0]{position:absolute;top:6px;height:20px;border-radius:3px;background:#409eff;opacity:.85}.row-selected[data-v-365c49d0]{background-color:#ecf5ff!important}.gantt-row.row-selected td[data-v-365c49d0]{background-color:#ecf5ff}.gantt-milestone[data-v-365c49d0]{position:absolute;top:8px;width:14px;height:14px;background:#e6a23c;transform:rotate(45deg);margin-left:-7px}.diagram-list-tooltip[data-v-25147cf1]{position:fixed;background:#ffffff;border:1px solid #e5e7eb;border-radius:6px;padding:10px 6px;box-shadow:0 4px 12px #00000026;z-index:9999;width:180px;max-width:300px}.tooltip-title[data-v-25147cf1]{padding:0 12px}.diagram-item{&[data-v-25147cf1]{display:flex;align-items:center;padding:0 12px;cursor:pointer;border-radius:4px;height:36px;line-height:36px;transition:background-color .2s}.diagram-name[data-v-25147cf1]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}}.diagram-item[data-v-25147cf1]:hover{background-color:#f0f3f6}.diagram-icon[data-v-25147cf1]{width:24px;height:24px;margin-right:6px}.gantt-container[data-v-1186ebb0]{--header-row-h: 28px;--data-row-h: 32px;position:relative;display:flex;width:100%;height:100%;border:1px solid #dcdfe6;background:#fff;overflow:hidden;font-size:12px;font-family:Source Han Sans SC,Microsoft YaHei,PingFang SC,Arial,sans-serif}.gantt-left[data-v-1186ebb0]{width:100%;overflow:auto}.gantt-left.with-search-bar[data-v-1186ebb0]{margin-top:36px}.table-spacer-row td[data-v-1186ebb0]{height:0;padding:0;border:none!important}.table-spacer[data-v-1186ebb0]{width:1px}.gantt-table[data-v-1186ebb0]{border-collapse:separate;border-spacing:0;table-layout:fixed}.th-content[data-v-1186ebb0]{position:relative;display:flex;align-items:center;width:100%;height:100%;min-width:0;box-sizing:border-box}.th-content[data-v-1186ebb0]>:nth-child(1){margin-left:4px}.gantt-table th[data-v-1186ebb0],.gantt-table td[data-v-1186ebb0]{box-sizing:border-box;padding:0 8px;border:none;border-bottom:1px solid #ebeef5;border-right:1px solid #ebeef5;text-align:left;vertical-align:middle;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gantt-table th[data-v-1186ebb0]:first-child,.gantt-table td[data-v-1186ebb0]:first-child{border-left:1px solid #ebeef5;width:50px;min-width:50px;max-width:50px}.header-row-2 th[data-v-1186ebb0]{position:sticky;z-index:1;height:var(--header-row-h);background:#f5f7fa;border-bottom-color:#dcdfe6;font-weight:500;color:#606266}.gantt-table td[data-v-1186ebb0]{height:var(--data-row-h)}.col-name[data-v-1186ebb0]{text-align:left}.col-td[data-v-1186ebb0]{text-align:center}.col-index[data-v-1186ebb0]{width:60px!important}.th-label[data-v-1186ebb0]{font-weight:600}.cell-text[data-v-1186ebb0]{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.expand-icon[data-v-1186ebb0]{display:inline-block;margin-right:4px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.item-name[data-v-1186ebb0]{display:inline-block;width:100%;overflow:hidden;text-overflow:ellipsis;vertical-align:middle;display:flex;align-items:center;min-width:0}.expand-icon[data-v-1186ebb0]{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;margin-right:5px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.item-index[data-v-1186ebb0]{text-align:center}.cell-input[data-v-1186ebb0]{width:100%}.cell-input[data-v-1186ebb0] .el-input__wrapper{padding:0 6px;height:24px;box-shadow:0 0 0 1px #409eff inset;border-radius:3px}.cell-select[data-v-1186ebb0]{width:100%}.cell-select[data-v-1186ebb0] .el-input__wrapper{min-height:24px;height:24px;padding:0 6px;border-radius:3px}.cell-boolean-display[data-v-1186ebb0]{overflow:visible}.cell-boolean-group[data-v-1186ebb0]{display:inline-flex;align-items:center;height:24px}.cell-boolean-group[data-v-1186ebb0] .el-radio{align-items:center;margin-right:10px;margin-bottom:0}.cell-boolean-group[data-v-1186ebb0] .el-radio:last-child{margin-right:0}.cell-boolean-group[data-v-1186ebb0] .el-radio__label{padding-left:4px}.cell-date[data-v-1186ebb0]{width:100%}.cell-date[data-v-1186ebb0] .el-input__wrapper{min-height:24px;height:24px;padding:0 6px;border-radius:3px}.cell-textarea[data-v-1186ebb0]{width:100%}.cell-textarea[data-v-1186ebb0] .el-textarea__inner{font-size:12px;line-height:18px;padding:4px 6px}.col-resizer[data-v-1186ebb0]{position:absolute;right:-8px;top:0;bottom:0;width:5px;cursor:col-resize;-webkit-user-select:none;-moz-user-select:none;user-select:none}.col-resizer[data-v-1186ebb0]:hover{background-color:#409eff1a}.row-selected[data-v-1186ebb0]{background-color:#ecf5ff!important}.gantt-row.row-selected td[data-v-1186ebb0]{background-color:#ecf5ff}.matrix-context-menu[data-v-e51e812e]{background-color:#fff;border:1px solid #ebeef5;border-radius:6px;box-shadow:0 2px 12px #0000001a;padding:6px 0;overflow-y:auto;box-sizing:border-box;transition:opacity .2s ease,transform .2s ease;transform-origin:top left}.matrix-context-menu[style*="display: block"][data-v-e51e812e]{animation:fadeIn-e51e812e .2s ease forwards}@keyframes fadeIn-e51e812e{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.matrix-context-menu[data-v-e51e812e]::-webkit-scrollbar{width:6px}.matrix-context-menu[data-v-e51e812e]::-webkit-scrollbar-thumb{background-color:#ddd;border-radius:3px}.matrix-context-menu[data-v-e51e812e]::-webkit-scrollbar-track{background-color:#f5f5f5}.menu-item[data-v-e51e812e]{padding:0 15px;cursor:pointer;font-size:14px;color:#606266;border-radius:4px;height:36px;line-height:36px;box-sizing:border-box}.menu-item[data-v-e51e812e]:hover{background-color:#f5f7fa;color:#303133}.matrix[data-v-3961ece7]{width:100%;height:100%;display:flex;flex-direction:column;overflow:hidden;background:#fff}.matrix-header[data-v-3961ece7]{padding:8px 12px;border-bottom:1px solid #e8e8e8;display:flex;align-items:center;gap:8px}.matrix-header .matrix-header-left[data-v-3961ece7]{display:flex;align-items:center;gap:6px}.matrix-header .matrix-header-title[data-v-3961ece7]{font-weight:600;font-size:14px}.matrix-header .matrix-header-icon[data-v-3961ece7]{display:inline-flex;align-items:center;cursor:pointer;color:#606266;font-size:14px;padding:2px 4px;border:1px solid #dcdfe6;border-radius:4px}.matrix-header .matrix-header-icon .icon-grids[data-v-3961ece7]{margin-right:2px}.matrix-header .matrix-header-icon .icon-arrow[data-v-3961ece7]{font-size:10px;opacity:.8}.matrix-toolbar[data-v-3961ece7]{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border-bottom:1px solid #e8e8e8;flex-shrink:0}.matrix-criteria[data-v-3961ece7]{display:flex;align-items:center;gap:8px}.matrix-criteria .criteria-label[data-v-3961ece7]{font-size:12px;color:#666}.matrix-criteria .criteria-select[data-v-3961ece7]{width:120px}.matrix-criteria .find-input[data-v-3961ece7]{width:160px}.matrix-criteria .criteria-checkbox[data-v-3961ece7]{font-size:12px;color:#606266}.matrix-table-wrap[data-v-3961ece7]{flex:1;overflow:auto;padding:12px}.matrix-table[data-v-3961ece7]{border-collapse:collapse;min-width:100%;font-size:12px}.matrix-table th[data-v-3961ece7],.matrix-table td[data-v-3961ece7]{border:none;padding:6px 8px;vertical-align:middle}.matrix-table .matrix-corner[data-v-3961ece7]{min-width:140px;width:140px;background:#fff;border-right:1px solid #d0d0d0;border-bottom:1px solid #d0d0d0;vertical-align:middle}.matrix-table .matrix-corner .matrix-corner__header[data-v-3961ece7]{display:inline-flex;align-items:center;gap:6px;padding:4px 0}.matrix-table .matrix-corner .matrix-corner__icon-img[data-v-3961ece7]{width:16px;height:16px;display:block;flex-shrink:0}.matrix-table .matrix-corner .matrix-corner__icon[data-v-3961ece7]{width:18px;height:18px;border-radius:50%;background:#f0c000;color:#333;display:inline-flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;flex-shrink:0}.matrix-table .matrix-corner .matrix-corner__name[data-v-3961ece7]{font-size:12px;color:#303133;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.matrix-table .matrix-col-header[data-v-3961ece7]{min-width:48px;text-align:left;background:#fff;font-weight:500;font-size:12px;color:#303133;vertical-align:middle;cursor:pointer}.matrix-table .matrix-col-header .matrix-col-header__inner[data-v-3961ece7]{display:inline-flex;align-items:center;gap:6px;min-height:28px}.matrix-table .matrix-col-header.matrix-col-header--parent[data-v-3961ece7]{border-bottom:1px dashed #999}.matrix-table .matrix-col-header.matrix-col-header--parent .col-expand--square[data-v-3961ece7]{width:16px;height:16px;border:1px solid #c0c4cc;border-radius:2px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;font-size:12px;color:#606266;flex-shrink:0}.matrix-table .matrix-col-header.matrix-col-header--parent .col-node-icon--folder[data-v-3961ece7]{flex-shrink:0;font-size:14px}.matrix-table .matrix-col-header .col-node-icon--img[data-v-3961ece7]{width:16px;height:16px;display:block;flex-shrink:0}.matrix-table .matrix-col-header .col-node-icon--circle[data-v-3961ece7]{width:18px;height:18px;border-radius:50%;background:#f0c000;color:#333;display:inline-flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;flex-shrink:0}.matrix-table .matrix-col-header.matrix-col-header--leaf[data-v-3961ece7]{text-align:center;position:relative;padding-top:14px;border-bottom:1px solid #d0d0d0}.matrix-table .matrix-col-header.matrix-col-header--leaf .matrix-col-header__inner[data-v-3961ece7]{justify-content:center;margin:0 auto}.matrix-table .matrix-col-header.matrix-col-header--leaf[data-v-3961ece7]:before{content:"";position:absolute;left:50%;top:0;height:14px;width:0;border-left:1px dashed #333}.matrix-table .matrix-col-header.matrix-col-header--spanning[data-v-3961ece7]{vertical-align:bottom;text-align:center;position:relative;padding-top:14px;border-bottom:1px solid #d0d0d0}.matrix-table .matrix-col-header.matrix-col-header--spanning[data-v-3961ece7]:before{content:"";position:absolute;left:50%;top:0;height:calc(100% - 30px);width:0;border-left:1px dashed #333}.matrix-table .matrix-col-header.matrix-col-header--root-vline[data-v-3961ece7]{padding:0;border-bottom:1px solid #d0d0d0;position:relative}.matrix-table .matrix-col-header.matrix-col-header--root-vline[data-v-3961ece7]:before{content:"";position:absolute;left:50%;top:0;bottom:0;width:0;border-left:1px dashed #333}.matrix-table .matrix-col-header .col-node-label[data-v-3961ece7]{color:#303133}.matrix-table .matrix-row-header[data-v-3961ece7]{min-width:200px;background:#fff;padding:0 10px;vertical-align:middle;border-right:1px solid #d0d0d0;cursor:pointer}.matrix-table .matrix-row-header.matrix-row-header--selected[data-v-3961ece7],.matrix-table tr.matrix-row--selected .matrix-cell[data-v-3961ece7],.matrix-table .matrix-col-header.matrix-col-header--selected[data-v-3961ece7]{background:#e6f7ff}.matrix-table .matrix-cell.matrix-cell--selected[data-v-3961ece7]{background:#bae7ff}.matrix-table .matrix-row-header .row-tree-cell[data-v-3961ece7]{position:relative;display:flex;align-items:center;min-height:28px;font-size:12px;gap:6px}.matrix-table .row-conn-vline[data-v-3961ece7]{position:absolute;top:0;bottom:0;width:0;border-left:1px dashed #999;pointer-events:none}.matrix-table .row-conn-branch[data-v-3961ece7]{position:absolute;top:0;bottom:0;pointer-events:none}.matrix-table .row-conn-branch[data-v-3961ece7]:before{content:"";position:absolute;left:0;top:0;bottom:0;border-left:1px dashed #999}.matrix-table .row-conn-branch[data-v-3961ece7]:after{content:"";position:absolute;left:0;top:50%;right:0;border-top:1px dashed #999}.matrix-table .row-conn-branch.row-conn-branch--last[data-v-3961ece7]:before{bottom:50%}.matrix-table .row-expand[data-v-3961ece7]{width:16px;height:16px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;line-height:1}.matrix-table .row-expand.row-expand--square[data-v-3961ece7]{border:1px solid #c0c4cc;border-radius:2px;font-size:12px;color:#606266;background:#fff}.matrix-table .row-expand-placeholder[data-v-3961ece7]{width:16px;flex-shrink:0}.matrix-table .row-node-icon--folder[data-v-3961ece7]{flex-shrink:0;font-size:14px}.matrix-table .row-node-icon--img[data-v-3961ece7]{width:16px;height:16px;display:block;flex-shrink:0}.matrix-table .row-node-icon--circle[data-v-3961ece7]{width:18px;height:18px;border-radius:50%;background:#e6a23c;color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;flex-shrink:0}.matrix-table .row-node-label[data-v-3961ece7]{color:#303133}.matrix-table .matrix-cell[data-v-3961ece7]{min-width:48px;text-align:center;color:#303133;background:#fff;border:1px solid #d0d0d0;cursor:pointer}.matrix-table .matrix-cell.matrix-cell--has-value[data-v-3961ece7]{background:#e6f7ff}.matrix-table .matrix-cell.matrix-cell--disabled[data-v-3961ece7]{background:#f5f5f5;color:#c0c4cc;cursor:not-allowed}.matrix-table .matrix-cell .cell-dependency[data-v-3961ece7]{color:#1890ff;font-weight:700;font-size:14px}.matrix-table .matrix-cell .cell-dependency.cell-arrow--up[data-v-3961ece7],.matrix-table .matrix-cell .cell-dependency.cell-arrow--down[data-v-3961ece7]{font-size:16px;font-weight:700}.matrix-table .matrix-cell .cell-value[data-v-3961ece7]{font-weight:500}.graph-view[data-v-c87a4c75]{width:100%;height:100%;background-color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;position:relative;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;user-select:none}.diagram-content[data-v-c87a4c75]{position:absolute;inset:10px 0 10px 10px;overflow:auto;touch-action:none}.shapes-container[data-v-c87a4c75]{position:relative;width:100%;height:100%;min-height:600px;transform-origin:0 0;transform:scale(var(--7cc4bada))}.shapes-container[data-v-c87a4c75]>*{position:absolute;will-change:transform}.zoom-level[data-v-c87a4c75]{position:absolute;bottom:30px;right:15px;font-size:10px;font-weight:500;min-width:35px;text-align:center;color:#333;background:rgba(255,255,255,.9);padding:2px 6px;border-radius:3px;box-shadow:0 1px 3px #0000001a}.cut-overlay-svg[data-v-c87a4c75]{position:absolute;top:0;left:0;pointer-events:none;z-index:998}
+@charset "UTF-8";.selection-box[data-v-98567c09]{pointer-events:none;background:transparent}.resize-handles[data-v-98567c09]{position:relative;width:100%;height:100%}.resize-handle[data-v-98567c09]{position:absolute;width:10px;height:10px;background-color:#007bff;border:2px solid #fff;border-radius:50%;pointer-events:all;transition:all .2s ease;box-shadow:0 2px 4px #0000004d;z-index:999}.resize-handle.is-disabled[data-v-98567c09]{cursor:default!important}.resize-handle[data-v-98567c09]:hover{background-color:#0056b3;transform:scale(1.2)}.action-buttons[data-v-98567c09]{display:flex;flex-direction:column;gap:4px;pointer-events:all;background:rgba(255,255,255,.95);padding:6px;border-radius:4px;box-shadow:0 2px 8px #00000026;border:1px solid #e0e0e0;backdrop-filter:blur(2px)}.action-btn[data-v-98567c09]{width:28px;height:28px;border:1px solid #d0d0d0;border-radius:3px;background:linear-gradient(to bottom,#f8f9fa,#e9ecef);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;font-family:Arial,sans-serif;color:#495057;transition:all .2s ease;box-shadow:0 1px 2px #0000000d}.action-btn[data-v-98567c09]:hover{background:linear-gradient(to bottom,#e3f2fd,#bbdefb);border-color:#90caf9;transform:translateY(-1px);box-shadow:0 2px 4px #2196f34d;color:#1976d2}.edit-btn[data-v-98567c09]:hover{background:#e3f2fd}.border-btn[data-v-98567c09]{padding-bottom:4px;border-bottom:1px solid #e0e0e0}.name-text-box-container[data-v-f0d3e2ba]{position:absolute;z-index:1001;pointer-events:all}.name-text-box[data-v-f0d3e2ba]{border:1px dashed #007bff;background:rgba(255,255,255,.2);cursor:pointer;pointer-events:all;transition:all .2s ease;border-radius:4px;box-shadow:0 0 0 1px #007bff1a;height:100%;display:flex;align-items:center;justify-content:center}.name-text-box[data-v-f0d3e2ba]:hover{border-color:#0056b3;background:rgba(0,123,255,.05);box-shadow:0 0 0 2px #007bff33;transform:scale(1.02)}.name-editor-container[data-v-f0d3e2ba]{position:absolute;z-index:1002;display:flex;justify-content:center;align-items:center;pointer-events:all}.name-input[data-v-f0d3e2ba]{width:calc(100% - 20px);padding:2px 4px;border:2px solid #007bff;border-radius:6px;font-size:12px;font-weight:600;background:#fff;box-shadow:0 4px 12px #00000026;outline:none;text-align:center;font-family:inherit;resize:none;overflow:hidden}.name-input[data-v-f0d3e2ba]:focus{border-color:#0056b3;box-shadow:0 0 0 3px #007bff40}.context-menu[data-v-1e65a7fa]{background-color:#fff;border:1px solid #ebeef5;border-radius:6px;box-shadow:0 2px 12px #0000001a;padding:6px 0;overflow-y:auto;box-sizing:border-box;transition:opacity .2s ease,transform .2s ease;transform-origin:top left}.context-menu[style*="display: block"][data-v-1e65a7fa]{animation:fadeIn-1e65a7fa .2s ease forwards}@keyframes fadeIn-1e65a7fa{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.context-menu[data-v-1e65a7fa]::-webkit-scrollbar{width:6px}.context-menu[data-v-1e65a7fa]::-webkit-scrollbar-thumb{background-color:#ddd;border-radius:3px}.context-menu[data-v-1e65a7fa]::-webkit-scrollbar-track{background-color:#f5f5f5}.menu-item[data-v-1e65a7fa]{padding:0 15px;cursor:pointer;font-size:14px;color:#606266;border-radius:4px;height:36px;line-height:36px;box-sizing:border-box}.menu-item[data-v-1e65a7fa]:hover{background-color:#f5f7fa;color:#303133}.menu-disabled[data-v-1e65a7fa]{color:#c0c4cc!important;cursor:not-allowed!important;pointer-events:none}.menu-disabled[data-v-1e65a7fa]:hover{background-color:transparent!important}.menu-disabled img[data-v-1e65a7fa]{opacity:.5}.context-menu[style*="--edge-hint: left"][data-v-1e65a7fa]{border-top-left-radius:0}.context-menu[style*="--edge-hint: right"][data-v-1e65a7fa]{border-top-right-radius:0}.context-menu[style*="--edge-hint: top"][data-v-1e65a7fa]{border-top-left-radius:0;border-top-right-radius:0}.context-menu[style*="--edge-hint: bottom"][data-v-1e65a7fa]{border-bottom-left-radius:0;border-bottom-right-radius:0}.display-tooltip[data-v-1e65a7fa]{background-color:#fff;border:1px solid #ebeef5;border-radius:6px;box-shadow:0 2px 12px #0000001a;padding:6px 0;min-width:120px;animation:tooltipFadeIn-1e65a7fa .2s ease forwards}.tooltip-content[data-v-1e65a7fa]{overflow:hidden}.tooltip-item[data-v-1e65a7fa]{padding:8px 16px;cursor:pointer;font-size:14px;color:#606266;border-radius:4px;transition:background-color .2s ease;display:flex;align-items:center}.tooltip-item[data-v-1e65a7fa]:hover{background-color:#f5f7fa;color:#303133}.tooltip-item span[data-v-1e65a7fa]{display:block}@keyframes tooltipFadeIn-1e65a7fa{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.connection-line[data-v-c4c3e8c0]{position:absolute;pointer-events:none;z-index:10}.interaction-layer[data-v-07df083a]{position:absolute;top:0;left:0;width:100%;height:100%;transform-origin:0 0;transform:scale(var(--55742cb7));pointer-events:all;z-index:999}.hover-container-outline[data-v-07df083a]{position:absolute;pointer-events:none;padding:6px;top:6px}.hover-container-outline-svg[data-v-07df083a]{position:absolute;pointer-events:none}.hover-container-outline-svg .outline-path[data-v-07df083a]{fill:transparent;stroke-width:2px;stroke-linejoin:round}.hover-container-outline.is-valid[data-v-07df083a]{border:2px solid #0000ff}.hover-container-outline-svg.is-valid .outline-path[data-v-07df083a]{stroke:#00f}.hover-container-outline.is-invalid[data-v-07df083a]{border:2px solid #f1eded;background:rgba(240,237,237,.842)}.hover-container-outline-svg.is-invalid .outline-path[data-v-07df083a]{stroke:#f1eded;fill:#f0eded59}.resize-ghost[data-v-07df083a]{position:absolute;border:2px solid #8a6d3b;background:transparent;box-shadow:0 0 0 2px #8a6d3b26 inset;pointer-events:none;z-index:9999}.connect-layer[data-v-07df083a]{position:absolute;pointer-events:none;z-index:1000}.connect-dot-direct[data-v-07df083a],.connect-dot-target[data-v-07df083a]{width:8px;height:8px;background-color:#000;border-radius:50%;border:1px solid #fff;box-shadow:0 0 4px #0000004d}.connection-line[data-v-07df083a]{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1000}.highlight-overlay[data-v-07df083a]{position:absolute;pointer-events:none;box-sizing:border-box;z-index:1001;border-radius:2px}.highlight-overlay-svg[data-v-07df083a]{position:absolute;pointer-events:none}.highlight-overlay-svg .outline-path[data-v-07df083a]{fill:transparent;stroke-width:3px;stroke-linejoin:round}.highlight-overlay.blue[data-v-07df083a]{border:3px solid #1890ff}.highlight-overlay-svg.blue .outline-path[data-v-07df083a]{stroke:#1890ff}.highlight-overlay.red[data-v-07df083a]{border:3px solid #f56c6c}.highlight-overlay-svg.red .outline-path[data-v-07df083a]{stroke:#f56c6c}.diagram-shape[data-v-1f4cb409]{background:#e5ecf0;border-radius:10px;box-shadow:0 2px 8px #0000001a;display:flex;flex-direction:column;overflow:hidden;box-sizing:border-box;margin:0;padding:0;border:var(--bw) var(--bs) var(--bc)}.hit-edge[data-v-1f4cb409]{position:absolute;background:transparent;z-index:999;pointer-events:auto}.hit-top[data-v-1f4cb409]{left:0;right:0;top:0;height:var(--bw)}.hit-right[data-v-1f4cb409]{top:0;right:0;bottom:0;width:var(--bw)}.hit-bottom[data-v-1f4cb409]{left:0;right:0;bottom:0;height:var(--bw)}.hit-left[data-v-1f4cb409]{top:0;left:0;bottom:0;width:var(--bw)}.diagram-header[data-v-1f4cb409]{background:rgba(255,255,255,.5);padding:3px 16px 3px 5px;display:inline-flex;align-items:center;position:relative;white-space:nowrap;align-self:flex-start}.diagram-header[data-v-1f4cb409]:after{content:"";position:absolute;bottom:-12px;right:-12px;width:20px;height:20px;background-color:var(--5113555a);transform:rotate(45deg);z-index:0}.diagram-title[data-v-1f4cb409]{font-family:var(--name-ff);font-size:var(--name-fs);font-weight:400;line-height:normal;letter-spacing:0em;font-variation-settings:"opsz" auto;font-feature-settings:"kern" on;color:var(--name-color);position:relative;z-index:2}.diagram-shape[data-v-d0030e67]{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;pointer-events:auto;touch-action:none;-webkit-touch-action:none;-ms-touch-action:none;zoom:1;transform:none!important;-webkit-transform:none!important;-moz-transform:none!important;-ms-transform:none!important}.diagram-svg[data-v-d0030e67]{width:100%;height:100%;transform:none!important;-webkit-transform:none!important}.capability-shape[data-v-5ba17051]{display:flex;align-items:center;justify-content:center;overflow:hidden}.capability-svg[data-v-5ba17051]{display:block}.capability-shape[data-v-8e8054b6]{display:flex;align-items:center;justify-content:center;overflow:hidden}.capability-svg[data-v-8e8054b6]{display:block}.capability-shape[data-v-27d34586]{display:flex;align-items:center;justify-content:center;overflow:hidden}.capability-svg[data-v-27d34586]{display:block}.capability-shape[data-v-5f0b14f5]{display:flex;align-items:center;justify-content:center;overflow:hidden}.capability-svg[data-v-5f0b14f5]{display:block}.capability-shape[data-v-49b887dd]{display:inline-block;position:relative;overflow:visible;box-sizing:content-box}[data-v-49b887dd] .name-text-svg{text-align:left}[data-v-49b887dd] .shape-name-svg{text-align:center}[data-v-49b887dd] .content-text-svg{font-size:13px;line-height:1.4;color:#000;font-family:Arial,sans-serif;min-height:20px;overflow:visible;width:100%;box-sizing:border-box}[data-v-49b887dd] .content-item{margin-bottom:4px;word-break:break-word;white-space:normal;overflow:visible;width:100%;box-sizing:border-box}[data-v-49b887dd] .content-item:last-child{margin-bottom:0}.edge-component[data-v-c885b93d]{position:absolute;pointer-events:all;cursor:pointer}.edge-svg[data-v-c885b93d]{width:100%;height:100%;overflow:visible}.edge-svg polyline[data-v-c885b93d]{pointer-events:all;stroke-linecap:round;stroke-linejoin:round}.edge-svg circle[data-v-c885b93d]{pointer-events:none}.diagram-shape[data-v-daf180ad]{-webkit-user-select:none;-moz-user-select:none;user-select:none}.diagram-svg[data-v-daf180ad]{width:100%;height:100%}.capability-shape[data-v-ec8f07ea]{display:flex;align-items:center;justify-content:center;overflow:hidden}.capability-svg[data-v-ec8f07ea]{display:block}.output-pin-shape[data-v-2081b7c7]{display:flex;align-items:center;justify-content:center;overflow:visible}.output-pin-svg[data-v-2081b7c7]{display:block;overflow:visible}.port-shape[data-v-4aa98dd6]{display:flex;align-items:center;justify-content:center;overflow:visible}.port-svg[data-v-4aa98dd6]{display:block;overflow:visible}.gantt-context-menu[data-v-4efbe149]{background-color:#fff;border:1px solid #ebeef5;border-radius:6px;box-shadow:0 2px 12px #0000001a;padding:6px 0;overflow-y:auto;box-sizing:border-box;transition:opacity .2s ease,transform .2s ease;transform-origin:top left}.gantt-context-menu[style*="display: block"][data-v-4efbe149]{animation:fadeIn-4efbe149 .2s ease forwards}@keyframes fadeIn-4efbe149{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.gantt-context-menu[data-v-4efbe149]::-webkit-scrollbar{width:6px}.gantt-context-menu[data-v-4efbe149]::-webkit-scrollbar-thumb{background-color:#ddd;border-radius:3px}.gantt-context-menu[data-v-4efbe149]::-webkit-scrollbar-track{background-color:#f5f5f5}.menu-item[data-v-4efbe149]{padding:0 15px;cursor:pointer;font-size:14px;color:#606266;border-radius:4px;height:36px;line-height:36px;box-sizing:border-box}.menu-item[data-v-4efbe149]:hover:not(.menu-disabled){background-color:#f5f7fa;color:#303133}.menu-disabled[data-v-4efbe149]{color:#c0c4cc!important;cursor:not-allowed!important;pointer-events:none}.menu-disabled[data-v-4efbe149]:hover{background-color:transparent!important}.menu-disabled img[data-v-4efbe149]{opacity:.5}.gantt-container[data-v-365c49d0]{--header-row-h: 28px;--data-row-h: 32px;display:flex;box-sizing:border-box;border:1px solid #dcdfe6;background:#fff;overflow:hidden;font-size:12px;font-family:Source Han Sans SC,Microsoft YaHei,PingFang SC,Arial,sans-serif}.gantt-search-bar[data-v-365c49d0]{position:absolute;top:0;left:0;right:0;height:36px;background:#f5f7fa;border-bottom:1px solid #dcdfe6;display:flex;align-items:center;padding:0 12px;gap:8px;z-index:10;box-sizing:border-box}.search-input[data-v-365c49d0]{flex:1;height:24px;padding:0 8px;border:1px solid #dcdfe6;border-radius:3px;font-size:12px;outline:none;transition:border-color .2s}.search-input[data-v-365c49d0]:focus{border-color:#409eff}.search-result-info[data-v-365c49d0]{font-size:12px;color:#606266;white-space:nowrap;min-width:60px;text-align:center}.search-nav-btn[data-v-365c49d0]{width:24px;height:24px;border:1px solid #dcdfe6;border-radius:3px;background:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#606266;transition:all .2s}.search-nav-btn[data-v-365c49d0]:hover:not(:disabled){border-color:#409eff;color:#409eff}.search-nav-btn[data-v-365c49d0]:disabled{cursor:not-allowed;opacity:.4}.search-close-btn[data-v-365c49d0]{width:24px;height:24px;border:1px solid #dcdfe6;border-radius:3px;background:#fff;cursor:pointer;font-size:18px;line-height:1;color:#909399;transition:all .2s;display:flex;align-items:center;justify-content:center}.search-close-btn[data-v-365c49d0]:hover{border-color:#f56c6c;color:#f56c6c}.gantt-left[data-v-365c49d0]{width:var(--8a4ac306);min-width:180px;flex-shrink:0;border-right:1px solid #dcdfe6;overflow-x:auto;overflow-y:auto;margin-top:var(--5ba84210)}.gantt-left[data-v-365c49d0]::-webkit-scrollbar{width:0;height:8px}.gantt-left[data-v-365c49d0]::-webkit-scrollbar-track{background:#f1f1f1}.gantt-left[data-v-365c49d0]::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}.gantt-left[data-v-365c49d0]::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.gantt-table[data-v-365c49d0]{width:-moz-max-content;width:max-content;min-width:100%;border-collapse:separate;border-spacing:0}.gantt-table th[data-v-365c49d0],.gantt-table td[data-v-365c49d0]{box-sizing:border-box;border:none;border-bottom:1px solid #ebeef5;border-right:1px solid #ebeef5;padding:0 8px;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;vertical-align:middle}.gantt-table th[data-v-365c49d0]:first-child,.gantt-table td[data-v-365c49d0]:first-child{border-left:1px solid #ebeef5}.header-row-1 th[data-v-365c49d0]{height:var(--header-row-h);background:#f5f7fa;position:sticky;top:0;z-index:1;border-top:1px solid #ebeef5;border-bottom-color:#dcdfe6}.header-row-2 th[data-v-365c49d0]{height:var(--header-row-h);background:#f5f7fa;font-weight:500;color:#606266;position:sticky;top:var(--header-row-h);z-index:1;border-bottom-color:#dcdfe6;padding:0}.th-content[data-v-365c49d0]{position:relative;width:100%;height:100%;display:flex;align-items:center;padding:0 8px}.th-label[data-v-365c49d0]{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}.col-resizer[data-v-365c49d0]{position:absolute;right:0;top:0;bottom:0;width:5px;cursor:col-resize;-webkit-user-select:none;-moz-user-select:none;user-select:none}.col-resizer[data-v-365c49d0]:hover{background-color:#409eff1a}.gantt-table td[data-v-365c49d0]{height:var(--data-row-h)}.gantt-spacer-row td[data-v-365c49d0]{height:0;padding:0;border:none!important}.gantt-spacer[data-v-365c49d0]{width:1px}.gantt-row[data-v-365c49d0]:has(.col-date>div){position:relative;z-index:10}.col-name[data-v-365c49d0]{max-width:none}.col-date[data-v-365c49d0]{width:auto;font-size:11px;color:#909399;text-align:center;position:relative;cursor:default}.col-date[data-v-365c49d0]:has(div){overflow:visible!important}.col-date>div[data-v-365c49d0]{position:relative;z-index:100}.col-date[data-v-365c49d0] .el-date-editor{width:100%!important}.col-date[data-v-365c49d0] .el-input__wrapper{padding:0 4px;height:26px;font-size:11px}.col-date[data-v-365c49d0] .el-picker__popper{z-index:1000!important}.expand-icon[data-v-365c49d0]{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.item-name[data-v-365c49d0]{overflow:hidden;text-overflow:ellipsis}.cell-input[data-v-365c49d0]{width:100%;height:24px;padding:0 4px;border:1px solid #409eff;border-radius:2px;font-size:12px;outline:none;box-sizing:border-box;background:#fff}.cell-input[data-v-365c49d0]:focus{border-color:#409eff;box-shadow:0 0 0 2px #409eff33}.gantt-divider[data-v-365c49d0]{width:4px;cursor:col-resize;background:#dcdfe6;flex-shrink:0}.gantt-divider[data-v-365c49d0]:hover{background:#409eff}.gantt-timeline[data-v-365c49d0]{flex:1;overflow:auto;position:relative;margin-top:var(--5ba84210)}.gantt-left[data-v-365c49d0],.gantt-timeline[data-v-365c49d0]{padding-bottom:var(--gantt-bottom-compensation, 0px)}.gantt-timeline[data-v-365c49d0]::-webkit-scrollbar{width:8px;height:8px}.gantt-timeline[data-v-365c49d0]::-webkit-scrollbar-track{background:#f1f1f1}.gantt-timeline[data-v-365c49d0]::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}.gantt-timeline[data-v-365c49d0]::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.timeline-header[data-v-365c49d0]{position:sticky;top:0;z-index:2;background:#f5f7fa}.year-row[data-v-365c49d0]{display:flex;height:var(--header-row-h);border-bottom:1px solid #dcdfe6;box-sizing:border-box}.year-cell[data-v-365c49d0]{text-align:center;font-weight:500;line-height:calc(var(--header-row-h) - 1px);color:#303133;border-right:1px solid #ebeef5;flex-shrink:0;box-sizing:border-box}.month-row[data-v-365c49d0]{display:flex;height:var(--header-row-h);border-bottom:1px solid #dcdfe6;box-sizing:border-box}.month-cell[data-v-365c49d0]{text-align:center;line-height:calc(var(--header-row-h) - 1px);color:#606266;border-right:1px solid #ebeef5;flex-shrink:0;box-sizing:border-box}.timeline-body[data-v-365c49d0]{position:relative}.timeline-spacer[data-v-365c49d0]{width:100%;pointer-events:none}.grid-lines[data-v-365c49d0]{position:absolute;inset:0;pointer-events:none}.grid-line[data-v-365c49d0]{position:absolute;top:0;bottom:0;width:1px;border-left:1px dashed #e4e7ed}.bar-row[data-v-365c49d0]{height:var(--data-row-h);position:relative;border-bottom:1px solid #ebeef5;box-sizing:border-box}.gantt-bar[data-v-365c49d0]{position:absolute;top:6px;height:20px;border-radius:3px;background:#409eff;opacity:.85}.row-selected[data-v-365c49d0]{background-color:#ecf5ff!important}.gantt-row.row-selected td[data-v-365c49d0]{background-color:#ecf5ff}.gantt-milestone[data-v-365c49d0]{position:absolute;top:8px;width:14px;height:14px;background:#e6a23c;transform:rotate(45deg);margin-left:-7px}.diagram-list-tooltip[data-v-25147cf1]{position:fixed;background:#ffffff;border:1px solid #e5e7eb;border-radius:6px;padding:10px 6px;box-shadow:0 4px 12px #00000026;z-index:9999;width:180px;max-width:300px}.tooltip-title[data-v-25147cf1]{padding:0 12px}.diagram-item{&[data-v-25147cf1]{display:flex;align-items:center;padding:0 12px;cursor:pointer;border-radius:4px;height:36px;line-height:36px;transition:background-color .2s}.diagram-name[data-v-25147cf1]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}}.diagram-item[data-v-25147cf1]:hover{background-color:#f0f3f6}.diagram-icon[data-v-25147cf1]{width:24px;height:24px;margin-right:6px}.gantt-container[data-v-1186ebb0]{--header-row-h: 28px;--data-row-h: 32px;position:relative;display:flex;width:100%;height:100%;border:1px solid #dcdfe6;background:#fff;overflow:hidden;font-size:12px;font-family:Source Han Sans SC,Microsoft YaHei,PingFang SC,Arial,sans-serif}.gantt-left[data-v-1186ebb0]{width:100%;overflow:auto}.gantt-left.with-search-bar[data-v-1186ebb0]{margin-top:36px}.table-spacer-row td[data-v-1186ebb0]{height:0;padding:0;border:none!important}.table-spacer[data-v-1186ebb0]{width:1px}.gantt-table[data-v-1186ebb0]{border-collapse:separate;border-spacing:0;table-layout:fixed}.th-content[data-v-1186ebb0]{position:relative;display:flex;align-items:center;width:100%;height:100%;min-width:0;box-sizing:border-box}.th-content[data-v-1186ebb0]>:nth-child(1){margin-left:4px}.gantt-table th[data-v-1186ebb0],.gantt-table td[data-v-1186ebb0]{box-sizing:border-box;padding:0 8px;border:none;border-bottom:1px solid #ebeef5;border-right:1px solid #ebeef5;text-align:left;vertical-align:middle;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gantt-table th[data-v-1186ebb0]:first-child,.gantt-table td[data-v-1186ebb0]:first-child{border-left:1px solid #ebeef5;width:50px;min-width:50px;max-width:50px}.header-row-2 th[data-v-1186ebb0]{position:sticky;z-index:1;height:var(--header-row-h);background:#f5f7fa;border-bottom-color:#dcdfe6;font-weight:500;color:#606266}.gantt-table td[data-v-1186ebb0]{height:var(--data-row-h)}.col-name[data-v-1186ebb0]{text-align:left}.col-td[data-v-1186ebb0]{text-align:center}.col-index[data-v-1186ebb0]{width:60px!important}.th-label[data-v-1186ebb0]{font-weight:600}.cell-text[data-v-1186ebb0]{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.expand-icon[data-v-1186ebb0]{display:inline-block;margin-right:4px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.item-name[data-v-1186ebb0]{display:inline-block;width:100%;overflow:hidden;text-overflow:ellipsis;vertical-align:middle;display:flex;align-items:center;min-width:0}.expand-icon[data-v-1186ebb0]{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;margin-right:5px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.item-index[data-v-1186ebb0]{text-align:center}.cell-input[data-v-1186ebb0]{width:100%}.cell-input[data-v-1186ebb0] .el-input__wrapper{padding:0 6px;height:24px;box-shadow:0 0 0 1px #409eff inset;border-radius:3px}.cell-select[data-v-1186ebb0]{width:100%}.cell-select[data-v-1186ebb0] .el-input__wrapper{min-height:24px;height:24px;padding:0 6px;border-radius:3px}.cell-boolean-display[data-v-1186ebb0]{overflow:visible}.cell-boolean-group[data-v-1186ebb0]{display:inline-flex;align-items:center;height:24px}.cell-boolean-group[data-v-1186ebb0] .el-radio{align-items:center;margin-right:10px;margin-bottom:0}.cell-boolean-group[data-v-1186ebb0] .el-radio:last-child{margin-right:0}.cell-boolean-group[data-v-1186ebb0] .el-radio__label{padding-left:4px}.cell-date[data-v-1186ebb0]{width:100%}.cell-date[data-v-1186ebb0] .el-input__wrapper{min-height:24px;height:24px;padding:0 6px;border-radius:3px}.cell-textarea[data-v-1186ebb0]{width:100%}.cell-textarea[data-v-1186ebb0] .el-textarea__inner{font-size:12px;line-height:18px;padding:4px 6px}.col-resizer[data-v-1186ebb0]{position:absolute;right:-8px;top:0;bottom:0;width:5px;cursor:col-resize;-webkit-user-select:none;-moz-user-select:none;user-select:none}.col-resizer[data-v-1186ebb0]:hover{background-color:#409eff1a}.row-selected[data-v-1186ebb0]{background-color:#ecf5ff!important}.gantt-row.row-selected td[data-v-1186ebb0]{background-color:#ecf5ff}.matrix-context-menu[data-v-e51e812e]{background-color:#fff;border:1px solid #ebeef5;border-radius:6px;box-shadow:0 2px 12px #0000001a;padding:6px 0;overflow-y:auto;box-sizing:border-box;transition:opacity .2s ease,transform .2s ease;transform-origin:top left}.matrix-context-menu[style*="display: block"][data-v-e51e812e]{animation:fadeIn-e51e812e .2s ease forwards}@keyframes fadeIn-e51e812e{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.matrix-context-menu[data-v-e51e812e]::-webkit-scrollbar{width:6px}.matrix-context-menu[data-v-e51e812e]::-webkit-scrollbar-thumb{background-color:#ddd;border-radius:3px}.matrix-context-menu[data-v-e51e812e]::-webkit-scrollbar-track{background-color:#f5f5f5}.menu-item[data-v-e51e812e]{padding:0 15px;cursor:pointer;font-size:14px;color:#606266;border-radius:4px;height:36px;line-height:36px;box-sizing:border-box}.menu-item[data-v-e51e812e]:hover{background-color:#f5f7fa;color:#303133}.matrix[data-v-3961ece7]{width:100%;height:100%;display:flex;flex-direction:column;overflow:hidden;background:#fff}.matrix-header[data-v-3961ece7]{padding:8px 12px;border-bottom:1px solid #e8e8e8;display:flex;align-items:center;gap:8px}.matrix-header .matrix-header-left[data-v-3961ece7]{display:flex;align-items:center;gap:6px}.matrix-header .matrix-header-title[data-v-3961ece7]{font-weight:600;font-size:14px}.matrix-header .matrix-header-icon[data-v-3961ece7]{display:inline-flex;align-items:center;cursor:pointer;color:#606266;font-size:14px;padding:2px 4px;border:1px solid #dcdfe6;border-radius:4px}.matrix-header .matrix-header-icon .icon-grids[data-v-3961ece7]{margin-right:2px}.matrix-header .matrix-header-icon .icon-arrow[data-v-3961ece7]{font-size:10px;opacity:.8}.matrix-toolbar[data-v-3961ece7]{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border-bottom:1px solid #e8e8e8;flex-shrink:0}.matrix-criteria[data-v-3961ece7]{display:flex;align-items:center;gap:8px}.matrix-criteria .criteria-label[data-v-3961ece7]{font-size:12px;color:#666}.matrix-criteria .criteria-select[data-v-3961ece7]{width:120px}.matrix-criteria .find-input[data-v-3961ece7]{width:160px}.matrix-criteria .criteria-checkbox[data-v-3961ece7]{font-size:12px;color:#606266}.matrix-table-wrap[data-v-3961ece7]{flex:1;overflow:auto;padding:12px}.matrix-table[data-v-3961ece7]{border-collapse:collapse;min-width:100%;font-size:12px}.matrix-table th[data-v-3961ece7],.matrix-table td[data-v-3961ece7]{border:none;padding:6px 8px;vertical-align:middle}.matrix-table .matrix-corner[data-v-3961ece7]{min-width:140px;width:140px;background:#fff;border-right:1px solid #d0d0d0;border-bottom:1px solid #d0d0d0;vertical-align:middle}.matrix-table .matrix-corner .matrix-corner__header[data-v-3961ece7]{display:inline-flex;align-items:center;gap:6px;padding:4px 0}.matrix-table .matrix-corner .matrix-corner__icon-img[data-v-3961ece7]{width:16px;height:16px;display:block;flex-shrink:0}.matrix-table .matrix-corner .matrix-corner__icon[data-v-3961ece7]{width:18px;height:18px;border-radius:50%;background:#f0c000;color:#333;display:inline-flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;flex-shrink:0}.matrix-table .matrix-corner .matrix-corner__name[data-v-3961ece7]{font-size:12px;color:#303133;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.matrix-table .matrix-col-header[data-v-3961ece7]{min-width:48px;text-align:left;background:#fff;font-weight:500;font-size:12px;color:#303133;vertical-align:middle;cursor:pointer}.matrix-table .matrix-col-header .matrix-col-header__inner[data-v-3961ece7]{display:inline-flex;align-items:center;gap:6px;min-height:28px}.matrix-table .matrix-col-header.matrix-col-header--parent[data-v-3961ece7]{border-bottom:1px dashed #999}.matrix-table .matrix-col-header.matrix-col-header--parent .col-expand--square[data-v-3961ece7]{width:16px;height:16px;border:1px solid #c0c4cc;border-radius:2px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;font-size:12px;color:#606266;flex-shrink:0}.matrix-table .matrix-col-header.matrix-col-header--parent .col-node-icon--folder[data-v-3961ece7]{flex-shrink:0;font-size:14px}.matrix-table .matrix-col-header .col-node-icon--img[data-v-3961ece7]{width:16px;height:16px;display:block;flex-shrink:0}.matrix-table .matrix-col-header .col-node-icon--circle[data-v-3961ece7]{width:18px;height:18px;border-radius:50%;background:#f0c000;color:#333;display:inline-flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;flex-shrink:0}.matrix-table .matrix-col-header.matrix-col-header--leaf[data-v-3961ece7]{text-align:center;position:relative;padding-top:14px;border-bottom:1px solid #d0d0d0}.matrix-table .matrix-col-header.matrix-col-header--leaf .matrix-col-header__inner[data-v-3961ece7]{justify-content:center;margin:0 auto}.matrix-table .matrix-col-header.matrix-col-header--leaf[data-v-3961ece7]:before{content:"";position:absolute;left:50%;top:0;height:14px;width:0;border-left:1px dashed #333}.matrix-table .matrix-col-header.matrix-col-header--spanning[data-v-3961ece7]{vertical-align:bottom;text-align:center;position:relative;padding-top:14px;border-bottom:1px solid #d0d0d0}.matrix-table .matrix-col-header.matrix-col-header--spanning[data-v-3961ece7]:before{content:"";position:absolute;left:50%;top:0;height:calc(100% - 30px);width:0;border-left:1px dashed #333}.matrix-table .matrix-col-header.matrix-col-header--root-vline[data-v-3961ece7]{padding:0;border-bottom:1px solid #d0d0d0;position:relative}.matrix-table .matrix-col-header.matrix-col-header--root-vline[data-v-3961ece7]:before{content:"";position:absolute;left:50%;top:0;bottom:0;width:0;border-left:1px dashed #333}.matrix-table .matrix-col-header .col-node-label[data-v-3961ece7]{color:#303133}.matrix-table .matrix-row-header[data-v-3961ece7]{min-width:200px;background:#fff;padding:0 10px;vertical-align:middle;border-right:1px solid #d0d0d0;cursor:pointer}.matrix-table .matrix-row-header.matrix-row-header--selected[data-v-3961ece7],.matrix-table tr.matrix-row--selected .matrix-cell[data-v-3961ece7],.matrix-table .matrix-col-header.matrix-col-header--selected[data-v-3961ece7]{background:#e6f7ff}.matrix-table .matrix-cell.matrix-cell--selected[data-v-3961ece7]{background:#bae7ff}.matrix-table .matrix-row-header .row-tree-cell[data-v-3961ece7]{position:relative;display:flex;align-items:center;min-height:28px;font-size:12px;gap:6px}.matrix-table .row-conn-vline[data-v-3961ece7]{position:absolute;top:0;bottom:0;width:0;border-left:1px dashed #999;pointer-events:none}.matrix-table .row-conn-branch[data-v-3961ece7]{position:absolute;top:0;bottom:0;pointer-events:none}.matrix-table .row-conn-branch[data-v-3961ece7]:before{content:"";position:absolute;left:0;top:0;bottom:0;border-left:1px dashed #999}.matrix-table .row-conn-branch[data-v-3961ece7]:after{content:"";position:absolute;left:0;top:50%;right:0;border-top:1px dashed #999}.matrix-table .row-conn-branch.row-conn-branch--last[data-v-3961ece7]:before{bottom:50%}.matrix-table .row-expand[data-v-3961ece7]{width:16px;height:16px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;line-height:1}.matrix-table .row-expand.row-expand--square[data-v-3961ece7]{border:1px solid #c0c4cc;border-radius:2px;font-size:12px;color:#606266;background:#fff}.matrix-table .row-expand-placeholder[data-v-3961ece7]{width:16px;flex-shrink:0}.matrix-table .row-node-icon--folder[data-v-3961ece7]{flex-shrink:0;font-size:14px}.matrix-table .row-node-icon--img[data-v-3961ece7]{width:16px;height:16px;display:block;flex-shrink:0}.matrix-table .row-node-icon--circle[data-v-3961ece7]{width:18px;height:18px;border-radius:50%;background:#e6a23c;color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;flex-shrink:0}.matrix-table .row-node-label[data-v-3961ece7]{color:#303133}.matrix-table .matrix-cell[data-v-3961ece7]{min-width:48px;text-align:center;color:#303133;background:#fff;border:1px solid #d0d0d0;cursor:pointer}.matrix-table .matrix-cell.matrix-cell--has-value[data-v-3961ece7]{background:#e6f7ff}.matrix-table .matrix-cell.matrix-cell--disabled[data-v-3961ece7]{background:#f5f5f5;color:#c0c4cc;cursor:not-allowed}.matrix-table .matrix-cell .cell-dependency[data-v-3961ece7]{color:#1890ff;font-weight:700;font-size:14px}.matrix-table .matrix-cell .cell-dependency.cell-arrow--up[data-v-3961ece7],.matrix-table .matrix-cell .cell-dependency.cell-arrow--down[data-v-3961ece7]{font-size:16px;font-weight:700}.matrix-table .matrix-cell .cell-value[data-v-3961ece7]{font-weight:500}.graph-view[data-v-9074f03d]{width:100%;height:100%;background-color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;position:relative;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;user-select:none}.diagram-content[data-v-9074f03d]{position:absolute;inset:10px 0 10px 10px;overflow:auto;touch-action:none}.shapes-container[data-v-9074f03d]{position:relative;width:100%;height:100%;min-height:600px;transform-origin:0 0;transform:scale(var(--df80ced4))}.shapes-container[data-v-9074f03d]>*{position:absolute;will-change:transform}.zoom-level[data-v-9074f03d]{position:absolute;bottom:30px;right:15px;font-size:10px;font-weight:500;min-width:35px;text-align:center;color:#333;background:rgba(255,255,255,.9);padding:2px 6px;border-radius:3px;box-shadow:0 1px 3px #0000001a}.cut-overlay-svg[data-v-9074f03d]{position:absolute;top:0;left:0;pointer-events:none;z-index:998}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mx-sose-front/mx-sose-graph",
-  "version": "1.2.7",
+  "version": "1.2.9",
   "description": "A Vue3 graph visualization plugin library",
   "main": "dist/index.js",
   "module": "dist/index.esm.js",

package/src/components/ContextMenu/ContextMenu.vue

@@ -353,8 +353,8 @@ const handleSelectChart = (payload: { value: any; isChart: boolean }) => {
 };
 
 // 用于存储延迟关闭的定时器
-let tooltipCloseTimer: NodeJS.Timeout | null = null
-let displayTooltipCloseTimer: NodeJS.Timeout | null = null
+let tooltipCloseTimer: ReturnType<typeof setTimeout> | null = null
+let displayTooltipCloseTimer: ReturnType<typeof setTimeout> | null = null
 
 // 更新展示弹框位置
 const updateDisplayTooltipPosition = () => {

package/src/store/graphStore.ts

@@ -798,12 +798,10 @@ export const useGraphStore = defineStore('graph', () => {
           }
         }
       }
-      console.log('1. endDragShape start')
       // 更新相关 edge 的 waypoints
       await EdgeUtils.updateRelatedEdgesAsync(shapes.value, changedIds, (shape) => {
         updateShape(shape.id, shape)
       }, edgesByNodeId.value, shapeMap.value)
-      console.log('2. updateRelatedEdgesAsync done')
       //对“本次直接拖动的隔间”做一次自动扩容检查
       autoExpandMovedCompartmentsAfterDrag(shapes.value, changedIds, updateShape)
       // 把 clone 也并入“需要同步 comparents 的变更集合”
@@ -861,10 +859,8 @@ export const useGraphStore = defineStore('graph', () => {
       }
       //对外只暴露一个事件：shape-drag-end
       eventBus.emit('shape-drag-end', payloads, ownerPayload, onNestDone)
-      console.log('3. emit done')
       // 清理拖拽状态
       cleanupAfterDrag()
-      console.log('4. cleanupAfterDrag done')
     } catch (e) {
       console.error('endDragShape 执行失败:', e)
     } finally {

package/src/utils/edgeUtils.ts

@@ -836,85 +836,99 @@ export class EdgeUtils {
     }
   ): {
     connectionData: typeof connectionData;
-    outputPinBounds: { x: number; y: number; width: number; height: number; direction?: string };
-    inputPinBounds: { x: number; y: number; width: number; height: number; direction?: string };
+    outputPinBounds: { x: number; y: number; width: number; height: number; direction?: string } | null;
+    inputPinBounds: { x: number; y: number; width: number; height: number; direction?: string } | null;
   } {
-    // 创建临时 OutputPin 对象用于计算 bounds（只包含必要属性）
-    const outputPin: Shape = {
-      shapeKey: 'OutputPin',
-      shapeType: 'pin',
-      bounds: {
-        x: connectionData.sourcePoint.x,
-        y: connectionData.sourcePoint.y,
+    const sourceIsPin = String(sourceShape.shapeType).trim().toLowerCase() === 'pin';
+    const targetIsPin = String(targetShape.shapeType).trim().toLowerCase() === 'pin';
+
+    let outputPin: Shape;
+    let outputPinBounds: { x: number; y: number; width: number; height: number; direction?: string } | null = null;
+
+    if (sourceIsPin) {
+      outputPin = sourceShape;
+    } else {
+      outputPin = {
+        shapeKey: 'OutputPin',
+        shapeType: 'pin',
+        bounds: {
+          x: connectionData.sourcePoint.x,
+          y: connectionData.sourcePoint.y,
+          width: 22,
+          height: 22,
+        },
+      } as Shape;
+
+      const adjustedOutputPinPos = snapPinToParentEdge(
+        connectionData.sourcePoint,
+        sourceShape,
+        outputPin
+      );
+      outputPin.bounds = {
+        x: adjustedOutputPinPos.x,
+        y: adjustedOutputPinPos.y,
         width: 22,
         height: 22,
-      },
-    } as Shape;
-
-    // 使用 snapPinToParentEdge 调整 outputPin 的位置
-    const adjustedOutputPinPos = snapPinToParentEdge(
-      connectionData.sourcePoint,
-      sourceShape,
-      outputPin
-    );
-    outputPin.bounds = {
-      x: adjustedOutputPinPos.x,
-      y: adjustedOutputPinPos.y,
-      width: 22,
-      height: 22,
-    };
+      };
 
-    // 创建临时 InputPin 对象用于计算 bounds（只包含必要属性）
-    const inputPin: Shape = {
-      shapeKey: 'InputPin',
-      shapeType: 'pin',
-      bounds: {
-        x: connectionData.targetPoint.x,
-        y: connectionData.targetPoint.y,
+      outputPinBounds = {
+        x: outputPin.bounds.x ?? 0,
+        y: outputPin.bounds.y ?? 0,
+        width: outputPin.bounds.width ?? 22,
+        height: outputPin.bounds.height ?? 22,
+        direction: outputPin.direction,
+      };
+    }
+
+    let inputPin: Shape;
+    let inputPinBounds: { x: number; y: number; width: number; height: number; direction?: string } | null = null;
+
+    if (targetIsPin) {
+      inputPin = targetShape;
+    } else {
+      inputPin = {
+        shapeKey: 'InputPin',
+        shapeType: 'pin',
+        bounds: {
+          x: connectionData.targetPoint.x,
+          y: connectionData.targetPoint.y,
+          width: 22,
+          height: 22,
+        },
+      } as Shape;
+
+      const adjustedInputPinPos = snapPinToParentEdge(
+        connectionData.targetPoint,
+        targetShape,
+        inputPin
+      );
+      inputPin.bounds = {
+        x: adjustedInputPinPos.x,
+        y: adjustedInputPinPos.y,
         width: 22,
         height: 22,
-      },
-    } as Shape;
-
-    // 使用 snapPinToParentEdge 调整 inputPin 的位置
-    const adjustedInputPinPos = snapPinToParentEdge(
-      connectionData.targetPoint,
-      targetShape,
-      inputPin
-    );
-    inputPin.bounds = {
-      x: adjustedInputPinPos.x,
-      y: adjustedInputPinPos.y,
-      width: 22,
-      height: 22,
-    };
+      };
+
+      inputPinBounds = {
+        x: inputPin.bounds.x ?? 0,
+        y: inputPin.bounds.y ?? 0,
+        width: inputPin.bounds.width ?? 22,
+        height: inputPin.bounds.height ?? 22,
+        direction: inputPin.direction,
+      };
+    }
 
-    // 根据 pin 的方向计算连接点位置
     const outputPinConnectionPoint = EdgeUtils.calculatePinConnectionPoint(outputPin);
     const inputPinConnectionPoint = EdgeUtils.calculatePinConnectionPoint(inputPin);
 
-    // 修改 connectionData 的连接点
     connectionData.sourcePoint = outputPinConnectionPoint;
     connectionData.targetPoint = inputPinConnectionPoint;
-    // 更新 waypoints
     connectionData.waypoints = [outputPinConnectionPoint, inputPinConnectionPoint];
 
     return {
       connectionData,
-      outputPinBounds: {
-        x: outputPin.bounds.x ?? 0,
-        y: outputPin.bounds.y ?? 0,
-        width: outputPin.bounds.width ?? 22,
-        height: outputPin.bounds.height ?? 22,
-        direction: outputPin.direction,
-      },
-      inputPinBounds: {
-        x: inputPin.bounds.x ?? 0,
-        y: inputPin.bounds.y ?? 0,
-        width: inputPin.bounds.width ?? 22,
-        height: inputPin.bounds.height ?? 22,
-        direction: inputPin.direction,
-      },
+      outputPinBounds,
+      inputPinBounds,
     };
   }
 }