@mx-sose-front/mx-sose-graph 1.1.6 → 1.1.7

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-a7475c72]{position:absolute;top:0;left:0;width:100%;height:100%;transform-origin:0 0;transform:scale(var(--c994dcd8));pointer-events:all;z-index:999}.hover-container-outline[data-v-a7475c72]{position:absolute;pointer-events:none;padding:6px;top:6px}.hover-container-outline.is-valid[data-v-a7475c72]{border:2px solid #0000ff}.hover-container-outline.is-invalid[data-v-a7475c72]{border:2px solid #f1eded;background:rgba(240,237,237,.842)}.resize-ghost[data-v-a7475c72]{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-a7475c72]{position:absolute;pointer-events:none;z-index:1000}.connect-dot-direct[data-v-a7475c72],.connect-dot-target[data-v-a7475c72]{width:8px;height:8px;background-color:#000;border-radius:50%;border:1px solid #fff;box-shadow:0 0 4px #0000004d}.connection-line[data-v-a7475c72]{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1000}.highlight-overlay[data-v-a7475c72]{position:absolute;pointer-events:none;box-sizing:border-box;z-index:1001;border-radius:2px}.highlight-overlay.blue[data-v-a7475c72]{border:3px solid #1890ff}.highlight-overlay.red[data-v-a7475c72]{border:3px solid #f56c6c}.ghost-outline[data-v-a7475c72]{position:absolute;border:4px solid #8a6d3b;background:transparent;pointer-events:none;border-radius:4px;z-index:9998;box-sizing:border-box}.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-05edf0d1]{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-05edf0d1]{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-4f0bb734]{display:inline-block;position:relative;overflow:visible;box-sizing:content-box}[data-v-4f0bb734] .name-text-svg{text-align:left}[data-v-4f0bb734] .shape-name-svg{text-align:center}[data-v-4f0bb734] .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-4f0bb734] .content-item{margin-bottom:4px;word-break:break-word;white-space:normal;overflow:visible;width:100%;box-sizing:border-box}[data-v-4f0bb734] .content-item:last-child{margin-bottom:0}.edge-component[data-v-8ed11c37]{position:absolute;pointer-events:all;cursor:pointer}.edge-svg[data-v-8ed11c37]{width:100%;height:100%;overflow:visible}.edge-svg polyline[data-v-8ed11c37]{pointer-events:all;stroke-linecap:round;stroke-linejoin:round}.edge-svg circle[data-v-8ed11c37]{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}.diagram-list-tooltip[data-v-4e4791fa]{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-4e4791fa]{padding:0 12px}.diagram-item{&[data-v-4e4791fa]{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-4e4791fa]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}}.diagram-item[data-v-4e4791fa]:hover{background-color:#f0f3f6}.diagram-icon[data-v-4e4791fa]{width:24px;height:24px;margin-right:6px}.graph-view[data-v-f90f1704]{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-f90f1704]{position:absolute;inset:10px 0 10px 10px;overflow:auto;touch-action:none}.shapes-container[data-v-f90f1704]{position:relative;width:100%;height:100%;min-height:600px;transform-origin:0 0;transform:scale(var(--478247fa))}.shapes-container[data-v-f90f1704]>*{position:absolute;will-change:transform}.zoom-level[data-v-f90f1704]{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-f90f1704]{position:absolute;top:0;left:0;width:100%;height:100%;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-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-24a22c8c]{position:absolute;top:0;left:0;width:100%;height:100%;transform-origin:0 0;transform:scale(var(--65f24407));pointer-events:all;z-index:999}.hover-container-outline[data-v-24a22c8c]{position:absolute;pointer-events:none;padding:6px;top:6px}.hover-container-outline.is-valid[data-v-24a22c8c]{border:2px solid #0000ff}.hover-container-outline.is-invalid[data-v-24a22c8c]{border:2px solid #f1eded;background:rgba(240,237,237,.842)}.resize-ghost[data-v-24a22c8c]{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-24a22c8c]{position:absolute;pointer-events:none;z-index:1000}.connect-dot-direct[data-v-24a22c8c],.connect-dot-target[data-v-24a22c8c]{width:8px;height:8px;background-color:#000;border-radius:50%;border:1px solid #fff;box-shadow:0 0 4px #0000004d}.connection-line[data-v-24a22c8c]{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1000}.highlight-overlay[data-v-24a22c8c]{position:absolute;pointer-events:none;box-sizing:border-box;z-index:1001;border-radius:2px}.highlight-overlay.blue[data-v-24a22c8c]{border:3px solid #1890ff}.highlight-overlay.red[data-v-24a22c8c]{border:3px solid #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-05edf0d1]{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-05edf0d1]{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-4f0bb734]{display:inline-block;position:relative;overflow:visible;box-sizing:content-box}[data-v-4f0bb734] .name-text-svg{text-align:left}[data-v-4f0bb734] .shape-name-svg{text-align:center}[data-v-4f0bb734] .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-4f0bb734] .content-item{margin-bottom:4px;word-break:break-word;white-space:normal;overflow:visible;width:100%;box-sizing:border-box}[data-v-4f0bb734] .content-item:last-child{margin-bottom:0}.edge-component[data-v-8ed11c37]{position:absolute;pointer-events:all;cursor:pointer}.edge-svg[data-v-8ed11c37]{width:100%;height:100%;overflow:visible}.edge-svg polyline[data-v-8ed11c37]{pointer-events:all;stroke-linecap:round;stroke-linejoin:round}.edge-svg circle[data-v-8ed11c37]{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}.diagram-list-tooltip[data-v-4e4791fa]{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-4e4791fa]{padding:0 12px}.diagram-item{&[data-v-4e4791fa]{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-4e4791fa]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}}.diagram-item[data-v-4e4791fa]:hover{background-color:#f0f3f6}.diagram-icon[data-v-4e4791fa]{width:24px;height:24px;margin-right:6px}.graph-view[data-v-d4982c78]{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-d4982c78]{position:absolute;inset:10px 0 10px 10px;overflow:auto;touch-action:none}.shapes-container[data-v-d4982c78]{position:relative;width:100%;height:100%;min-height:600px;transform-origin:0 0;transform:scale(var(--18ea7fc8))}.shapes-container[data-v-d4982c78]>*{position:absolute;will-change:transform}.zoom-level[data-v-d4982c78]{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-d4982c78]{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:998}

package/package.json

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

package/src/components/InteractionLayer.vue

@@ -26,24 +26,9 @@
     <!-- 框选预览矩形 -->
     <div v-show="marqueeRect" class="marquee-rect"
       :style="getMarqueeStyle(marqueeRect || { x: 0, y: 0, width: 0, height: 0 })" />
-    <!-- 拖动和缩放的预览框 - 使用简化的 div 轮廓框，性能更好 -->
-    <div 
-      v-for="g in dragGhostRects" 
-      :key="g.id" 
-      class="ghost-outline"
-      :style="{
-        left: g.x + 'px',
-        top: g.y + 'px',
-        width: g.width + 'px',
-        height: g.height + 'px',
-      }" 
-    />
-    <!-- 缩放预览框仍使用完整组件（数量少，需要看到内容变化） -->
-    <component v-for="g in resizeGhosts" :key="g.id" class="ghost-shape" :is="getShapeComponent(g)" :shape="g"
+    <!-- 拖动和缩放的预览框 -->
+    <component v-for="g in allGhosts" :key="g.id" class="ghost-shape" :is="getShapeComponent(g)" :shape="g"
       :style="getGhostShapeStyle(g)" />
