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

package/dist/index.esm.js

@@ -4,7 +4,7 @@ var __publicField = (obj, key, value) => {
   __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
   return value;
 };
-import { ref, shallowReactive, computed, shallowRef, nextTick, triggerRef, defineComponent, openBlock, createElementBlock, normalizeStyle, withDirectives, createElementVNode, Fragment, renderList, unref, normalizeClass, withModifiers, vShow, watch, createCommentVNode, withKeys, vModelText, onMounted, onUnmounted, resolveComponent, createBlock, Teleport, createVNode, withCtx, useCssVars, resolveDynamicComponent, toDisplayString, onBeforeUnmount, isMemoSame } from "vue";
+import { ref, shallowReactive, computed, nextTick, defineComponent, openBlock, createElementBlock, normalizeStyle, withDirectives, createElementVNode, Fragment, renderList, unref, normalizeClass, withModifiers, vShow, watch, createCommentVNode, withKeys, vModelText, onMounted, onUnmounted, resolveComponent, createBlock, Teleport, createVNode, withCtx, useCssVars, resolveDynamicComponent, toDisplayString, onBeforeUnmount, isMemoSame } from "vue";
 import { defineStore, storeToRefs, setActivePinia } from "pinia";
 import ElementPlus, { ElMessage } from "element-plus";
 var v = false, o, f, s, u, d, N, l, p, m, w, D, x, E, M, F;
@@ -6435,13 +6435,11 @@ const resolveParentAfterDrag = (shapes, s2, finalRect, draggingIds, diagramId, u
 };
 const pointInRect = (pt, r, margin = 0) => pt.x >= r.x + margin && pt.x <= r.x + r.width - margin && pt.y >= r.y + margin && pt.y <= r.y + r.height - margin;
 const depthOf = (shapes, id) => {
-  const graphStore = useGraphStore();
-  const byId = graphStore.shapeMap;
   let d2 = 0;
-  let p2 = byId.get(id)?.parenShapeId ?? null;
+  let p2 = shapes.find((s2) => s2.id === id)?.parenShapeId ?? null;
   while (p2) {
     d2++;
-    p2 = byId.get(p2)?.parenShapeId ?? null;
+    p2 = shapes.find((s2) => s2.id === p2)?.parenShapeId ?? null;
   }
   return d2;
 };
