From b41d156edd8b506c7e94dd81e582bfadb633a1ce Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=8E=8B=E5=BE=B7=E5=AE=87?= <kvtodev@outlook.com>
Date: Tue, 22 Sep 2026 13:31:46 +0800
Subject: [PATCH] =?UTF-8?q?=E5=BA=95=E9=83=A8=E5=B7=A5=E5=85=B7=E6=A0=8F?=
 =?UTF-8?q?=E7=9A=84=E5=AD=90=E9=80=89=E9=A1=B9=E9=94=9A=E7=82=B9=20ref=20?=
 =?UTF-8?q?=E6=94=B9=E7=94=A8=E6=9F=A5=E8=A1=A8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- src/components/image-editor/ImageCanvasBottomToolbarView.tsx：把 spec / music / model3d / publication 的三层三元 ref 选择链提成 toolWrapRefs 映射表，新增子选项时不再延长三元链

验证：npx vitest run src/components/image-editor/ImageCanvasBottomToolbarView.test.tsx（3 用例全绿）、npm run typecheck
---
 .../ImageCanvasBottomToolbarView.tsx          | 21 +++++++++++--------
 1 file changed, 12 insertions(+), 9 deletions(-)

diff --git a/src/components/image-editor/ImageCanvasBottomToolbarView.tsx b/src/components/image-editor/ImageCanvasBottomToolbarView.tsx
index edf7e87f7..453392e4e 100644
--- a/src/components/image-editor/ImageCanvasBottomToolbarView.tsx
+++ b/src/components/image-editor/ImageCanvasBottomToolbarView.tsx
@@ -100,6 +100,17 @@ export function ImageCanvasBottomToolbarView({
   onOpenToolOptions,
   onCloseToolOptions,
 }: ImageCanvasBottomToolbarViewProps) {
+  // 每个可展开子选项挂在自己那一格上的定位锚点：查表比三层三元链更好加新工具。
+  const toolWrapRefs: Record<
+    ToolbarOptionTool,
+    RefObject<HTMLSpanElement | null>
+  > = {
+    spec: specToolWrapRef,
+    music: musicToolWrapRef,
+    model3d: model3dToolWrapRef,
+    publication: publicationToolWrapRef,
+  };
+
   return (
     <CanvasToolbar
       className={[
@@ -118,15 +129,7 @@ export function ImageCanvasBottomToolbarView({
             <CanvasToolbarGroup key={id}>
               {separatorBefore ? <CanvasToolbarDivider /> : null}
               <span
-                ref={
-                  id === 'spec'
-                    ? specToolWrapRef
-                    : id === 'music'
-                      ? musicToolWrapRef
-                      : id === 'model3d'
-                        ? model3dToolWrapRef
-                        : publicationToolWrapRef
-                }
+                ref={toolWrapRefs[id]}
                 className={[
                   'image-canvas-editor__bottom-toolbar-option-wrap',
                   id === 'spec' ? 'image-canvas-editor__spec-tool-wrap' : '',