-    <!-- 高亮图元 -->
-    <component v-if="highlightedGhost" :key="highlightedGhost.id" class="ghost-shape" :is="getShapeComponent(highlightedGhost)" :shape="highlightedGhost"
-      :style="getGhostShapeStyle(highlightedGhost)" />
     <!-- 名称编辑组件 -->
     <NameEditor :selected-shape="graphStore.selectedShape" :can-edit="!graphStore.pendingNestedIds.includes(
       graphStore.selectedShape?.id || ''
@@ -172,71 +157,7 @@ const hoverRect = computed(() => {
   const b = getBounds(s);
   return { x: b.x, y: b.y, width: b.width, height: b.height };
 });
-
-// 拖动预览框 - 只返回简单的矩形数据，用于渲染轻量级 div
-type GhostRect = { id: string; x: number; y: number; width: number; height: number };
-
-const dragGhostRects = computed<GhostRect[]>(() => {
-  if (!graphStore.isDragging || isExternalCreateDragging.value) return [];
-  
-  const rects: GhostRect[] = [];
-  const dragBase = graphStore.dragBase;
-  const descendantsSnapshot = graphStore.dragDescendantsSnapshot;
-  
-  for (const ghost of graphStore.ghostShadow) {
-    if (!ghost.bounds) continue;
-    
-    // 从 dragBase 获取拖动开始时的坐标（而不是实时坐标）
-    const baseBounds = dragBase[ghost.id];
-    if (!baseBounds) continue;
-    
-    // 计算位移量
-    const dx = (ghost.bounds.x ?? 0) - baseBounds.x;
-    const dy = (ghost.bounds.y ?? 0) - baseBounds.y;
-    
-    // 添加父元素预览框
-    rects.push({
-      id: ghost.id,
-      x: ghost.bounds.x ?? 0,
-      y: ghost.bounds.y ?? 0,
-      width: ghost.bounds.width ?? 0,
-      height: ghost.bounds.height ?? 0,
-    });
-    
-    // 从快照中获取后代，应用位移（不需要每帧递归收集）
-    const cachedDescendants = descendantsSnapshot.get(ghost.id);
-    if (cachedDescendants && cachedDescendants.length > 0) {
-      for (const desc of cachedDescendants) {
-        rects.push({
-          id: desc.id,
-          x: desc.x + dx,
-          y: desc.y + dy,
-          width: desc.width,
-          height: desc.height,
-        });
-      }
-    }
-  }
-  return rects;
-});
-
-// 缩放预览框 - 需要完整渲染组件
-const resizeGhosts = computed<Shape[]>(() => resizeGhostShadow.value);
-
-// 高亮图元的 ghost
-const highlightedGhost = computed<Shape | null>(() => {
-  if (!highlightedShape.value) return null;
-  return {
-    ...highlightedShape.value,
-    meta: {
-      ...(highlightedShape.value as any).meta,
-      isHighlighted: true,
-      isGhost: true,
-    },
-  } as Shape;
-});
-
-// 保留 allGhosts 用于兼容（如果其他地方用到）
+// 把拖动缩放预览框合并，
 const allGhosts = computed<Shape[]>(() => {
   const byId = new Map<string, Shape>();
   // 收集所有Ghost形状
@@ -1854,15 +1775,4 @@ defineExpose({
 .highlight-overlay.red {
   border: 3px solid #f56c6c;
 }
-
-/* 拖动预览框 - 简化的轮廓框，性能更好 */
-.ghost-outline {
-  position: absolute;
-  border: 4px solid #8a6d3b;
-  background: transparent;
-  pointer-events: none;
-  border-radius: 4px;
-  z-index: 9998;
-  box-sizing: border-box;
-}
 </style>

package/src/store/graphStore.ts

@@ -1,5 +1,5 @@
-import { defineStore } from 'pinia'
-import { ref, computed, shallowReactive, shallowRef, triggerRef, nextTick, type Ref } from 'vue'
+import { defineStore } from 'pinia'
+import { ref, computed, shallowReactive, nextTick, type Ref } from 'vue'
 import type { Shape, OwnerPayload, ShapeSizeUpdatePayload } from '../types'
 import { eventBus } from './eventBus'
 import { getPolicy, checkNestViaFront, } from '../utils/policy'
@@ -74,132 +74,43 @@ export const useGraphStore = defineStore('graph', () => {
   const cutShapeIds = ref<Set<string>>(new Set())
   // 剪贴板中图元的数量（用于工具栏按钮状态同步）
   const copiedShapesCount = ref<number>(0)
-  // 拖动时的后代坐标快照（只在 startDrag 时计算一次，避免每帧重算）
-  // key: 被拖动的父元素 ID, value: 所有后代的坐标快照
-  type DescendantSnapshot = { id: string; x: number; y: number; width: number; height: number };
-  const dragDescendantsSnapshot = ref<Map<string, DescendantSnapshot[]>>(new Map())
   // 计算属性
   const shapeCount = computed(() => shapes.value.length)
   const hasSelectedShape = computed(() => selectedShape.value !== null)
 
-  // ========== 增量索引：手动维护，避免 computed 全量重建 ==========
-  
   /**
-   * 图元ID索引映射（增量维护版本）
-   * 用于快速通过ID查找图元对象
-   * key: 图元 ID, value: 图元对象
-   * 性能优化: O(1) 增删改查，避免每次 shapes 变化都 O(n) 重建
-   */
-  const _shapeMapRef = shallowRef(new Map<string, Shape>())
-  // 使用 computed 包装，确保 Pinia 正确解包
-  const shapeMap = computed(() => _shapeMapRef.value)
-  
-  /**
-   * 父子关系索引映射（增量维护版本）
+   * 父子关系索引映射
    * 用于快速查找某个图元的所有直接子图元
    * key: 父图元 ID, value: 子图元 ID 数组
-   * 性能优化: O(1) 查询，增删时只更新受影响的条目
+   * 性能优化: O(n) 构建, O(1) 查询
    */
-  const _parentChildMapRef = shallowRef(new Map<string, string[]>())
-  // 使用 computed 包装，确保 Pinia 正确解包
-  const parentChildMap = computed(() => _parentChildMapRef.value)
-
-  // ========== 索引维护内部方法 ==========
-  
-  /** 添加图元到索引 */
-  function _indexAdd(shape: Shape) {
-    _shapeMapRef.value.set(shape.id, shape)
-    if (shape.parenShapeId) {
-      const children = _parentChildMapRef.value.get(shape.parenShapeId)
-      if (children) {
-        if (!children.includes(shape.id)) {
-          children.push(shape.id)
-        }
-      } else {
-        _parentChildMapRef.value.set(shape.parenShapeId, [shape.id])
-      }
-    }
-  }
-
-  /** 从索引中移除图元 */
-  function _indexRemove(shapeId: string) {
-    const shape = _shapeMapRef.value.get(shapeId)
-    if (!shape) return
-    _shapeMapRef.value.delete(shapeId)
-    if (shape.parenShapeId) {
-      const children = _parentChildMapRef.value.get(shape.parenShapeId)
-      if (children) {
-        const idx = children.indexOf(shapeId)
-        if (idx !== -1) children.splice(idx, 1)
-        if (children.length === 0) {
-          _parentChildMapRef.value.delete(shape.parenShapeId)
-        }
-      }
-    }
-    // 如果这个图元是父节点，清理它的子节点列表
-    _parentChildMapRef.value.delete(shapeId)
-  }
-
-  /** 更新图元索引（处理父节点变更） */
-  function _indexUpdate(shape: Shape, oldParentId: string | null | undefined) {
-    _shapeMapRef.value.set(shape.id, shape)
-    const newParentId = shape.parenShapeId ?? null
-    const normalizedOldParent = oldParentId ?? null
-    
-    if (normalizedOldParent !== newParentId) {
-      // 从旧父节点移除
-      if (normalizedOldParent) {
-        const oldChildren = _parentChildMapRef.value.get(normalizedOldParent)
-        if (oldChildren) {
-          const idx = oldChildren.indexOf(shape.id)
-          if (idx !== -1) oldChildren.splice(idx, 1)
-          if (oldChildren.length === 0) {
-            _parentChildMapRef.value.delete(normalizedOldParent)
-          }
-        }
-      }
-      // 添加到新父节点
-      if (newParentId) {
-        const newChildren = _parentChildMapRef.value.get(newParentId)
-        if (newChildren) {
-          if (!newChildren.includes(shape.id)) {
-            newChildren.push(shape.id)
-          }
-        } else {
-          _parentChildMapRef.value.set(newParentId, [shape.id])
-        }
-      }
-    }
-  }
-
-  /** 全量重建索引（用于 replace 操作或初始化） */
-  function _rebuildIndex() {
-    const newShapeMap = new Map<string, Shape>()
-    const newParentChildMap = new Map<string, string[]>()
-    
+  const parentChildMap = computed(() => {
+    const map = new Map<string, string[]>();
     shapes.value.forEach(shape => {
-      newShapeMap.set(shape.id, shape)
       if (shape.parenShapeId) {
-        const children = newParentChildMap.get(shape.parenShapeId)
-        if (children) {
-          children.push(shape.id)
-        } else {
-          newParentChildMap.set(shape.parenShapeId, [shape.id])
+        if (!map.has(shape.parenShapeId)) {
+          map.set(shape.parenShapeId, []);
         }
+        map.get(shape.parenShapeId)!.push(shape.id);
       }
-    })
-    
-    _shapeMapRef.value = newShapeMap
-    _parentChildMapRef.value = newParentChildMap
-    triggerRef(_shapeMapRef)
-    triggerRef(_parentChildMapRef)
-  }
+    });
+    return map;
+  })
 
-  /** 触发索引的响应式更新 */
-  function _triggerIndexUpdate() {
-    triggerRef(_shapeMapRef)
-    triggerRef(_parentChildMapRef)
-  }
+  /**
+   * 图元ID索引映射
+   * 用于快速通过ID查找图元对象
+   * key: 图元 ID, value: 图元对象
+   * 性能优化: O(n) 构建, O(1) 查询
+   * 解决嵌套图元场景下大量 find() 调用导致的性能问题
+   */
+  const shapeMap = computed(() => {
+    const map = new Map<string, Shape>();
+    shapes.value.forEach(shape => {
+      map.set(shape.id, shape);
+    });
+    return map;
+  })
 
   //图元shapeKey
   const taggedValueLabels = ref<string[]>([])   // 隔间组件的图元类型
@@ -236,9 +147,6 @@ export const useGraphStore = defineStore('graph', () => {
     }
 
     shapes.value.push(shape)
-    // 增量更新索引
-    _indexAdd(shape)
-    _triggerIndexUpdate()
     // 通过事件总线发送事件
     // eventBus.emit('shape-added', shape)
 
@@ -255,10 +163,6 @@ export const useGraphStore = defineStore('graph', () => {
   const removeShape = (shapeId: string) => {
     const index = shapes.value.findIndex(s => s.id == shapeId)
     if (index > -1) {
-      // 增量更新索引（在删除数组元素之前）
-      _indexRemove(shapeId)
-      shapes.value.splice(index, 1)
-      _triggerIndexUpdate()
       // 如果删除的是当前选中的形状，清除选中状态
       if (selectedShape.value?.id === shapeId) {
         selectedShape.value = null
@@ -293,8 +197,6 @@ export const useGraphStore = defineStore('graph', () => {
   const updateShapeRaw = (shapeId: string, updates: Partial<Shape>, id: 'id' | 'modelId' = 'id') => {
     const shape = shapes.value.find(s => s[id] === shapeId)
     if (shape) {
-      // 记录旧的父节点ID，用于索引更新
-      const oldParentId = shape.parenShapeId
       // 对 Pin 做强保护：永不允许把 parenShapeId 置空/undefined
       if (shape.shapeType === 'pin' && 'parenShapeId' in updates) {
         const v: any = (updates as any).parenShapeId
@@ -311,9 +213,6 @@ export const useGraphStore = defineStore('graph', () => {
       const nextBounds = updates.bounds ? { ...shape.bounds, ...updates.bounds } : shape.bounds
       const nextStyle = updates.style ? { ...(shape.style || {}), ...(updates.style as any) } : shape.style
       Object.assign(shape, updates, { bounds: nextBounds, style: nextStyle })
-      // 增量更新索引（处理父节点变更）
-      _indexUpdate(shape, oldParentId)
-      _triggerIndexUpdate()
       eventBus.emit('shape-updated', shape, updates)
     }
   }
@@ -372,46 +271,32 @@ export const useGraphStore = defineStore('graph', () => {
   }
   // 被框选中的多个 shape/映射 selectedIds.value中的数据
   const marqueeShapes = computed(() => {
+    const byId = (id: string) => shapes.value.find(s => s.id === id)
+    const isShape = (x: Shape | undefined): x is Shape => !!x
     const pending = new Set(pendingNestedIds.value)
-    const result: Shape[] = []
-    // 使用 shapeMap 进行 O(1) 查找，避免 O(n²) 的 find
-    for (const id of selectedIds.value) {
-      if (pending.has(id)) continue
-      const shape = shapeMap.value.get(id)
-      if (shape) result.push(shape)
-    }
-    return result
+    return selectedIds.value
+      .map(byId)
+      .filter(isShape)
+      .filter(s => !pending.has(s.id))
   })
   //获取元素拖动预览框
-  // 性能优化：只返回"直接被拖动"的图元的 ghost，不包含后代
-  // 后代图元会跟随父元素移动，不需要单独显示 ghost
   const ghostShadow = computed<Shape[]>(() => {
-    // 如果没有在拖动，直接返回空数组
-    if (!isDragging.value || draggingIds.value.length === 0) return []
-    
     const out: Shape[] = []
     // 兜底：防止被持久化还原成非数组
     const pendingList = Array.isArray(pendingNestedIds.value)
       ? pendingNestedIds.value
       : []
     const pendingSet = new Set(pendingList)
-    // 只为"直接被选中拖动"的图元创建 ghost，不包含后代
-    // 这样可以大幅减少 ghost 数量（从 3000 减少到用户实际选中的数量）
-    const directDragSet = new Set(dragSelectionSnapshot.value.length > 0 
-      ? dragSelectionSnapshot.value 
-      : draggingIds.value.slice(0, 1)) // 至少保留主拖动项
-    
+    // 用 shapeMap O(1) 查找原始图元，避免 find O(N)
     const map = shapeMap.value
-    for (const id of directDragSet) {
+    for (const id in dragGhost) {
       if (pendingSet.has(id)) continue
-      const ghostRect = dragGhost[id]
-      if (!ghostRect) continue
       const orig = map.get(id)
       if (!orig) continue
 
       out.push({
         ...orig,
-        bounds: { ...ghostRect },
+        bounds: { ...dragGhost[id] },
         meta: { ...(orig as any).meta, isGhost: true } as any,
       } as Shape)
     }
@@ -420,22 +305,18 @@ export const useGraphStore = defineStore('graph', () => {
   // 选择一组（用于框选/Shift 叠加）
   const selectMany = (ids: string[]) => {
     selectedIds.value = Array.from(new Set(ids))
-    // 使用 shapeMap 进行 O(1) 查找，避免 O(n) 的 find
     selectedShape.value = ids.length
-      ? (shapeMap.value.get(ids[0]) ?? null)
+      ? (shapes.value.find(s => s.id === ids[0]) ?? null)
       : null
   }
   // 清空选择
   const clearSelection = () => selectShape(null)
   // 全选图元
   const selectAll = () => {
-    // 优化：直接遍历一次收集 id，避免 filter + map 两次遍历
-    const allShapeIds: string[] = []
-    for (const shape of shapes.value) {
-      if (shape.shapeType?.toLowerCase() !== 'diagram') {
-        allShapeIds.push(shape.id)
-      }
-    }
+    // 获取所有非diagram类型的图元
+    const allShapeIds = shapes.value
+      .filter(shape => shape.shapeType?.toLowerCase() !== 'diagram')
+      .map(shape => shape.id)
     selectMany(allShapeIds)
   }
   // 设置图表标题
@@ -449,7 +330,7 @@ export const useGraphStore = defineStore('graph', () => {
   /**
    * 批量操作图元（新增 / 修改 / 删除）
    * @param payload - 新增/修改时传 Shape[]；删除时可传 Shape[]（只需要 id）或 id 数组
-   * @param op - 操作类型：add | update | delete | upsert（默认）| replace
+   * @param op - 操作类型：add | update | delete | upsert（默认）
    * @param options - 额外选项（保持你原来的 autoExpandParents）
    */
   const updateShapes = (
@@ -459,44 +340,11 @@ export const useGraphStore = defineStore('graph', () => {
   ) => {
     // 先把 comparents[*].comparentShapes 铺平同步到运行时
     // const expanded = syncComparentShapesIntoRuntime(newShapes)
-    const { changedShapes, changeDetails } = applyShapeOp({
+    const { changedShapes } = applyShapeOp({
       list: shapes.value,
       payload: payload as any, // delete 时是 id[]，其余是 Shape[]
       op,
     })
-    
-    // 根据操作类型选择索引更新策略
-    if (op === 'replace' || changeDetails.length === 0) {
-      // replace 操作或无变更详情时，全量重建索引
-      _rebuildIndex()
-    } else {
-      // 增量更新索引
-      for (const detail of changeDetails) {
-        if (detail.type === 'add') {
-          _indexAdd(detail.shape)
-        } else if (detail.type === 'delete') {
-          // 删除时 shape 已经从数组移除，需要手动清理索引
-          _shapeMapRef.value.delete(detail.shape.id)
-          const parentId = (detail.shape as any).parenShapeId
-          if (parentId) {
-            const children = _parentChildMapRef.value.get(parentId)
-            if (children) {
-              const idx = children.indexOf(detail.shape.id)
-              if (idx !== -1) children.splice(idx, 1)
-              if (children.length === 0) {
-                _parentChildMapRef.value.delete(parentId)
-              }
-            }
-          }
-          _parentChildMapRef.value.delete(detail.shape.id)
-        } else if (detail.type === 'update') {
-          const oldParentId = (detail.oldShape as any)?.parenShapeId
-          _indexUpdate(detail.shape, oldParentId)
-        }
-      }
-      _triggerIndexUpdate()
-    }
-    
     pendingNestedIds.value = []
     // eventBus.emit('shapes-updated', newShapes)
     // hydrateAllComparents()
@@ -516,11 +364,6 @@ export const useGraphStore = defineStore('graph', () => {
   //清空图元数据
   const clearAll = () => {
     shapes.value = []
-    // 清空索引
-    _shapeMapRef.value = new Map()
-    _parentChildMapRef.value = new Map()
-    triggerRef(_shapeMapRef)
-    triggerRef(_parentChildMapRef)
     diagrams.value = []
     selectedShape.value = null
     pendingNestedIds.value = []
@@ -533,13 +376,17 @@ export const useGraphStore = defineStore('graph', () => {
     startDrag([shapeId], pointer)
   }
   const startDrag = (ids: string[], pointer: { x: number; y: number }) => {
-    // 记录"当前真正被用户选中"的快照  结束时恢复
+    // 记录“当前真正被用户选中”的快照 —— 结束时恢复
     dragSelectionSnapshot.value = selectedIds.value.length ? [...selectedIds.value] : [ids[0]]
     primaryDragId.value = ids[0] || null
 
-    // 性能优化：只对"直接选中"的图元建立 dragBase/dragGhost
-    // 后代图元会跟随父元素移动，不需要单独创建 ghost，大幅减少渲染开销
-    const validIds = ids.filter(id => {
+    // 展开“选中项 + 后代”的集合（你现有的逻辑保留）
+    const expanded: string[] = []
+    ids.forEach(id => {
+      expanded.push(id)
+      collectDescendantIds(shapes.value, id).forEach(cid => expanded.push(cid))
+    })
+    const validIds = Array.from(new Set(expanded)).filter(id => {
       const s = byId(id); return s && getPolicy(s!).draggable
     })
     if (!validIds.length) return
@@ -553,32 +400,6 @@ export const useGraphStore = defineStore('graph', () => {
     draggingIds.value = validIds
     dragAnchor.value = { x: pointer.x, y: pointer.y }
 
-    // 构建后代坐标快照（只计算一次，供预览框渲染使用）
-    const newSnapshot = new Map<string, { id: string; x: number; y: number; width: number; height: number }[]>()
-    for (const parentId of validIds) {
-      const descendants: { id: string; x: number; y: number; width: number; height: number }[] = []
-      // 递归收集所有后代
-      const collectDescendants = (pid: string) => {
-        const childIds = _parentChildMapRef.value.get(pid) || []
-        for (const childId of childIds) {
-          const childShape = _shapeMapRef.value.get(childId)
-          if (childShape?.bounds) {
-            descendants.push({
-              id: childId,
-              x: childShape.bounds.x ?? 0,
-              y: childShape.bounds.y ?? 0,
-              width: childShape.bounds.width ?? 0,
-              height: childShape.bounds.height ?? 0,
-            })
-          }
-          collectDescendants(childId) // 递归
-        }
-      }
-      collectDescendants(parentId)
-      newSnapshot.set(parentId, descendants)
-    }
-    dragDescendantsSnapshot.value = newSnapshot
-
     const currentDiagram = shapes.value.find(s => s.shapeType === 'diagram')
     if (currentDiagram) {
       dragBaseCanvasSize.value = {
@@ -834,7 +655,7 @@ export const useGraphStore = defineStore('graph', () => {
     // 在生成 payloads 之前，把父扩容先做掉
     const shapeId = ownerPayload?.shapeId
     if (shapeId != null) {
-      const child = shapes.value.find(s => s.id == shapeId)
+      const child = shapes.value.find(s => s.id === shapeId)
       if (child) {
         expandParentByChild({
           shapes: shapes.value,
@@ -931,7 +752,6 @@ export const useGraphStore = defineStore('graph', () => {
     dragSelectionSnapshot.value = []
     primaryDragId.value = null
     dragBaseCanvasSize.value = null
-    dragDescendantsSnapshot.value = new Map() // 清理后代快照
     for (const k in dragGhost) delete dragGhost[k]
   }
   //设置当前打开的画布id
@@ -1087,8 +907,6 @@ export const useGraphStore = defineStore('graph', () => {
     shapeMap,       // 图元ID索引映射 (性能优化)
     marqueeShapes,
     ghostShadow,
-    dragDescendantsSnapshot, // 拖动时的后代坐标快照
-    dragBase, // 拖动开始时的坐标快照
     scales,
     activeDiagramId,
     // 当前活动画布的缩放比例

package/src/utils/containers.ts

@@ -709,11 +709,9 @@ const pointInRect = (pt: { x: number; y: number }, r: Rect, margin = 0) =>
   pt.y <= r.y + r.height - margin
 
 const depthOf = (shapes: Shape[], id: string): number => {
-  const graphStore = useGraphStore();
-  const byId = graphStore.shapeMap;
   let d = 0
-  let p = byId.get(id)?.parenShapeId ?? null
-  while (p) { d++; p = byId.get(p)?.parenShapeId ?? null }
+  let p = shapes.find(s => s.id === id)?.parenShapeId ?? null
+  while (p) { d++; p = shapes.find(s => s.id === p)?.parenShapeId ?? null }
   return d
 }