@mx-sose-front/mx-sose-graph 1.0.0

package/src/utils/diagram.ts

@@ -0,0 +1,403 @@
+// 选中框与拖拽手柄的样式与常量
+import { useGraphStore } from "../store/graphStore"; // ← 使用你提供的 graphStore
+import type { Shape } from "../types";
+
+export type HandlePos = "nw" | "ne" | "sw" | "se";
+
+export const HANDLE_SIZE = 10; // 手柄尺寸
+export const SELECTION_PADDING = 6; // 选中框与内容的内边距
+
+// 画布属性配置
+export const ShapeConfig = {
+  SHAPE_TYPE: "diagram",
+  CANVAS_PADDING: 50, // 图元与画布边缘的最小距离
+  MIN_CANVAS_WIDTH: 300, // 画布最小宽度
+  MIN_CANVAS_HEIGHT: 200, // 画布最小高度
+};
+
+// 选中框样式（
+export const selectionBoxStyle = (shape: Shape) => {
+  const b = shape.bounds ?? {};
+  const pad = SELECTION_PADDING;
+  return {
+    position: "absolute" as const,
+    left: `${(b.x ?? 0) - pad}px`,
+    top: `${(b.y ?? 0) - pad}px`,
+    width: `${(b.width ?? 100) + pad * 2}px`,
+    height: `${(b.height ?? 50) + pad * 2}px`,
+    backgroundColor: "transparent",
+  };
+};
+
+// 手柄鼠标样式
+const handleCursor: Record<HandlePos, string> = {
+  nw: "nw-resize",
+  ne: "ne-resize",
+  sw: "sw-resize",
+  se: "se-resize",
+};
+
+/**
+ * 计算手柄样式 —— 以 selection-box 内部为参照系
+ * 默认让红点“贴在 shape 四角”（即离选框边内缩 padding，且点心落在角上）
+ */
+export const handleStyle = (pos: HandlePos, shape: Shape) => {
+  const b = shape.bounds ?? {};
+  const pad = SELECTION_PADDING;
+  const s = HANDLE_SIZE;
+
+  // 选框尺寸（= shape 尺寸 + 2*padding）
+  const boxW = (b.width ?? 100) + pad * 2;
+  const boxH = (b.height ?? 50) + pad * 2;
+
+  let left = 0,
+    top = 0;
+  // 手柄贴在“选框四角”（不内缩）
+  const leftMin = 0;
+  const leftMax = boxW - s;
+  const topMin = 0;
+  const topMax = boxH - s;
+
+  if (pos === "nw") {
+    left = leftMin;
+    top = topMin;
+  }
+  if (pos === "ne") {
+    left = leftMax;
+    top = topMin;
+  }
+  if (pos === "sw") {
+    left = leftMin;
+    top = topMax;
+  }
+  if (pos === "se") {
+    left = leftMax;
+    top = topMax;
+  }
+
+  return {
+    position: "absolute" as const,
+    width: `${s}px`,
+    height: `${s}px`,
+    backgroundColor: "#ff0000",
+    border: "2px solid #fff",
+    borderRadius: "50%",
+    cursor: handleCursor[pos],
+    pointerEvents: "auto" as const,
+    left: `${left}px`,
+    top: `${top}px`,
+  };
+};
+
+/**
+ * 获取画布形状
+ */
+export const getCanvasShape = () => {
+  const graphStore = useGraphStore();
+  return graphStore.shapes.find(shape => shape.shapeType === ShapeConfig.SHAPE_TYPE);
+};
+
+/**
+ * 计算所有子图元的边界范围
+ * */
+export const calculateShapesBounds = () => {
+  const graphStore = useGraphStore();
+  // 过滤掉画布本身，只计算子图元
+  const childShapes = graphStore.shapes.filter(
+    (shape) => shape.shapeType !== ShapeConfig.SHAPE_TYPE
+  );
+
+  if (childShapes.length === 0) return null;
+
+  // 初始化边界值
+  let minX = Infinity;
+  let minY = Infinity;
+  let maxX = -Infinity;
+  let maxY = -Infinity;
+
+  // 遍历所有子图元计算边界
+  childShapes.forEach((shape: Shape) => {
+    if (!shape.bounds) return;
+
+    const { x, y, width, height } = shape.bounds;
+    // 使用空值合并运算符处理可能的 undefined 值
+    minX = Math.min(minX, x ?? 0);
+    minY = Math.min(minY, y ?? 0);
+    maxX = Math.max(maxX, (x ?? 0) + (width ?? 0));
+    maxY = Math.max(maxY, (y ?? 0) + (height ?? 0));
+  });
+
+  return { minX, minY, maxX, maxY };
+};
+
+/**
+ * 调整画布大小
+ * */
+export const adjustCanvasToFitAllShapes = () => {
+  const graphStore = useGraphStore();
+  // 获取画布形状
+  const canvas = graphStore.shapes.find(
+    (shape) => shape.shapeType === ShapeConfig.SHAPE_TYPE
+  );
+
+  if (!canvas || !canvas.bounds) return;
+
+  const shapesBounds = calculateShapesBounds();
+  const canvasX = canvas.bounds.x || 0;
+  const canvasY = canvas.bounds.y || 0;
+  const currentWidth = canvas.bounds.width || 0;
+  const currentHeight = canvas.bounds.height || 0;
+
+  // 如果没有子图元，确保不小于最小尺寸
+  if (!shapesBounds) {
+    ensureMinimumCanvasSize();
+    return;
+  }
+
+  const { minX, minY, maxX, maxY } = shapesBounds;
+
+  // 计算所需的最小画布尺寸（刚好包含所有图元+边距）
+  const requiredWidth = Math.max(
+    maxX - canvasX + ShapeConfig.CANVAS_PADDING,
+    canvasX + ShapeConfig.CANVAS_PADDING - minX,
+    ShapeConfig.MIN_CANVAS_WIDTH
+  );
+
+  const requiredHeight = Math.max(
+    maxY - canvasY + ShapeConfig.CANVAS_PADDING,
+    canvasY + ShapeConfig.CANVAS_PADDING - minY,
+    ShapeConfig.MIN_CANVAS_HEIGHT
+  );
+
+  // 只在需要扩大时才更新（不缩小）
+  const finalWidth = Math.max(currentWidth, requiredWidth);
+  const finalHeight = Math.max(currentHeight, requiredHeight);
+
+  // 仅在尺寸变化时才更新
+  if (finalWidth !== currentWidth || finalHeight !== currentHeight) {
+    graphStore.updateShape(canvas.id, {
+      bounds: {
+        ...canvas.bounds,
+        width: finalWidth,
+        height: finalHeight,
+      },
+    });
+  }
+};
+
+/**
+ * 确保画布不小于最小尺寸
+ * */
+const ensureMinimumCanvasSize = () => {
+  const graphStore = useGraphStore();
+  const canvas = graphStore.shapes.find(
+    (shape) => shape.shapeType === ShapeConfig.SHAPE_TYPE
+  );
+
+  if (!canvas || !canvas.bounds) return;
+
+  const currentWidth = canvas.bounds.width || 0;
+  const currentHeight = canvas.bounds.height || 0;
+
+  // 确保不小于最小尺寸
+  const finalWidth = Math.max(currentWidth, ShapeConfig.MIN_CANVAS_WIDTH);
+  const finalHeight = Math.max(currentHeight, ShapeConfig.MIN_CANVAS_HEIGHT);
+
+  if (finalWidth !== currentWidth || finalHeight !== currentHeight) {
+    graphStore.updateShape(canvas.id, {
+      bounds: {
+        ...canvas.bounds,
+        width: finalWidth,
+        height: finalHeight,
+      },
+    });
+  }
+};
+
+/**
+ * 计算操作按钮的位置样式
+ */
+export const actionButtonsStyle = (shape: Shape): Record<string, string> => {
+  const shapeBounds = shape.bounds ?? {};
+  const shapeWidth = shapeBounds.width ?? 100;
+  const shapeHeight = shapeBounds.height ?? 40;
+  if (!shape.scenarioMenus) {
+    return {}
+  }
+  // 按钮宽度：28px，间距4px，共5个按钮 (根据接口动态替换)
+  const hasTypeButton = !!shape.modelTypePropertyId;
+  const totalButtons = (shape.scenarioMenus ? shape.scenarioMenus!.length : 0) + (hasTypeButton ? 1 : 0);
+  const buttonsHeight = 28 * totalButtons + 4 * (totalButtons - (totalButtons > 0 ? 1 : 0));
+
+  return {
+    position: "absolute",
+    left: `${shapeWidth + 15}px`, // 紧贴形状右侧，间距5px
+    top: `${(shapeHeight - buttonsHeight) / 2}px`, // 垂直居中
+    zIndex: "1000",
+  };
+};
+
+/**
+ * 名称虚线框容器样式 - 确保在父组件内水平居中
+ */
+export const nameTextBoxContainerStyle = (id: string): Record<string, string> => {
+  const graphStore = useGraphStore();
+  let shape = graphStore.shapes.find((shape) => shape.id === id)
+  const b = shape?.bounds ?? {} as any
+  const nb = (shape as any).nameBounds ?? {} as any
+  const ns = (shape as any).nameStyle ?? {} as any
+
+  // Pin 单独计算：容器贴合文字位置（可能在 Pin 外部）
+  if ((shape as any).shapeType === 'pin' && (nb.x != null) && (nb.y != null)) {
+    const fontSize = Number(ns.fontSize || nb.height || 12)
+    const fontFamily = String(ns.fontFamily || '思源黑体')
+    const fontWeight = String(ns.fontWeight || 'normal')
+    const text = String(shape?.name || '')
+
+    const measure = (t: string): number => {
+      try {
+        const canvas = document.createElement('canvas')
+        const ctx = canvas.getContext('2d')!
+        ctx.font = `${fontWeight} ${fontSize}px ${fontFamily}`
+        const w = ctx.measureText(t).width
+        return Math.max(10, Math.ceil(w))
+      } catch { // SSR 或异常时降级
+        let acc = 0
+        for (const ch of t) {
+          if (/[^\x00-\x7F]/.test(ch)) acc += 1.0
+          else if (ch === ' ') acc += 0.5
+          else acc += 0.6
+        }
+        return Math.max(10, Math.ceil(acc * fontSize))
+      }
+    }
+
+    const textWidth = measure(text)
+    const PADDING_X = 28 // 水平额外留白，保证输入框不显拥挤
+    const PADDING_Y = 12 // 垂直额外留白
+    const boxW = Math.min(480, Math.max(64, textWidth + PADDING_X))
+    const boxH = Math.max(28, Math.ceil(fontSize + PADDING_Y))
+
+    const xAbs = (b.x ?? 0) + Number(nb.x)
+    const yAbs = (b.y ?? 0) + Number(nb.y)
+
+    const anchor = String(ns.textAnchor || 'middle') as 'start' | 'middle' | 'end'
+    const baseline = String(ns.dominantBaseline || 'alphabetic')
+
+    // 水平定位
+    let left = xAbs
+    if (anchor === 'middle') left = xAbs - boxW / 2
+    else if (anchor === 'end') left = xAbs - boxW
+
+    // 垂直定位：依据 baseline
+    let top = yAbs
+    if (baseline === 'text-before-edge') top = yAbs
+    else if (baseline === 'text-after-edge') top = yAbs - fontSize
+    else if (baseline === 'middle') top = yAbs - fontSize / 2
+    else top = yAbs - fontSize // 默认当作 alphabetic
+
+    return {
+      position: 'absolute',
+      left: `${Math.round(left)}px`,
+      top: `${Math.round(top)}px`,
+      width: `${Math.round(boxW)}px`,
+      height: `${Math.round(boxH)}px`,
+      display: 'block',
+      zIndex: '1000',
+      pointerEvents: 'all',
+    }
+  }
+
+  // 非 Pin：维持原逻辑（容器在父内水平居中）
+  const shapeBounds = shape?.bounds ?? {};
+  const nameBounds = shape?.nameBounds ?? {};
+  const absoluteY = (shapeBounds.y ?? 0) + (nameBounds.y ?? 0);
+  return {
+    position: "absolute",
+    left: `${shapeBounds.x ?? 0}px`,
+    top: `${absoluteY - 17}px`,
+    width: `${shapeBounds.width ?? 100}px`,
+    height: `${25}px`,
+    display: "flex",
+    justifyContent: "center",
+    alignItems: "center",
+    zIndex: "1000",
+  };
+};
+
+/**
+ * 名称虚线框样式 - 自适应父容器宽度
+ */
+export const nameTextBoxStyle = (shape: Shape): Record<string, string> => {
+  if ((shape as any).shapeType === 'pin') {
+    return {
+      width: "100%", // Pin：使用容器的全部宽度，确保可点击区域覆盖整个文本
+      height: "100%",
+    }
+  }
+  return {
+    width: "calc(100% - 20px)", // 非 Pin：恢复原逻辑，留出左右边距
+    height: "100%",
+  };
+};
+
+/**
+ * 名称编辑容器样式 - 确保在父组件内水平居中
+ */
+export const nameEditorContainerStyle = (shape: Shape): Record<string, string> => {
+  const b = shape.bounds ?? {} as any
+  const nb = (shape as any).nameBounds ?? {} as any
+  const ns = (shape as any).nameStyle ?? {} as any
+
+  if ((shape as any).shapeType === 'pin' && (nb.x != null) && (nb.y != null)) {
+    const fontSize = Number(ns.fontSize || nb.height || 12)
+    const textLen = (shape.name?.length || 0)
+    const textWidth = Math.max(10, textLen * fontSize * 0.6)
+    const boxW = Math.min(300, Math.max(40, textWidth + 14))
+    const boxH = Math.max(22, fontSize + 10)
+
+    const xAbs = (b.x ?? 0) + Number(nb.x)
+    const yAbs = (b.y ?? 0) + Number(nb.y)
+
+    const anchor = String(ns.textAnchor || 'middle') as 'start' | 'middle' | 'end'
+    const baseline = String(ns.dominantBaseline || 'alphabetic')
+
+    let left = xAbs
+    if (anchor === 'middle') left = xAbs - boxW / 2
+    else if (anchor === 'end') left = xAbs - boxW
+
+    let top = yAbs
+    if (baseline === 'text-before-edge') top = yAbs
+    else if (baseline === 'text-after-edge') top = yAbs - fontSize
+    else if (baseline === 'middle') top = yAbs - fontSize / 2
+    else top = yAbs - fontSize
+
+    return {
+      position: 'absolute',
+      left: `${Math.round(left)}px`,
+      top: `${Math.round(top)}px`,
+      width: `${Math.round(boxW)}px`,
+      height: `${Math.round(boxH)}px`,
+      display: 'block',
+      zIndex: '1001',
+    }
+  }
+
+  const shapeBounds = shape.bounds ?? {};
+  const nameBounds = shape.nameBounds ?? {};
+
+  // 计算text name在画布中的绝对位置
+  const absoluteY = (shapeBounds.y ?? 0) + (nameBounds.y ?? 0);
+
+  return {
+    position: "absolute",
+    left: `${shapeBounds.x ?? 0}px`,
+    top: `${absoluteY - 17}px`,
+    width: `${shapeBounds.width ?? 100}px`,
+    height: `${25}px`,
+    display: "flex",
+    justifyContent: "center", // 水平居中
+    alignItems: "center", // 垂直居中
+    zIndex: "1001",
+  };
+};