@@ -6603,11 +6601,9 @@ function normalizeZOrder(shapes, diagramId, updateShape, baseZ = 1, step = 1) {
   }
 }
 const buildDragSnapshot = (shapes, ids) => {
-  const graphStore = useGraphStore();
-  const byId = graphStore.shapeMap;
   const dragBase = {};
   ids.forEach((id) => {
-    const s2 = byId.get(id);
+    const s2 = shapes.find((x2) => x2.id === id);
     if (!s2)
       return;
     const b2 = getBounds(s2);
@@ -6625,8 +6621,7 @@ const buildDragSnapshot = (shapes, ids) => {
   return { dragBase, groupBaseBox };
 };
 const stepSingleDrag = (shapes, id, pointer, dragOffset, dragBase, diagramId, constrainEdges, hitPointer) => {
-  const graphStore = useGraphStore();
-  const s2 = graphStore.shapeMap.get(id);
+  const s2 = shapes.find((x2) => x2.id === id);
   if (!s2)
     return { ghost: {}, hover: null };
   const base = dragBase[id];
@@ -6654,8 +6649,6 @@ const stepSingleDrag = (shapes, id, pointer, dragOffset, dragBase, diagramId, co
   };
 };
 const stepGroupDrag = (shapes, draggingIds, primaryId, pointer, dragAnchor, groupBaseBox) => {
-  const graphStore = useGraphStore();
-  const byId = graphStore.shapeMap;
   const diagramRect = getDiagramRect(shapes);
   const dxRaw = pointer.x - dragAnchor.x;
   const dyRaw = pointer.y - dragAnchor.y;
@@ -6669,13 +6662,13 @@ const stepGroupDrag = (shapes, draggingIds, primaryId, pointer, dragAnchor, grou
   const dy = gy - groupBaseBox.y;
   const ghost = {};
   for (const id of draggingIds) {
-    const s2 = byId.get(id);
+    const s2 = shapes.find((x2) => x2.id === id);
     if (!s2)
       continue;
     const b2 = getBounds(s2);
     ghost[id] = { x: b2.x + dx, y: b2.y + dy, width: b2.width, height: b2.height };
   }
-  const priShape = byId.get(primaryId);
+  const priShape = shapes.find((x2) => x2.id === primaryId);
   const diagramId = priShape?.diagramId || "";
   const hoverShape = pickContainerByPointerTopmost(
     shapes,
@@ -6689,18 +6682,7 @@ const stepGroupDrag = (shapes, draggingIds, primaryId, pointer, dragAnchor, grou
   return { ghost, hover };
 };
 const commitDrag = (shapes, draggingIds, ghost, _currentDiagramId, updateShape, baseMap) => {
-  const graphStore = useGraphStore();
-  const parentChildMap = graphStore.parentChildMap;
   const changedIds = /* @__PURE__ */ new Set();
-  const collectAllDescendants = (parentId) => {
-    const result = [];
-    const children = parentChildMap.get(parentId) || [];
-    for (const childId of children) {
-      result.push(childId);
-      result.push(...collectAllDescendants(childId));
-    }
-    return result;
-  };
   for (const id of draggingIds) {
     const s2 = shapes.find((x2) => x2.id === id);
     const r = ghost[id];
@@ -6713,32 +6695,10 @@ const commitDrag = (shapes, draggingIds, ghost, _currentDiagramId, updateShape,
       height: Math.round(r.height)
     };
     const pb = baseMap?.[id] ?? s2.bounds;
-    const dx = nb.x - pb.x;
-    const dy = nb.y - pb.y;
-    const same = dx === 0 && dy === 0 && nb.width === pb.width && nb.height === pb.height;
+    const same = pb.x === nb.x && pb.y === nb.y && pb.width === nb.width && pb.height === nb.height;
     if (!same) {
       updateShape(id, { bounds: nb });
       changedIds.add(id);
-      if (dx !== 0 || dy !== 0) {
-        const descendants = collectAllDescendants(id);
-        for (const descId of descendants) {
-          if (draggingIds.includes(descId))
-            continue;
-          const descShape = shapes.find((x2) => x2.id === descId);
-          if (!descShape?.bounds)
-            continue;
-          const descBounds = descShape.bounds;
-          updateShape(descId, {
-            bounds: {
-              x: Math.round(descBounds.x + dx),
-              y: Math.round(descBounds.y + dy),
-              width: descBounds.width,
-              height: descBounds.height
-            }
-          });
-          changedIds.add(descId);
-        }
-      }
     }
   }
   return Array.from(changedIds);
@@ -8513,11 +8473,10 @@ function createShapeOperator() {
   const removeByIdFast = (list, id) => {
     const idx = indexMap.get(id);
     if (idx == null)
-      return null;
+      return false;
     const lastIdx = list.length - 1;
     if (lastIdx < 0)
-      return null;
-    const removed = list[idx];
+      return false;
     if (idx !== lastIdx) {
       const moved = list[lastIdx];
       list[idx] = moved;
@@ -8525,52 +8484,46 @@ function createShapeOperator() {
     }
     list.pop();
     indexMap.delete(id);
-    return removed;
+    return true;
   };
   const upsertOne = (list, incoming) => {
     const id = incoming?.id;
     if (id == null)
-      return { changed: false, isAdd: false };
+      return false;
     const idx = indexMap.get(id);
     if (idx == null) {
       list.push(incoming);
       indexMap.set(id, list.length - 1);
-      return { changed: true, isAdd: true };
     } else {
-      const oldShape = list[idx];
       list[idx] = incoming;
-      return { changed: true, isAdd: false, oldShape };
     }
+    return true;
   };
   const updateOne = (list, incoming) => {
     const id = incoming?.id;
     if (id == null)
-      return { changed: false };
+      return false;
     const idx = indexMap.get(id);
     if (idx == null)
-      return { changed: false };
-    const oldShape = list[idx];
+      return false;
     list[idx] = incoming;
-    return { changed: true, oldShape };
+    return true;
   };
   const addOne = (list, incoming) => {
     const id = incoming?.id;
     if (id == null)
-      return { changed: false, isAdd: false };
+      return false;
     const idx = indexMap.get(id);
     if (idx == null) {
       list.push(incoming);
       indexMap.set(id, list.length - 1);
-      return { changed: true, isAdd: true };
     } else {
-      const oldShape = list[idx];
       list[idx] = incoming;
-      return { changed: true, isAdd: false, oldShape };
     }
+    return true;
   };
   const applyShapeOp = (args) => {
     const { list, payload, op } = args;
-    const changeDetails = [];
     if (op === "replace") {
       const incomingShapes2 = payload;
       list.length = 0;
@@ -8583,57 +8536,33 @@ function createShapeOperator() {
       for (let i = 0; i < list.length; i++) {
         indexMap.set(list[i].id, i);
       }
-      return { changedShapes: incomingShapes2, changeDetails: [] };
+      return { changedShapes: incomingShapes2 };
     }
     ensureIndex(list);
     const changedShapes = [];
     if (op === "delete") {
       const ids = extractIds(payload);
       for (const id of ids) {
-        const removed = removeByIdFast(list, id);
-        if (removed) {
-          changeDetails.push({ type: "delete", shape: removed });
-        }
+        removeByIdFast(list, id);
       }
-      return { changedShapes, changeDetails };
+      return { changedShapes };
     }
     const incomingShapes = payload;
     for (const incoming of incomingShapes) {
       if (!incoming)
         continue;
       if (op === "upsert") {
-        const result = upsertOne(list, incoming);
-        if (result.changed) {
+        if (upsertOne(list, incoming))
           changedShapes.push(incoming);
-          changeDetails.push({
-            type: result.isAdd ? "add" : "update",
-            shape: incoming,
-            oldShape: result.oldShape
-          });
-        }
       } else if (op === "update") {
-        const result = updateOne(list, incoming);
-        if (result.changed) {
+        if (updateOne(list, incoming))
           changedShapes.push(incoming);
-          changeDetails.push({
-            type: "update",
-            shape: incoming,
-            oldShape: result.oldShape
-          });
-        }
       } else if (op === "add") {
-        const result = addOne(list, incoming);
-        if (result.changed) {
+        if (addOne(list, incoming))
           changedShapes.push(incoming);
-          changeDetails.push({
-            type: result.isAdd ? "add" : "update",
-            shape: incoming,
-            oldShape: result.oldShape
-          });
-        }
       }
     }
-    return { changedShapes, changeDetails };
+    return { changedShapes };
   };
   return {
     applyShapeOp
@@ -8670,95 +8599,27 @@ const useGraphStore = defineStore(
     const externalCreatingId = ref(null);
     const cutShapeIds = ref(/* @__PURE__ */ new Set());
     const copiedShapesCount = ref(0);
-    const dragDescendantsSnapshot = ref(/* @__PURE__ */ new Map());
     const shapeCount = computed(() => shapes.value.length);
     const hasSelectedShape = computed(() => selectedShape.value !== null);
-    const _shapeMapRef = shallowRef(/* @__PURE__ */ new Map());
-    const shapeMap = computed(() => _shapeMapRef.value);
-    const _parentChildMapRef = shallowRef(/* @__PURE__ */ new Map());
-    const parentChildMap = computed(() => _parentChildMapRef.value);
-    function _indexAdd(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) {
-      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, oldParentId) {
-      _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]);
-          }
-        }
-      }
-    }
-    function _rebuildIndex() {
-      const newShapeMap = /* @__PURE__ */ new Map();
-      const newParentChildMap = /* @__PURE__ */ new Map();
+    const parentChildMap = computed(() => {
+      const map = /* @__PURE__ */ new Map();
       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);
-    }
-    function _triggerIndexUpdate() {
-      triggerRef(_shapeMapRef);
-      triggerRef(_parentChildMapRef);
-    }
+      return map;
+    });
+    const shapeMap = computed(() => {
+      const map = /* @__PURE__ */ new Map();
+      shapes.value.forEach((shape) => {
+        map.set(shape.id, shape);
+      });
+      return map;
+    });
     const taggedValueLabels = ref([]);
     const packagesTypes = ref([]);
     const classMetaTypes = ref([]);
@@ -8778,8 +8639,6 @@ const useGraphStore = defineStore(
         }
       }
       shapes.value.push(shape);
-      _indexAdd(shape);
-      _triggerIndexUpdate();
       const shouldAutoExpand = options?.autoExpandParent !== false;
       if (shouldAutoExpand && shape.parenShapeId && shape.bounds) {
         nextTick(() => {
@@ -8790,9 +8649,6 @@ const useGraphStore = defineStore(
     const removeShape = (shapeId) => {
       const index = shapes.value.findIndex((s2) => s2.id == shapeId);
       if (index > -1) {
-        _indexRemove(shapeId);
-        shapes.value.splice(index, 1);
-        _triggerIndexUpdate();
         if (selectedShape.value?.id === shapeId) {
           selectedShape.value = null;
           eventBus.emit("shape-deselected");
@@ -8817,7 +8673,6 @@ const useGraphStore = defineStore(
     const updateShapeRaw = (shapeId, updates, id = "id") => {
       const shape = shapes.value.find((s2) => s2[id] === shapeId);
       if (shape) {
-        const oldParentId = shape.parenShapeId;
         if (shape.shapeType === "pin" && "parenShapeId" in updates) {
           const v2 = updates.parenShapeId;
           if (v2 == null || v2 === "") {
@@ -8831,8 +8686,6 @@ const useGraphStore = defineStore(
         const nextBounds = updates.bounds ? { ...shape.bounds, ...updates.bounds } : shape.bounds;
         const nextStyle = updates.style ? { ...shape.style || {}, ...updates.style } : shape.style;
         Object.assign(shape, updates, { bounds: nextBounds, style: nextStyle });
-        _indexUpdate(shape, oldParentId);
-        _triggerIndexUpdate();
         eventBus.emit("shape-updated", shape, updates);
       }
     };
@@ -8861,37 +8714,25 @@ const useGraphStore = defineStore(
       eventBus.emit("shape-selected", shape);
     };
     const marqueeShapes = computed(() => {
+      const byId2 = (id) => shapes.value.find((s2) => s2.id === id);
+      const isShape2 = (x2) => !!x2;
       const pending = new Set(pendingNestedIds.value);
-      const result = [];
-      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(byId2).filter(isShape2).filter((s2) => !pending.has(s2.id));
     });
     const ghostShadow = computed(() => {
-      if (!isDragging.value || draggingIds.value.length === 0)
-        return [];
       const out = [];
       const pendingList = Array.isArray(pendingNestedIds.value) ? pendingNestedIds.value : [];
       const pendingSet = new Set(pendingList);
-      const directDragSet = new Set(dragSelectionSnapshot.value.length > 0 ? dragSelectionSnapshot.value : draggingIds.value.slice(0, 1));
       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.meta, isGhost: true }
         });
       }
@@ -8899,16 +8740,11 @@ const useGraphStore = defineStore(
     });
     const selectMany = (ids) => {
       selectedIds.value = Array.from(new Set(ids));
-      selectedShape.value = ids.length ? shapeMap.value.get(ids[0]) ?? null : null;
+      selectedShape.value = ids.length ? shapes.value.find((s2) => s2.id === ids[0]) ?? null : null;
     };
     const clearSelection = () => selectShape(null);
     const selectAll = () => {
-      const allShapeIds = [];
-      for (const shape of shapes.value) {
-        if (shape.shapeType?.toLowerCase() !== "diagram") {
-          allShapeIds.push(shape.id);
-        }
-      }
+      const allShapeIds = shapes.value.filter((shape) => shape.shapeType?.toLowerCase() !== "diagram").map((shape) => shape.id);
       selectMany(allShapeIds);
     };
     const setTitle = (title) => {
@@ -8916,40 +8752,12 @@ const useGraphStore = defineStore(
       eventBus.emit("title-changed", title);
     };
     const updateShapes = (payload, op = "upsert", options) => {
-      const { changedShapes, changeDetails } = applyShapeOp({
+      const { changedShapes } = applyShapeOp({
         list: shapes.value,
         payload,
         // delete 时是 id[]，其余是 Shape[]
         op
       });
-      if (op === "replace" || changeDetails.length === 0) {
-        _rebuildIndex();
-      } else {
-        for (const detail of changeDetails) {
-          if (detail.type === "add") {
-            _indexAdd(detail.shape);
-          } else if (detail.type === "delete") {
-            _shapeMapRef.value.delete(detail.shape.id);
-            const parentId = detail.shape.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?.parenShapeId;
-            _indexUpdate(detail.shape, oldParentId);
-          }
-        }
-        _triggerIndexUpdate();
-      }
       pendingNestedIds.value = [];
       const shouldAutoExpand = options?.autoExpandParents !== false;
       if (shouldAutoExpand && changedShapes.length > 0) {
@@ -8963,10 +8771,6 @@ const useGraphStore = defineStore(
     };
     const clearAll = () => {
       shapes.value = [];
-      _shapeMapRef.value = /* @__PURE__ */ new Map();
-      _parentChildMapRef.value = /* @__PURE__ */ new Map();
-      triggerRef(_shapeMapRef);
-      triggerRef(_parentChildMapRef);
       diagrams.value = [];
       selectedShape.value = null;
       pendingNestedIds.value = [];
@@ -8979,7 +8783,12 @@ const useGraphStore = defineStore(
     const startDrag = (ids, pointer) => {
       dragSelectionSnapshot.value = selectedIds.value.length ? [...selectedIds.value] : [ids[0]];
       primaryDragId.value = ids[0] || null;
-      const validIds = ids.filter((id) => {
+      const expanded = [];
+      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 s2 = byId(id);
         return s2 && getPolicy(s2).draggable;
       });
@@ -8994,29 +8803,6 @@ const useGraphStore = defineStore(
         dragGhost[k] = snap.dragBase[k];
       draggingIds.value = validIds;
       dragAnchor.value = { x: pointer.x, y: pointer.y };
-      const newSnapshot = /* @__PURE__ */ new Map();
-      for (const parentId of validIds) {
-        const descendants = [];
-        const collectDescendants = (pid) => {
-          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((s2) => s2.shapeType === "diagram");
       if (currentDiagram) {
         dragBaseCanvasSize.value = {
@@ -9242,7 +9028,7 @@ const useGraphStore = defineStore(
       );
       const shapeId = ownerPayload?.shapeId;
       if (shapeId != null) {
-        const child = shapes.value.find((s2) => s2.id == shapeId);
+        const child = shapes.value.find((s2) => s2.id === shapeId);
         if (child) {
           expandParentByChild({
             shapes: shapes.value,
@@ -9319,7 +9105,6 @@ const useGraphStore = defineStore(
       dragSelectionSnapshot.value = [];
       primaryDragId.value = null;
       dragBaseCanvasSize.value = null;
-      dragDescendantsSnapshot.value = /* @__PURE__ */ new Map();
       for (const k in dragGhost)
         delete dragGhost[k];
     };
@@ -9438,10 +9223,6 @@ const useGraphStore = defineStore(
       // 图元ID索引映射 (性能优化)
       marqueeShapes,
       ghostShadow,
-      dragDescendantsSnapshot,
-      // 拖动时的后代坐标快照
-      dragBase,
-      // 拖动开始时的坐标快照
       scales,
       activeDiagramId,
       // 当前活动画布的缩放比例
@@ -12313,10 +12094,9 @@ let keyboardMovingShapeIds = /* @__PURE__ */ new Set();
 const KEYBOARD_MOVE_DEBOUNCE_DELAY = 1e3;
 const collectAffectedShapeIds = (graphStore, movedIds) => {
   const affectedIds = /* @__PURE__ */ new Set();
-  const shapeMap = graphStore.shapeMap;
   movedIds.forEach((id) => {
     affectedIds.add(id);
-    const shape = shapeMap.get(id);
+    const shape = graphStore.shapes.find((s2) => s2.id === id);
     if (!shape)
       return;
     if (shape.parenShapeId) {
@@ -12334,7 +12114,7 @@ const collectAffectedShapeIds = (graphStore, movedIds) => {
     let guard = 0;
     while (currentParentId && guard++ < 100) {
       affectedIds.add(currentParentId);
-      const parent = shapeMap.get(currentParentId);
+      const parent = graphStore.shapes.find((s2) => s2.id === currentParentId);
       currentParentId = parent?.parenShapeId;
     }
   });
@@ -12344,8 +12124,7 @@ const emitKeyboardMoveEnd = (graphStore) => {
   if (keyboardMovingShapeIds.size === 0)
     return;
   const affectedIds = collectAffectedShapeIds(graphStore, keyboardMovingShapeIds);
-  const shapeMap = graphStore.shapeMap;
-  const payloads = Array.from(affectedIds).map((id) => shapeMap.get(id)).filter(Boolean).map((s2) => _.cloneDeep(s2));
+  const payloads = Array.from(affectedIds).map((id) => graphStore.shapes.find((s2) => s2.id === id)).filter(Boolean).map((s2) => _.cloneDeep(s2));
   if (payloads.length > 0) {
     eventBus.emit("shape-drag-end", payloads);
   }
@@ -12482,13 +12261,7 @@ const createKeyboardHandler = (config) => {
       }
       e.preventDefault();
       const step = 1;
-      let canvas = null;
-      for (const shape of graphStore.shapes) {
-        if (shape.shapeType === "diagram") {
-          canvas = shape;
-          break;
-        }
-      }
+      const canvas = graphStore.shapes.find((shape) => shape.shapeType === "diagram");
       const canvasX = canvas?.bounds?.x || 0;
       const canvasY = canvas?.bounds?.y || 0;
       const canvasWidth = canvas?.bounds?.width || 300;
@@ -12497,13 +12270,7 @@ const createKeyboardHandler = (config) => {
       const canvasMinY = canvasY;
       const canvasMaxX = canvasWidth + canvasX;
       const canvasMaxY = canvasHeight + canvasY;
-      const shapeMap = graphStore.shapeMap;
-      const selectedShapes = [];
-      for (const id of graphStore.selectedIds) {
-        const shape = shapeMap.get(id);
-        if (shape)
-          selectedShapes.push(shape);
-      }
+      const selectedShapes = graphStore.selectedIds.map((id) => graphStore.shapes.find((s2) => s2.id === id)).filter((shape) => shape != null);
       selectedShapes.forEach((shape) => {
         if (!keyboardMoveInitialBounds.has(shape.id)) {
           keyboardMoveInitialBounds.set(shape.id, { ...shape.bounds });
@@ -12547,7 +12314,7 @@ const createKeyboardHandler = (config) => {
           });
           const childIds = graphStore.parentChildMap.get(shape.id) || [];
           childIds.forEach((childId) => {
-            const child = shapeMap.get(childId);
+            const child = graphStore.shapes.find((s2) => s2.id === childId);
             if (child && child.bounds) {
               if (graphStore.selectedIds.includes(child.id)) {
                 return;
@@ -12997,7 +12764,7 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
   emits: InteractionLayerEmits,
   setup(__props, { expose: __expose, emit: __emit }) {
     useCssVars((_ctx) => ({
-      "c994dcd8": unref(graphStore).currentScale
+      "65f24407": unref(graphStore).currentScale
     }));
     const props = __props;
     const emit = __emit;
@@ -13029,56 +12796,7 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
       const b2 = getBounds(s2);
       return { x: b2.x, y: b2.y, width: b2.width, height: b2.height };
     });
-    const dragGhostRects = computed(() => {
-      if (!graphStore.isDragging || isExternalCreateDragging.value)
-        return [];
-      const rects = [];
-      const dragBase = graphStore.dragBase;
-      const descendantsSnapshot = graphStore.dragDescendantsSnapshot;
-      for (const ghost of graphStore.ghostShadow) {
-        if (!ghost.bounds)
-          continue;
-        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(() => resizeGhostShadow.value);
-    const highlightedGhost = computed(() => {
-      if (!highlightedShape.value)
-        return null;
-      return {
-        ...highlightedShape.value,
-        meta: {
-          ...highlightedShape.value.meta,
-          isHighlighted: true,
-          isGhost: true
-        }
-      };
-    });
-    computed(() => {
+    const allGhosts = computed(() => {
       const byId = /* @__PURE__ */ new Map();
       if (!isExternalCreateDragging.value) {
         graphStore.ghostShadow.forEach((g) => byId.set(g.id, g));
@@ -14219,19 +13937,7 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
         }, null, 4), [
           [vShow, marqueeRect.value]
         ]),
-        (openBlock(true), createElementBlock(Fragment, null, renderList(dragGhostRects.value, (g) => {
-          return openBlock(), createElementBlock("div", {
-            key: g.id,
-            class: "ghost-outline",
-            style: normalizeStyle({
-              left: g.x + "px",
-              top: g.y + "px",
-              width: g.width + "px",
-              height: g.height + "px"
-            })
-          }, null, 4);
-        }), 128)),
-        (openBlock(true), createElementBlock(Fragment, null, renderList(resizeGhosts.value, (g) => {
+        (openBlock(true), createElementBlock(Fragment, null, renderList(allGhosts.value, (g) => {
           return openBlock(), createBlock(resolveDynamicComponent(unref(getShapeComponent)(g)), {
             key: g.id,
             class: "ghost-shape",
@@ -14239,12 +13945,6 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
             style: normalizeStyle(getGhostShapeStyle(g))
           }, null, 8, ["shape", "style"]);
         }), 128)),
-        highlightedGhost.value ? (openBlock(), createBlock(resolveDynamicComponent(unref(getShapeComponent)(highlightedGhost.value)), {
-          key: highlightedGhost.value.id,
-          class: "ghost-shape",
-          shape: highlightedGhost.value,
-          style: normalizeStyle(getGhostShapeStyle(highlightedGhost.value))
-        }, null, 8, ["shape", "style"])) : createCommentVNode("", true),
         createVNode(NameEditor, {
           "selected-shape": unref(graphStore).selectedShape,
           "can-edit": !unref(graphStore).pendingNestedIds.includes(
@@ -14255,7 +13955,7 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
           "name-edit-manager": unref(nameEditManager)
         }, null, 8, ["selected-shape", "can-edit", "is-editing-name", "editing-name", "name-edit-manager"]),
         unref(selectedShape) && !isMultiSelected.value ? (openBlock(), createBlock(ContextMenu, {
-          key: 3,
+          key: 2,
           visible: showContextMenu.value,
           "selected-shape": unref(selectedShape),
           position: contextMenuPosition.value,
@@ -14263,7 +13963,7 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
           onShowPropertyPanel: _cache[1] || (_cache[1] = ($event) => onLayerDblClick(true))
         }, null, 8, ["visible", "selected-shape", "position"])) : createCommentVNode("", true),
         _ctx.connectShapeData && _ctx.diagramBounds ? (openBlock(), createElementBlock("div", {
-          key: 4,
+          key: 3,
           class: "connect-layer",
           style: normalizeStyle(layerStyle.value)
         }, [
@@ -14283,7 +13983,7 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
           ])
         ], 4)) : createCommentVNode("", true),
         unref(highlightOverlayBounds) ? (openBlock(), createElementBlock("div", {
-          key: 5,
+          key: 4,
           class: normalizeClass(["highlight-overlay", unref(highlightOverlayColor)]),
           style: normalizeStyle({
             left: unref(highlightOverlayBounds).x + "px",
@@ -14296,8 +13996,8 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const InteractionLayer_vue_vue_type_style_index_0_scoped_a7475c72_lang = "";
-const InteractionLayer = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["__scopeId", "data-v-a7475c72"]]);
+const InteractionLayer_vue_vue_type_style_index_0_scoped_24a22c8c_lang = "";
+const InteractionLayer = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["__scopeId", "data-v-24a22c8c"]]);
 const _hoisted_1$d = { class: "diagram-header" };
 const _hoisted_2$d = { class: "diagram-title" };
 const _sfc_main$d = /* @__PURE__ */ defineComponent({
@@ -17104,7 +16804,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   emits: ["shapes-property", "shapes-edit-name", "connect-end", "object-flow-connect-end", "action-button-click", "diagramDoubleClick", "model-type-property-id-button-click", "action-button-add", "scale-changed"],
   setup(__props, { expose: __expose, emit: __emit }) {
     useCssVars((_ctx) => ({
-      "478247fa": currentScale.value
+      "18ea7fc8": currentScale.value
     }));
     registerShapes({
       StrategicTaxonomyDiagram,
@@ -17275,7 +16975,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         return 0;
       });
       clearEdgeStyleCache();
-      graphStore.clearAll();
+      graphStore.shapes = [];
       graphStore.updateShapes(shapes2, "replace");
       nextTick(() => {
         graphStore.initializeAllEdgeEndpoints();
@@ -17298,7 +16998,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       let removed = 0;
       for (let i = arr.length - 1; i >= 0; i--) {
         if ("inert" in arr[i]) {
-          graphStore.removeShape(arr[i].id);
+          arr.splice(i, 1);
           removed++;
         }
       }
@@ -17484,8 +17184,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const graph_vue_vue_type_style_index_0_scoped_f90f1704_lang = "";
-const GraphView = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-f90f1704"]]);
+const graph_vue_vue_type_style_index_0_scoped_d4982c78_lang = "";
+const GraphView = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-d4982c78"]]);
 const MxSoseGraphPlugin = {
   install(app, options) {
     const externalPinia = options?.pinia || // 优先使用显式传入的