package/src/utils/dom.ts

@@ -0,0 +1,21 @@
+// 统一注册/清理拖拽监听，避免重复样板代码
+
+export const withDrag = (
+  onMove: (e: MouseEvent) => void,
+  onUp:   (e: MouseEvent) => void,
+) => {
+  const move = (e: MouseEvent) => onMove(e)
+  const up = (e: MouseEvent) => {
+    try { onUp(e) } finally {
+      window.removeEventListener('mousemove', move)
+      window.removeEventListener('mouseup', up)
+    }
+  }
+  window.addEventListener('mousemove', move)
+  window.addEventListener('mouseup', up)
+  // 返回取消函数（可手动中断）
+  return () => {
+    window.removeEventListener('mousemove', move)
+    window.removeEventListener('mouseup', up)
+  }
+}

package/src/utils/drag.ts

@@ -0,0 +1,224 @@
+// utils/drag.ts
+import type { Shape } from '../types'
+import { getBounds, getDiagramRect, clampPointToRect } from './geom'
+import {
+  finalRectOf,
+  pickContainerByPointerTopmost,
+  resolveParentAfterDrag
+} from './containers'
+type Rect = { x: number; y: number; width: number; height: number };
+export type DragState = {
+  draggingIds: string[]
+  dragBase: Record<string, Rect>        // 按下那一刻的快照
+  dragGhost: Record<string, Rect>       // 拖动中的影子
+  groupBaseBox: Rect | null
+  dragAnchor: { x: number; y: number } | null
+  dragOffset: { x: number; y: number } | null
+  primaryDragId: string | null
+  hoverContainerId: string | null
+}
+
+export const EPS = 0.0001
+export const rectEqual = (a?: Rect, b?: Rect) =>
+  !!a && !!b &&
+  Math.abs(a.x - b.x) < EPS &&
+  Math.abs(a.y - b.y) < EPS &&
+  Math.abs(a.width - b.width) < EPS &&
+  Math.abs(a.height - b.height) < EPS
+
+export const buildDragSnapshot = (
+  shapes: Shape[],
+  ids: string[],
+) => {
+  const dragBase: Record<string, Rect> = {}
+  ids.forEach(id => {
+    const s = shapes.find(x => x.id === id); if (!s) return
+    const b = getBounds(s)
+    dragBase[id] = { x: b.x, y: b.y, width: b.width, height: b.height }
+  })
+  // 组外包矩形
+  let groupBaseBox: Rect | null = null
+  if (ids.length > 1) {
+    const rects = Object.values(dragBase)
+    const xs = rects.map(r => r.x), ys = rects.map(r => r.y)
+    const rs = rects.map(r => r.x + r.width), bs = rects.map(r => r.y + r.height)
+    const minX = Math.min(...xs), minY = Math.min(...ys)
+    const maxR = Math.max(...rs), maxB = Math.max(...bs)
+    groupBaseBox = { x: minX, y: minY, width: maxR - minX, height: maxB - minY }
+  }
+  return { dragBase, groupBaseBox }
+}
+
+// 单拖：计算新的影子与悬停容器
+export const stepSingleDrag = (
+  shapes: Shape[],
+  id: string,
+  pointer: { x: number; y: number },
+  dragOffset: { x: number; y: number } | null,
+  dragBase: Record<string, Rect>,
+  diagramId: string,
+  constrainEdges: { left?: boolean; top?: boolean; right?: boolean; bottom?: boolean }
+) => {
+  const s = shapes.find(x => x.id === id); if (!s) return { ghost: {}, hover: null }
+  const base = dragBase[id]; if (!base) return { ghost: {}, hover: null }
+  const container = getDiagramRect(shapes)
+
+  let nx = pointer.x - (dragOffset?.x ?? 0)
+  let ny = pointer.y - (dragOffset?.y ?? 0)
+    ; ({ x: nx, y: ny } = clampPointToRect({ x: nx, y: ny }, base, container, constrainEdges))
+
+  const dropRect: Rect = { x: nx, y: ny, width: base.width, height: base.height }
+  // 按“鼠标所指”
+  const candidate = pickContainerByPointerTopmost(
+    shapes,
+    pointer,
+    id,
+    diagramId,
+    [id],     // 如果是组拖可以传整个组的 id 列表
+    -1        // 边缘更友好；想严格就改成 0 或正值
+  )
+
+  //没命中再回退到覆盖率方案（保持你原有体验）
+  // if (!candidate) {
+  //   candidate = pickContainerByCoverage(shapes, dropRect, id, diagramId, 0.5)
+  // }
+
+  return {
+    ghost: { [id]: dropRect } as Record<string, Rect>,
+    hover: candidate?.id ?? null
+  }
+}
+
+// 组拖：计算整组影子 & 用主拖动项判断 hover
+export const stepGroupDrag = (
+  shapes: Shape[],
+  draggingIds: string[],
+  primaryId: string,
+  pointer: { x: number; y: number },
+  dragAnchor: { x: number; y: number },
+  groupBaseBox: Rect,
+) => {
+  const diagramRect = getDiagramRect(shapes)
+  const dxRaw = pointer.x - dragAnchor.x
+  const dyRaw = pointer.y - dragAnchor.y
+
+  let gx = groupBaseBox.x + dxRaw
+  let gy = groupBaseBox.y + dyRaw
+
+  // 组级夹取（只限制 left/top ≥ diagram 最小值，与单拖一致）
+  const minLeft = Math.max(0, diagramRect.left)
+  const minTop = Math.max(0, diagramRect.top)
+  gx = Math.max(minLeft, gx)
+  gy = Math.max(minTop, gy)
+
+  const dx = gx - groupBaseBox.x
+  const dy = gy - groupBaseBox.y
+
+  // 构建整组 ghost
+  const ghost: Record<string, Rect> = {}
+  for (const id of draggingIds) {
+    const s = shapes.find(x => x.id === id); if (!s) continue
+    const b = getBounds(s)
+    ghost[id] = { x: b.x + dx, y: b.y + dy, width: b.width, height: b.height }
+  }
+
+  // —— hover 统一改为“指针命中 topmost 容器”
+  // 用主拖动项获取 diagramId（也可以存你当前图的 id）
+  const priShape = shapes.find(x => x.id === primaryId)
+  const diagramId = priShape?.diagramId || ''
+
+  const hoverShape = pickContainerByPointerTopmost(
+    shapes,
+    pointer,
+    primaryId,
+    diagramId,
+    draggingIds,  // 排除整组，避免命中自己或自己的后代
+  )
+
+  const hover = hoverShape?.id ?? null
+  return { ghost, hover }
+}
+
+// 构造“虚拟形状表”，用于 end 阶段判定（父/子都用 ghost 后的位置）
+export const buildVirtualShapes = (shapes: Shape[], ghost: Record<string, Rect>): Shape[] =>
+  shapes.map(s => ghost[s.id] ? ({ ...s, bounds: { ...s.bounds, ...ghost[s.id] } } as Shape) : s)
+
+// 提交：根据 coverage 规则 attach/detach + 最小扩张 + clamp；返回“真正发生位移/尺寸变化的 shapes”
+export const commitDrag = (
+  shapes: Shape[],
+  draggingIds: string[],
+  ghost: Record<string, Rect>,
+  _currentDiagramId: string | null, // 此函数不再参与容器判定，参数保留为兼容
+  updateShape: (id: string, updates: Partial<Shape>) => void,
+  baseMap?: Record<string, Rect>
+) => {
+  const changedIds = new Set<string>()
+
+  // 仅把“参与拖拽的节点”的 ghost 写回；不处理父子关系，也不扩父或夹回
+  for (const id of draggingIds) {
+    const s = shapes.find(x => x.id === id)
+    const r = ghost[id] // 参与拖拽的 id 都应当在 ghost 里
+    if (!s || !r) continue
+
+    // 轻度防抖：做一个整像素落盘，避免 0.x 抖动
+    const nb: Rect = {
+      x: Math.round(r.x),
+      y: Math.round(r.y),
+      width: Math.round(r.width),
+      height: Math.round(r.height),
+    }
+
+    const pb = (baseMap?.[id] ?? (s.bounds as Rect))
+    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)
+    }
+  }
+
+  return Array.from(changedIds)
+}
+
+/** 结束一次变换（拖动/缩放/批量）的统一收尾：
+ */
+export const finalizeAfterTransform = (
+  shapes: Shape[],
+  changedIds: string[],
+  ghost: Record<string, Rect>,
+  draggingIds: string[],
+  diagramId: string | null | undefined,
+  hoverId: string | null | undefined,
+  updateShape: (id: string, updates: Partial<Shape>) => void,
+): boolean => {
+
+  // 深度工具：先处理“外层”再处理“内层”，避免内层已换父时反复扩父
+  const depthOf = (sid: string) => {
+    let d = 0
+    let p = shapes.find(s => s.id === sid)?.parenShapeId ?? null
+    while (p) { d++; p = shapes.find(s => s.id === p)?.parenShapeId ?? null }
+    return d
+  }
+  const sorted = [...changedIds].sort((a, b) => depthOf(a) - depthOf(b))
+
+  let anyReparent = false
+  for (const id of sorted) {
+    const s = shapes.find(x => x.id === id); if (!s) continue
+    const finalRect = finalRectOf(ghost, s)
+    const did = resolveParentAfterDrag(
+      shapes, s, finalRect,
+      draggingIds,
+      diagramId,
+      updateShape,
+      0.5,               // 覆盖阈值占位（内部已按 hover 优先）
+      hoverId ?? null,
+      {
+        //开启“嵌套时延迟扩父”的模式
+        deferExpandOnReparent: true,
+      },
+    )
+    if (did) anyReparent = true
+  }
+  return anyReparent
+}